@font-face {
	font-family:'Impact';
	src: url('../images/fonts/impact.eot') format('embedded-opentype'),
		 url('../images/fonts/impact.ttf') format('truetype'),
		 url('../images/fonts/impact.svg') format('svg'),
		 url('../images/fonts/impact.woff') format('woff'), 
		 url('../images/fonts/impact.woff2') format('woff2');
}
@font-face {
	font-family:'Arial';
	src: url('../images/fonts/arial.eot') format('embedded-opentype'),
		 url('../images/fonts/arial.ttf') format('truetype'),
		 url('../images/fonts/arial.svg') format('svg'),
		 url('../images/fonts/arial.woff') format('woff'), 
		 url('../images/fonts/arial.woff2') format('woff2');
}
@font-face {
	font-family:'Oswald-Light';
	src: url('../images/fonts/Oswald-Light.eot') format('embedded-opentype'),
		 url('../images/fonts/Oswald-Light.ttf') format('truetype'),
		 url('../images/fonts/Oswald-Light.svg') format('svg'),
		 url('../images/fonts/Oswald-Light.woff') format('woff'), 
		 url('../images/fonts/Oswald-Light.woff2') format('woff2');
}
@font-face {
	font-family:'Oswald-Bold';
	src: url('../images/fonts/Oswald-Bold.eot') format('embedded-opentype'),
		 url('../images/fonts/Oswald-Bold.ttf') format('truetype'),
		 url('../images/fonts/Oswald-Bold.svg') format('svg'),
		 url('../images/fonts/Oswald-Bold.woff') format('woff'), 
		 url('../images/fonts/Oswald-Bold.woff2') format('woff2');
}
@font-face {
	font-family:'ITC Avant Garde Std-BoldCn';
	src: url('../images/fonts/ITC Avant Garde Std-BoldCn.eot') format('embedded-opentype'),
		 url('../images/fonts/ITC Avant Garde Std-BoldCn.ttf') format('truetype'),
		 url('../images/fonts/ITC Avant Garde Std-BoldCn.svg') format('svg'),
		 url('../images/fonts/ITC Avant Garde Std-BoldCn.woff') format('woff'), 
		 url('../images/fonts/ITC Avant Garde Std-BoldCn.woff2') format('woff2');
}

