/*
@File: Jibdara Template Styles
URL: http://www.bootstrapmb.com
* This file contains the styling for the actual tepmlate, this
is the file you need to edit to change the look of the
tepmlate.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

*** - Default Area CSS
*** - Prealoader Area CSS 
*** - Header Top Area CSS
*** - Header Middle Area CSS
*** - Main Menu Area CSS
*** - Search Popup Area CSS
*** - Home Slides Area CSS
*** - Welcome Area CSS
*** - About Area CSS
*** - Why Choose Us Area CSS
*** - Services Area CSS
*** - Services Style Two Area CSS
*** - Services Details Area CSS
*** - CTR Area CSS
*** - Testimonial Area CSS
*** - Partner Area CSS
*** - Case Studies Area CSS
*** - Case Details Area CSS
*** - Quick Query and Fun Fact Area CSS
*** - Blog Area CSS
*** - Blog Details Area CSS
*** - Page Title Area CSS
*** - What We Do Area CSS
*** - Pricing Area CSS
*** - Team Area CSS
*** - Team Details Area CSS
*** - Portfolio Area CSS
*** - Portfolio Details Area CSS
*** - Contact Area CSS
*** - Pagination Area CSS
*** - Side Bar Area CSS
*** - Error Area CSS
*** - FAQ Area CSS
*** - Get Qoute Area CSS
*** - Login Area CSS
*** - Register Area CSS
*** - Footer Area CSS
*** - Go Top CSS
*/

/*
======================================
Default Area CSS
======================================
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@font-face {
    font-family: 'Conv_DINCondensedC';
    src: url('../fonts/DINCondensedC.eot');
    src: local('☺'), url('../fonts/DINCondensedC.woff') format('woff'), url('../fonts/DINCondensedC.ttf') format('truetype'), url('../fonts/DINCondensedC.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: 微软雅黑,'Open Sans', sans-serif;
	padding: 0;
	margin: 0;
}
ul {
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
    font-size: 15px;
}
p {
    font-size: 16px;
    color: #212528;
    line-height: 1.7;
    margin: 0;
}
a {
	color: #212528;
    font-size: 15px;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
a:hover, a:focus {
	color: #365dee;
	text-decoration: none;
}
:focus {
	box-shadow: unset;
	outline: 0;
}
button:focus {
    outline: 0;
}
.container {
    padding-left:8px;
    padding-right:8px;
}
.row {
    margin-right:-8px;
    margin-left:-8px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    padding-right: 8px;
    padding-left: 8px;
}

.d-table {
    display: table;
	width: 100%;
	height: 100%;
}
.d-table-cell {
    display: table-cell;
	vertical-align: middle;
}
.ptb-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.ptb-100-50 {
    padding-top: 100px;
    padding-bottom: 50px;
}
.ptb-50-100 {
    padding-top: 50px;
    padding-bottom: 100px;
}
.ptb-200 {
    padding-top: 200px;
    padding-bottom: 200px;
}
.pb-100 {
	padding-bottom: 100px;
}
.bg {
    background: #fafafa;
}
.bg-ededed {
    background:#ededed;
}
.bg2 {
    background: #f7f7f7;
}
img {
    max-width: 100%;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin: 0;
    color: #222529;
	line-height: 1;
}
.list-unstyled li {
	color: #d9534f;
}
/* Owl Carousel BTN */
.owl-theme .owl-nav [class*="owl-"] {
	position: absolute;
	left: 40px;
	top: 50%;
	margin-top: -20px;
	background: rgba(255,255,255,0.33);
	width: 60px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	font-size: 30px;
	color: #333;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.owl-theme .owl-nav .owl-next {
	left: auto;
	right: 40px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
	background: #212528;
}
.owl-controls .owl-dot {
	background: #848484;
	width: 30px;
	height: 6px;
	margin: 0 0 0 10px;
	display: inline-block;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	border-radius: 0;
}
/* BTN Primary */
.btn-primary {
	color: #fff;
}
.btn {
	font-weight: 700;
	padding: 10px 35px;
	font-size: 16px;
	line-height: 1.6;
	border-radius: 5px;
    -ms-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
}
.btn-primary.btn-color {
	background: #212528;
	border-color: #212528;
}
.btn-primary:hover {
	color: #fff;
	background-color: #212528;
	border-color: #212528;
}
.btn-primary.btn-color:hover, .btn-primary.btn-color:focus {
    color: #fff;
}
.btn-primary.focus, .btn-primary:focus {
	box-shadow: none;
}
.btn-primary.focus, .btn-primary:focus {
	box-shadow: none;
	color: #fff;
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	opacity: 1;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-primary.disabled:hover {
	background: #212528;
	border-color: #212528;
}
/* Section Title */
.section-title {
    
    margin-bottom: 40px;
}
.section-title h3 {
	font-size: 28px;
	font-weight: 700;
	/*margin-bottom: 55px;*/
	position: relative;
}
.section-title-ZZZZZZZZZZZZZZZZZ h3::before, .section-title-ZZZZZZZZZZZZZZZZ h3::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	background: #212528;
	width: 110px;
	height: 3px;
	margin: 0 auto;
	bottom: -37px;
    -ms-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
}
.section-title h3::after {
	bottom: -25px;
	width: 60px;
}
.section-title:hover h3::before {
	width: 60px;
}
.section-title:hover h3::after {
	background: #212528;
	width: 110px;
}

.section-title3 {  
    margin-bottom: 40px;
}
.section-title3 h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 55px;
}


/* Form Control */
.form-control {
	padding: 10px 20px;
	border: none;
	border-radius: 0;
	height: 45px;
}
#message.form-control {
	height: auto;
}
.form-control:focus {
	border-color: transparent;
	box-shadow: unset;
}