html body{width: 100%; }
*{ margin:0; padding:0; box-sizing: border-box;}
html body{width: 100%;font-size: 14px;}
img{ border:none;vertical-align: middle;height: auto;}
ul,li{ list-style:none;}
a{outline:none; text-decoration:none; color:#383838;} 
a:hover{outline:none; text-decoration:none; }
.clear{ clear:both}
.l{float:left;}
.r{float:right;}
em,i{font-style:normal;}
hr{border:none; clear:both; height:0; background:none; margin:0; padding:0; border-bottom:#eee solid 1px;}
html > body > table >  tr [id="total"] > td  > ul > li { color:#383838;}
body{ color:#383838; font-size:12px; /*解决电脑设置保护色，网页空白处默认淡绿色问题*/}
/*espcms_public*/
body,div,dl,dt,dd,ul,ol,li,pre,code,form,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{}
blockquote { border-left: 5px solid #EEEEEE; margin: 10px; padding: 10px; }
/*首字母*/
.firstletter:first-letter{ font-size:200%;}
/* 解决固定层在IE6下闪的问题 */
html{background-attachment:fixed;}
/* 解决ie下连接加粗的鼠标样式问题*/
a strong{ cursor:pointer;}
/*FCK 兼容解决方案*/
strike{ text-decoration:line-through !important;} strong{ } u{ text-decoration:underline !important;}
/*超出省略号显示*/
.ellipsis{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:80px;overflow:hidden;}
/*块状元素水平居中*/
.auto{margin-left:auto; margin-right:auto;}
/*清除浮动*/
.fix{*zoom:1;}.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
/*基于display:table-cell的自适应布局*/
.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
/*双栏自适应cell部分连续英文字符换行*/
.cell_bk{display:table; width:100%; table-layout:fixed; word-wrap:break-word;}
/*单行文字溢出虚点显示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ti2{text-indent:2em;}
/*按钮*/
html .button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer;text-align: center; text-decoration: none; font-size:14px; line-height:100%; padding: .4em 1.5em .55em; border:none; border-radius: 2px; color: #fff; background:#40b694;}
.button:hover { text-decoration: none; background: #9a9c9d; }
.button:active { position: relative; top: 1px;color: #999; }
/*圆角*/
.button.bigrounded { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
/*中号*/
.button.medium { font-size: 12px; padding: .4em 1.5em .42em; }
/*小号*/
.button.small { font-size: 11px; padding: .2em 1em .275em; }
/*翻页*/
.espcms_page_botton{text-align: center;padding: 30px 0 50px 0;}
/*按钮色彩样式*/
.btn > .caret,.dropup > .btn > .caret {border-top-color: #000 !important;}
.btn{display: inline-block; padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: thin dotted;outline: 0px auto -webkit-focus-ring-color;outline-offset: -2px;}
.btn:hover,.btn:focus,.btn.focus {text-decoration: none;}
.btn:active,.btn.active {background-image: none;outline: 0;}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
a.btn.disabled,fieldset[disabled] a.btn {pointer-events: none;}

.btn-default {color: #333;background-color: #fff;border-color: #ccc;outline:0px}
.btn-default:focus,.btn-default.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c;outline:0px}
.btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus,
.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #fff;background-color: #d81324;border-color: #d81324;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,
.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;}
.btn-default .badge {color: #fff;background-color: #333;}

.btn-group,.btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}
.btn-group > .btn,.btn-group-vertical > .btn {position: relative;float: left;}
.btn-group > .btn:hover,.btn-group-vertical > .btn:hover,.btn-group > .btn:focus,.btn-group-vertical > .btn:focus,.btn-group > .btn:active,.btn-group-vertical > .btn:active,.btn-group > .btn.active,.btn-group-vertical > .btn.active {z-index: 2;}
.btn-group .btn + .btn,.btn-group .btn + .btn-group,.btn-group .btn-group + .btn,.btn-group .btn-group + .btn-group {margin-left: -1px;}
.btn-toolbar {margin-left: -5px;}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {float: left;}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {margin-left: 5px;}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0;}
.btn-group > .btn:first-child {margin-left: 0;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group > .btn-group {float: left;}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {border-radius: 0;}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {outline: 0;}
.btn-group > .btn + .dropdown-toggle {padding-right: 8px;padding-left: 8px;}
.btn-group > .btn-lg + .dropdown-toggle {padding-right: 12px;padding-left: 12px;}
.btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn-group.open .dropdown-toggle.btn-link {-webkit-box-shadow: none;box-shadow: none;}
.btn .caret {margin-left: 0;}

.container {width: 80%;}
.container {padding-right: 0; padding-left: 0; margin-right: auto;margin-left: auto;}


/*导航*/
.nav{width: 100%; position: absolute; z-index: 1000; display: flex; align-items: center; overflow: hidden;}
.nav .s_width{width: 88%; margin: 0 auto;  display: flex; justify-content: flex-end; align-items: center; position: relative; z-index: 10;}
.nav_logo{background: #d81324; padding: 0 50px; display: flex; justify-content: center; align-items: center; position: absolute; z-index: 15; }
.nav_logo img{width: 100%; margin: auto;}
.nav .nav_lanmu{display: flex; justify-content: space-between;}
.nav li{position: relative; text-align: center;}
.nav li a:before{position: absolute; bottom: 0; z-index:-1; content: ""; display: block; width: 0; height: 4px; background: #d81324; transition-duration: .3s;}
.nav li a:hover:before{width: 100%;}
.nav li a{font-size: 16px; line-height: 100px; color: #464646; display: block; position: relative; z-index: 1;}
.nav li:hover a{color: #d81324; transition-duration: .3s;}

.nav_bg{width: 88%; background: #fff; min-width: 1200px; position: absolute; z-index: 9; left: 0; right: 0; margin: 0 auto;}

.subnav{position: absolute; z-index: 5;}
.investor-subnav{width: 280%; padding: 10px; background: rgba(0,0,0,0.7); }
.investor-subnav ul{display: flex; flex-wrap: wrap;}
.investor-subnav .text{width: 100%; cursor: pointer; text-align: center; font-size: 15px; color: #fff; line-height: 40px; transition-duration: .3s;}
.investor-subnav .text a{display: block; color: #fff;}
.investor-subnav .text:hover{background: #d81324;}

.na_tel{display: flex; align-items: center;}
.na_tel img{width: 100%;}

@media only screen and (min-width: 1601px) {
	.nav{top: 50px; }
	.nav .s_width{height: 100px;}
	.nav_logo{height: 110px; left: 7.5vw; clip-path: polygon(7% 0%,100% 0%,93% 100%,0% 100%);}
	.nav .nav_lanmu{width: 55%; margin-right: 4vw;}
	.nav li a{line-height: 100px;}
	.nav_bg{height: 100px; clip-path: polygon(2% 0%,100% 0%,98% 100%,0% 100%); }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.nav{top: 30px; }
	.nav .s_width{height: 80px;}
	.nav_logo{height: 90px; left: 3.5vw; padding: 0 28px; clip-path: polygon(5% 0%,100% 0%,95% 100%,0% 100%);}
	.na_tel{width: 28%;}
	.nav .nav_lanmu{width: 53%; margin-right: 2.5vw;}
	.nav li a{line-height: 80px;}
	.nav_bg{height: 80px; clip-path: polygon(2% 0%,100% 0%,98% 100%,0% 100%); }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.nav{top: 30px; }
	.nav .s_width{height: 80px;}
	.nav_logo{height: 90px; left: 7.5vw;}
	.nav .nav_lanmu{width: 25%; margin-right: 4.5vw;}
	.nav .nav_lanmu li{display: none;}
	.nav_bg{height: 80px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.nav{top: 20px;}
	.nav .s_width{height: 80px;}
	.nav_logo{height: 90px; left: 7.5vw;}
	.nav .nav_lanmu{width: 8%; margin-right: 2.5vw;}
	.nav .nav_lanmu li{display: none;}
	.na_tel{display: none;}
	.nav_bg{height: 80px;}
}
@media only screen and (max-width: 767px) {
	.nav{top: 0px; position: fixed;}
	.nav .s_width{width: 100%; height: 54px;}
	.nav_logo{width: 80%; height: 54px; padding: 0 10px; top: 0; font-size: 0; margin: 0;}
	.nav .nav_lanmu{width: 8%; margin-right: 2.5vw;}
	.nav .nav_lanmu li{display: none;}
	.na_tel{display: none;}
	.nav_bg{width: 100%; height: 54px;}
}


/*banner*/
.slide-main{position: relative; z-index: 1;}
.prev,.next{display: block; position: absolute; z-index: 222; top: 45%; overflow: hidden; cursor: pointer; text-align: center;}
.prev img,.next img{margin:10px 0 0 5px;}
.prev{left:2vw;}
.next{right:2vw;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{}
.item{display: block; width: 100%; position: absolute; z-index: 124; bottom: 20px; left: 0; text-align: center;}
.item a{display: inline-block; width: 12px; height: 12px; margin-right: 10px; background: #fff; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=60); overflow: hidden; border-radius: 50%;}
.item a.cur{background: #d81324;}
.slide-box,.slide{display:block;width:100%;height: auto;}
.slide-box{position:relative;}
.slide{display:none;position:relative;position:relative;z-index:8;}
.slide img{width: 100%;height: auto;}
.slide a{display:block;cursor:pointer;}

@media (max-width: 767px) {
	.slide-main{margin-top: 40px;}
	.arrow_down{display: none;}
	.prev img, .next img {
	    width: 50%; margin: 0 0 0 0;
	}
}


/*自定义*/
.content {width: 100%; background: #f2f2f2; padding: 80px 0 50px;}

.index-btn {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	position: absolute;
	z-index: 3;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background-position: center center;
	background-repeat: no-repeat;
	-moz-background-size: 60px;
	-o-background-size: 60px;
	background-size: 60px;
}
.index-btn.index-prev {
	background-image: url(../images/prev.png);
	left: 30.8%;
}
.index-btn.index-next {
	background-image: url(../images/next.png);
	right: 30.8%;
}

.commonweb {
	width: 80%;
    padding: 0px 15px;
}
@media (min-width: 768px) {
.commonweb {
    padding: 0px 20px;
}
}
@media (min-width: 992px) {
.commonweb {
    padding: 0px 40px;
}
}
@media (min-width: 1200px) {
	.commonweb {
		margin: 0px auto;
		min-width: 1200px;
		padding: 0;
	}
}

@media only screen and (min-width: 1601px) {
	
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.commonweb {margin: 0px auto; min-width: 1200px; padding: 0;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.commonweb {
	    padding: 0px 40px;
		max-width: 1199px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.commonweb {
	    padding: 0px 20px;
		max-width: 991px;
	}
}
@media (max-width: 767px) {
	.content {
	    padding: 1.8rem 0;
	}
	.content .pro_bt_zu h2 p {
	    min-width: 9.5rem;
	}
	.content .pro_bt {
	    width: 92%;
	}
	.commonweb {
		width: 92%;
		margin-left: 15px;
	}
	.index-btn.index-prev{left: -1.5rem; background-size: 100%; width: 2rem; top: 53%;}
	.index-btn.index-next{right: -1.5rem; background-size: 100%; width: 2rem; top: 53%;}
}




.arrivals-wrapper {
	position: relative;
}
.arrivals-wrapper .arrivalsp-min {
	overflow: hidden;
	padding: 30px 0 0 0;
}
.arrivals-wrapper ul.momargin {
	margin: 0;
}
.arrivals-wrapper ul.momargin li {
	padding: 0;
}
.arrivals-wrapper li {
	margin: 0 0 20px 0;
}
.arrivals-wrapper li a {
	display: block;
}
.arrivals-wrapper li .solut-img img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
.arrivals-wrapper li .solut-text {
	padding: 10px;
	background-color: #ffffff;
	border-top: 2px solid #d82019;
	text-align: center;
	position: relative;
}
.arrivals-wrapper li .solut-text:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	top: -2px;
	background: #0c337f;
	height: 2px;
	-webkit-transition-property: right;
	-o-transition-property: right;
	-moz-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.arrivals-wrapper li .solut-text h3 {
	color: #58596d;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 45px;
}
.arrivals-wrapper li:hover .solut-text:before {
	right: 0;
	z-index: 2;
}
 @media (min-width: 768px) {
.arrivals-wrapper .relat-btn {
	height: 43px;
}
.arrivals-wrapper li {
	float: left;
	width: 33.33%;
}
}
 @media (min-width: 1024px) {
.indxArrivals {
	padding-top: 57px;
	padding-bottom: 55px;
}
.arrivals-wrapper li:hover img {
	-webkit-transform: scale(1.03, 1.03);
	-moz-transform: scale(1.03, 1.03);
	-ms-transform: scale(1.03, 1.03);
	-o-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03);
}
.arrivals-wrapper li a {
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	-moz-transition: all ease .5s;
	transition: all ease .5s;
}
.arrivals-wrapper li .solut-img {
	overflow: hidden;
}
.arrivals-wrapper li .solut-img img {
	-webkit-transition: all ease 0.7s;
	-moz-transition: all ease 0.7s;
	-o-transition: all ease 0.7s;
	transition: all ease 0.7s;
}
.arrivals-wrapper li .solut-text {
	padding: 34px 30px 30px;
}
.arrivals-wrapper li .solut-text h3 {
	margin: 0 0 9px 0;
}
.arrivals-wrapper li:hover .solut-text h3 {
	color: #d82019;
}
}
 @media (min-width: 1400px) {
.arrivals-wrapper {
	padding: 5px 0;
}
}

.swiper-slide {background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.05); position: relative; transition-timing-function: linear; padding: 60px 3%; margin: 0 1%;}
.swiper-slide01{display: flex; align-items: center;}
.swiper-slide-tu01{width: 95px; height: 103px; background: url(../images/ys1.png) no-repeat; transition: all .3s;}
.swiper-slide-tu02{width: 95px; height: 103px; background: url(../images/ys2.png) no-repeat; transition: all .3s;}
.swiper-slide-tu03{width: 95px; height: 103px; background: url(../images/ys3.png) no-repeat; transition: all .3s;}
.swiper-slide-tu04{width: 95px; height: 103px; background: url(../images/ys4.png) no-repeat; transition: all .3s;}
.swiper-slide-tu05{width: 95px; height: 103px; background: url(../images/ys5.png) no-repeat; transition: all .3s;}
.swiper-slide-tu06{width: 95px; height: 103px; background: url(../images/ys6.png) no-repeat; transition: all .3s;}
.swiper-slide02{margin-left: 30px;}
.swiper-slide02 h3{font-size: 36px; color: #113382; transition: all .3s;}
.swiper-slide02 span{font-size: 16px; color: #464646; text-transform: uppercase;}
.hengxian{width: 100%; height: 1px; background: #464646; margin: 20px 0 40px;}
.swiper-slide p{font-size: 18px; line-height: 36px; color: #666; text-align: justify;}
.swiper-slide em{font-size: 40px; color: #113382; font-weight: lighter; display: block; text-align: right; transition: all .3s;}
.swiper-slide:hover .swiper-slide-tu01{background: url(../images/ys01.png) no-repeat;}
.swiper-slide:hover .swiper-slide-tu02{background: url(../images/ys02.png) no-repeat;}
.swiper-slide:hover .swiper-slide-tu03{background: url(../images/ys03.png) no-repeat;}
.swiper-slide:hover .swiper-slide-tu04{background: url(../images/ys04.png) no-repeat;}
.swiper-slide:hover .swiper-slide-tu05{background: url(../images/ys05.png) no-repeat;}
.swiper-slide:hover .swiper-slide-tu06{background: url(../images/ys06.png) no-repeat;}
.swiper-slide:hover .swiper-slide02 h3{color: #d81324;}
.swiper-slide:hover em{color: #d81324;}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
}
@media (max-width: 767px) {
	.swiper-slide { padding: 1rem 3%;}
	.swiper-slide-tu01,.swiper-slide-tu02,.swiper-slide-tu03,.swiper-slide-tu04,.swiper-slide-tu05,.swiper-slide-tu06{width: 3rem; height: 3.3rem; background-size: 100%;}
	.swiper-slide:hover .swiper-slide-tu01,
	.swiper-slide:hover .swiper-slide-tu02,
	.swiper-slide:hover .swiper-slide-tu03,
	.swiper-slide:hover .swiper-slide-tu04,
	.swiper-slide:hover .swiper-slide-tu05,
	.swiper-slide:hover .swiper-slide-tu06{background-size: 100%;}
	.swiper-slide02{margin-left: 0.8rem;}
	.swiper-slide02 h3{font-size: 1rem;}
	.swiper-slide02 span{font-size: 0.5rem;}
	.hengxian{margin: 0.5rem 0 1rem;}
	.swiper-slide p{font-size: 0.6rem; line-height: 1rem;}
	.swiper-slide em{font-size: 1rem;}
	.arrivals-wrapper li{margin: 0;}
}


/*自定义*/
.index_zdy{width: 100%; background: #113382; overflow: hidden; position: relative; padding: 80px 0;}
.index_zdy_bt{width: 80%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.index_zdy_bt .pro_bt_zu h2:before,.index_zdy_bt .pro_bt_zu h2:after{content: ""; width: 34.7%; height: 1px; background: rgba(255,255,255,.2);}

.index_zdy_foot{width: 80%; margin: 70px auto 0 auto; position: relative; z-index: 20; display: flex; justify-content: space-between;}

.tab{position: relative; width: 100%; overflow: hidden; display: flex; justify-content: space-between;}

.tab-nav{width: 29.559%; display: flex; justify-content: center; flex-wrap: wrap; overflow: hidden;}
.tab-nav a{display: block; width: 100%; height: 110px; background: #1745af; padding: 0 16%; text-decoration: none; font-size: 30px; font-weight: bold; line-height: 110px; color: #fff; margin-bottom: 16px;}
.tab-nav a span{margin-left: 35px; color: #fff;}
.tab-nav a.current{background: #d81324; transition: all .3s;}
.tab-nav a img{}

.tab-con{position: relative; width: 68.314%; overflow: hidden; background: #eaeaea;}
.tab-con-item{display: none; overflow: hidden; transition: all .3s;}
.pro_fenlei{float: left; display: block; overflow: hidden; width: 52.885%;}
.tab-con-item img{}
.tab-con-item .pro_fenlei_nr{width: 42%; position: relative; float: right; padding: 100px 100px 0 0;}
.tab-con-item .pro_fenlei_nr h3{font-size: 40px; color: #113382;}
.tab-con-item .pro_fenlei_nr p{font-size: 16px; line-height: 32px; color: #666; text-align: justify; margin: 30px 0 40px;}
.pro_fenlei_an_zu{display: flex; justify-content: space-between; align-items: center;}
.pro_fenlei_an{display: block; width: 150px; height: 60px; background: #d81324; font-size: 16px; line-height: 60px; color: #fff; text-align: center;}
.pro_fenlei_an:hover{color: #fff;}
.pro_fenlei_an img{margin-left: 10px;}
.pro_fenlei_an_zu em{font-size: 30px; color: #d81324; font-weight: lighter; display: block;}

@media only screen and (min-width: 1601px) {
	
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.tab-nav .na_tel{width: 100%;}
	.tab-con-item .pro_fenlei_nr p{font-size: 0.24rem;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tab{display: block; }
	.tab-nav{width: auto; justify-content: space-between;}
	.tab-nav a{width: 49%; padding: 0 10%;}
	.tab-nav .na_tel{display: none;}
	.tab-con{width: auto;}
	.pro_fenlei{width: 50%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tab{display: inline-block; }
	.tab-nav{width: auto; justify-content: space-between;}
	.tab-nav a{width: 49%; padding: 0 8%;}
	.tab-nav .na_tel{display: none;}
	.tab-con{width: auto;}
	.pro_fenlei{width: 50%;}
	.tab-con-item .pro_fenlei_nr{width: 45%; padding: 100px 40px 0 0;}
}
@media (max-width: 767px) {
	.container{ width: 92%;}
	.index_zdy {padding: 1.8rem 0;}
	.index_zdy_foot {margin: 1.2rem auto 0 auto;}
	.tab{display: inline-block; }
	.tab-nav{width: auto; justify-content: space-between;}
	.tab-nav a{width: 49%; padding: 0 8%; font-size: 0.7rem; height: 3rem; line-height: 3rem; display: flex; align-items: center;}
	.tab-nav a img{width: 20%;}
	.tab-nav a span {margin-left: 0.5rem;}
	.tab-nav .na_tel{display: none;}
	.tab-con{width: auto;}
	.pro_fenlei{width: 100%; float: none;}
	.pro_fenlei img {width: 100%;}
	.tab-con-item .pro_fenlei_nr{width: 100%; padding: 1rem 0.8rem 1rem;}
	.tab-con-item .pro_fenlei_nr h3 {font-size: 1rem;}
	.tab-con-item .pro_fenlei_nr p {
	    font-size: 0.5rem;
	    line-height: 1rem;
	    margin: 0.5rem 0 0.8rem;
	}
	.pro_fenlei_an{width: 5rem; height: 1.8rem; font-size: 0.5rem; line-height: 1.8rem;}
	.pro_fenlei_an img {margin-left: 0.1rem;}
}


/*产品展示*/
.product_index{width: 100%; height: 1340px; background: #f2f2f2; overflow: hidden; position: relative; padding: 80px 0;}

.pro_bt{width: 80%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.pro_bt_zu{width: 100%;}
.pro_bt_zu span{display: block; font-size: 30px; font-family: Oswald-Light; color: #d81324; text-transform: uppercase; text-align: center;}
.pro_bt_zu h2{font-size: 56px; color: #113382; display: flex; justify-content: center; align-items: center;}
.pro_bt_zu h2 p{min-width: 350px; text-align: center;}
.pro_bt_zu h2:before,.pro_bt_zu h2:after{content: ""; width: 34.7%; height: 1px; background: rgba(0,0,0,.2);}
.pro_bt_zu i{width: 45px; height: 3px; background: #d81324; display: block;}

.pro_pic_bt{width: 80%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.pro_pic_bt .pro_bt_zu span{text-align: initial;}
.pro_pic_bt .pro_bt_zu h2{justify-content: initial;}
.pro_pic_bt .pro_bt_zu h2 p{min-width: 240px; text-align: left;}
.pro_pic_bt .pro_bt_zu h2:before{display: none;}
.pro_pic_bt .pro_bt_zu h2:after{width: 82%;}

/*产品分类*/
.tupian_zz{margin-top: 48px; position: relative;}
.tupian_zz ul{display: flex; justify-content: flex-start; align-items: center; position: relative;}
.tupian_zz li{width: 150px; height: 44px; line-height: 44px; border: 1px #113382 solid; cursor: pointer; text-align: center; transition: all .3s; position: relative; z-index: 1; margin-right: 10px; display: flex; justify-content: center; align-items: center;}
.tupian_zz li:last-child{margin-right: 0;}
.tupian_zz li p{font-size: 20px; color: #113382; transition: all .3s;}
.tupian_zz li:hover{border: 1px #d81324 solid; background: #d81324;}
.tupian_zz li:hover p{color: #fff;}

.marquee2{width: 80%; margin: 50px auto 0 auto; overflow: hidden;}
.marquee2 ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.marquee2 li{margin: 0 2% 40px 0; width: 32%; border-radius: 0 0 50px 0; border: 5px #d81324 solid; background: #fff; position: relative; overflow: hidden;}
.marquee2 li:nth-child(3n){margin: 0 0 40px 0;}
.pic{overflow: hidden;}
.pic a{display: block; position:relative;}
.pic img{width: 100%; transition:0.5s ease; -moz-transition:0.5s ease; -webkit-transition:0.5s ease;}
.marquee2 li:hover .pic img{ransform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.cover_pic_tu{height: 0; position: absolute; z-index: 9; background: rgba(1,8,22,.5); top: 0; bottom: 0; left: 0; right: 0; transition: all .3s;}
.cover_pic{position: absolute; z-index: 10; bottom: -100%; clip-path: polygon(7% 0%,100% 0%,93% 100%,0% 100%); background: rgba(216,19,36,.9); width: 80%; padding: 40px; left: 0; right: 0; margin: 0 auto; transition: all .8s;}
.cover_pic a{display: block; text-align: center;}
.cover_pic a h5{font-size: 24px; color: #fff;}
.cover_pic a p{font-size: 16px; line-height: 32px; color: rgba(255,255,255,.7); text-align: justify; margin-top: 12px;}
.marquee2 ul li:hover .cover_pic_tu{height: 100%;}
.marquee2 ul li:hover .cover_pic{bottom: 15%;}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.marquee2 li{width: 48%;}
	.marquee2 li:nth-child(2n){margin: 0 0 40px 0;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.pro_pic_bt{display: block;}
	.tupian_zz ul{justify-content: space-between;}
	.marquee2 li{width: 48%;}
	.cover_pic a p{font-size: 0.5rem; line-height: 0.56rem;}
}
@media (max-width: 767px) {
	.product_index{padding: 1.8rem 0; height: auto;}
	.product_index .pro_pic_bt{width: 92%;}
	.product_index .pro_pic_bt .pro_bt_zu h2 p{min-width: 6.5rem;}
	.pro_bt_zu h2{ font-size: 1.5rem;}
	.pro_bt_zu span{ font-size: 1.2rem;}
	.pro_bt_zu h2 p{ min-width: 6.5rem;}
	.pro_pic_bt{display: block;}
	.tupian_zz {margin-top: 1rem;}
	.tupian_zz ul{justify-content: space-between;}
	.tupian_zz li p{font-size: 0.7rem;}
	.marquee2{width: 92%; margin: 1.2rem auto 0 auto;}
	.marquee2 li{width: 48%;}
	.marquee2 li:nth-child(2n){margin: 0 0 40px 0;}
	.marquee2 ul li:hover .cover_pic{bottom: 40%;}
	.cover_pic { width: 80%; padding: 0.5rem; bottom: 10%;}
	.cover_pic a h5{font-size: 0.4rem;}
	.cover_pic a p{display: none; font-size: 0.5rem; line-height: 0.56rem;}
}

/*关于我们*/
.index_about{width: 100%; padding: 80px 0 120px 0; position: relative;}
.index_about .s_width{width: 80%; margin: 0 auto 0.8rem; display: flex; justify-content: space-between; align-items: center;  position: relative;}
.about_tu{width: 48.608%; background: #f2f2f2; padding: 0 0 30px; position: relative; margin: 30px 0 0 30px; position: relative;}
.about_tu_tu{width: 100%; overflow: hidden; margin: -30px 0 0 -30px; display: flex; justify-content: center;}
.about_tu_zi{position: absolute; z-index: 10; top: 10px; left: -30px; width: 170px; height: 80px; background: #d81324; border-radius: 0 0 30px 0; font-size: 30px; font-weight: bold; font-family: Oswald-Bold; text-transform: uppercase; color: #fff; display: flex; align-items: center; justify-content: center;}
.about_tu_zi i{font-size: 30px; font-weight: 100; margin-left: 10px; font-family: auto;}
.about_nr{width: 42.04%;}

.about_nr .pro_pic_bt{width: auto;}
.about_nr .pro_pic_bt .pro_bt_zu span{min-width: 110px;}
.about_nr .pro_pic_bt .pro_bt_zu h2{font-weight: normal;}
.about_nr .pro_pic_bt .pro_bt_zu p{font-size: 0.4rem; color: #113382; font-weight: bold; text-align: left; margin: 0.18rem 0 0.48rem;}

.about_nr p{font-size: 0.16rem; line-height: 0.3rem; margin-bottom: 0.1rem; text-align: justify;}
.about_nr dt{font-size: 0.16rem; margin-bottom: 0.08rem; display: flex; align-items: flex-end;}
.about_nr dt img{margin-right: 0.1rem;}
.about_an{margin: 0.48rem 0 0; display: flex; justify-content: space-between;}
.about_an a{width: 2rem; height: 0.5rem; background: #d81324; font-size: 0.18rem; line-height: 0.48rem; color: #fff; display: flex; justify-content: center; align-items: center;}
.about_an a img{margin-left: 0.1rem;}
.about_an_r{display: flex; align-items: center;}
.about_an_r i{font-size: 0.16rem; line-height: 0.18rem; font-family: Arial; color: #666; text-transform: uppercase; margin-left: 0.1rem;}

.index_about ul,.about_ny ul{width: 80%; background: #d81324; margin: 0 auto; display: flex; justify-content: space-between; padding: 38px 100px;  position: absolute; z-index: 10; left: 0; right: 0; border-radius: 0 0 50px;}
.index_about ul li,.about_ny ul li{display: flex; justify-content: center; align-items: center;}
.index_about ul li h2,.about_ny ul li h2{font-size: 0.24rem; font-weight: normal; color: #fff; display: flex;}
.index_about ul li h2 i,.about_ny ul li h2 i{font-size: 1rem; font-family: ITC Avant Garde Std-BoldCn; margin-right: 8px;}
.index_about ul li em,.about_ny ul li em{font-size: 0.3rem; font-weight: bold; color: #fff; display: block;}
.index_about ul li span,.about_ny ul li span{font-size: 0.24rem; font-family: Oswald; font-weight: normal; display: block; text-transform: uppercase; margin-top: 0.05rem;}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	.about_nr .pro_pic_bt .pro_bt_zu p{font-size: 0.6rem; margin: 0.18rem 0 0.48rem;}
	.about_nr p{font-size: 0.24rem; line-height: 0.42rem; margin-bottom: 0.5rem; }
	.about_nr dt{font-size: 0.24rem; margin-bottom: 0.15rem;}
	.about_nr dt img{margin-right: 0.24rem;}
	.about_an{margin: 0.48rem 0 0; }
	.about_an a{width: 2.4rem; height: 0.8rem; font-size: 0.24rem;}
	.about_an a img{margin-left: 0.1rem;}
	.about_an_r i{font-size: 0.24rem; line-height: 0.28rem; margin-left: 0.24rem;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.index_about .s_width{ display: block;}
	.about_tu{width: auto;}
	.about_nr{width: auto; margin-top: 20px;}
}
@media (max-width: 767px) {
	.index_about{padding: 1.8rem 0;}
	.index_about .s_width{width: 92%; display: block;}
	.about_tu{width: auto;}
	.about_tu_tu img{width: 100%;}
	.about_nr{width: 100%; margin-top: 20px;}
	.about_nr p {font-size: 0.5rem; line-height: 0.9rem;}
	.about_nr .pro_pic_bt .pro_bt_zu p {font-size: 1.2rem; margin: 0.18rem 0 1rem;}
	.about_nr dt {font-size: 0.5rem; margin-bottom: 0.5rem;}
	.about_nr dt img{margin-right: 0.3rem;}
	.about_an{margin: 0.8rem 0 0;}
	.about_an a{width: 6rem; height: 2.48rem; font-size: 0.8rem; line-height: 2.48rem;}
	.about_an a img{margin-left: 0.3rem;}
	.about_an_r i{font-size: 0.5rem; line-height: 0.7rem; margin-left: 0.3rem;}
	
	.index_about ul, .about_ny ul {width: 92%; padding: 0.5rem;}
	.index_about ul li em, .about_ny ul li em {font-size: 0.5rem;}
	.index_about ul li, .about_ny ul li {
	    display: flex;
	    justify-content: center;
	    text-align: center;
	    flex-wrap: wrap;
	}
}


/*indext_new*/
.indext_new{width: 100%; background: url(../images/indext_new.jpg) no-repeat top center; background-size: cover; overflow: hidden; padding: 130px 0 100px;}

.indext_new_nr{width: 80%; margin: 50px auto 0 auto; display: flex; justify-content: space-between;}
.indext_new_nr li{flex: 1; margin-right: 3%; overflow: hidden;}
.indext_new_nr li:last-child{margin-right: 0;}
.indext_new_nr li .se_pro_t_laa a{display: block; position: relative;}
.indext_new_nr li .se_pro_t_laa a div{overflow: hidden; display: flex; justify-content: center;}
.indext_new_nr li .se_pro_t_laa span{font-size: 0.24rem; color: rgba(255,255,255,.7); display: block; font-family: Oswald; font-weight: lighter; margin-top: 80px;}
.indext_new_nr li .se_pro_t_laa a div img{width: 100%; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;}
.indext_new_nr li .se_pro_t_laa a div img:hover{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.indext_new_nr li .se_pro_t_laa a em{color: #fff; font-size: 0.24rem; font-weight: bold; display: block; margin: 10px 0 16px;}
.indext_new_nr li .se_pro_t_laa a em:hover{color: #d81324; transition-duration:.2s;}
.indext_new_nr li .se_pro_t_laa p{color: rgba(255,255,255,.7); font-size: 0.18rem; line-height: 0.32rem; text-align: justify;}
.indext_new_nr li .se_pro_t_laa a b{display: block; font-size: 0.18rem; color: #fff; text-transform: uppercase; text-decoration: underline; transition-duration:.2s; margin-top: 40px;}
.indext_new_nr li .se_pro_t_laa a b:hover{color: #d81324;}
.indext_new_nr li .se_pro_t_laa a dt{position: absolute; z-index: 1; height: 90px; width: 90px; background: #fff; border-radius: 50%; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; display: flex; justify-content: center; align-items: center; bottom: -45px; margin-left: 24px;}
.indext_new_nr li .se_pro_t_laa a dt:after{content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 90px; height: 90px; background: #fff; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; z-index: -1; opacity: .54;}
@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.indext_new{padding: 60px 0 50px;}
	
}
@media (max-width: 767px) {
	.indext_new{padding: 4rem 0 1.8rem;}
	.indext_new_nr{width: 92%; margin: 1.2rem auto 0 auto; display: block;}
	.indext_new_nr li{margin-right: 0; margin-bottom: 30px;}
	.indext_new_nr li .se_pro_t_laa span{font-size: 0.6rem; margin-top: 64px;}
	/* .se_pro_t_laa a em{font-size: 1rem; margin: 10px 0 16px;} */
	.indext_new_nr li .se_pro_t_laa p{font-size: 0.6rem; line-height: 1rem;}
	.indext_new_nr li .se_pro_t_laa a em{font-size: 1rem; margin: 10px 0 16px;}
	.indext_new_nr li .se_pro_t_laa a b{font-size: 0.6rem; margin-top: 30px;}
}


/*工程案例*/
.project--area{padding: 80px 0 50px;}
.project__img::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #221f3c;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  z-index: 11; }

.project__content {
  position: absolute;
  top: 50%;
  transform: translateY(-30%);
  padding: 15px;
  width: 100%;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  z-index: 111; }
  .project__content h2 {
    font-size: 30px; }

.project__link {
  position: absolute;
  bottom: 10px;
  right: 0px;
  font-size: 24px;
  color: #221f3c;
  width: 70px;
  height: 70px;
  display: inline-block;
  line-height: 70px;
  text-align: right;
  opacity: 0;
  visibility: hidden;
  z-index: 111;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  .project__link::before {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    height: 100%;
    border-style: solid;
    border-width: 0 0 70px 70px;
    border-color: transparent transparent #ffffff transparent; }
  .project__link a {
    position: absolute;
    right: 10px;
    bottom: 10px;
    line-height: 1; }

.project__block {
  overflow: hidden; }
  .project__block:hover .project__img::before {
    opacity: 0.50;
    visibility: visible;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  .project__block:hover .project__link {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    right: 10px; }
  .project__block:hover .project__content {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    transform: translateY(-50%); }
  .project__block:hover .project__img img {
    transform: scale(1.2) rotate(3deg);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s; }
	
.project__img img {
	    width: 100%;
	    -webkit-transition: all 0.3s ease-out 0s;
	    -moz-transition: all 0.3s ease-out 0s;
	    -ms-transition: all 0.3s ease-out 0s;
	    -o-transition: all 0.3s ease-out 0s;
	    transition: all 0.3s ease-out 0s;
	}
.mb-30{margin-bottom: 47px; }
.project--area .pro_pic_bt {margin-bottom: 50px;}
.project--area .case_an{margin-top: 45px;}

.white-color a{color: #fff;}
.white-color a i{display: block; font-size: 36px; font-weight: 100; color: #d81324;}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.project--area .pro_pic_bt {display: flex;}
	
}
@media (max-width: 767px) {
	.project--area{padding: 1.8rem 0;}
	.project--area .pro_bt_zu h2 p{min-width: 6.5rem;}
	.project--area .pro_pic_bt {width: 92%; margin-bottom: 1.5rem; display: flex;}
	.project--area .case_an{margin-top: 1.6rem;}
	.project--area .case_an img{width: 70%; float: right;}
}


/*底部*/
.footer{width: 100%; height: 450px; background: url(../images/footer.jpg) no-repeat top center; padding-top: 50px; position: relative;}
.footer .s_width{width: 80%; margin: 0 auto; display: flex; justify-content: space-between;}
.f_contact{}
.f_contact ul{}
.f_contact ul li{font-size: 18px; color: #fff; margin-bottom: 20px; display: flex; align-items: center; justify-content: flex-start;}
.f_contact ul li img{margin-right: 12px;}
.f_contact ul li em{display: block;}


.f_nav{}
.f_nav ul{}
.f_nav ul li{margin-bottom: 10px;}
.f_nav ul li a{font-size: 18px; color: #fff;}

.f_nav h3,.f_pro h3,.f_contact h3,.f_ditu h3{font-size: 24px; color: #fff; margin-bottom: 30px;}
.f_nav h3 span,.f_pro h3 span,.f_contact h3 span,.f_ditu h3 span{width: 50px; height: 2px; background: #d81324; display: block; margin-top: 10px;}

.f_pro{}
.f_pro ul{}
.f_pro ul li{margin-bottom: 10px;}
.f_pro ul li a{font-size: 18px; color: #fff; transition: all .2s;}
.f_pro ul li a:hover{color: #d81324;}

.f_ditu{display: flex;}
.f_ditu div{font-size: 18px; color: #fff; text-align: center;}
.f_ditu div img{margin-bottom: 16px;}

.footer_p{width: 80%; height: 80px; margin: 0 auto; border-top: 1px rgba(255,255,255,.3) solid; font-size: 16px; line-height: 75px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; display: flex; justify-content: space-between;}

.sidebox{position: fixed;right:0;z-index: 999999999; bottom: 8vh; display: none;}
.sidebox ul li{width: 60px;height: 60px;background: #d81324;margin-bottom: 8px;text-align:center;position: relative;color: #fff; display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}
.sidebox ul li a{color: #fff; font-size: 0.5rem;}
.sidebox .cont{transition:all .4s;white-space:nowrap;width:0;overflow:hidden;height:60px;line-height:50px;text-align:center;
background-color: rgba(0,0,0,0.7); color: #fff;font-size: 16px; font-weight: bold; position:absolute; right: 100%; top:0}
.sidebox li:hover .cont{width: 150px; height: 60px;line-height: 60px;padding: 0 5px;}
.sidebox .cont0{transition: all .4s; white-space:nowrap; width:0;overflow:hidden;text-align:center;position:absolute;right:100%;top:0}
.sidebox li:hover .cont0{width: 140px; height: 140px;}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
	
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer{height: 100%; background-size: cover;}
	.footer .s_width{display: block;}
	.f_nav{display: none;}
	.f_pro{display: none;}
	.footer_p{display: none;}
}
@media (max-width: 767px) {
	.footer{height: 100%; background-size: cover; padding: 1.8rem 0;}
	.footer .s_width{width: 92%; display: block;}
	.f_nav{display: none;}
	.f_pro{display: none;}
	.footer_p{display: none;}
	.f_contact h3 img{width: 80%;}
	.f_ditu {justify-content: center;}
	.f_contact ul li:nth-child(3) em{/* width: 6.1rem; */}
	.f_contact ul li:nth-child(2) b{width: 65%;}
	.f_contact ul li {
	    font-size: 0.8rem;
	    margin-bottom: 0.7rem;
	}
	.sidebox{display: block;}
	.f_contact ul li:nth-child(3) i{width: 65%;}
}



.row{}
.row1{margin-right: 0; margin-left: 0;}

/*企业简介内页*/
#nyba{height:600px;position: relative;overflow:hidden;background-attachment: fixed;position: relative;display: flex; justify-content: center; align-items: center;}
.gsb{background:linear-gradient(rgba(0, 0, 0, 0.45) 0%, rgba(38, 156, 212, 0) 40%);position: absolute;top: 0;width: 100%;height: 100%;left: 0;z-index: 1;}
#nyba img{height: 100%; top: 0;left: 0;z-index: 0;animation:change 2s ease-in-out}
@keyframes change{
	from{transform:scale(1.2);opacity: 0.8;}
	to{transform:scale(1);opacity: 1;}
}

@keyframes change1{
	from{transform:translateY(60px);opacity: 0;}
	to{transform:translateY(0px);opacity: 1;}
}

.fade_text{text-transform:uppercase;text-align: center; margin-top: 50px; z-index: 22; position: absolute;}
.fade_text span{color:#fff;display: inline-block;}
.fade_text .cn{}
.fade_text .cn span{font-size:60px;}
.fade_text .en{font-size:30px; font-family: Oswald-Light;}
.fade_text .line{width:80px;height:3px;background-color:#d81324;margin:20px auto;}
.arrow_down{position:absolute; bottom: 20px; overflow: hidden; z-index: 5; left: 50%;}
.arrow_down .line{display: block;width:1px; height:40px;margin:0 3px;background: #fff; }
.arrow_down .aw{display: block;width:100%;height:5px;margin-top:3px;background: url('../images/aw.png') no-repeat;}
.arrow_down .lg{-webkit-animation: long 1.5s linear alternate infinite; animation: long 1.5s linear alternate infinite; }
@-webkit-keyframes long{
	from { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes long{
	from { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
    to { -webkit-transform: translateY(0); transform: translateY(0); }
}

.espcms_path{border-bottom: 1px solid #E0E0E0;padding:10px 10px;margin: 0px;}
.breadcrumb {padding: 8px 15px;margin-bottom: 20px;list-style: none;}
.breadcrumb > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}
.breadcrumb > li {display: inline-block;}

.ny_gsm{text-align: center; color: #363636; margin: 40px 0 20px 0;}
.ny_gsm h2{font-size: 42px; color: #464646; margin-bottom: 10px;}
.ny_gsm span{font-size: 16px; font-family: Arial; color: #c7c7c7; display: block; text-transform: uppercase;}
.ny_gsm i{width: 30px; height: 1px; background: #999999; margin: 20px auto 30px auto; display: block;}

@media (max-width: 767px) {
	.ny_gsm h2{font-size: 1.4rem;}
}


.espcms_content{line-height: 200%;}
.espcms_content p{font-size: 16px;text-align: justify;margin: 0 0 10px;text-indent: 2em; color: #808080;}
.espcms_content p img{display: block;text-indent: 0;}

.espcms_page_book{padding-top:25px;padding-bottom:25px;}

@media (max-width: 767px) {
	.espcms_page_book{padding-bottom: 0;}
	.espcms_page_book .pro_pic_bt .pro_bt_zu h2 p{min-width: 6.5rem;}
	.espcms_page_botton{padding-top: 0;}
}


.nyabout{width: 100%; height: 500px; background: url("../images/nyabout.jpg") no-repeat center; background-size: cover; display: flex; justify-content: center; align-items: center; position: relative; margin: 40px 0; overflow: hidden;}
.nyabout_nr{position: absolute; z-index: 10; text-align: center; margin-top: 10px;}
.nyabout_nr p{font-size: 30px; color: #fff;}
.nyabout_nr span{font-size: 18px; color: #fff;}

@media (max-width: 767px) {
	.nyabout{background-size: 100%; height: auto; width: 100%;padding: 20% 0;}
}


/*index_cage_ny*/
.index_cage_in_n{margin: 0 auto; display: flex; justify-content: space-between;}
.index_cage_in_n a{text-align: center; font-size: 18px; font-weight: bold;}
.index_cage_in_n a img{width: 140px; border-radius: 50%; border: 5px #ececec solid;}
.index_cage_in_n a p{color: #666666; margin: 10px 0 30px 0;}


/*产品展示内页*/
.se_nypro_con{overflow: hidden; margin: 30px auto;}
.se_nypro_con ul{display: flex; justify-content: flex-start; -webkit-justify-content: flex-start; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.se_nypro_con li{width: 32%; margin: 0 2% 20px 0; position: relative; overflow: hidden; background: #fff; border: 1px #dcdcdc solid; box-sizing: border-box;}
.se_nypro_con li:nth-child(3n){margin-right: 0;}
.se_nypro_con li a{overflow: hidden; display: block;}
.se_nypro_con li a img{width: 100%; transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease;}
.se_nypro_con li:hover img{transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.se_nypro_con li div{width: 80%; margin: 24px auto; display: flex; justify-content: space-between; align-items: center;}
.se_nypro_con li div p{font-size: 20px; color: #575757; cursor: pointer;}
.se_nypro_con li div span{font-size: 20px; color: #828282; display: block; cursor:pointer; text-transform: uppercase;}
.se_nypro_con li div p:hover{font-weight: bold; color: #d81324; transition-duration: .3s;}
.se_nypro_con li div span:hover{font-weight: bold;}

@media (max-width: 767px) {
	.se_nypro_con li{width: 48%;}
	.se_nypro_con li:nth-child(2n){margin: 0 0 20px 0!important;}
	.se_nypro_con li:nth-child(3n){margin-right: 2%;}
	.se_nypro_con li div{margin: 0.5rem auto; justify-content: center;}
	.se_nypro_con li div p{font-size: 0.8rem;}
	.se_nypro_con li div span{display: none;}
}


/*图片阅读*/
.espcms_info_pager{border-top: 0px solid #E0E0E0;padding-top:15px;}
.pager {padding-left: 0;margin: 20px 0;text-align: center;list-style: none;}
.pager li {display: inline;}
.pager li > a,
.pager li > span {display: inline-block;padding: 5px 14px;background-color: #fff;border: 1px solid #ddd;border-radius: 15px;}
.pager li > a:hover,
.pager li > a:focus {text-decoration: none;background-color: #eee;}
.pager .next > a,
.pager .next > span {float: right;}
.pager .previous > a,
.pager .previous > span {float: left;}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {color: #777;cursor: not-allowed;background-color: #fff;}
.espcms_pic_content{padding:15px 0px;}
.espcms_pic_content > .row{margin: 0px -10px 0px -10px;}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_name{padding-top: 10px;}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_name > h1{font-size:25px;margin: 0px;padding:0px;}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_info{padding-top:15px;}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_intro{padding-top:5px;line-height: 180%;color:#9E9E9E}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_price{padding-top:10px;}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_price > span{font-size:18px;color:#EF6C00}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_price > del{padding-left:10px;font-size:14px;color:#1976D2}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_bottom{padding-top:20px;}

.pic_samll_show{max-height:320px;overflow: hidden;}
/*相册*/
.espcms_pic_content > .photo_list_info{margin: 10px 0px;}
.espcms_pic_content > .photo_list_info > .panel-heading > h3{margin: 0px;padding:5px 0px;font-size:16px;font-weight: bold;}
/*内容*/
.espcms_pic_content > .pic_content{margin: 10px 0px;}
.espcms_pic_content > .pic_content > .panel-heading > h3{margin: 0px;padding:5px 0px;font-size:16px;font-weight: bold;}
.espcms_pic_content > .pic_content > .panel-body{line-height: 180%;padding:15px;}
.espcms_link_pic{padding-top:0px;padding-bottom:0px;}

.espcms_pro_title{float: right; width: 48%; overflow: hidden;}
.espcms_pro_title h1{font-size: 40px; font-weight: bold; line-height: 80px; color: #d81324; margin: 30px 0 10px 0;}
.espcms_pro_title .espcms_priceclass{color: #ff9000; font-weight: bold; font-size:14px;}
.espcms_pro_title dd{padding: 14px 0px 8px 0;color: #7a7a7a; border-bottom: 1px solid #dedede; line-height: 33px;}
.espcms_pro_title .dd_padding{padding: 10px 0px; line-height: 33px; border-bottom: 1px solid #dedede;}
.espcms_pro_title dt{ color: #7a7a7a;}
.espcms_pro_title p{width: 120px; height: 40px; line-height: 40px; background: #d81324; text-align: center;  margin-top:10px;}
.espcms_pro_title p a{color:#fff; display: block; margin-top: 35px;}
.espcms_pro_title p:hover{background: #ff3241;}
.espcms_pro_title img{margin-top: 30px;}
.espcms_pro_pic{float: left; width: 50%; overflow: hidden; border-radius: 10px;}
.espcms_pro_pic img{width: 100%;}
.espcms_book{overflow: hidden; font-size: 15px; margin-bottom: 30px; border: 1px solid #eee; padding: 20px; background: #fff; border-radius: 5px;}

.espcms_page{overflow: hidden; }

.espcms_page_right{padding-bottom:25px;overflow: hidden; }

caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{}
.f14{font-size:14px;}

img {border: 0 none; height: auto; vertical-align: middle; }

.miaoshu{line-height:55px; background:#eee; border-radius: 10px;}
.miaoshu span{width:150px; background:#d81324; display:block; text-align:center; text-indent: 0; font-weight:bold; font-size:18px;color: #fff; border-radius: 10px;}

a.infolist2 {color: #656565;text-decoration: none;} a:visited.infolist2 {color: #656565;text-decoration: none;} a:hover.infolist2 {color: #d81324;text-decoration: underline;}

.espcms_newslist_read{padding:0px 5px;}
.espcms_newslist_read li{float: left;width:48%;padding:0px 0px 5px 8px;overflow: hidden;}

.lh33{line-height:33px;}
.lh33 img{width: 800px;}
.lh33 p{padding: 0 10px;text-align: justify;}
.se_erji_img{}
.se_erji_img img{width: auto; margin:0 auto}

@media (max-width: 767px) {
	.espcms_pro_pic{float: none; width: 100%;}
	.espcms_pro_title{float: none; width: 100%; text-align: center;}
	.espcms_pro_title h1{font-size: 1.8rem; line-height: 1.8rem; margin: 20px 0 10px;}
	.espcms_pro_title p{margin: 10px auto 0;}
	.se_erji_img img{width: 100%;}
}


/*xiangguanneirong*/
.xiangguanneir{overflow:hidden;height:auto; margin:0 auto;width:100%;color:#fff; margin-bottom:40px;}
.espcms_piclist_slide18 {overflow: hidden;margin: 0 auto;}
.espcms_piclist_slide18 ul li{float: left;margin: 0 10px 5px 0;text-align: center;background:#fff; border-radius: 10px; overflow: hidden; position:relative;}
.espcms_piclist_slide18 li .pic { width:238px; height:auto; margin:0 auto; border: 1px #f3f4f7 solid;}
.espcms_piclist_slide18 li  .pic img { width:238px; height:180px;}
.espcms_piclist_slide18 li  p{ text-align:center; line-height:44px; font-size:14px;z-index:99;position:relative; background:#ececec }
.espcms_piclist_slide18 li  p a{ color:#444; font-size:14px;}
.espcms_piclist_slide18 li  p a:hover{ color:#fff}
.espcms_piclist_slide18 li .case_more{ width:60px; margin:0 auto; height:18px; line-height:18px; text-align:center; color:#a9a9a9; font-size:12px; text-transform:uppercase; border:1px solid #604a32;z-index:99;position:relative}
.espcms_piclist_slide18 li .case_more a{ color:#604a32;}
.espcms_piclist_slide18 li .case_more div a{ color:#a9a9a9;}
.pro_btm_arrow {background: #d81324;line-height:40px;color:#fff;}


/*工程案例内页*/
.se_case_con{overflow:hidden; position:relative;}
.se_case_con li{float:left; position:relative; width: 32%; overflow:hidden; margin: 0 2% 20px 0; cursor:pointer;}
.se_case_con li:nth-child(3n){margin: 0 0 20px 0;}
.se_case_con em{font-style: normal; text-align:center; line-height:48px; width:415px; display:block; position:absolute; font-size:20px; color:#fff; font-weight:bold; z-index:3; bottom:0;  right:0}
.se_case_con .old{ margin:0 auto; background:#f7f3f2; position:relative}
.se_case_con .cp_k{position:absolute; line-height:85px; background:rgba(170,30,20,0.6); bottom:0; width:100%; color:#fff; font-size:15px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.se_case_con .cp_k a{ line-height: 50px; color: #fff; font-size: 20px; display: block; text-align: center;}
.se_case_con .cp_k a:hover{font-size: 20px;color: #FFFFFF;}
.se_case_con .cp_m{ width:100%; position:relative; overflow:hidden;}
.se_case_con .cp_m img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_case_con li:hover .cp_m img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.se_date{font-size:15px; color:#666}

/*新闻查看*/
.espcms_news_title{padding:0 0 50px 0;text-align: center;margin: 0px auto; color:#333;}
.espcms_news_title h1{ line-height:90px; font-size:36px; color: #d81324;}

.title_product{height:40px;line-height: 40px;margin: 0 auto;}
.title_product p{font-size: 15px;color: #666;}
.add_dizhi{position: absolute;margin: 0 auto;left: 0;right: 0;font-size: 16px;text-align: right;bottom:20px;font-weight: bold;color: #fff;text-shadow:2px 2px 2px #666;}
.add_dizhi a{color: #fff;}
.dituaa{width: 100%;overflow: hidden;}
.abou_nyjj{margin: 0 auto;padding:26px 0;color: #666;}
.abou_nyjj p{font-size: 18px;line-height: 33px;margin: 10px 0;text-indent: 2em;}


/*联系我们内页*/
.map{width:100%; overflow:hidden;}
.ny_contact{margin: 50px auto 0 auto;}
.ny_lianxi{width: 50%;}
.ny_lianxi strong{font-size: 36px; font-weight: bold; color: #d81324; display: block; margin-bottom: 20px;}
.ny_lianxi p{font-size: 18px; line-height: 44px; color: #666;}
.ny_lianxi_r{width: 50%;}
.ny_conimg{margin-bottom: 30px;}

.nycontact{height: 500px; background: url("../images/nycontact.jpg") no-repeat center; display: flex; justify-content: center; align-items: center; position: relative; margin: 30px 0;}
.nycontact_nr{position: absolute; z-index: 10; text-align: center; margin-top: 10px;}
.nycontact_nr p{font-size: 30px; color: #fff;}
.nycontact_nr span{font-size: 18px; color: #fff;}

.ny_contact_nr{display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}


/*neiye_newlist*/
.se_news_con{}
.se_news_con ul{}
.se_news_con li{margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer;position:relative; top:0; padding:25px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-bottom: 1px solid #eee}
.se_news_con li:hover { background: #d81324; top:30px; border-radius: 15px;}
.se_news_da{margin:0 auto}
.se_news_l{width:28%; position:relative; overflow:hidden; margin-left: 25px;}
.se_news_l img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_news_l:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_news_r{width: 66%; position: relative; z-index: 2; padding: 0 20px 0 0}
.se_news_r span{display:block; line-height:35px; font-size:14px; color:#888; padding:0 0 0 20px;}
.se_news_r h2{font-size:14px; color: #666666; padding:5px 0 10px 0; font-weight:normal;}
.se_news_r h2 a{font-size:23px; color:#333; text-transform:uppercase; display:block; line-height:50px;transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.se_news_r h2 a:hover{color: #d81324;}
.se_news_r p{ line-height:28px; color:#777; padding:10px 0 10px 0; font-size:15px;}
.se_news_r .se_news_more{width:120px; border:1px solid #d81324; line-height:30px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.se_news_r .se_news_more a{color: #d81324; font-size:14px;}
.se_news_r .se_news_more a:hover{ color:#fff; }
.se_news_con li:hover .se_news_more{ background:#fff; border:1px solid #fff; }
.se_news_con li:hover .se_news_more a{ color: #d81324; }
.se_news_con li:hover .se_news_r h2 a{ color:#fff; }
.se_news_con li:hover .se_news_r h2{ color:#fff; }
.se_news_con li:hover .se_news_r p{ color:#fff; }
.main{margin:30px auto 0 auto}

.fenye{padding:20px 0; font-size:14px;}

@media (max-width: 767px) {
	.se_news_da{display: flex; justify-content: center; flex-wrap: wrap;}
	.se_news_l{width: 100%; margin-left: 0;}
	.se_news_r{width: 100%;}
	.se_news_r h2 a{font-size: 1.1rem;}
	.espcms_news_title{padding: 0 0 1rem 0;}
	.espcms_news_title h1{font-size: 1.5rem; line-height: 2rem; margin-bottom: 1rem;}
	.lh33 img{width: 100%;}
	.espcms_newslist_read li{width: 100%;}
	
	.se_case_con li{width: 48%;}
	
	.se_case_con li:nth-child(3n){margin: 0 2% 20px 0;}
	.se_case_con li:nth-child(2n){margin: 0 0 20px 0;}
	
	.se_case_con_bt .pro_pic_bt {width: 92%; margin-bottom: 1.5rem; display: flex;}
	.se_case_con_bt .case_an{margin-top: 1.6rem;}
	.se_case_con_bt .case_an img{width: 70%; float: right;}
	
	.se_case_con .cp_k a{line-height: 1.8rem; font-size: 0.8rem;}
	
	.ny_contact_nr{flex-wrap: wrap; }
	.ny_lianxi{width: 100%;}
	.ny_lianxi_r{width: 100%;}
	.ny_lianxi strong{font-size: 1.4rem;}
}


/*neiye_new*/
.ny_newsnr{margin: 0 auto;}
.ny_newsnr h1{text-align: center;font-size:24px;line-height:57px;margin-top: 28px;}
.ny_newsnr .se_date{text-align: center;font-size:16px;line-height:32px;color: #666;}
.ny_news_txt{font-size:18px;margin: 26px 0;line-height:32px;padding:30px;border: 1px solid #E0E0E0;}
.ny_news_txt p{margin-bottom: 10px;}
.ny_news_txt p img{display: block;max-width:800px;height: auto;margin:0 auto;}
.xiangqing_fanye ul li{width:50%;height: 50px;line-height: 50px;float:left;font-size: 16px;}
.xiangqing_fanye{margin:15px auto;border: 1px solid #E0E0E0;}

/*neiye_pro*/
.ny_right{width: 990px;margin-top: 36px;}
.nypro_pic{width:600px;height:450px;margin-bottom: 26px;}
.nypro_pic img{width: 100%;height: auto;margin: 0 auto;}
.nypro_title{width: 340px;}
.cpdianhua{background: url("../images/cpdianhua.jpg") no-repeat top left;width:340px;height: 300px;}

.ser_lc {width:90%; padding: 0 0 40px 0; overflow: hidden;margin: 0 auto;margin-bottom: 60px;;}
.ser_lc h3 { font-size: 40px; margin: 40px 0 10px 0; color: #636b64; text-align: center; }
.ser_lc p { text-align: center; font-size: 15px; margin-bottom:32px; }
.ser_lc h4 { color: #000; font-weight: 600; font-size: 17px; padding: 4px 10px; width: 63%; margin: 15px auto 0; text-align: center; }
.ser_lc li { float: left; width:16.66%; background: url("../images/lc_line.png") no-repeat right 44%; }
.ser_lc li:last-child{background:rgba(0,0,0,0);}
.ser_lc li:hover{animation: dou 0.5s linear;}
.ser_lc li img { display: block; width:40%; margin: 0 auto; text-align: center; }
.strength{width: 90%;margin:30px auto}
.strengthMain{overflow:hidden;}
.strengthMain li{float:left;width:49%;overflow:hidden;background:#000;position:relative;margin:0.5%;}
.strengthMain li img{width:100%;height:auto;transition:all .5s;opacity:0.4;filter:alpha(opacity=40);}
.strengthMain li .font{width:80%;height:45%; top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding: 10%; padding-top:20%;}
.strengthMain li:hover img{transform: scale(1.05, 1.05);}
.strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}