/* Read More Btn */
.read-more-btn {
	font-weight: 600;
	position: relative;
	padding-left: 18px;
    display: inline-block;
}
.read-more-btn:hover {
	padding-left: 0;
}
.read-more-btn .left {
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
	position: absolute;
	left: 0;
	top: 0;
}
.read-more-btn:hover .left {
	opacity: 0;
	visibility: hidden;
}
.read-more-btn .right {
	opacity: 0;
	visibility: hidden;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.read-more-btn:hover .right {
	opacity: 1;
	visibility: visible;
}


/*标题有下划线公用样式*/
.title-have-line h3{
    font-size:28px;
    position: relative;
}
.title-have-line h3::before, .title-have-line h3::after {
    content: '';
    position: absolute;
    left: 0;

    background: #e3e3e3;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    bottom: -24px;
    -ms-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
}
.title-have-line h3::after {
    bottom: -24px;
    width: 115px;
    background: #365dee;
    height:2px;
}

.title-have-line2 h3{
    font-size:28px;
    display: inline-block;
    border-bottom:3px solid #365dee;
    line-height:56px;
}
.title-have-line2 span{
    position: relative;
    display: block;
}
/*.title-have-line2 h3::before, */
.title-have-line2 span::after {
    content: '';
    position: absolute;
    left: 0;

    background: #e3e3e3;/*#e3e3e3;*/
    width: 100%;
    height: 1px;
    margin: 0 auto;
    bottom: -59px;
    -ms-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
}
/*.title-have-line2 h3::after {
    bottom: -20px;
    width: 115px;
    background: #365dee;
    height:2px;
}*/
/*
======================================
Prealoader Area CSS
======================================
*/
.preloader-area {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 99999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.preloader {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    animation: rotatePreloader 2s infinite ease-in;
}
@keyframes rotatePreloader {
    0% {
        transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
    }
    100% {
        transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
    }
}
.preloader div {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.preloader div:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 10%;
    height: 10%;
    transform: translateX(-50%);
    border-radius: 50%;
}
.preloader div:nth-child(1) {
    transform: rotateZ(0deg);
    animation: rotateCircle1 2s infinite linear;
    z-index: 9;
}
@keyframes rotateCircle1 {
    0% {
        opacity: 0;
    }
    0% {
        opacity: 1;
        transform: rotateZ(36deg);
    }
    7% {
        transform: rotateZ(0deg);
    }
    57% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(2) {
    transform: rotateZ(36deg);
    animation: rotateCircle2 2s infinite linear;
    z-index: 8;
}
@keyframes rotateCircle2 {
    5% {
        opacity: 0;
    }
    5.0001% {
        opacity: 1;
        transform: rotateZ(0deg);
    }
    12% {
        transform: rotateZ(-36deg);
    }
    62% {
        transform: rotateZ(-36deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(3) {
    transform: rotateZ(72deg);
    animation: rotateCircle3 2s infinite linear;
    z-index: 7;
}
@keyframes rotateCircle3 {
    10% {
        opacity: 0;
    }
    10.0002% {
        opacity: 1;
        transform: rotateZ(-36deg);
    }
    17% {
        transform: rotateZ(-72deg);
    }
    67% {
        transform: rotateZ(-72deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(4) {
    transform: rotateZ(108deg);
    animation: rotateCircle4 2s infinite linear;
    z-index: 6;
}
@keyframes rotateCircle4 {
    15% {
        opacity: 0;
    }
    15.0003% {
        opacity: 1;
        transform: rotateZ(-72deg);
    }
    22% {
        transform: rotateZ(-108deg);
    }
    72% {
        transform: rotateZ(-108deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(5) {
    transform: rotateZ(144deg);
    animation: rotateCircle5 2s infinite linear;
    z-index: 5;
}

@keyframes rotateCircle5 {
    20% {
        opacity: 0;
    }
    20.0004% {
        opacity: 1;
        transform: rotateZ(-108deg);
    }
    27% {
        transform: rotateZ(-144deg);
    }
    77% {
        transform: rotateZ(-144deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(6) {
    transform: rotateZ(180deg);
    animation: rotateCircle6 2s infinite linear;
    z-index: 4;
}
@keyframes rotateCircle6 {
    25% {
        opacity: 0;
    }
    25.0005% {
        opacity: 1;
        transform: rotateZ(-144deg);
    }
    32% {
        transform: rotateZ(-180deg);
    }
    82% {
        transform: rotateZ(-180deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(7) {
    transform: rotateZ(216deg);
    animation: rotateCircle7 2s infinite linear;
    z-index: 3;
}
@keyframes rotateCircle7 {
    30% {
        opacity: 0;
    }
    30.0006% {
        opacity: 1;
        transform: rotateZ(-180deg);
    }
    37% {
        transform: rotateZ(-216deg);
    }
    87% {
        transform: rotateZ(-216deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(8) {
    transform: rotateZ(252deg);
    animation: rotateCircle8 2s infinite linear;
    z-index: 2;
}
@keyframes rotateCircle8 {
    35% {
        opacity: 0;
    }
    35.0007% {
        opacity: 1;
        transform: rotateZ(-216deg);
    }
    42% {
        transform: rotateZ(-252deg);
    }
    92% {
        transform: rotateZ(-252deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(9) {
    transform: rotateZ(288deg);
    animation: rotateCircle9 2s infinite linear;
    z-index: 1;
}
@keyframes rotateCircle9 {
    40% {
        opacity: 0;
    }
    40.0008% {
        opacity: 1;
        transform: rotateZ(-252deg);
    }
    47% {
        transform: rotateZ(-288deg);
    }
    97% {
        transform: rotateZ(-288deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
.preloader div:nth-child(10) {
    transform: rotateZ(324deg);
    animation: rotateCircle10 2s infinite linear;
    z-index: 0;
}
@keyframes rotateCircle10 {
    45% {
        opacity: 0;
    }
    45.0009% {
        opacity: 1;
        transform: rotateZ(-288deg);
    }
    52% {
        transform: rotateZ(-324deg);
    }
    102% {
        transform: rotateZ(-324deg);
    }
    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}
/*
======================================
Header Top Area CSS
======================================
*/
.header {
    position: relative;
}
.header-top {
	background: #5e6263;
	padding: 7px 0;
    
}
.header-top .header-top-lang{
    text-align: right;
}
.header-top-lang li {
	display: inline-block;
	margin-left: 18px;
}
.header-top-lang li a {
	font-size: 13px;
    color:#FFF;
}
.header-top-lang li img{
    padding-right:4px
}
/*
======================================
Header Middle Area CSS
======================================
*/
.header-middle {
    padding: 0;
}
.header-middle .middle-right {
    text-align: right;
}
.header-middle .middle-right li {
	display: inline-block;
	margin-left: 40px;
	position: relative;
}
.header-middle .middle-right li:first-child {
	margin-left: 0;
}
.header-middle .middle-right .icon {
	position: absolute;
	left: -10px;
	top: 6px;
}
.header-middle .middle-right .location {
	left: 0;
}
.header-middle .middle-right .phone {
	left: 0;
}
.header-middle .middle-right .text {
	text-align: left;
	padding-left: 50px;
}
.header-middle .middle-right .text span {
	font-size: 14px;
	font-weight: 700;
	color: #212528;
}
.header-middle .middle-right .text p {
	line-height: 1;
	font-size: ;
	margin-top: 5px;
}
.header-middle-two {
	padding-bottom: 60px;
}
@media only screen and (max-width: 991px) {
	.header-middle-two {
		padding-bottom: 25px;
	}
}
/*
======================================
Main Menu Area CSS
======================================
*/
.header-sticky.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	/*box-shadow: 0 8px 6px -6px rgba(0,0,0,.4);*/
	-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.header-sticky.is-sticky-10 {
    position: fixed;
    top: -85px;
    left: 0;
    width: 100%;
    z-index: 999;
    /*box-shadow: 0 8px 6px -6px rgba(0,0,0,.4);*/
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
@media only screen and (max-width: 991px) {
	.header-sticky.is-sticky {
		height: 62px;
	}
}
.main-header-area {
	width: 100%;
	position: relative;
	z-index: 9999;
	-o-transition: .4s;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.main-header-area {
		height: 70px;
	}
}
@media only screen and (max-width: 991px) {
	.main-header-area {
		height: 64px;
	}
}
.main-header-area .classy-nav-container {
	background-color: transparent;
}
.main-header-area .classy-navbar {
	height: auto;
	padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.main-header-area .classy-navbar {
		height: 60px;
	}
}
@media only screen and (max-width: 767px) {
	.main-header-area .classy-navbar {
		height: 64px;
		padding: 0.5em 0;
	}
    
}
.main-header-area .classynav ul li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 22px;
	height: auto;
}
@media only screen and (max-width: 991px) {
    .main-header-area .classynav ul li a {
        color: #fff;
    }
	.main-header-area .classynav ul li a {
		padding: 4px 20px 1px;
		font-size: 15px;
        text-align: left;
	}
}
.main-header-area .nav-brand {
	line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.main-header-area .nav-brand {
		margin-right: 0;
	}
}
.main-header-area .classynav ul {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}
.is-sticky .main-header-area {
	width: 100%;
	z-index: 10000 !important;
	height: 90px;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
	background-color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.is-sticky .main-header-area {
		height: 70px;
	}
	.light .classynav ul li .dropdown, .light .classynav ul li .megamenu, .light.breakpoint-on .classynav > ul > li > a, .light.breakpoint-on .classy-navbar .classy-menu {
		background-color: #000000;
	}
}
.main-header-area .light .classynav ul li .dropdown li .dropdown .active a {
	color: #fff;
}
@media only screen and (max-width: 767px) {
	.is-sticky .main-header-area {
		height: 70px;
	}
	.light .classynav ul li .dropdown, .light .classynav ul li .megamenu, .light.breakpoint-on .classynav > ul > li > a, .light.breakpoint-on .classy-navbar .classy-menu {
		background-color: #000000;
	}
}
.main-header-area .classynav ul li a.active, .main-header-area .classynav ul li a:hover {
	color: #fff;
	background: #212528;
}
.main-header-area .classynav .dropdown li a.active, .main-header-area .classynav .dropdown li a:hover {
	color: #fff;
	background: #212528;
}
.main-header-area .light .classynav ul li .dropdown li .dropdown li a:hover {
	color: #fff;
}
.main-header-area .classynav .text-right {
	width: 25.3%;
}
@media only screen and (max-width: 991px) {
	.main-header-area .classynav .text-right {
		width: 100%;
		text-align: left !important;
	}
}
.main-header-two {
	background: transparent;
	position: absolute;
	width: 100%;
	height: 62px;
	bottom: -30px;
	left: 0;
	right: 0;
}
@media only screen and (max-width: 991px) {
	.main-header-two {
		background: #ff6600 !important;
		position: relative;
		width: 100%;
		height: auto;
		bottom: 0;
		left: 0;
		right: 0;
	}
}
@media only screen and (max-width: 991px) {
	.light .classynav ul li .dropdown, .light.classy-nav-container {
		background-color: transparent !important;
	}
}
/* 
=========================================
Search Popup Area CSS
=========================================
*/
#search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
}
#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: white;
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#search .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 50px;
	margin-left: -45px;
}
#search .close {
	position: absolute;
	top: 20px;
	right: 20px;
	background-color: #fff;
	border-color: #fff;
	opacity: 1;
	font-size: 25px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
}
#search .close:hover, #search .close:focus {
	color: #fff;
}
#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
}
.main-header-area .classynav ul li a.search-btn {
	color: #fff;
	margin-left: 0;
	display: inline-block;
}
/* 
=========================================
Home Slides Area CSS
=========================================
*/
.main-banner {
	height: 600px;
	background: #ddd;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.main-banner::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.item-bg-one {
    background-image: url(../../assets/img/home-bg1.jpg);
}
.item-bg-two {
    background-image: url(../../assets/img/home-bg2.jpg);
}
.item-bg-three {
    background-image: url(../../assets/img/home-bg3.jpg);
}
.main-banner-text h1 {
	font-size: 35px;
	font-weight: 500;
	margin: 12px 0 12px;
}
.main-banner-text h1 span{
    color: #365dee;
}
.main-banner-text h4 {
	font-size: 42px;
	font-weight: 500;
}
.main-banner-text p {
	font-size: 18px;
	max-width: 760px;
	margin-bottom: 35px;
    font-weight: 500;
    line-height: 1.7;
}
.main-banner-text .read-more {
	padding: 10px 20px;
	color: #212528;
	font-size: 16px;
	font-weight: 700;
    display: inline-block;
}
.main-banner-text .read-more i {
    margin-right: 4px;    
}
.main-banner-text .read-more:hover {
	background: #212528;
	color: #fff;
}

/*.home-slides .owl-controls {
    position: absolute;
    left: -16%;
    right: 0;
    text-align: center;
    bottom: 50px;
}*/
/*
======================================
Welcome Area CSS
======================================
*/
/*.welcome-text span {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
}*/
.welcome-text h5 {
    font-size: 1.35rem;
    
    margin: 22px 0 25px 0;
    line-height: 35px;
    text-transform: uppercase;
}
.welcome-text p{
    font-size:17px;
}
.gq-au-btn {
    margin-top: 30px;
}
.gq-au-btn .mr-20 {
    margin-right: 20px;
}
.welcome-text p {
	margin-bottom: 10px;
	line-height: 1.7;
    color: #595757;
}
.welcome-video {
    position: relative;
    background-image: url(../../assets/img/welcome.png);
    height: 395px;
    background-repeat: no-repeat;
    background-size: cover;
}
.welcome-video:before {
    background-color: #000;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .2;
}
.welcome-video a.popup-youtube {
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 0;
	right: 0;
	max-width: 85px;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: scale(.9);
	transform: scale(.9);
}
.welcome-video:hover a.popup-youtube {
	transform: scale(1.1);
}
/*
======================================
About Area CSS
======================================
*/
.single-about {
	background: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 40px 30px;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.single-about:hover {
	box-shadow: 0 0 30px 0 rgba(67, 67, 67, 0.15);
	border-radius: 0;
}
.single-about h3 {
	font-size: 25px;
	font-weight: 700;
	margin: 30px 0 20px;
}
.single-about p {
	margin-bottom: 20px;
}
/*
======================================
Why Choose Us Area CSS
======================================
*/
.why-choose-area {
	position: relative;
	padding-bottom: 50px;
}
.why-choose-area::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 42%;
	height: 100%;
	background-image: url(../../assets/img/why-choose-bg.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.why-choose .section-title {
	text-align: left;
}
.why-choose .section-title h3::before, .why-choose .section-title h3::after {
	margin: 0;
}
.why-choose-box {
	margin-bottom: 30px;
}
.why-choose-box .icon {
	float: left;
}
.why-choose-box .content {
	padding-left: 70px;
}
.why-choose-box .content h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 15px;
}
.why-choose-box .content p {
    font-size: 15px;
}
/*
======================================
Services Area CSS
======================================
*/
.services-box {
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 250px;
}
.services-box::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .66;
}
.services-box.mt-30 {
	margin-top: 30px;
}
.services-bg1 {
	background-image: url(../../assets/img/services-img1.jpg);
	height: 530px;
}
.services-bg2 {
	background-image: url(../../assets/img/services-img2.jpg);
}
.services-bg3 {
	background-image: url(../../assets/img/services-img3.jpg);
}
.services-bg4 {
	background-image: url(../../assets/img/services-img4.jpg);
}
.services-bg5 {
	background-image: url(../../assets/img/services-img5.jpg);
}
.services-bg1 .services-content {
	margin-top: -87px;
}
.services-content {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 0 10px;
	text-align: center;
	margin-top: -50px;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.services-box:hover .services-content {
	transform: translateY(-21px);
}
.services-content img {
	height: 65px;
}
.services-content h4 {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	margin-top: 20px;
}
.services-content p {
	color: #fff;
	margin-top: 20px;
}
.services-content a {
	margin-top: 20px;
	color: #fff;
	font-weight: 700;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 0;
	visibility: hidden;
    display: inline-block;
}
.services-box:hover .services-content a {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.view-all {
	text-align: center;
	margin-top: 40px;
}
/*
======================================
Services Style Two Area CSS
======================================
*/
.servicesBox {
	height: 400px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.servicesBox::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .66;
}
.servicesBox.services-bg1 {
	height: 400px;
}
.servicesBox.services-bg1 .services-content {
	margin-top: -85px;
}
.servicesBox .services-content {
	margin-top: -85px;
}
.servicesBox:hover .services-content {
	transform: translateY(-30px);
}
.servicesBox:hover .services-content a {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
/*产品列表 单个产品*/
.single-services {
	margin-bottom: 30px;
    text-align:center;
    background: #fff;
    border-radius:10px;
}
.single-services .img {
    overflow: hidden;
    padding-top:40px;
}
.single-services .img img {
/*	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s; 图片特效*/
    width: auto;
    max-height:195px;
}
.single-services:hover .img img {
	/*transform: scale(1.3);*/
}
.single-services:hover h3 a{
    color: #365dee;
}
.single-services .content {
	padding: 25px;
}
.single-services:hover {
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.08);
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
.single-services .content h3 a {
	font-size: 20px;
	font-weight: normal;
}
.single-services .content h3 i {
	font-size: 24px;
	margin-right: 5px;
}
.single-services .content p {
	margin: 9px 0 20px;
    color:#595757;
    font-size: 14px;

}
/*
======================================
Services Details Area CSS
======================================
*/
.services-list ul li {
	margin-bottom: 10px;
}
.services-list ul li:last-child {
	margin-bottom: 0;
}
.services-list ul li a {
	font-weight: 700;
	background: #fff;
	padding: 10px 15px;
	display: block;
	position: relative;
}
.services-list ul li a:hover {
	padding-left: 25px;
	color: #fff;
}
.services-list ul li a span i {
	font-size: 20px;
}
.services-list ul li a .left, .services-list ul li a .right {
	position: absolute;
	left: 10px;
	top: 11px;
	opacity: 0;
	visibility: hidden;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.services-list ul li a:hover .left {
	opacity: 1;
	visibility: visible;
	left: 15px;
}
.services-list ul li a .right {
	left: auto;
	right: 15px;
	opacity: 1;
	visibility: visible;
}
.services-list ul li a:hover .right {
	opacity: 0;
	visibility: hidden;
	right: 10px;
}
.services-details-img.mt-30 {
	margin-top: 30px;
}
.services-details-img img {
    width: 100%;
}
.services-details-content {
	margin-top: 25px;
}
.services-details-content .title {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 1.2;
}
.services-details-features {
	margin-top: 25px;
	margin-bottom: 30px;
	padding: 15px 25px;
	border: 10px solid #fff3f3;
}
.services-details-features ul li {
	font-size: 16px;
	color: #212528;
	margin-bottom: 10px;
}
.services-details-features ul li:last-child {
	margin-bottom: 0;
}
.services-details-features ul li i {
	font-size: 20px;
	margin-right: 5px;
}
.services-details-content .our-mission {
	margin-bottom: 30px;
}
.services-details-faq {
	margin-top: 50px;
}
.card {
	background-color: transparent;
	border-radius: 0;
	margin-bottom: 10px;
	border: none;
}
.card-header:first-child {
	border-radius: 0;
}
.card-header {
	padding: 0;
	margin-bottom: 0;
	border: none;
	background: transparent;
}
.card-header a {
	display: block;
}
.card-header a h5 {
	font-size: 16px;
	overflow: hidden;
	padding: 10px 10px;
	color: #fff;
	line-height: 16px;
}
.card-header a.collapsed h5 {
	color: #212528;
	background: #fff3f3;
}
.card-header i {
	float: right;
	font-size: 16px;
}
.card-header a.collapsed .fa.fa-plus::before {
    content: "\f067";
}
.card-header a .fa.fa-plus::before {
	content: "\f068";
}
.card-body {
	line-height: 1.7;
	color: #212528;
}
/*
======================================
CTR Area CSS
======================================
*/
.ctr-area {
	position: relative;
	background-image: url(../../assets/img/ctr-bg.jpg);
	background-position: center right;
	background-size: cover;
	background-repeat: no-repeat;
	
	padding-top: 120px;
	padding-bottom: 120px;
	/*background-attachment: fixed;*/
}
.ctr-area.item-bg {
	background-image: url(../../assets/img/ctr-bg2.jpg);
}
.ctr-area::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background: #212528;*/ /*覆盖效果 加透明度*/
	opacity: .66;
}
.ctr-area h3 { /*联系我们 粉体代加工服务*/
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 50px;
}
.ctr-area p {
	font-size: 20px;
	color: #fff;
	margin-bottom: 40px;
}
/*
======================================
Testimonial Area CSS
======================================
*/
.client-img {
	position: relative;
	padding: 7px 0 7px 7px;
}
.client-img::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 140px;
	z-index: -1;
}
.client-feedback {
	padding: 50px 30px 0;
}
.single-feedback {
    border: 1px solid #ebebeb;
}
.testimonial-slider.owl-carousel .owl-item img {
	max-width: 100%;
	width: 100%;
}
.client-feedback h3 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 25px;
}
.client-feedback p {
    font-size: 17px;
    margin-bottom: 25px;
    color: #848484;
    font-style: italic;
}
.client-feedback span {
	position: relative;
	padding-left: 35px;
	font-size: 15px;
	color: #3e477f;
	text-transform: uppercase;
}
.client-feedback span::before {
	content: '';
	background: #848484;
	height: 3px;
	width: 25px;
	position: absolute;
	left: 0;
	top: 9px;
}
.testimonial-slider .owl-controls {
	position: absolute;
	left: -16%;
	right: 0;
	text-align: center;
	bottom: 50px;
}
/*
======================================
Partner Area CSS 研究所 科研成果
======================================
*/
.partner-area {
    background:url(../../assets/img/yjs-bg2.jpg) center no-repeat;
    
}

.partner-area-title h3 {
    font-size: 28px;
    font-weight: bold;
    margin: 10px 0 12px;
    line-height: 35px;
    text-transform: uppercase;
    color: #fff;
}
.partner-area-title p {
    margin-bottom:90px;
    line-height: 1.6;
    color: #fff;
    font-size:22px;
}
.partner-slider {
    margin-top:98px;
}
.partner-slider .owl-item .item {
    background-color: #fff;
    padding: 4px;
    border: 1px solid #ebebeb;
}
.partner-slider .item a {
    display: block;
}
.partner-slider  .owl-nav [class*="owl-"] {
    left: -18%;
}
.partner-slider  .owl-nav .owl-next {
    left: auto;
    right: -18%;
}
.partner-slider  .owl-nav  .owl-prev:hover,.partner-slider  .owl-nav  .owl-next:hover {
    background: #fff;
}
/*
======================================
Case Studies Area CSS
======================================
*/
.case-studies-area {
	position: relative;
	overflow: hidden;
}
.case-studies-box {
	background: #fff;
    border: 1px solid #ebebeb;
}
.case-studies-img {
    overflow: hidden;
}
.case-studies-img img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.case-studies-box:hover .case-studies-img img {
    transform: scale(1.3);
}
.case-studies-content {
	padding: 60px 25px;
}
.case-studies-content h3 a {
	font-size: 20px;
	font-weight: 700;
    display: inline-block;
}
.case-studies-content h3 {
	line-height: 1.5;
}
.case-studies-content p {
	margin: 15px 0 20px;
}
.case-studies-area .pagination-area {
	margin-top: 65px;
}
.animation-shape div {
	position: absolute;
	left: 0;
	top: 0;
}
.animation-shape .shape1 {
	top: -60px;
	animation: movebounce 3s linear infinite;
}
.animation-shape .shape2 {
	left: auto;
	right: 0;
	top: -60px;
	animation: movebounce 4s linear infinite;
}
.animation-shape .shape3 {
	top: auto;
	bottom: -60px;
	animation: movebounce 5s linear infinite;
}
.animation-shape .shape4 {
	left: auto;
	right: 0;
    top: auto;
	bottom: -60px;
	animation: movebounce 6s linear infinite;
}
.animation-shape .shape5 {
	animation: movebounce 3s linear infinite;
	top: 20%;
	left: 150px;
}
.animation-shape .shape6 {
	animation: movebounce 4s linear infinite;
	left: auto;
	right: 150px;
	top: 20%;
}
.animation-shape .shape7 {
	animation: movebounce 5s linear infinite;
	left: 150px;
	top: auto;
	bottom: 20%;
}
.animation-shape .shape8 {
	animation: movebounce 6s linear infinite;
	left: auto;
	top: auto;
	right: 125px;
	bottom: 20%;
}
.animation-shape .shape9 {
	animation: movebounce 6s linear infinite;
	top: 50%;
	left: 200px;
}
.animation-shape .shape10 {
	animation: movebounce 5s linear infinite;
	left: auto;
	right: 20%;
	top: 14%;
}
.animation-shape .shape11 {
	animation: movebounce 4s linear infinite;
	left: 230px;
	top: auto;
	bottom: 7%;
}
.animation-shape .shape12 {
	animation: movebounce 3s linear infinite;
	left: auto;
	top: auto;
	right: 170px;
	bottom: 46%;
}
.animation-shape .shape13 {
	animation: movebounce 6s linear infinite;
	top: 15%;
	left: 20%;
}
.animation-shape .shape14 {
	animation: movebounce 3s linear infinite;
	left: auto;
	top: auto;
	bottom: 20%;
	right: 20%;
}
@keyframes movebounce {
    0% {
        transform: translateY(0px); 
    }
    50% {
        transform: translateY(20px); 
    }
    100% {
        transform: translateY(0px); 
    } 
}
@keyframes moveleftbounce {
    0% {
        transform: translateX(0px); 
    }
    50% {
        transform: translateX(20px); 
    }
    100% {
        transform: translateX(0px); 
    } 
}
/*
======================================
Case Details Area CSS
======================================
*/
.case-details-img.mt-30 {
	margin-top: 30px;
}
.case-details-content {
	margin-top: 30px;
}
.case-details-content .title {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.2;
}
.case-details-content p {
	margin-top: 10px;
}
.brief-case {
	margin-top: 30px;
}
.brief-case-box {
	margin-bottom: 8px;
	padding: 9px 15px;
	background: #fff3f3;
}
.brief-case-box p {
	margin: 0;
	font-weight: 700;
}
.brief-case-box p span {
	font-weight: 400;
}
.case-details-box {
	margin-top: 40px;
}
.case-details-box .card-header a h5 {
	padding: 20px 15px;
	font-weight: 700;
}
.case-details-box .card-header a.collapsed h5 {
	color: #212528;
	border: 2px solid #212528;
	background: transparent;
}
.case-details-box .card-body {
	background: #fff3f3;
}
.case-details-box .card-body p {
	margin-top: 0;
}
.case-details-box .card-body ul {
	margin-top: 25px;
}
.case-details-box .card-body ul li {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-left: 20px;
	position: relative;
}
.case-details-box .card-body ul li:last-child {
	margin-bottom: 0;
}
.case-details-box .card-body ul li p {
	font-weight: 500;
	margin-top: 10px;
}
.case-details-box .card-body ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 11px;
	width: 8px;
	height: 8px;
}
.border {
	border-color: #fff3f3 !important;
}
/*
======================================
Quick Query and Fun Fact Area CSS
======================================
*/
.query-contact {
	background: #212528;
	padding: 25px 40px 60px;
	position: relative;
}
.query-contact::before {
	content: '';
	position: absolute;
	left: 0;
	top: -28px;
	width: 100%;
	height: 30px;
	background: #212528;
}
.query-border::before, .query-border::after {
	content: '';
	position: absolute;
	left: -31px;
	top: -14px;
	border-left: 46px solid #10194b;
	height: 20px;
	transform: rotate(-50deg);
	z-index: -1;
}
.query-border::after {
	left: auto;
	right: -31px;
	transform: rotate(50deg);
}
.query-contact h4 {
	font-size: 30px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 30px;
}
.query-contact .btn.btn-primary {
	margin-top: 20px;
}
.query-contact .btn-primary:hover {
	border-color: #fff;
}
.fun-facts {
	text-align: center;
	padding: 70px 0 0;
}
.funFact {
	margin-bottom: 35px;
}
.funFact img {
	height: 80px;
}
.funFact h2 {
	font-size: 30px;
	color: #ffffff;
	font-weight: 700;
	margin: 25px 0 8px;
}
.funFact p {
	font-size: 20px;
	color: #ffffff;
	font-weight: 300;
}
.funFacts-area {
    background: #212528;
}
.funFacts-area .funFact {
	margin-bottom: 0;
    text-align: center;
}
/*
======================================
威斯尼斯ww5553官网版新闻
======================================
*/
.ln-read-more {
    text-align:center;
    margin-top:52px;
}
.ln-read-more a {
    color:#595757;
    font-size:16px;
}
.ln-read-more a:hover {
    color:#365dee;
}
.ln-read-more span {
    font-size:20px;
}
.blog-area-idx {
    position: relative;
    overflow: hidden;
    background:#f7f7f7;
}
.blog-area-idx .single-blog-post {
    background:#fff;
    height:100%;
}
/*#365dee*/
.blog-area-idx .single-blog-post .post-img {
	overflow: hidden;
}
.blog-area-idx .single-blog-post .post-img img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
    width: 100%;
    max-height:218px;
}
.blog-area-idx .single-blog-post .post-img:hover img {
	/*transform: scale(1.3);*/
}
.blog-area-idx .single-blog-post .post-content {
	padding: 20px 25px;
    margin-top:1px;
    /*border-top: 1px solid #f9f9f9;*/
}


.blog-area-idx .single-blog-post .post-content ul li {
	display: inline-block;
	margin-right: 20px;
	color: #848484;
}
.blog-area-idx .single-blog-post .post-content ul li:last-child {
	margin-right: 0;
}
.blog-area-idx .single-blog-post .post-content ul li i {
    margin-right: 4px;
}



/*前一节线*/
.section-title div::after {
    background: #ff6600;
}


.blog-area-idx .single-blog-post .post-content .news-date-idx {
    position:relative;
    font-family:"Conv_DINCondensedC";
    font-size:20px;
}

.blog-area-idx .single-blog-post .post-content .news-date-idx::before,.blog-area-idx .single-blog-post  .post-content .news-date-idx::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    
    
    height: 2px;
    
    bottom: -4px;
    -ms-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
}

.blog-area-idx .single-blog-post .post-content .news-date-idx::before{
    background: #e3e3e3;
    width: 100%;height: 1px;
}
.blog-area-idx .single-blog-post .post-content .news-date-idx::after {
    background: #365dee;
    width: 74px;
}
/*.section-title:hover h3::before {
    width: 60px;
}
.section-title:hover h3::after {
    background: #212528;
    width: 110px;
}*/



.blog-area-idx .single-blog-post .post-content h3 {
	margin: 20px 0 0;
	line-height: 1.6;
}
.blog-area-idx .single-blog-post .post-content h3 a {
	font-size: 24px;
	font-weight: 500;
    display: inline-block;
}
.blog-area-idx .single-blog-post .post-content p {
	margin: 12px 0 10px;
    color: #595757;
}
.blog-area-idx .single-blog-post .blog-content.post-content {
	padding: 24px 0 0;
}
.blog-area-idx .single-blog-post .blog-content.post-content h3 {
	margin: 12px 0 0;
}
.blog-area-idx .single-blog-post .blog-content.post-content h3 a {
	font-size: 16px;
    display: inline-block;
}
.border {
	margin: 25px 0;
}
.see-all-post {
	margin-top: 44px;
}
.see-all-post a {
	font-weight: 700;
	text-decoration: underline;
}
.blog-section .single-blog-post {
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
	padding-bottom: 26px;
    background: #fff;
}

.blog-area-idx .single-blog-post:hover {
/*    background:#365dee;*/
    box-shadow: 0 0 30px 0 rgba(67, 67, 67, 0.15);
}
/*.blog-area-idx .single-blog-post:hover .post-content{
    border-top:1px solid #fff;
}*/
.blog-area-idx .single-blog-post:hover h3 a{
    color:#365dee;
    /*box-shadow: 0 0 30px 0 rgba(67, 67, 67, 0.15);*/
}
.blog-area-idx .single-blog-post:hover .post-content div::before,.blog-area-idx .single-blog-post:hover .post-content div::after{
/*    background:#fff;*/
}
/*
======================================
Blog Details Area CSS
======================================
*/
.blog-details .title-text-box {
	margin-top: 25px;
}
.blog-details .title-text-box .title {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 25px;
	line-height: 1.4;
}
.blog-details .title-text-box ul li {
	display: inline-block;
	margin-right: 18px;
}
.blog-details .title-text-box ul li:last-child {
	margin-right: 0;
}
.blog-details .title-text-box ul a i {
	margin-right: 4px;
}
.blog-details-content {
	margin-top: 30px;
}
.blog-details-content h4 {
	font-size: 22px;
	font-weight: 700;
	margin-top: 25px;
	margin-bottom: 25px;
}
.blog-details-content .list-style {
	margin-top: 20px;
	margin-bottom: 20px;
}
.blog-details-content .list-style li {
	margin-bottom: 10px;
	color: #778793;
	font-size: 16px;
}
.blog-details-content .list-style li:last-child {
	margin-bottom: 0;
}
.blog-details-content .list-style li i {
	margin-right: 3px;
	font-size: 20px;
}
.blog-details-content .social-share li {
	display: inline-block;
}
.blog-details-content .social-share {
	margin-top: 30px;
	margin-bottom: 40px;
}
.blog-details-content .social-share li:first-child {
	font-size: 16px;
	font-weight: 700;
	margin-right: 10px;
}
.blog-details-content .social-share li a {
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	background: #778793;
	color: #fff;
	border-radius: 50%;
}
.pre-next-post-link {
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
	padding: 25px 20px;
}
.pre-next-post-link .pre-post-link {
	position: relative;
	padding-left: 40px;
}
.pre-post-link h5 i {
	position: absolute;
	left: 0;
	top: 10px;
	font-size: 25px;
}
.pre-next-post-link .next-post-link {
	position: relative;
	padding-right: 40px;
}
.next-post-link h5 i {
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 25px;
}
.pre-next-post-link h5 {
	font-weight: 600;
	margin-bottom: 2px;
	font-size: 18px;
}
.pre-next-post-link span {
	font-size: 14px;
}
.blog-details-content .comments {
    margin-top: 40px;
}
.blog-details-content .comments h4 {
	margin-bottom: 35px;
}
.blog-details-content .single-comments {
	position: relative;
	overflow: hidden;
    padding-left: 95px;
}
.blog-details-content .single-comments.left-mr {
	margin-left: 45px;
	margin-top: 30px;
}
.blog-details-content .single-comments .img {
    position: absolute;
    left: 0;
    top: 0;
}
.blog-details-content .single-comments .content h5 {
	font-weight: 700;
}
.blog-details-content .single-comments .content span {
	display: block;
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.blog-details-content .single-comments .content a {
	position: absolute;
	right: 0;
	top: 0;
}
.blog-details-content .leave-a-comment {
	margin-top: 30px;
}
.blog-details-content .leave-a-comment .form-control {
	border: 1px solid #eee;
}
/*
======================================
Page Title Area CSS
======================================
*/
.page-title {
    overflow: hidden;
    position: relative;
    background: #f3f3f3;
}
.page-title .d-table-cell {
    padding-bottom: 60px;
}
.page-title h3 {
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 12px;
}
.page-title h3 span{
    color:#365dee;
}
.page-title p{
    font-size:18px;
    font-weight:500;
    color:#585757;
}
.page-title ul li {
	display: inline-block;
	font-size: 16px;
	margin: 0 1px;
	color: #212528;
}
.page-title ul li.active {
	color: #848484;
}
.page-title ul li a {
	font-weight: 600;
}
.page-title .animation-shape .shape5 {
	top: 6%;
}
.page-title .animation-shape .shape7 {
	bottom: -25px;
}
.page-title .animation-shape .shape11 {
	left: 22%;
	bottom: 20%;
}
.page-title .animation-shape .shape6 {
	top: 5%;
}
.page-title .animation-shape .shape8 {
	bottom: -40px;
}
/*
======================================
What We Do Area CSS 应用领域
======================================
*/
.application {
    background: #f7f7f7;
}
.application-box {
    margin-bottom:15px;
    padding: 56px 0 30px 0;
    text-align: center;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    border-radius: 15px;
    background: #fff;
}
.application-box:hover {
     -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.08);
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

.application-box .icon {
    margin-bottom:20px;
}
.application-box h3 {
    font-size:16px;
    line-height:30px;
    height:60px;
    font-weight:600;
    color:#212528;
}
.application-box:hover h3 a{
    color: #365dee;
}
/*
======================================
Pricing Area CSS
======================================
*/
.pricing-table {
	padding: 0 0 30px;
	text-align: center;
	background: #fff3f3;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.pricing-table:hover {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 20px 40px 0 rgba(28, 30, 35, 0.2);
}
.pricing-table-header {
	border-radius: 0 0 50% 50%;
	padding: 30px;
    position: relative;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}
.pricing-table:hover .pricing-table-header {
	background: #212528;
}
.pricing-table-header::before, .pricing-table-header::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 90px;
	width: 20px;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}
.pricing-table:hover .pricing-table-header::before, .pricing-table:hover .pricing-table-header::after {
	background: #212528;
}
.pricing-table-header::after {
	left: auto;
	right: 0;
}
.pricing-table-header .title {
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 10px;
}
.pricing-table-header .price-value {
	color: #fff;
	font-size: 25px;
	font-weight: 300;
}
.pricing-table-header .price-value .month {
	font-size: 20px;
}
.pricing-content {
	padding: 40px 30px;
}
.pricing-content li {
	font-size: 18px;
	color: #212528;
	font-weight: 400;
	margin-top: 15px;
}
.pricing-content li:first-child {
	margin-top: 0;
}
.pricing-table:hover .btn-primary {
	color: #fff;
	background-color: #212528;
	border-color: #212528;
}
/*
======================================
Team Area CSS
======================================
*/
.team-area {
	padding-bottom: 50px;
}
.our-team {
	text-align: center;
	margin-bottom: 30px;
}
.our-team .team-img {
	overflow: hidden;
	position: relative;
}
.our-team .social {
	width: 100%;
	height: 30%;
	position: absolute;
	top: 50%;
	left: 0;
	opacity: 0;
	transform: translateY(100%) rotate(0);
	-o-transition: .4s;
	-ms-transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.our-team:hover .social {
	height: 100%;
	opacity: 1;
	transform: translateY(-50%) rotate(0deg);
}
.our-team .social ul {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
}
.our-team .social ul li{
    display: inline-block;
}
.our-team .social ul li a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	color: #fff;
	background: #212528;
	font-size: 13px;
}
.our-team .social ul li a:hover {
	background: #fff;
}
.our-team .team-content {
	padding: 25px 0 0;
}
.our-team .title {
	margin: 0 0 10px;
}
.our-team .title a {
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
}
.our-team .post {
	font-size: 16px;
	color: #848484;
	font-weight: 400;
}
/*
======================================
Team Details Area CSS
======================================
*/
.team-details-area .social {
    text-align: center;
    margin-top: 30px;
}
.team-details-area .social li {
	display: inline-block;
}
.team-details-area .social li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #212528;
	color: #fff;
	border-radius: 50%;
}
.team-details h3 {
	font-size: 25px;
	font-weight: 700;
}
.team-details span {
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
}
.team-details .blockquote {
	padding: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
	background: #fff3f3;
}
.team-details .blockquote-footer {
	margin-top: 10px;
	font-weight: 600;
}
.team-contact-info .box {
	margin-top: 30px;
	text-align: center;
	background: #fff3f3;
	padding: 20px 15px;
}
.team-contact-info .box i {
	font-size: 35px;
	margin-bottom: 20px;
}
.team-contact-info .box h6 {
	line-height: 1.5;
}
.team-details .quick-contact {
	margin-top: 30px;
}
.team-details .quick-contact h4 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 25px;
}
.team-details .quick-contact .form-control {
	border: 1px solid #eee;
}
.team-details-img {
    text-align: center;
}
/*
======================================
Portfolio Area CSS
======================================
*/
.shorting-menu {
	
	margin-bottom: 40px;
}
.shorting-menu .filter {
    border: 0;
    color:#585757;
    background: transparent;
    padding:0 0 15px 0;
    margin: 0 20px 7px 20px;
    
    font-size: 16px;
    cursor: pointer;
/*    -o-transition: .4s;
    -ms-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;*/
    line-height:20px;

    text-align:center;
    font-weight:400;
    font-family:微软雅黑;
    
}
.shorting-menu button:first-child {
    padding-left: 0;
    margin-left:8px;
}
.shorting-menu .filter.active {
	/*box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.2);*/
	font-weight: bold;
    border-bottom:2px solid #365dee;
    color: #303030;
}

.shorting-menu .filter:hover {
	/*box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.2);*/
	color: #303030;
    font-weight:bold;
    border-bottom:2px solid #365dee;
}


.shorting .mix {
    display: none;
}
.single-portfolio {
	text-align: center;
	margin-bottom: 18px;
	/*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);*/
    border-radius:15px;
    background:#fff;
    padding:10px 0;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    padding-top:30px;/*威斯尼斯ww5553官网版产品列表*/
}
.single-portfolio:hover{
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.08);
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
.single-portfolio:hover a{
    color: #365dee;
}
.single-portfolio figure {
	margin: 0;
	position: relative;
	overflow: hidden;
}
.single-portfolio figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
    max-height:150px;
}
.single-portfolio:hover figure img {
	/*transform: scale(1.1);*/
}
.single-portfolio figure .list-overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #212528;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.single-portfolio:hover figure .list-overlay {
	
	visibility: visible;
}
.single-portfolio .link-view {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
	visibility: hidden;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.single-portfolio:hover .link-view {
    transform: scale(1);
	opacity: 1;
	visibility: visible;
}
.single-portfolio .link-view a {
	width: 40px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	border-radius: 50%;
    display: inline-block;
}
.single-portfolio .link-view a:hover {
	background: #fff;
}
.portfolio-content {
	background: transparent;
	padding: 15px;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.single-portfolio:hover .portfolio-content {
    
}

.portfolio-content h3 a {
	font-size: 16px;
	font-weight: 700;color:#222529;
}
.portfolio-content h3 i {
	font-size: 24px;
    margin-right: 4px;
}
.portfolio-content p {
	margin-top: 10px;
    color:#595757;
    font-size:14px;
}
.modal-dialog {
	max-width: 800px;
	margin: 0 auto;
}
.modal-content {
	text-align: center;
}
.modal-body {
	padding: 35px;
}
.modal-body h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 25px;
}
.modal-body p {
	margin-top: 25px;
}
.modal button.close {
    position: absolute;
    right: 0;
    height: 30px;
    width: 30px;
    z-index: 5;
    background: #ff4e00;
    color: #fff;
    font-weight: normal;
    opacity: 1;
}
.modal button.close:hover {
    background-color: #222;
    color: #fff;
    opacity: 1;
}
/*
======================================
Portfolio Details Area CSS
======================================
*/
.portfolio-details-content {
    margin-top: 25px;
}
.portfolio-details-content .title {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 25px;
	line-height: 1.2;
}
.portfolio-details-content p {
	margin-top: 20px;
}
.portfolio-details-content ul {
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 20px 25px;
	background: #fff3f3;
	border-left: 4px solid;
}
.portfolio-details-content ul li {
	margin-bottom: 10px;
	font-weight: 700;
	padding-left: 20px;
    position: relative;
}
.portfolio-details-content ul li:last-child {
	margin-bottom: 0;
}
.portfolio-details-content ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}
.related-project {
	margin-top: 50px;
}
.related-project .single-portfolio {
	margin-bottom: 0;
}
.related-project .single-portfolio:hover .portfolio-content {
	background: transparent;
}
.side-bar .project-info ul li {
	margin-bottom: 10px;
	font-weight: 700;
}
.side-bar .project-info ul li:last-child {
	margin-bottom: 0;
}
.side-bar .project-info ul li span {
	font-weight: 400;
}
p.mt-10 {
    margin-top: 10px;
}
/*
======================================
Contact Area CSS
======================================
*/
.map-box {
	position: relative;
    margin-bottom: 80px;
}
#map {
	height: 400px;
	width: 100%;
}
.contact-area .contact-info {
	position: absolute;
	top: 23px;
	left: 20px;
	background: #fff;
	padding: 30px 30px;
}
.contact-info .info-box {
	overflow: hidden;
	margin-bottom: 25px;
}
.contact-info .info-box .icon {
	float: left;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 41px;
	font-size: 25px;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
.contact-info .info-box:hover .icon {
    color: #fff;
}
.contact-info .info-box .content {
	padding-left: 70px;
}
.contact-info .info-box .content h5 {
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 18px;
}
.contact-info .info-box .content p span {
	display: block;
}
.get-in-touch .title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 25px;
}
.get-in-touch .text span {
	display: block;
	margin-top: 15px;
}
.get-in-touch .stay-connected {
	margin-top: 25px;
}
.get-in-touch .stay-connected li {
	margin-bottom: 10px;
}
.get-in-touch .stay-connected li:last-child {
	margin-bottom: 0;
}
.get-in-touch .stay-connected li a {
	font-weight: 700;
}
.get-in-touch .stay-connected li a i {
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	border: 1px solid;
	font-size: 20px;
	border-radius: 50%;
	margin-right: 10px;
}
.list-unstyled li {
	color: #d9534f;
}
.get-in-touch .form-control {
	border: 1px solid #e5e5e5;
	border-radius: 5px;
}
.get-in-touch .btn {
	margin-top: 15px;
}
/*
======================================
Pagination Area CSS
======================================
*/
.pagination-area {
	margin-top: 30px;
}
.page-link {
	width: 45px;
	height: 45px;
	padding: 0;
	margin: 0 5px;
	color: #848484;
	background-color: #fff;
	border-radius: 50% !important;
	text-align: center;
	line-height: 45px;
	font-size: 15px;
	box-shadow: 0 2px 10px 0 #d8dde6;
	border: none;
}
.page-link:hover, .page-link:focus {
	color: #fff;
}
.page-link:focus {
	box-shadow: none;
}
/*
======================================
Side Bar Area CSS
======================================
*/
.side-bar {
	padding: 30px 20px;
	background: #fff3f3;
}
.side-bar .widget {
	margin-bottom: 40px;
}
.side-bar .widget .title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 40px;
	position: relative;
}
.side-bar .widget .title::before {
	content: '';
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 90px;
	height: 4px;
}
.sidebar-testimonials .feedback {
	background: #212528;
	text-align: center;
	padding: 20px 15px 50px;
}
.sidebar-testimonials .feedback img {
	width: 75px;
	display: inline-block;
}
.sidebar-testimonials .feedback span {
	display: block;
	color: #fff;
	margin: 10px 0 15px;
	font-size: 25px;
}
.sidebar-testimonials .feedback p {
	color: #fff;
	font-size: 14px;
}
.sidebar-testimonials .owl-theme .owl-nav [class*="owl-"] {
	background: transparent;
	left: -40px;
	right: 0;
	margin: 0 auto 0 auto;
	top: auto;
	bottom: 15px;
	font-size: 20px;
	width: auto;
	height: auto;
	line-height: 1;
}
.sidebar-testimonials .owl-theme .owl-nav .owl-next {
	right: -55px;
}
.brochure .btn {
	display: block;
	border-radius: 0;
	text-align: left;
	padding: 10px 15px;
	position: relative;
}
.brochure .btn i {
	position: absolute;
	right: 15px;
	top: 15px;
}
.brochure .btn-primary:hover, .brochure .btn-primary:focus {
	border-top: 1px solid #fff;
}
.side-bar .quick-contact {
	background: #fff;
	padding: 20px;
}
.side-bar .quick-contact h4 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
}
.side-bar .quick-contact p {
	margin-bottom: 15px;
}
.search-box form {
	position: relative;
}
.search-box .btn {
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0;
	height: 45px;
	width: 60px;
	padding: 0;
}
.side-bar .latest-post .single-post {
	overflow: hidden;
    position: relative;
    padding-left: 130px;
	margin-bottom: 30px;
}
.side-bar .single-post .img {
    width: 115px;
    position: absolute;
    left: 0;
    top: 0;
}
.side-bar .single-post .content ul li {
	display: inline-block;
	font-size: 15px;
	color: #848484;
	margin-right: 10px;
}
.side-bar .single-post .content ul li:last-child {
	margin-right: 0;
}
.side-bar .single-post .content ul li a {
	font-size: 14px;
}
.side-bar .single-post .content h4 {
	margin-top: 5px;
	line-height: 1.5;
}
.side-bar .single-post .content h4 a {
	font-size: 15px;
	font-weight: 700;
    display: inline-block;
}
.side-bar .categories ul li {
	margin-bottom: 12px;
}
.side-bar .categories ul li:last-child {
	margin-bottom: 0;
}
.side-bar .categories ul li a {
	font-weight: 700;
}
.side-bar .popular-tags ul li {
	display: inline-block;
	margin-top: 5px;
}
.side-bar .popular-tags ul li a {
	border-bottom: 4px solid #212528;
	font-weight: 600;
	padding: 6px 14px;
    display: inline-block;
}
.side-bar .popular-tags ul li a:hover {
	color: #fff;
}
.side-bar .share-links ul li {
	display: inline-block;
}
.side-bar .share-links ul li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #212528;
	color: #fff;
	font-size: 17px;
}
/*
======================================
Error Area CSS
======================================
*/
.error-area {
    position: relative;
    overflow: hidden;
    height: 100vh;
}
.error {
	text-align: center;
}
.error h2 {
	font-size: 100px;
	font-weight: 700;
}
.error h4 {
	font-size: 30px;
	font-weight: 700;
	margin-top: 35px;
	margin-bottom: 15px;
}
.error p {
	margin-bottom: 25px;
}
/*
======================================
FAQ Area CSS
======================================
*/
.single-questions {
	margin-bottom: 30px;
}
.single-questions h4 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}
.faq-contact {
	text-align: center;
	margin-top: 40px;
	padding: 40px 30px;
	background-image: url(../../assets/img/home-bg1.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.faq-contact::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .66;
}
.faq-contact h3 {
	font-size: 25px;
	margin-bottom: 35px;
	text-transform: capitalize;
	font-weight: 700;
	color: #fff;
	position: relative;
}
.faq-contact .btn {
	margin-top: 20px;
}
/*
======================================
Get Qoute Area CSS
======================================
*/
.get-quote-area h3 {
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 30px;
}
.get-quote-area .form-control {
	border: 1px solid #eee;
}
.get-quote-area .btn {
    margin-top: 20px;
}
.get-qoute-img {
	margin-top: -52px;
	position: relative;
	overflow: hidden;
}
.get-qoute-img .animation-shape div img {
	height: 55px;
}
.get-qoute-img .animation-shape .shape5 {
	top: 29%;
	left: 0;
}
.get-qoute-img .animation-shape .shape6 {
	right: 0;
}
.get-qoute-img .animation-shape .shape7 {
	left: 0;
}
.get-qoute-img .animation-shape .shape8 {
	right: 0;
}
.get-qoute-img .animation-shape .shape9 {
	left: 0;
}
.get-qoute-img .animation-shape .shape11 {
	left: 50px;
	bottom: 0;
}
.get-qoute-img .animation-shape .shape12 {
	right: 0;
}
.get-qoute-img .animation-shape .shape13 {
	top: 11%;
}
.get-qoute-img .animation-shape .shape14 {
	bottom: 0;
	right: 0;
}
/*
======================================
Login Area CSS
======================================
*/
.login-area {
    position: relative;
    overflow: hidden;
    height: 100vh;
}
.login {
	text-align: center;
	max-width: 840px;
	margin: 0 auto;
	box-shadow: 0 5px 15px 0 #d8dde6;
	padding: 50px;
    border-radius: 10px;
    position: relative;
}
.login h3 {
	font-weight: 700;
	margin-bottom: 30px;
	text-align: left;
}
.login .form-control {
	background: #eee;
	border-radius: 30px;
	height: 55px;
}
.login .btn {
	display: block;
	width: 100%;
	border-radius: 30px;
	height: 45px;
	text-transform: uppercase;
}
.login h5 {
	margin-top: 20px;
	text-align: left;
	font-size: 16px;
	color: #666666;
}
.login h5 a {
	font-size: 16px;
}
.login h6 {
	position: absolute;
	bottom: -30px;
	right: 16px;
}
/*
======================================
Register Area CSS
======================================
*/
.register-area {
    position: relative;
    overflow: hidden;
    height: 100vh;
}
.register {
	text-align: center;
	max-width: 660px;
	margin: 0 auto;
	box-shadow: 0 5px 15px 0 #d8dde6;
	padding: 50px;
	border-radius: 10px;
	position: relative;
}
.register h3 {
	font-weight: 700;
	margin-bottom: 30px;
}
.register h5 {
	margin-top: 20px;
	text-align: left;
	font-size: 16px;
	color: #666666;
}
.register h5 a {
	font-size: 16px;
}
.register .form-control {
	border: 1px solid #eee;
	border-radius: 30px;
}
.register .btn {
	display: block;
	width: 100%;
	border-radius: 30px;
}
/*
======================================
Footer Area CSS
======================================
*/
.footer-area {
    padding-bottom: 0;
    background:#3a3a3a;
    margin-top:10px;
}
.footer-area .logo {
	margin-top: 13px;
}
.footer-area .contact-info {
	text-align: right;
}
.footer-area .contact-info ul li {
	display: inline-block;
	text-align: left;
	position: relative;
	margin-left: 15px;
	background: #fff;
	padding: 10px 20px;
}
.footer-area .contact-info ul li:first-child {
	margin-left: 0;
}
.footer-area .contact-info ul li .icon {
	position: absolute;
	left: 20px;
	top: 18px;
}
.footer-area .contact-info ul li .text {
	text-align: left;
	padding-left: 45px;
}
.footer-area .contact-info .icon img {
	height: 35px;
}
.footer-area .contact-info ul .text span {
	font-size: 14px;
	font-weight: 700;
	color: #212528;
}
.footer-area .contact-info .text p a {
	font-size: 17px;
	font-weight: 700;
}
.footer-area .contact-info li:last-child .text span {
	color: #fff;
}
.footer-area .contact-info li:last-child .text p a {
	color: #212528;
}
.footer-area .contact-info ul li:last-child .text {
	padding-left: 58px;
}
.footer-area .border {
	border-color: #e6dddd !important;
	margin: 30px 0;
}
.single-footer .title {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 30px;
}
.single-footer ul li {
	margin-top: 10px;
}
.single-footer ul li:first-child {
    margin-top: 0;
}
.single-footer ul li a {
    font-size: 16px;
    font-weight: 700;
}
.single-footer .pull-left {
	margin-right: 40px;
}
.single-footer .single-post {
	margin-bottom: 20px;
	overflow: hidden;
}
.single-footer .single-post .img {
	float: left;
}
.single-footer .single-post .content {
	padding-left: 95px;
}
.single-footer .single-post .content h3 {
	line-height: 1.4;
}
.single-footer .single-post .content h3 a {
	font-weight: 700;
    display: inline-block;
}
.single-footer .single-post .content span {
	font-size: 14px;
	color: #212528;
	font-weight: 400;
}
.newsletter {
	text-align: center;
	margin: 50px auto 0;
	max-width: 630px;
}
.newsletter h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px;
}
.newsletter form {
	position: relative;
}
.newsletter form .form-control {
	border-radius: 30px;
	height: 50px;
}
.newsletter form .btn {
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 30px;
	height: 50px;
}
.copyright-area {
	padding: 15px 0;
	margin-top: 15px;
	background: #3a3a3a;
}
.copyright-area .container {
    border-top: 1px solid #4a4a4a;;
}
.copyright-area p {
	color: #fff;
	font-size: 15px;
    padding-top: 15px;
}
.copyright-area p a {
	color: #fff;
}
.copyright-area ul {
	text-align: right;
}
.copyright-area ul li {
	display: inline-block;
	margin-left: 10px;
}
.copyright-area ul li:first-child {
	margin-left: 0;
}
.copyright-area ul li a {
	color: #fff;
	font-size: 20px;
}
/*
======================================
Go Top CSS
======================================
*/
.go-top {
	position: fixed;
	cursor: pointer;
	bottom: 30px;
	right: 20px;
	font-size: 25px;
	color: #fff;
	background-color: #000;
	z-index: 1;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 35px;
	border-radius: 50%;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.go-top:hover {
	color: #fff;
}





/* bottom-to-top */
a.move-top {
    position: fixed;
    bottom: 1.5%;
    right: 2%;
    z-index: 0;
}

a.move-top span {
    color: #ff3f34;
    font-size: 30px;
}

/* //bottom-to-top */

/* header */
/* top bar */
.header-top_w3layouts {
    padding: 0 .5em;
}

/* social icons */
.top-right-info li a {
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    margin: 0 2px;
    display: inline-block;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;
}

.top-right-info li a span {
    color: #fff;
    font-size: 14px;
}

.top-right-info li p {
    margin-right: 6px;
    font-size: 16px;
}

.top-right-info li.facebook-w3 a {
    background: #3b5998;
}

.top-right-info li.twitter-w3 a {
    background: #1da1f2;
}

.top-right-info li.google-w3 a {
    background: #F44336;
}

.top-right-info li.dribble-w3 a {
    background: #ea4c89;
}

.top-right-info li {
    display: inline-block;
}



/* //social icons */
.header-top_w3layouts p,
.header-w3layouts p,
.top-w3layouts p {
    font-size: 14px;
}

a.login-button-2 {
    letter-spacing: 1px;
    font-size: 12px;
    background: #05c46b;
    padding: 8px 20px;
    border-radius: 4px;
    color: #fff;
}

.middle-flex {
    align-items: center;
}

/* //top bar */


/* header 2 */
.nav-content {
    display: flex;
    align-items: center;
}
.nav-content h1 {
    padding-bottom:10px;
}
.nav_web-dealingsls {
    margin-left: auto;
    margin-top: auto;
}

/* navigation */
/* CSS Document */
.toggle-2,
.toggle,
[id^=drop] {
    display: none;
}

/* Giving a background-color to the nav container. */
nav {
    margin: 0;
    padding: 0;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */
nav:after {
    content: "";
    display: table;
    clear: both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

/* Positioning the navigation items inline */
nav ul li {
    display: inline-block;
    float: left;
    position:relative;
    margin-left:28px;
}

/* Styling the links */
nav li {

}
.menu li:first-child {
    margin-left: 0;
}


nav a {
    color: #3a3939;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .5px;
    
}

/* Background color change on Hover */
nav a:hover {
    color: #2b2e2e;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
    display: none;
    position: absolute;
    top: 72px;
    
    padding: 10px;
    z-index: 9;
    text-align:center;
    width:200px;
    left:50%;
    margin-left:-100px;
   /* border: 1px solid #e4e4e4;*/
    /* has to be the same number as the "line-height" of "nav a" */
}

/* Display Dropdowns on Hover */
nav ul li:hover>ul {
    display: inherit;
}

/* Fisrt Tier Dropdown */
nav ul ul li {

    float: none;
    display: list-item;
    position: relative;
    margin: 0;

}

nav ul ul li a {
    display: block;
    font-size: 16px;
    padding:10px;
    font-weight: normal;
}

a.drop-text:hover {
    font-weight: bold;
    /*background: #f5f5f5;*/
}

/* Second, Third and more Tiers 
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
    position: relative;
    top: -60px;
    /* has to be the same number as the "width" of "nav ul ul li" */
    left: 170px;
}

/* Change ' +' in order to change the Dropdown symbol */
li>a:only-child:after {
    content: '';
}

/*自建菜单*/
.menu {
    display:block;
    height:70px;
    cursor:pointer;
}
.menu li a.first-level {
    height:82px;
    line-height:82px;
}
.menu li a.first-level:after{
    display:block; 
    content:""; 
    height: 2px; 
    width: 100%; 
    position: absolute; 
    bottom: 0px; 
    left: 0px; 
    background: #194ac3; 
    opacity: 0; 
    -webkit-transition: transform 0.2s ease-out,opacity 0.2s ease-out; 
    transform-origin: 50% 0%; 
    transform:scale(0.01,1);
}
.menu li a.first-level:before{ display:none; content:""; height: 400px; width: 100%; position: absolute; top: 19px; left: -10px; background: #194ac3; opacity: 1;}
.menu li:hover a.first-level:after{ transform:scale(1,1); opacity: 1;}

.menu_item {

}
/*.submenu_show .logo h1,.head_white .logo h1{ background-image: url(../img/index/menu_logo_hover.png);background-size: 100% 100%;}
.submenu_show .menu_list .menu_item .txt,
.head_white   .menu_list .menu_item .txt{ color: #2b2e2e;}
.submenu_show.search_area_show .search_area,.head_white.search_area_show .search_area{ width: 676px; background: #f6f6f6; }
.submenu_show.search_area_show .search_area .search_icon,.head_white.search_area_show .search_area .search_icon{ opacity: 0.3; }
.submenu_show.search_area_show .search_area .ipt_search,.head_white.search_area_show .search_area .ipt_search{ color: #2b2e2e;}
.submenu_show .search_area .search_icon,.head_white .search_area .search_icon{ background-image:url(../img/index/icon_search_hover.png);}
.submenu_show .lang_area a,.head_white .lang_area a{ color: #2b2e2e;}
.submenu_show .lang_area .s_line,.head_white .lang_area .s_line{ color: #2b2e2e;}*/
.submenu_show .bg_hover{ 
    display:block !important; 
    width: 100%; 
    height: 460px; 
    background:rgba(255,255,255,1); 
    z-index: 8; 
    position: absolute; 
    top: 82px; 
    left: 0px; 
    -webkit-animation:a_bg_hover_show 0.2s ease-out both; 
    -webkit-transform-origin:50% 0%;
}
.sublist_show .drop-menu{ -webkit-animation:a_menu_item_show 0.2s ease-out both;}
.sublist_show .drop-menu li {background:#fff}
.sublist_hide .drop-menu{ -webkit-animation:a_menu_item_hide 0.15s ease-out both;}

/*.submenu_show .menu_list .menu_item .menu_hook{ display:block;}*/
.submenu_hide,.sublist_hide{ pointer-events:none;} 

.submenu_hide .bg_hover{ -webkit-animation:a_bg_hover_hide 0.15s ease-out both; -webkit-transform-origin:50% 0%;}


@keyframes a_menu_item_show {
    0%{ -webkit-transform:translate(0px,-30px); opacity: 0;}
    100%{  -webkit-transform:translate(0px,0px); opacity: 1;}
}

@keyframes a_menu_item_hide {
    0%{  -webkit-transform:translate(0px,0px); opacity: 1; }
    100%{ -webkit-transform:translate(0px,-30px); opacity: 0; }
}


@keyframes a_bg_hover_show {
    0%{ -webkit-transform:scale(1,0.5); opacity: 0;}
    100%{  -webkit-transform:scale(1,1); opacity: 1;}
}


@keyframes a_bg_hover_hide {
    0%{ -webkit-transform:scale(1,1); opacity: 1;}
    100%{  -webkit-transform:scale(1,0.5); opacity: 0;}
}

/* Media Queries
--------------------------------------------- */
@media all and (max-width : 991px) {
    #logo {
        float: left;
    }

    /* Hide the navigation menu by default */
    /* Also hide the  */
    .toggle+a,
    .menu {
        display: none;
    }


    /* Stylinf the toggle lable */
    .toggle {
        display: block;
        padding: 8px 15px 10px;
        font-size: 15px;
        text-decoration: none;
        border: none;
        float: right;
        background-color: #eee;
        color: #111;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        margin-bottom: 0;
        cursor: pointer;
        margin-top: 8px;
    }

    .menu .toggle {
        float: none;
        text-align: center;
        margin: auto;
        max-width: 70px;
        padding: 5px 0;
        font-weight: normal;
        font-size: 14px;
        background: transparent;
        color: #3a3939;
        text-transform: uppercase;
        letter-spacing: .5px;
    }

    .toggle:hover {
        opacity: .8;
    }

    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked+ul {
        display: block;
        padding: 15px 0;
        text-align: center;
        width: 100%;
        background: #f9f9f9;
        border: 1px solid #e2e2e2;
        margin-left:auto;
        height:auto;
        line-height:normal;
    }

    nav ul {
        float: right;
    }

    /* Change menu item's width to 100% */
    nav ul li {
        display: block;
        width: 100%;
    }

    nav ul ul li a {
        padding:2px;
    }

    nav a:hover,
    nav ul ul a {
        background-color: transparent;
        padding:0;
    }
    .menu li a.first-level {
        height:auto;
        line-height:normal;
    }
    .menu li:hover a.first-level:after {
        opacity:0;
    }
    /* Hide Dropdowns by Default */
    nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
        /* has to be the same number as the "line-height" of "nav a" */
    }

    /* Hide menus on hover */
    nav ul ul li:hover>ul,
    nav ul li:hover>ul {
        display: none;
    }

    /* Fisrt Tier Dropdown */
    nav ul ul li {
        display: block;
        width: 100%;
        padding: 0;
    }

    nav ul ul ul li {
        position: static;
        /* has to be the same number as the "width" of "nav ul ul li" */
    }

    nav .menu li {
        margin: 2px 0;
    }

/*    nav .menu li:nth-last-child(2) > a{
        padding-right:0;
    }*/


    ul.menu {
        max-height: 250px;
        overflow-y: auto;
    }

    .nav-content {
        display: block;
    }


}

/* navigation scroll */
ul.menu::-webkit-scrollbar {
    width: 3px;
}

ul.menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

ul.menu::-webkit-scrollbar-thumb {
    background-color: rgb(212, 212, 212);
}

/* //navigation scroll */

/* //navigation */
/* logo */
a.logo {
    color: #3a3939;
    font-size: 40px;
    padding: 0;
    font-weight: bold;
    position: relative;
}

a.logo span {
    color: #ff3f34;
    font-size: 15px;
    letter-spacing: 5px;
    font-weight: 500;
    position: absolute;
    right: 0;
    top: -2px;
}

/* //logo */

/* download button */
.dwn-button span {
    font-size: 33px;
    color: #3a3939;
}

.section-title-idx {
    margin-bottom:40px;
}

.section-title-idx h3 {
    font-size:28px;
    color:#212528;
    font-weight:bold;
}
.section-title-idx p {
    font-size:17px;
    color:#585757;
    margin-top:10px;
}
/*威斯尼斯ww5553官网版 咨询服务*/
.section-title2 h2 {
    font-size:38px;
    line-height:100%;
    color:#393939;
}
.section-title2 {
    margin-bottom: 50px;
}
.section-title2 h3 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 55px;
    position: relative;
    color:#3a3a3a;
}
.jszx {
    color:#3a3a3a;
    margin-bottom: 30px;
    /*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);*/
    border-radius:15px;
    background:#fff;
    padding:30px 0 30px 40px;
    opacity:.9;
        -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.jszx:hover{
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.08);
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
.jszx:hover h5 {
    color: #365dee;
}
.jszx h5 {
    font-weight:bold;
    line-height:150%;
    margin-top:15px;
}
.jszx p{
    color:#3a3a3a;
    font-size:16px;
}
.ctr-area p {
    margin-bottom:0;
}

/*关于我们 页面*/
/*愿景及使命*/
.yuanjing .row {
    background:url(../../assets/img/yuanjing-bg.jpg) -120px -90px no-repeat ;
    background-size:118% 128%;
    padding:70px 0;

}
.yuanjing-h3  {
    text-align:right;

}
.yuanjing h3 {
    line-height:600%;
    border-right:1px solid #595757;
    font-weight:700;
    color:#222529;
    padding-right:60px;
    font-size:28px;
}

.yuanjing .d-table-cell {
    padding-left:25px;
}
.yuanjing h5 {
    font-size:1.35rem;
    color:#222529;
    font-weight:500;
    line-height:250%;
}
.yuanjing p {
    font-size:16px;
    color:#595757;
    font-weight:normal;
    line-height:200%;
}
.yuanjing p , .yuanjing span{
    text-align:left;
}



/*发展历程*/
.fazhan-title-line {
    background:url(../../assets/img/fazhan-bg.jpg) center no-repeat;
    background-size:cover;
    color:#fff;
    padding:170px 0;
}
.fazhan-title-line h3 {
    color:#fff;
    font-weight:800;
    line-height:100%;
}
.fazhan-title-line span {
    font-weight:500;
    font-size:22px;
}
.fazhan-list{
    padding:0 15px;
}
.fazhan-list:first-child {
    padding-left:0;
}
.fazhan p {
    margin:10px 0;
    font-size:17px;
    color: #585757;
}
.fazhan .container h3{
    margin-bottom:12px;
    color: #585757;
}

/*加入威斯尼斯ww5553官网版*/
.join-ln-col {
    
    margin-bottom: 0px;
    /*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);*/
    
    /*background:#f7f7f7;*/
    padding:5px 0;
}
.join-ln-col figure {
    margin: 0;
    position: relative;
    overflow: hidden;
}
.join-ln-col figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -ms-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
}
.join-ln-col:hover figure img {
    /*transform: scale(1.1);*/
}
.join-ln-col figure .list-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #212528;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -ms-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
}
.join-ln-col:hover figure .list-overlay {
    
    visibility: visible;
}
.join-ln-col .link-view {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    visibility: hidden;
    -ms-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
}
.join-ln-col:hover .link-view {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.join-ln-col .link-view a {
    width: 40px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    border-radius: 50%;
    display: inline-block;
}
.join-ln-col .link-view a:hover {
    background: #fff;
}
.ln-col-content {
    background: transparent;
    padding: 25px 0;
    -ms-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
}
.join-ln-col:hover .ln-col-content {
    
}

.ln-col-content h3 {
    font-size: 20px;
    font-weight: 700;color:#585862;
}

.ln-col-content p {
    margin-top: 13px;
    color:#585757;
    font-size:17px;
}

/*招聘职位*/
.zhiwei-area {
    background:url(../../assets/img/about-bg1.jpg) center no-repeat;
    background-size:cover;
   
}

/*.zhiwei-area::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #212528;
    opacity: .66;
}*/
.zhiwei-area-box {
    padding: 70px 0;
}
.zhiwei-area h2 {
    font-size: 38px;
    line-height:200%;
}
.zhiwei-area p {
    font-size: 16px;
    color: #585757;
}

/*威斯尼斯ww5553官网版研究所*/
/*研究所简介*/
.yjs-welcome-text h4 {
    font-size: 28px;
    font-weight: bold;
    margin: 10px 0 25px;
    line-height: 35px;
    text-transform: uppercase;
    color: #222529;
}
.yjs-welcome-text p {
    margin-bottom: 10px;
    line-height: 1.9;
    color: #585757;
}
.yjs-welcome-area img{
    /*margin:20px 0;*/
}
/*预约实验*/
.yjs-yuyue-area-box {
    background:url(../../assets/img/yjs-bg1.jpg) center no-repeat;
    background-size:cover;
    height:400px;
    overflow:hidden;
    padding-top:75px;
}

 .yjs-yuyue-area-box h2 {
    font-size:38px;
    line-height:200%;
}
 .yjs-yuyue-area-box h2  span {
    color:#356dee;
}
 .yjs-yuyue-area-box p {
    color:#585757;
    font-size:16px;
    -webkit-font-smoothing:antialiased;

}

/*实验中心*/
.yjs-syzx-col .syzx-img {
    overflow: hidden;
}
.yjs-syzx-col .syzx-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
    width: 100%;
    height: 330px;
}
@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .yjs-syzx-col .syzx-img img {
        height: 330px;
    }
}
/*.yjs-syzx-col .syzx-img:hover img {
    transform: scale(1.3);
}*/
.syzx-content {
    padding: 25px 0 0;
}
.syzx-content h3{
    font-size:20px;
    margin-bottom:45px;
}

/*新闻列表页*/
.news-area {
    position: relative;
    overflow: hidden;
}
.single-blog-post .post-img {
    overflow: hidden;
}
.single-blog-post .post-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
    width: 100%;
    max-height:208px;
}
.single-blog-post .post-img:hover img {
    /*transform: scale(1.3);*/
}
.post-content {
    padding: 25px 0 0;
}
.post-content ul li {
    display: inline-block;
    margin-right: 20px;
    color: #848484;
}
.post-content ul li:last-child {
    margin-right: 0;
}
.post-content ul li i {
    margin-right: 4px;
}
.post-content h4 {
    margin: 20px 0 0;
    line-height: 0.6;
}
.post-content h4 a {
    font-size: 24px;
    font-weight: 700;
    display: inline-block;
    color:#212528;
}
.blog-content.post-content p {
    margin: 28px 0 20px;
    color:#595757;
}
.blog-content.post-content {
    margin: 0 0 0 30px;
    padding-top:0;
    position:relative;
    height:100%;

}
.blog-content.post-content h4 {
    margin: 0;
}
.blog-content.post-content h4 a {
    font-size: 20px;
    display: inline-block;
    line-height:initial;
}
.single-blog-post .border2 {
    margin: 90px 0 0 0 ;

}
.see-all-post {
    margin-top: 44px;
}
.see-all-post a {
    font-weight: 700;
    text-decoration: underline;
}
.blog-section .single-blog-post {
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 26px;
}
.news-date {
    position:absolute;
    bottom:0;
    
    border-bottom:1px solid #dcdddd;
    width:100%;
    height:28px;
    font-weight:400;
    font-family:"Conv_DINCondensedC";
    font-size:20px;

}

.news-date span::before {
    background:#365dee;
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 82px;
    height: 2px;
}

/*案例列表页*/
/*.servicesBox {
    height: 400px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.servicesBox::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .66;
}
.servicesBox.services-bg1 {
    height: 400px;
}
.servicesBox.services-bg1 .services-content {
    margin-top: -85px;
}
.servicesBox .services-content {
    margin-top: -85px;
}
.servicesBox:hover .services-content {
    transform: translateY(-30px);
}
.servicesBox:hover .services-content a {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}*/
.single-case {
    margin-bottom: 30px;
}
.single-case .img {
    overflow: hidden;
}
.single-case .img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
    width: 100%;
    height:255px;
}
.single-case:hover{
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.08);
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
/*.single-case:hover .img img {
    transform: scale(1.3);
}*/
.single-case .content {
    padding: 25px;
    box-shadow: 0 0 10px 0 rgba(67, 67, 67, 0.15);
}
.single-case .content h3 a {
    font-size: 20px;
    font-weight: normal;
}
.single-case .content h3 i {
    font-size: 24px;
    margin-right: 5px;
}
.single-case .content p {
    margin: 15px 0 2px;
    font-size:14px;
    color:#595757;
}
.single-case:hover h3 a{
    color: #365dee;
}

/*联系我们*/
/*预约考察*/
.contact-area .yuyue-kaocha {
    background:url(../../assets/img/contact-bg1.jpg) center no-repeat;
    padding:70px 80px;
    height:380px;
    overflow:hidden;
}
.contact-area .yuyue-kaocha h2 {
    font-size:38px;
    line-height:200%;
}
.contact-area .yuyue-kaocha h2  span {
    color:#356dee;
}
.contact-area .yuyue-kaocha p {
    color:#585757;
    font-size:16px;
    -webkit-font-smoothing:antialiased;

}
/*来料实验*/
.contact-area .lailiao-shiyan {
    background:url(../../assets/img/contact-bg2.jpg) center no-repeat;
    padding:70px 80px;
    height:380px;
    overflow:hidden;
}
.contact-area .lailiao-shiyan h2 {
    font-size:38px;
    line-height:200%;
}
.contact-area .lailiao-shiyan h2  span {
    color:#356dee;
}
.contact-area .lailiao-shiyan p {
    color:#585757;
    font-size:16px;
}



/*粉体代加工服务*/
.contact-process-img {
    overflow:hidden;
}
.contact-process-content {
    padding:100px 0 0 35px;
}
.contact-process-content h3 {
    color:#222529;
}
.contact-process-content h3::after {
    width: 198px;
}
.contact-process-content p {
    color:#585757;
    margin-top:26px;
    font-size:16px;
}

/*公司地址*/
.contact-call-img {
    overflow:hidden;
    text-align:center;
}
.contact-call-content {
    padding:0 0 27px 18px;
}
.contact-call-content h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 44px;
    position: relative;
    margin-left: 8px;
}
.contact-call-content h3::before, .contact-call-content h3::after {
    content: '';
    position: absolute;
    left: 0;

    background: #e3e3e3;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    bottom: -20px;
    -ms-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
}
.contact-call-content h3::after {
    bottom: -20px;
    width: 115px;
    background: #365dee;
    height:2px;
}
.contact-call-content h5 {
    font-size:1.35rem;
}

.contact-call-content p {
    font-size:15px;
    padding:8px;
    color:#585757;
}
@media (min-width: 992px) {
    .contact-call-content .col-lg-5,.call-phone .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 47.666667%;
        flex: 0 0 47.666667%;
        max-width: 47.666667%
    }
    .contact-call-content .col-lg-7,.call-phone .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 52.333333%;
        flex: 0 0 52.333333%;
        max-width: 52.333333%
    }
}

.call-phone {
    padding:0 0 0 22px;
}
.call-phone .icon {
    position: absolute;
    left: 10px;
    top: 6px;
}
.call-phone .location {
    left: 0;
}
.call-phone .phone {
    left: 0;
}
.call-phone .text {
    text-align: left;
    padding-left: 60px;
}
.call-phone .text span {
/*    line-height: 1;*/
    font-size: 1.05rem;
/*    margin-top: 5px;*/
}
.call-phone .text p {
    font-size: 1.05rem;;
    font-weight: normal;
    color: #356dee;
}

/*.contact-call-content h3::before{
    background: #e3e3e3;
    width: 100%;height: 1px;
}
.contact-call-content h3::after {
    background: #365dee;
    width: 80px;
}*/

/*服务与支持*/
.support-table {
    padding: 85px 0 85px;
    text-align: center;
    background: #f7f7f7;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    border-radius:16px;
    margin:15px 0;

}
.support-table:hover {
     -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.08);
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
.support-table .icon {
    padding:0 0 32px 0;
}
.support-table h5 {
    font-weight:bold;
    line-height:200%;
    color:#222529;
    font-size:18px;
}
.support-table:hover h5 {
    color:#365dee;
}
.support-table p {
    color:#222529;
    line-height:150%;
}

/*技术支持*/
.support-area2 {
    background:#222529;
}
.support-area2-title h3{
    color:#fff;
    font-size:38px;
    margin-bottom:65px;
}
.support-area2-box {
    padding:32px 24px;
    background:#fff;
    border-radius:16px;
    height:100%;

}
.support-area2 .col-lg-3 {
    margin-bottom:15px;
}
.support-area2-box .icon{
    padding-bottom:10px;
}

.support-area2-box h5 {
    font-size:18px;
    line-height:200%;
    font-weight:bold;
}
.support-area2-box:hover h5{
    color:#365dee ;
}
.support-area2-box p {
    font-size:14px;
}
/*设备维护*/
.support-area3 {
    /*padding-bottom: 50px;*/
}
.support-area3-box {
    /*margin-bottom: 30px;*/
}
.support-area3-box .support-area3-img {
    overflow: hidden;
    position: relative;
}

.support-area3-box .support-area3-content {
    padding: 25px 0 0;
}
.support-area3-box p {
    font-size: 16px;
    color: #212528;
    font-weight: 400;
}
/*备件服务*/
.ptb-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.beijian-title {
    padding-right:50px;
}
.beijian-title h3{
    color:#222529;
    font-size:28px;
}
.beijian-title p{
    color:#585757;
    font-size:17px;
    margin-top:26px;
}
.beijian-img {
    overflow: hidden;
    position: relative;
}
/*售后服务*/
.after-sales {
    margin-bottom:15px;
    padding: 56px 0 30px 0;
    text-align: center;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    border-radius: 15px;
}
.after-sales:hover {
     -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.08);
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
.after-sales .icon {
    margin-bottom:20px;
}
.after-sales h3 {
    font-size:18px;
    line-height:30px;
    height:60px;
    font-weight:400;
}

/*威斯尼斯ww5553官网版 专属定制方案*/
.dingzhifangan-area {
    overflow:hidden;
}
.dingzhifangan-slider {
    margin-top:28px;
}
.dingzhifangan-slider .owl-item {
opacity:0.7;
}
.dingzhifangan-slider .owl-item.active {
opacity:1;
}
.dingzhifangan-slider .owl-item .item {
    width: 1124px;height: 516px;border-radius:15px;overflow: hidden;position:relative;
}
.dingzhifangan-slider .owl-item .item-text {position: absolute;left: 6%;top:58% ;width: 42%;}
.dingzhifangan-slider .owl-item .item-text h4 {
    font-weight: bold;
    margin-bottom: 10px;
}
.dingzhifangan-slider .owl-item .item-text h4 ,.dingzhifangan-slider .owl-item .item-text p {
    color: #fff;
}
.opacity07 {
    opacity:0.7;
}
.opacity10 {
    opacity:1;
}
.dingzhifangan-slider .item a {
    display: block;
}
.dingzhifangan-slider .item img {
    border-radius:15px;
}
.dingzhifangan-slider .owl-stage-outer {
    overflow: visible;
}



.dingzhifangan-area .dingzhifangan-slider.owl-carousel .owl-nav .owl-next,
.dingzhifangan-area .dingzhifangan-slider.owl-carousel .owl-nav .owl-prev {

}

.dingzhifangan-area .dingzhifangan-slider.owl-carousel .owl-nav .owl-next:hover,
.dingzhifangan-area .dingzhifangan-slider.owl-carousel .owl-nav .owl-prev:hover {
    background: #fff;
}

.dingzhifangan-area .dingzhifangan-slider.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  left: -20%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dingzhifangan-area .dingzhifangan-slider.owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  right: -20%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}



.home-slides .owl-dots {
    position:absolute;
    bottom:8%;
    left:50%;transform: translateX(-50%);
}
.home-slides .owl-dot {
    background:#dfe0e4;
    height:10px;
    width:10px;
    border-radius:10px;
}
.home-slides .owl-controls .owl-dot.active {
    width:20px;
}

/*威斯尼斯ww5553官网版 客户*/

.custom-area .row img {
    width:100%;
}
/*栏目页二级菜单*/

.top-nav{
    float:left;
}
.top-nav ul{
    padding: 0;
    margin: 0;
    float: none;
}
.top-nav ul li {
    display: inline-block;
    margin: 0 0.5em;
    float: none;
}
.top-nav ul li.dzfa-idx {
    margin: 0 1.5em;
}
.top-nav ul li:nth-child(1){
    margin-left:0;
}
.top-nav ul li:last-child{
    margin-right:0;
}
.navbar-default {
    background: none;
    border: none;
    margin: 0;
}
.navbar-default {
    background: none;
    border: none;
    margin: 0;
}
.navbar-right {
    float: none !important;
    margin-right: -15px;
    text-align: center;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #99abd5;
    background: none;
}
.navbar-nav > li {
    margin: 0 .5em;
    display: inline-block;
    float: none;
}
.navbar-default .navbar-nav > li > a {
    color: #585757;
    font-size: 1.1em;
    padding: 1em 0em;
    position: relative;
    font-weight: normal;
    text-transform:none;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav li a.active {
    color: #585757;
    font-weight: 900;
}
.navbar-default .navbar-nav > li > a:before {
    content: '';
    position: absolute;
    bottom: 1px;
    background: #356dee;
    height: 2px;
    width: 0;
    left: 0;
    transition: .5s all;
}
.navbar-default .navbar-nav li  a:hover:before,.navbar-default .navbar-nav li a.active:before{
    width: 100%;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: none !important;
    box-shadow: 1px 0px 0px 0px rgba(72, 72, 72, 0);
    color: #fff;
}
.navbar-collapse {
    padding: 0px !important;
}
.sub-nav {
    position:absolute;bottom:0;background: rgba(255,255, 255, 0.51);width:100%;
}
.navbar {padding:0}
.navbar-nav {
    display:inline;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
@media all and (max-width : 991px) {
    .top-nav ul li {
        display: inline-block;
        width: auto;
    }
}





/*按钮样式*/
.l-button{
width: 182px;
line-height: 52px;
text-align: center;

color: #fff;
border-radius: 8px;
margin:45px 20px 20px 0;
position: relative;
overflow: hidden;
font-size:22px;
display:block;
}
a.l-button:hover {
    color:#f2f2f2;
}
.l-button:nth-child(6n){
margin-right: 0;
}
.l-button.l-blue{
border:0;

background: #222529;
}

.l-round,
    .l-side,
    .l-tags{
padding-right: 30px;
}
/*i.fa.fa-chevron-right:before {
  content: "\f0fe";*/
.l-side:after{
position: absolute;
display: inline-block;
content: "\2190";
top:12px;
right:-12px;
width: 54px;
height:30px;
font-weight: normal;
line-height: 26px;
border-radius:0 0 5px 5px;
text-shadow:-2px 0 1px #333;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
transform:rotate(-90deg);
}
.l-blue.l-side:after{

background:#383d40;
}

/*栏目页banner*/
.page-title {
    height:519px;
}
.subpage{
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.subpage1 {
    background:url(../../assets/img/sub-banner1.jpg) no-repeat center ;
    background-size:cover;
}
.subpage2 {
    background:url(../../assets/img/sub-banner2.jpg) no-repeat center ;
    background-size:cover;
}
.subpage3 {
    background:url(../../assets/img/sub-banner3.jpg)  no-repeat center ;
    background-size:cover;
}
.subpage4 {
    background:url(../../assets/img/sub-banner4.jpg)  no-repeat center ;
    background-size:cover;
}
.subpage5 {
    background:url(../../assets/img/sub-banner5.jpg)  no-repeat center ;
    background-size:cover;
}
.subpage6 {
    background:url(../../assets/img/sub-banner6.jpg)  no-repeat center ;
    background-size:cover;
}
.subpage7 {
    background:url(../../assets/img/sub-banner7.jpg)  no-repeat center ;
    background-size:cover;
}
.subpage8 {
    background:url(../../assets/img/sub-banner8.jpg)  no-repeat center ;
    background-size:cover;
}

/*兼容小屏*/
@media (max-width: 575.98px) {

}
@media (min-width: 576px){
/*    .container {
        max-width: 540px;
    }  */


}
@media (max-width: 767.98px) {
    /*新闻页面*/
    .blog-content.post-content h4 {
        margin-top:20px;
    }
    .news-date {
        bottom:-15px;
    }


}
@media (min-width: 768px){
/*    .container {
        max-width: 720px;
    }*/

/*联系我们页面*/
/*    .contact-call-content h3 {
        margin-top:50px;
    }*/
}
@media (max-width: 991.98px) {
    .contact-process-content {padding-left:0}
    .contact-call-content h3 {
        margin-top:50px;
    }
    .call-phone .col-lg-5  {
        margin:30px 0;
    }
}
@media (min-width: 992px){
/*    .container {
        max-width: 960px;
    }*/
}
@media (max-width: 1439.98px) {

}
@media (max-width: 1568.98px) {
    .partner-slider  .owl-nav [class*="owl-"] {
        left: 10px;

    }
    .partner-slider  .owl-nav .owl-next {
        left: auto;
        right: 10px;
    }
}
@media (max-width: 1199.98px) {

}
@media (min-width: 1200px){
/*    .container {
        max-width: 1140px;
    }*/
}


/*共有底部*/
.container-footer {
    width: 100%;
    padding-right: 75px;
    padding-left: 75px;
    margin-right: auto;
    margin-left: auto;
}
.container-footer p,.container-footer h6,.container-footer a {
    color:#fff;
    font-size:15px;
}
.footer-menu li {
    float:left;
    margin-bottom:20px;
    margin-right: 51px;
}
.footer-menu li:last-child {
    margin-right: 0;
}
.footer-menu li:nth-child(5){
    margin-right: 30px;
}
/*.footer-menu li.last-li {
    width:280px;
}*/
.footer-menu h6 {
    color:#fff;
    font-size:18px;
    line-height:250%;
}
.footer-menu li a ,.footer-menu p{
    display:block;
    color:#fff;
    font-size:15px;
    line-height: 200%;
}
.footer-menu li img {
    width:82px;height:82px;
}
.header-top-social li {
    display: inline-block;
    margin-left: 10px;
    width:auto;
}
.header-top-social li a {
    font-size: 18px;
    display: inline-block;
}

.footer-contact h6 {
    line-height:150%;
}

/*预约实地考察*/
.subpage9 {
    background:url(../../assets/img/sub-banner9.jpg) center no-repeat;
    background-size:cover;
}
.subpage10 {
    background:url(../../assets/img/sub-banner10.jpg) center no-repeat;
    background-size:cover;
}
.form-title-line {
    background:#5e6263;
    text-align:center;
    font-size:21px;
    color:#fff;
    font-weight:500;
    padding:12px 0;
    
}
.form-box {
    background:#f0f7fc;
    padding:68px;
    margin-top:7px;
}
.form-text1 {
    font-size:1rem;
    margin-bottom:45px;
}
.get-in-touch label {
    display:inline-block;
    width:120px;
    text-align:right;
    font-size:0.95rem;
    color:#222529;
    padding-right:10px;
}
.get-in-touch .form-control {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    display:inline-block;
    width:359px;
    height:35px;
}
.get-in-touch .btn {
    margin-top: 15px;
}

/*按钮样式2*/
.l-side2{
padding-right: 30px;
}
/*i.fa.fa-chevron-right:before {
  content: "\f0fe";*/
.l-side2:after{
position: absolute;
display: inline-block;
content: "\2713";
top:0;
right:0;
width: 40px;
height:52px;
font-weight: normal;
line-height: 45px;
border-radius:0 5px 5px 0;
text-shadow:-2px 0 1px #333;
/*-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
transform:rotate(-90deg);*/
}
.l-blue.l-side2:after{

background:#383d40;
}

/*表单样式*/
.get-in-touch label.form-check-label {
    text-align:left;
    font-size:0.95rem;
    color:#222529;
    padding-right:0px;
    width:80px;
}
.get-in-touch .form-control2{
    width:863px;
}

/*面包屑导航*/
.nav-bread {
    position:absolute;
    top:20px;
    color:#a3a6ae;
}
.nav-bread a {
    color:#a3a6ae;
}
.nav-bread a:hover {
    color:#365dee;
}

.lastpage {
    height:400px;
}

.process-content p{
    font-size:17px;
}

.job-box {
    margin-bottom:20px;
}
.job-title {
    font-size:20px;
    font-weight:500;
}
.job-box p {
    font-size:17px;
}


/*详情页*/
.view-page-title {
    overflow: hidden;
    position: relative;
    background: url(../../assets/img/view-page-title-bg.png) repeat-x;
    height:130px;
}

.view-icon {padding:28px 15px;}
.single-icon {text-align:center;}
.single-icon p {
    line-height:2;font-size:15px;
}
.single-icon img {
    width:36px;height:34px;
}
.details-title {
    margin-bottom:40px;
}
.details-title h1{
    color:#222529;
    font-size:38px;
}
.details-content h5 {
    margin:0 0 25px 0;
}

/*新闻详情*/
.view-news-title{
    padding: 0 0 10px 0;
    margin-bottom: 40px;
}

.view-news-title h1 {
    font-size: 44px; 
    line-height: 66px; 
    padding-bottom: 7px; 
    font-weight: 500; 
    font-variant-ligatures: no-common-ligatures;
    margin-top: 0;
}


.news-sidebar-title {
    background: #5e6263;
    font-size: 18px;
    color: #fff;
    padding: 10px 12px;
    margin-bottom: 12px;
}
.news-sidebar {
    margin-top: 18px;
    padding-left: 35px;
}
.news-sidebar ul li {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 14px;
    margin-top: 14px;
}
.news-sidebar ul li:first-child{
    margin-top: 0;
}
.news-sidebar ul li a {
    font-size: 18px;
}
.news-sidebar ul li span {
    color: #595757;
    padding: 5px 0 0;
    font-size: 14px;
}
/*产品列表*/
.services-area {
    background: #f7f7f7;
}
/*.services-area .col-lg-4, .services-area  .col-md-6{
    padding: 0 8px;
}*/
/*只产品 因为是png 上下需要留空*/
.view-side {
    margin-left: 35px;
}
.view-litpic-1 {
    height: 218px;
    text-align: center; 
}
.view-litpic-1 img {
    height:100%;
    width: 100%;
}
.link-box {
    margin-top:60px;
}
.link-box .row {

}
.link-box h5 {
    font-weight: 700;
    margin-bottom:20px;
    font-size: 16px;
}
.link-box h6 {
    font-size:16px;
    font-weight:600;
    margin:14px 0 20px 0;
}
.view-link-img {
    height: 218px;
}
.view-link-img img {
    height: 100%;
    width: 100%;
}
/*详情内容区有背景*/
.details-content-0 {
    background:#f7f7f7;
    padding:35px;
    height:328px;
    line-height:328%;
}
.details-content-0 p {
    font-size:17px;
    color:#595757;
}
.view-litpic-0 {
    height: 218px;
    background: #f7f7f7;
    text-align: center;
}
.view-litpic-0 img {
    height:100%;
    width:100%;
}
/*关注我们*/

.focus_us{ display: block; height: 55px; width: 100%; border-bottom: 1px solid #4a4a4a; padding-top: 33px; margin-bottom: 40px; box-sizing: content-box; }
.focus_us .tit{ float: left; margin-right: 33px; color: #fff;font-size: 1.25rem;padding-top:3px}
.focus_us .focus_list li{ display:inline-block; float: left; margin-right: 28px;}
.focus_us .focus_list li a{ display:block; height: 28px; width: 28px; color: #fff;font-size: 22px}
.focus_us .focus_list li a.icon-w54 {
    width:54px;
}
.focus_us .focus_list li a.icon-w52 {
    width:52px;
}
.focus_us .focus_list li a .icon{ display:block; height: 28px; width: 28px; background:url(../../assets/img/icon_wechat.png) no-repeat center; background-size: 100% 100%;position: relative; transition: background 0.2s ease-in-out;}
.focus_us .focus_list li a .i_twitter{background:url(../../assets/img/icon_twitter.png) no-repeat center; background-size: 100% 100%;}
.focus_us .focus_list li a .i_facebook{background:url(../../assets/img/icon_facebook.png) no-repeat center; background-size: 100% 100%;}
.focus_us .focus_list li a .i_bossgoo{background:url(../../assets/img/icon_bossgoo.png) no-repeat center; background-size: 100% 100%;}
.focus_us .focus_list li a .i_you{background:url(../../assets/img/icon_you.png) no-repeat center; background-size: 100% 100%;width:54px}
.focus_us .focus_list li a .i_alibaba{background:url(../../assets/img/icon_alibaba.png) no-repeat center; background-size: 100% 100%;width:52px}

.focus_us .focus_list li a .i_douyin{background:url(../../assets/img/icon_douyin.png) no-repeat center; background-size: 100% 100%;}
.focus_us .focus_list li a .i_weibo{background:url(../../assets/img/icon_weibo.png) no-repeat center; background-size: 100% 100%;}

.focus_us .focus_list li a:hover{
    color: #365dee;
}

/*.focus_us .focus_list li a:hover .icon{
  background:url(../img/index/icon_wechat_hover.png) no-repeat center; background-size: 100% 100%;
}
.focus_us .focus_list li a:hover .i_weibo{
  background:url(../img/index/icon_weibo_hover.png) no-repeat center; background-size: 100% 100%;
}
.focus_us .focus_list li a:hover .i_twitter{
  background:url(../img/index/icon_x_hover.png) no-repeat center; background-size: 100% 100%;
}
.focus_us .focus_list li a:hover .i_in{
  background:url(../img/index/icon_in_hover.png) no-repeat center; background-size: 100% 100%;
}
.focus_us .focus_list li a:hover .i_you{
    background:url(../img/index/icon_youtube_hover.png) no-repeat center; background-size: 100% 100%;
}*/

.wechat-code {
  width: 176px;
  position: absolute;
  left: 144px;
  top: -166px;
  z-index: 2;
  display: block;
  display:none\9;
  opacity: 0;
  transition: opacity 0.2s linear;
  pointer-events:none;
}
.focus_us .focus_list li a:hover .wechat-code{
  display: block;
  opacity: 1;
}

/* fixed nav */
nav.fixed-navi ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav.fixed-navi ul li {
    float: left;
}

/*helper*/
.isFixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 1px 4px 10px 3px rgba(8, 8, 8, 0.12);
    z-index: 999;
    background: #fff;
    -webkit-transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -ms-transition: box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    -webkit-transition: background-color .1s ease-in-out;
    -moz-transition: background-color .1s ease-in-out;
    -ms-transition: background-color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out;
}

/* //fixed nav */

.view-litpic-0 {
    display:none;
}

/*#365dee 蓝色*/
/*#595757* 灰黑色/