/*通用样式*/
html{ overflow-x: hidden;}
body{
	min-width: 320px;
	 margin:0 auto;
	padding:0;
	font-family:"Microsoft YaHei";
	color:#636363;
	font-size: 14px;
	position:relative;
}
input,button,select,textarea{outline:none;}
div,p,ul,li{ margin:0; padding:0;}
ul,li{ list-style:none;}
a{ text-decoration:none;font-family:"Microsoft YaHei"; color:#515151;}
a:hover{text-decoration: none;}
.qc{clear:both; height:0px;}
img{ border:0px;outline-width:0px;vertical-align:top; }
b{
	font-weight:normal;}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	padding:0px;
	margin:0;
	font-weight:normal;
}
u{text-decoration:none;}
.ywdx{text-transform:uppercase;}
i{font-style:normal;}
input{font-family:"Microsoft YaHei";}
textarea{font-family:"Microsoft YaHei"; padding:0; margin:0;}
.none{ display: none;}

.animationbox,.animationbox *,.animationbox *::after,.animationbox *::before,.animationbox::after,.animationbox::before{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}

.animationbox5,.animationbox5 *,.animationbox5 *::after,.animationbox5 *::before,.animationbox5::after,.animationbox5::before{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}

.margintop20{ margin-top: 20px;}
.margintop30{ margin-top: 30px;}
.margintop40{ margin-top: 40px;}
.margintop50{ margin-top: 50px;}
.margintop60{ margin-top: 60px;}
.margintop70{ margin-top: 70px;}
.margintop80{ margin-top: 80px;}
.marginbottom80{ margin-bottom: 80px;}
.marginbottom70{ margin-bottom: 70px;}
.marginbottom60{ margin-bottom: 60px;}
.marginbottom50{ margin-bottom: 50px;}
.marginbottom40{ margin-bottom: 40px;}
.marginbottom30{ margin-bottom: 30px;}
.marginbottom20{ margin-bottom: 20px;}
.paddingtop20{ padding-top: 20px;}
.paddingtop30{ padding-top: 30px;}
.paddingtop40{ padding-top: 40px;}
.paddingtop50{padding-top: 50px;}
.paddingtop60{padding-top: 60px;}
.paddingtop70{padding-top: 70px;}
.paddingtop80{padding-top: 80px;}
.paddingbottom20{ padding-bottom: 20px;}
.paddingbottom30{ padding-bottom: 30px;}
.paddingbottom40{ padding-bottom: 40px;}
.paddingbottom50{ padding-bottom: 50px;}
.paddingbottom60{ padding-bottom: 60px;}
.paddingbottom70{ padding-bottom: 70px;}
.paddingbottom80{ padding-bottom: 80px;}

.fy{text-align: center;}
.baibj{ background: #fff;}
.huibj{ background: #eeeeee;}

table{ border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
table tr th,table tr td{ border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; font-size: 16px; color: #292929;text-align: center; padding: 0 20px;}
table tr th{ font-size: 20px; font-weight: bold; color: #292929;}


.button13{ display: block; margin-left:auto; margin-right: auto; text-align: center; line-height: 50px; font-size: 18px; max-width: 300px;}
.button13 span{ color: #ff4e00; position: relative; z-index: 2;}
.button13::before{ border: 1px solid #ff4e00;}
.button13::after{ background: #ff4e00;}
.button13:hover span{ color: #fff;}

.button14{ display: block;text-align: center; line-height: 50px; font-size: 18px; max-width: 300px;}
.button14 span{ color: #fff; position: relative; z-index: 2;}
.button14::after{ border: 1px solid #0054d1; border-radius: 50px;}
.button14::before{ background: #0054d1; border-radius: 50px;}
.button14:hover span{ color: #0054d1;}


.banner{ position: relative;}
.banner.flexslider .slides a{ display: block; height: 920px; background-position: center; background-size: cover;}
.banner.flexslider .slides img{ opacity: 0; display: none; height: 1px;}
.banner .flex-control-nav{ bottom: 10px;}
.banner .flex-control-paging li a.flex-active{ background: #fff;}
.banner .flex-control-paging li a{background: rgba(0,0,0,0.5);}
.banner .tb-btn a.active{ background: #ffc420;}

.banner.flexslider .slides{ height: 920px;}
.banner .tb-arrow a.next{  right: 10px; width: 23px !important; height: 46px !important;}
.banner .tb-arrow a.prev{ left: 10px; width: 23px !important; height: 46px !important;}
.banner .tb-arrow{ width: 100%; margin-top: 9px !important;}

.topnav{ position: absolute; top:70px; left: 0; width: 100%;}
.topnav .container{ background: #fff; border-radius: 0 0 0 30px; overflow: visible; position: relative;}
.topnav .logo{ float: left; padding: 40px 30px;}
.topnav .logo img{ width: 302px;}
.topnav .right{ padding-left: 360px;}
.topnav .right .text_1{ background: #003551; border-radius: 0 0 0 30px; line-height: 45px; color: #fff; font-size: 15px; color: #fff;}
.topnav .right .text_1 span{ border-left: 1px solid #2b586f; padding:0 218px 0 38px;}
.topnav .right .text_1 span:nth-child(1){ border: none;}
.topnav .right .text_1 span i{ font-size: 20px; font-weight: bold; color: #fec321;}

.topnav .right .text_1 a{ border-left: 1px solid #ddd; color: #fff; padding: 0 20px;}
.topnav .right .text_1 a:nth-child(2){  border: none;}



.menu {	
	position: relative;
	z-index: 1;
	overflow: visible;
	font-size: 16px;
}
.menu li {
	position: relative;
	list-style: none;
	width: 14.2%;
	float: left;
	line-height: 93px;
	text-align: center;
}
.menu li>a{ position: relative;}
.menu ul {
	width: 100%;
	position: absolute;
	top: 93px;
	left: 0;
	opacity: 0;
	background: #fff;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}
.menu li > ul{ height: 0; overflow: hidden; 
    -moz-box-shadow: 1px 10px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 10px 10px rgba(0,0,0,0.2);
    box-shadow: 1px 10px 10px rgba(0,0,0,0.2);
}

.menu>li>a{ display: block;}
.menu>li>a::before{
content: '';
height: 4px; width: 20px; background: #000; opacity: .2; border-radius: 50%;
position: absolute;
bottom: 16px;
left: 50%;
margin-left: -10px;
animation: shadow .5s linear infinite;
opacity: 0;
}
.menu>li>a::after{
	border-radius: 20px;
	background: #003551;
	animation: rotate .5s linear infinite;
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -3px;
	bottom: 28px;
	width: 5px;
	height: 5px;
	opacity: 0;
}
.menu>li:hover>a::after,.menu>li>a.hover::after{opacity: 1;}
.menu>li:hover>a::before,.menu>li>a.hover::before{ opacity: 0.2;}
@keyframes shadow {
    0%, 100% {transform: scaleX(1);}
    50% {transform: scaleX(1.2);}
}

@keyframes rotate {
    0% {
    transform: translateY(0) ;
  }
    25% {
        transform: translateY(5px);
    }
    50% {
        transform: translateY(10px) scale(1.1, 0.9);
       
    }
    75% {
        ransform: translateY(5px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}

.menu li:hover > ul { opacity: 1;height: auto; }
.menu ul li {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding: 0;

	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}
.menu li:hover > ul li {
	height: 50px;
	overflow: visible;
	padding: 0;
}
.menu ul li a {
	line-height: 50px;
	width: 100%;
	display: block;
	text-align: center;
	margin: 0;
	border: none;
	border-bottom: 1px solid #eee;
}
.menu ul li a:hover{ background:#ff5e00; color:#fff;}
.menu ul li:last-child a { border: none; }

.sytitle{ text-align: center; position: relative;}
.sytitle::after{content: ""; display: block; width: 50px; height: 4px; background: #fe4f00; position: absolute; left:50%; bottom: 0; margin-left: -25px;}
.sytitle span{ font-size: 22px; color: #626262;}
.sytitle p{ font-size: 40px; color: #003551; font-weight: bold;}
.sytitle u{ color: #ff4e00;}
.sytitle i{ font-size: 16px; color: #252726;}
.sybox1{ background: #f1f5f6; }
.sybox1nr{ background: url(../images/tp_2.jpg) center no-repeat; background-size: contain; overflow: hidden; padding-bottom: 60px;}
.sybox1nr li{ padding: 40px 0; position: relative;cursor:pointer; }
.sybox1nr .left li{ padding-right: 80px;}
.sybox1nr .right li{ padding-left: 80px;}
.sybox1nr span{ font-size: 30px; font-weight: bold; color: #00354f;}
.sybox1nr p{ font-size: 16px; color: #003650;}
.sybox1nr .left{ text-align: right; width: 30%;}
.sybox1nr .right{width: 30%;}
.sybox1nr li::before{ content: attr(data-text); display: block; width: 65px; height: 102px; margin-top: -51px; background: url(../images/tp_3.jpg) center no-repeat; background-size: contain; position: absolute; top:50%; color: #fff; font-size: 30px; font-weight: bold; text-align: center; line-height: 80px;}
.sybox1nr li::after{ content: ""; display: block; width: 15px; height: 3px; background: #fff; margin-top:15px;position: absolute; top:50%;}
.sybox1nr .left li::after{ right: 15px;}
.sybox1nr .right li::after{ left: 15px;}
.sybox1nr .left li::before{ right: 0;}
.sybox1nr .right li::before{ left: 0;}
.sybox1nr li:hover::before{ background-image: url(../images/tp_4.jpg); color: #111111;}
.sybox1nr li:hover::after{ background: #111;}
.sybox1nr li:hover span{ color: #ff4d00;}
.sybox1nr li:hover p{ color: #ff4d00;}

.sybox2nr .left{ width: 300px; position: relative; float: left;}
.sybox2nr .left::after{ content: ""; display: block; width: 100%; height: 40px; position: absolute; left: 0; top:-40px; background: url(../images/tp_5.jpg) center no-repeat;}
.sybox2nr .left::before{ content: ""; display: block; width: 100%; height: 40px; position: absolute; left: 0; bottom:-40px; background: url(../images/tp_6.jpg) center no-repeat;}
.sybox2nr .left p{ background: #003551; color: #fff; padding: 0 20px; font-size: 18px; font-weight: bold;}
.sybox2nr .left span{ background: #003551; color: #fff; display: block;  font-size: 30px; font-weight: bold; padding: 0 20px 30px;}
.sybox2nr .left i{  overflow: hidden; display: block; background: #f3f3f3;}
.sybox2nr .left i a{ display: block; width: 90%; float: right; background: url(../images/tp_7.jpg) center no-repeat; line-height: 60px; border-radius: 60px 0 0 60px; font-size: 18px; color: #fff; text-align: center; margin-top: 20px;}
.sybox2nr .left i a.hover,.sybox2nr .left i a:hover{background-image: url(../images/tp_8.jpg);}
.sybox2nr .right{ margin-left: 310px;}
.sybox2nr .right li{ padding: 0 10px 20px;}
.sybox2nr .right li .sybox2nrli{
	background: #fff; padding-bottom: 10px;
	-moz-box-shadow: 1px 1px 10px #d5d8dd;
	-webkit-box-shadow: 1px 1px 10px #d5d8dd;
	box-shadow: 1px 1px 10px #d5d8dd;
}
.sybox2nrli img{ width: 100%;}
.sybox2nrli p{ font-size: 16px; color: #fe4e01; font-weight: bold; margin: 0 15px; border-top: 1px solid #eee; padding-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sybox2nrli span{ font-size: 14px; color: #5f5f5f; margin: 0 15px; padding-top: 2px; display: block;}
.sybox3{ background: url(../images/tp_10.jpg) top center no-repeat; background-size: cover;}
.sybox3 span{ color: #fff;}
.sybox3 p{ color: #fff;}
.sybox3 i{ color: #fff;}
.sybox3nr .left{ text-align: right;}
.sybox3nr li{ margin-bottom: 70px;}
.sybox3nr p{ font-size: 22px; font-weight: bold; position: relative;}
.sybox3nr .left p{ padding-right: 40px;}
.sybox3nr .right p{ padding-left: 40px;}
.sybox3nr p::after{ content: attr(data-text); display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; border: 1px solid #fff; position: absolute;  top:0;}
.sybox3nr .left p::after{right:0;}
.sybox3nr .right p::after{left:0;}
.sybox3nr span{ font-size: 14px; color: #fff; line-height: 18px; height: 36px; display: block; overflow: hidden; margin-top: 10px;}
.sybox3nr .right{ text-align: left;}

.sybox4nr li{ padding-top: 10px; padding-bottom: 10px;}
.sybox4nr li .sybox4nrli{ padding-bottom: 20px;
	-moz-box-shadow: 0px 0px 3px #d5d8dd;
	-webkit-box-shadow: 0px 0px 3px #d5d8dd;
	box-shadow: 0px 0px 3px #d5d8dd;
}
.sybox4nr li .sybox4nrli img{ width: 100%;}
.sybox4nr li .sybox4nrli p{ font-size: 16px; color: #141a34; font-weight: bold; padding: 20px 20px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.sybox4nr li .sybox4nrli u{ font-size: 14px; color: #666; display: block; padding: 3px 20px 0;}
.sybox4nr li .sybox4nrli i{ font-size: 14px; margin-top: 10px; color: #666; display: block; padding: 0 20px; line-height: 30px; height: 90px; overflow: hidden;}
.sybox4nr li .sybox4nrli .button13{ width: 60%; line-height: 40px; font-size: 14px; margin-top: 20px;}
.sybox4nr li .sybox4nrli .button13::before{ border: 2px solid #ff4e00;}

.sybox5{background: #f1f5f6;}
.sybox5 .text_1{ background: #fff; padding: 20px 3%; overflow: hidden;}
.sybox5 .text_1 a{ display: block; background: #fff; border-radius: 3px; padding: 0 10px; line-height: 40px; background: #003551; color: #fff; font-size: 18px; font-weight: bold; width: 15.6666%; float: left; margin: 0 0.5%; text-align: center;}
.sybox5 .text_1 a.dangqian,.sybox5 .text_1 a:hover{ background: #f44c05;}
.sybox5 .hover img{ width: 100%;}
.sybox5 .hover{ position: relative;}
.sybox5 .hover p{ background: rgba(0,0,0,0.8); color: #fff; padding: 50px 30px; position: absolute; bottom:0; left:0; width: 100%; line-height: 20px;}
.sybox5 .hover p span{ font-size: 22px; font-weight: bold; border-right: 1px solid #75716e; padding-right: 60px; margin-right: 60px;}
.sybox5 .hover p i{ font-size: 18px;}
.sybox6{ background: url(../images/tp_13.jpg) center no-repeat; background-size: 100% 100%; overflow: hidden;}
.sybox6 .container{ overflow: visible;}
.sybox6 .left{
	background: #fff; padding: 50px; text-align: center;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
.sybox6 .left img{ width: 100%;}
.sybox6 .left p{ font-size: 30px; font-weight: bold; color: #1d1d1d; margin-top: 30px;}
.sybox6 .left span{ display: block; font-size: 26px; position: relative; color: #525252;}
.sybox6 .right{ color: #fff; position: relative; padding-left: 30px; padding-top: 50px;}
.sybox6 .right::after{content: ""; display: block; width: 100px; height: 4px; background: #ff4e00; position: absolute; left:30px; top:0;}
.sybox6 .right p{ font-size: 30px; font-weight: bold;}
.sybox6 .right span{ font-size: 24px; display: block; margin: 10px 0;}
.sybox6 .right .sybox6rtext{ font-size: 16px; line-height: 30px; margin-top: 10px; height: 300px; overflow: hidden;}
.sybox6 .right .button14{ width: 30%; margin-top: 40px;}
.sybox6 .right .button14::before{ background: #ff4e00; border-radius: 0;}
.sybox6 .right .button14 span{ font-size: 18px;}
.sybox6 .right .button14::after{ border-radius: 0; border: 1px solid #fff; background: #fff;}
.sybox6 .right .button14:hover span{ color: #ff4e00;}

.sybox7 .left{ position: relative; padding-left: 40px;}
.sybox7 .left i{ position: absolute; left: 0; top: 0; font-size: 28px; color: #fff; background: #ff4e00; font-weight: bold; padding: 20px 10px; width: 106px;}
.sybox7 .left img{ width: 100%;}
.sybox7 .left p{ font-size: 20px; color: #333; font-weight: bold; margin: 10px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sybox7 .left b{ font-size: 14px; color: #888; line-height: 20px; height: 60px; display: block; overflow: hidden;}
.sybox7 .left u{ width: 120px; height: 30px; line-height: 27px; display: block; margin-top: 20px;}
.sybox7 .left u::before{ background: #0e0e0e; border-radius: 0;}
.sybox7 .left u::after{ border:1px solid #0e0e0e; border-radius: 0;}
.sybox7 .left u span{ color: #fff; font-size: 14px;}
.sybox7 .left u:hover span{ color: #0e0e0e;}
.sybox7 .right li{ overflow: hidden; margin-bottom: 30px;}
.sybox7 .right li .text_1{ background: #ff4e00; float: left; padding: 5px; text-align: center; border-radius: 5px; color: #fff;}
.sybox7 .right li .text_2{font-size: 30px; font-weight: bold;}
.sybox7 .right li .text_3{ font-size: 14px;}
.sybox7 .right li .text_4{ padding-left: 90px;}
.sybox7 .right li .text_5{ font-size: 16px; font-weight: bold; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sybox7 .right li .text_6{ font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; color: #999; margin-top: 9px;}

.sywei{ background: #003551; color: #fff;}
.sywei .left{ width: 30%; float: left; text-align: center; margin-right: 30px;}
.sywei .left .text_1{ font-size: 28px; font-weight: bold; line-height: 60px;}
.sywei .left .text_2{ font-size: 18px; line-height: 30px;}
.sywei .left .text_3{ margin-top: 30px; overflow: hidden;}
.sywei .left .text_3 p{ float: left; width: 100%; text-align: center;}
.sywei .left .text_3 img{ max-width: 110px;}
.sywei .left .text_3 span{ font-size: 16px; display: block; background: url(../images/tp_18.jpg) center no-repeat; background-size: 100% 100%; max-width: 111px; line-height: 27px; text-align: center; margin: 10px auto 0;}
.sywei .right{ overflow: hidden;}
.sywei .right .text_1{ font-size: 16px; border-bottom: 1px solid #4d7286; overflow: hidden; text-align: center; line-height: 50px;}
.sywei .right .text_1 a{ color: #fff; width: 14.2%; display: block; float: left;}
.sywei .right .text_2{ font-size: 15px; line-height: 30px; margin-top: 30px; margin-left: 20px; overflow: hidden;}
.sywei .right .text_2 span{ display: inline-block; margin-right: 20px;}
.sywei .right .text_3{ margin-top: 30px; margin-left: 20px;}

.sywei2{ background: #002336; text-align: center; color: #fff; line-height: 30px; padding: 10px 0;}

.sywei2 span{ padding: 0 10px; display: inline-block;}
.sywei2 a{color: #fff;}

.zy_banner .topnav{position: absolute;background: rgba(0,0,0,0.5);top: 0;}
.zy_banner .topnav .logo{padding-top: 30px;padding-bottom: 30px;}
.zy_banner .topnav .container{ background: none;}
.zy_banner .menu>li>a::before{ background: rgba(255,255,255,1);}
.zy_banner .menu>li>a::after{ background: #fec31f;}
.zy_banner .menu>li>a{ color: #fff;}
.zy_banner .menu>li>a.hover{ color: #fec31f;}

.zy_banner.flexslider .slides a{ height: 500px;}
.zynav{ overflow: visible;}
.zynav .left{
	float: left;
	padding: 20px; border-radius: 0 0 10px 10px;
	-moz-box-shadow:1px 1px 10px #d5d8dd;
	-webkit-box-shadow: 1px 1px 10px #d5d8dd;
	box-shadow: 1px 1px 10px #d5d8dd;
}
.zynav .left a{ border-left: 1px solid #dcdcdc; font-size: 16px; color: #333333; padding: 0 15px;}
.zynav .left a:nth-child(1){ border: none;}
.zynav .right{ float: right; line-height: 30px; font-size: 16px; color: #333333; line-height: 60px;}
.zynav .right a:hover{ color: #ff4e00;}

.zy_prolist{ overflow: visible;}
.zy_prolist ul{ overflow: visible;}
.zy_prolist li{ margin-bottom: 30px;}
.zy_prolist li a{
	border: 1px solid #fff; display: block; padding: 20px;
	-moz-box-shadow:1px 1px 10px #d5d8dd;
	-webkit-box-shadow: 1px 1px 10px #d5d8dd;
	box-shadow: 1px 1px 10px #d5d8dd;
	}
.zy_prolist li a img{ width: 100%; border-bottom: 1px solid #eeeeee;}
.zy_prolist li a .text_1{ font-size: 22px; color: #fe4e01; font-weight: bold; margin: 10px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zy_prolist li a .text_2{ font-size: 20px; color: #5f5f5f;}
.zy_prolist li a .text_3{ font-size: 20px; color: #5f5f5f;}
.zy_prolist li a:hover{border: 1px solid #ff4e00;}

.zy_proinfo{ overflow: visible;}
.zy_proinfobox_1{ padding: 20px; border: 1px solid #ddd;}
.zy_proinfobox_1 .left {
	float: left;
	-moz-box-shadow:1px 1px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}
.zy_proinfobox_1 .left img{
	width: 348px;
}
.zy_proinfobox_1 .right{ overflow: hidden; padding-left: 50px;}
.zy_proinfobox_1 .right h3{ font-size: 28px; color: #454545; margin: 30px 0 20px;}
.zy_proinfobox_1 .right .text_2{ font-size: 16px; color: #7d7d7d; line-height: 32px;}
.zy_proinfobox_1 .right .button14{ border-radius: 0; width: 160px; font-size: 16px; line-height: 40px; margin-top: 20px;}
.zy_proinfobox_1 .right .button14::before{ background: #ff4e00; border-radius: 0;}
.zy_proinfobox_1 .right .button14::after{ border:1px solid #ff4e00; border-radius: 0;}
.zy_proinfobox_1 .right .button14:hover span{ color: #ff4e00;}
.zyinfotitle{ background: url(../images/tp_21.jpg) left center no-repeat; padding-left: 30px; font-size: 22px; color: #4c4c4c; border-bottom: 2px solid #d3d3d3; position: relative; line-height: 40px;}
.zyinfotitle span{ font-size: 16px; color: #c4c2c0;}
.zyinfotitle::after{content: ""; display: block; width: 120px; height: 2px; background: #1d262e; position: absolute; left:0; bottom: -2;}
.zy_proinfobox_2nr{ font-size: 15px; color: #333333; line-height: 30px;}

.zyinfotitle1{ position: relative;}
.zyinfotitle1::after{ content: ""; display: block; width: 100%; height: 1px; background: #d3d3d3; position: absolute; left:0; top:24px;}
.zyinfotitle1 .text_1{ font-size: 30px; color: #333333; font-weight: bold; position: relative; z-index: 1; text-align: center;}
.zyinfotitle1 .text_1 span{ background: #fff; padding: 0 50px; position: relative;}
.zyinfotitle1 .text_1 span::after{ display: block; width: 30px; height: 3px; background: #003551; content: ""; position: absolute; left:10px; top:22px;}
.zyinfotitle1 .text_1 span::before{ display: block; width: 30px; height: 3px; background: #003551; content: ""; position: absolute; right:10px; top:22px;}
.zyinfotitle1 .text_2{ font-size: 16px; color: #d7d5d2; text-align: center;}
.zyinfotitle1 .text_3{ max-width: 630px; margin: 0 auto; text-align: center; font-size: 16px; color: #565656; line-height: 30px;}

.zytjnew{ margin-top: 20px; margin-bottom: 20px;}
.zytjnew li{ line-height: 40px; color: #8e8e8e; font-size: 16px;}
.zytjnew li span{ float:right; color: #8e8e8e;}
.zytjnew li a{ display: block; position: relative; padding-left: 16px; border-bottom: 1px dashed #afafaf;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zytjnew li a::after{ content: ""; display: block; position: absolute; left:0; top:20px; width: 5px; height: 5px; background: #003551; border-radius: 50%;}
.zy_caselist ul,.zy_caselist{ overflow: visible;}

.zy_caselist ul li a{ display: block;padding-bottom: 20px; margin-bottom: 20px;}
.zy_caselist ul li a:hover{ 
	-moz-box-shadow:1px 1px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}
.zy_caselist ul li img{ width: 100%;}
.zy_caselist ul li p{ text-align: center; font-size: 18px; color: #272727;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.zyinfotitle2 .text_1{ font-size: 36px; color: #003551;}
.zyinfotitle2::after{ top:auto; bottom: 30px;}
.zyinfotitle2 .text_2{ position: relative; z-index: 2;}
.zyinfotitle2 .text_2 span{ padding: 0 20px; background: #fff;}

.service_info .text_1{ overflow: hidden;}
.service_info .textbox_1{ text-align: right; padding-top: 50px;}
.service_info .textbox_1 p{ font-size: 32px; color: #333333;}
.service_info .textbox_1 span{ font-size: 20px; color: #aeaeae;}
.service_info .textbox_2{ border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 36px 30px;}
.service_info .textbox_2 img{ width: 45px; margin-bottom: 20px;}
.service_info .textbox_2 p{ font-size: 22px; color: #131313;}
.service_info .textbox_2 span{ font-size: 14px; color: #b2b2b2;}
.service_info .textbox_3{background: url(../images/tp_19.jpg) center no-repeat; background-size: cover; padding: 0;}
.service_info .textbox_3 .textbox_3nr{ background: rgba(0,53,81,0.9); padding: 37px 30px 36px; color: #fff;}
.service_info .textbox_3 img{ width: 45px; margin-bottom: 20px;}
.service_info .textbox_3 p{ font-size: 22px;}
.service_info .textbox_3 span{ font-size: 14px;}
.service_info .textbox_4{ padding: 36px 0 0 20px;}
.service_info .textbox_4 img{ width: 45px; margin-bottom: 20px;}
.service_info .textbox_4 p{ font-size: 22px; color: #131313;}
.service_info .textbox_4 span{ font-size: 13px; color: #b2b2b2;}
.service_info .text_2 .textbox_5{ background: url(../images/tp_24.jpg) center no-repeat; height: 185px;}
.service_info .text_2 .textbox_3 .textbox_3nr{ background: rgba(5,78,157,0.9);}
.service_info .text_3{ padding: 0;}
.service_info .text_3 .textbox_3 .textbox_3nr{ background: rgba(53,34,123,0.9);}
.service_info .text_3 .textbox_2{ padding-top: 35px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}

.serviceinfobox_2{background: #fbfbfb; margin-top: 60px;}
.serviceinfobox_2 .zyinfotitle2 .text_2 span{background: #fbfbfb;}
.serviceinfobox_2nr li .serviceinfobox_2nrli{ background: #fff; border: 1px solid #cccccc; padding: 30px 20px; border-radius: 0 0 20px 0;}
.serviceinfobox_2nr li .serviceinfobox_2nrli .text_1{ font-size: 24px; color: #1a1a1a; text-align: center; border-bottom: 1px solid #ccd7dc; margin-bottom: 20px; padding-bottom: 10px;}
.serviceinfobox_2nr li .serviceinfobox_2nrli .text_2{ font-size: 15px; color: #636363; line-height: 32px; height: 192px; overflow: hidden;}

.zyaboutnr img{ max-width: 100%;}
.zyaboutnr .text_1{ font-size: 30px; color: #003551; font-weight: bold; text-align: center; margin: 30px 0 20px;}
.zyaboutnr .text_2{ font-size: 16px; color: #333333; line-height: 33px;}

.zyryzzbox{ background: url(../images/tp_34.jpg) top center no-repeat;}
.zyryzzbox .container{ padding: 30px; background: #fff; position: relative; border-radius: 10px;}

.zyryzzbox .owl-carousel .item img{ padding: 10px;}

.zyryzzbox .btn{ position: absolute; top:50%; font-family: simsun; font-size: 30px; margin-top: -20px;}
.zyryzzbox .prev{ left:0;}
.zyryzzbox .next{ right:0;}
.zyryzzbox .btn:active,.zyryzzbox .btn.active{
	background-image: none;
	outline: 0; color: #ffc420;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}
.zy_tame li{ padding: 0 10px;}
.zy_tame img{ width: 100%;}
.zy_tame p{ background: #f2f2f2; line-height: 50px; text-align: center; font-size: 15px; color: #565656;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zycontactnr{ background: #f4f4f4; padding: 30px; overflow: hidden;}
.zycontactnr .left{ float: left;}
.zycontactnr .left img{
	width: 155px; height: 155px; border-radius: 50%;
	-moz-box-shadow:1px 1px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}
.zycontactnr .right{ overflow: hidden; padding-left: 40px;}
.zycontactnr .right .text_1{ font-size: 24px; color: #003551; margin-top: 30px;}
.zycontactnr .right .text_2{ font-size: 15px; color: #333333; line-height: 26px; margin-top: 10px;}

.zycontactnr1 ul{ margin: 50px -5px 0;}
.zycontactnr1 li { padding: 0 5px;}
.zycontactnr1 li .zycontectnrli{ border: 1px solid #e6e6e6; padding: 20px; text-align: center;}
.zycontactnr1 li .img{ width: 50px; height: 50px; text-align: center; background: #003551; border-radius: 50%; margin: 0 auto;}
.zycontactnr1 li .img img{ width: 31px; height: 31px; margin-top: 8px; }
.zycontactnr1 li .text_1{ font-size: 20px; font-weight: bold; color: #333333; margin: 10px 0;}
.zycontactnr1 li .text_2{ font-size: 15px; color: #003551; line-height: 20px; height: 40px; overflow: hidden;}
.zycontact #map{ border: 1px solid #eee; width: 100%; height: 400px;}

.zy_newtitle{ text-align: center;}
.zy_newtitle h3{ font-size: 30px; color: #333333; font-weight: bold; line-height: 40px; border-bottom: 1px solid #ddd;  padding-bottom: 10px;}
.zy_newtitle p{ font-size: 14px; color: #999999; margin-top: 10px;}
.zy_newtitle p span{ padding: 0 10px; display: inline-block;}
.zy_newtitle p span a{ color: #999999;}
.zy_newtitle p span a:hover{ color: #fec31f;}
.zy_newinfonr{ font-size: 15px; line-height: 30px; color: #666;}
.zy_newinfonr img{ max-width: 100%}
.zy_newinfonrbox{  font-size: 16px; color: #4a4a4a; margin: 60px 0 20px;}
.zy_newinfonrbox a:hover{ color: #fec31f;}
.syy p{ background: #ededed; padding: 15px; margin-bottom: 20px; font-size: 16px; color: #333333;}
.syy p a:hover{ color: #fec31f;}

.zy_newlist{ overflow: visible;}
.zy_newlist ul li{
	-moz-box-shadow:1px 1px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
	overflow: hidden;
	padding: 30px;
	margin-bottom: 40px;
}
.zy_newlist ul li .img{ float: left; width: 44%;}
.zy_newlist ul li .img img{ max-width: 504px; width: 100%;}
.zy_newlist ul li .text_1{ overflow: hidden; padding-left: 40px;}
.zy_newlist ul li .text_1 p{ font-size: 22px; font-weight: bold; color: #272727; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zy_newlist ul li .text_1 span{ display: block; font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; margin-top: 10px;}
.zy_newlist ul li .text_1 i{ float:  right; font-size: 16px; color: #8e8e8e;}








@media (min-width:1440px){
	
}
@media (max-width:1440px){
}
@media (min-width: 992px) and (max-width: 1460px) {
}
@media (max-width:1200px){
	.topnav .right .text_1{ font-size: 12px;}
	.topnav .right .text_1 span{ padding: 0 8px;}
	.topnav .right .text_1 a{ padding: 0 10px;}
	.banner.flexslider .slides a{height: 750px;}
	.sybox1nr li{ padding: 0 0 36px;}
	.sybox1nr li::before{
		width: 48px;
		height: 77px;
		margin-top: -40px;
	}
	.sybox1nr li::after{
		margin-top: 6px;
	}
	.sybox1nr .right li{
		padding-left: 60px;
	}
	.sybox1nr span{
		font-size: 20px;
	}
	.sybox1nr li::before{
		margin-top: -48px;
		line-height: 67px;
	}
	.sybox2nr .left{ display: none;}
	.sybox2nr .right{
		margin-left: 0;
	}
	.sybox3nr li{
		margin-bottom: 35px;
	}
	.sybox3nr {padding-top: 0;}
	.sybox3{ padding-bottom: 20px;}
	.sybox6 .right{ padding-top: 20px;}
	.sybox6 .right span{ font-size: 16px;}
	.sybox6 .right .sybox6rtext{ font-size: 14px;}
	.sybox6 .right .button14 span{ font-size: 14px; line-height: 40px;}
	.zy_banner.flexslider .slides a{ height: 370px;}
	.zynav .left a{ font-size: 13px; padding: 0 5px;}
	.serviceinfobox_2nr li .serviceinfobox_2nrli .text_1{font-size: 16px;}
	.serviceinfobox_2nr li .serviceinfobox_2nrli .text_2{ font-size: 12px; line-height: 20px; height: 140px;}
	
	
}
@media (max-width:992px){
	.topnav .logo{ padding: 25px 20px;}
	.topnav .logo img{width: 240px;}
	.topnav .right{ padding-left: 290px;}
	.topnav .right .text_1{ display: none;}
	.topnav .right .text_2{ display: none;}
	#cd-menu-trigger{ display: block;}
	.topnav{ top:0; background: rgb(255 255 255 / 0.70);}
	#cd-menu-trigger{ top:27px;}
	.banner.flexslider .slides a{ height: 580px;}
	.sybox1nr{ background: none;}
	.sybox1nr .right{ width: 50%;}
	.sybox1nr .left{ width: 50%;}
	.sybox1nr li::before{ width: 42px;}
	.sybox3nr p{ font-size: 16px;}
	.sybox3{ padding-top: 30px; padding-bottom: 35px;}
	.sybox3nr li{ margin-bottom: 20px;}
	.sybox5 .text_1 a{ font-size: 15px;}
	.sybox5 .hover p{ padding-top: 20px; padding-bottom: 20px;}
	.sybox6 .left{ padding: 20px;}
	.sybox6 .right .button14{ margin-top: 10px;}
	.sybox6 .right .sybox6rtext{ font-size: 12px; line-height: 26px;}
	.sybox7 .left i{ font-size: 16px; width: 52px; padding: 10px;}
	.sybox7 .right li{ margin-bottom: 18px;}
	.sywei .right{ display: none;}
	.sywei .left{ width: 100%; margin-right: 0;}
	.zy_banner.flexslider .slides a{ height: 310px;}
	
}
@media (min-width: 768px) and (max-width: 992px) {
}
@media (max-width:768px){
	
	.margintop20{ margin-top: 0px;}
	.margintop30{ margin-top: 10px;}
	.margintop40{ margin-top: 10px;}
	.margintop50{ margin-top: 10px;}
	.margintop60{ margin-top: 20px;}
	.margintop70{ margin-top: 20px;}
	.margintop80{ margin-top: 20px;}
	.marginbottom80{ margin-bottom: 20px;}
	.marginbottom70{ margin-bottom: 10px;}
	.marginbottom60{ margin-bottom: 10px;}
	.marginbottom50{ margin-bottom: 10px;}
	.marginbottom40{ margin-bottom: 10px;}
	.marginbottom30{ margin-bottom: 10px;}
	.marginbottom20{ margin-bottom: 0px;}
	.paddingtop20{ padding-top: 0px;}
	.paddingtop30{ padding-top: 10px;}
	.paddingtop40{ padding-top: 10px;}
	.paddingtop50{padding-top: 10px;}
	.paddingtop60{padding-top: 20px;}
	.paddingtop70{padding-top: 20px;}
	.paddingtop80{padding-top: 20px;}
	.paddingbottom20{ padding-bottom: 0px;}
	.paddingbottom30{ padding-bottom: 10px;}
	.paddingbottom40{ padding-bottom: 10px;}
	.paddingbottom50{ padding-bottom: 10px;}
	.paddingbottom60{ padding-bottom: 10px;}
	.paddingbottom70{ padding-bottom: 10px;}
	.paddingbottom80{ padding-bottom: 20px;}
	
	
	.topnav .logo{ padding: 10px 0;}
	.topnav .logo img{ width: 140px;}
	#cd-menu-trigger{ top:8px; right: 6px; width: 30px; height: 30px;}
	.banner.flexslider .slides a{ height: auto;}
	.banner.flexslider .slides img{ height: auto; display: block; width: 100%; opacity: 1;}
	.sytitle span{ font-size: 13px;}
	.sytitle p{ font-size: 18px;}
	.sytitle i{ font-size: 12px;}
	.sytitle{ padding-bottom: 10px;}
	.sybox1nr .left{ width: 100%; padding: 0;}
	.sybox1nr .left li{ padding-right: 0; text-align: left; background: #fff; padding: 10px; margin-bottom: 10px;  }
	.sybox1nr li::before{ display: none;}
	.sybox1nr li::after{ display: none;}
	.sybox1nr .right{ width: 100%; padding: 0;}
	.sybox1nr .right li{ padding-right: 0; text-align: left; background: #fff; padding: 10px; margin-bottom: 10px;  }
	.sybox1nr{ padding-bottom: 0;}
	.sybox2nr .right li{ padding: 0 0 10px 0;}
	.sybox3nr .left{ padding: 0;}
	.sybox3{ background: #076696;}
	.sybox3nr .left{ text-align: left;}
	.sybox3nr .left p{ padding: 0 0 0 40px;}
	.sybox3nr p::after{ right: auto; left: 0;}
	.sybox3nr .right{ padding: 0;}
	.sybox3{ padding-bottom: 10px;}
	.sybox4nr li{ padding: 10px 0;}
	.sybox5{ display: none;}
	.sybox6{ background: #07699b;}
	.sybox6 .left{ padding: 10px;}
	.sybox6 .left p{ font-size: 20px; margin-top: 5px;}
	.sybox6 .left span{ font-size: 14px;}
	.sybox6 .right{ padding: 10px 0 0 0; margin-top: 10px;}
	.sybox6 .right::after{ left: 0;}
	.sybox6 .right p{ font-size: 18px;}
	.sybox6 .right span{ font-size: 12px;}
	.sybox6 .right .sybox6rtext{ line-height: 24px; height: auto;}
	.sybox6 .right .button14{ width: 60%;}
	.sybox7 .left i{ display: none;}
	.sybox7 .left{ padding: 0 0 20px 0;}
	.sybox7 .left p{ font-size: 16px;}
	.sybox7 .left u{ margin-top: 10px;}
	.sybox7 .right{ padding: 0;}
	.sywei .left .text_1{ font-size: 20px; line-height: normal;}
	.sywei .left .text_2{ font-size: 12px; line-height: normal;}
	.sywei .left .text_3{ margin-top: 10px;}
	.sywei .left .text_3 span{ font-size: 13px;}
	.sywei2{ line-height: 20px;}
	.zy_banner .topnav .logo{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.zyinfotitle1 .text_1{ margin: 10px 0 0; font-size: 18px;}
	.zyinfotitle1::after{ top:11px;}
	.zyinfotitle1 .text_2{ font-size: 12px;}
	.zyinfotitle1 .text_1 span::after,.zyinfotitle1 .text_1 span::before{ top:11px;}
	.zyaboutnr .text_2{ font-size: 13px; line-height: 20px;}
	.zyaboutnr .text_1{ font-size: 14px; margin: 10px 0 5px;}
	.zyryzzbox .container{ padding: 5px;}
	.customNavigation{ display: none;}
	.zyryzzbox{ padding:10px;}
	.zyinfotitle1 .text_3{ font-size: 12px;}
	.zy_tame { padding: 0 5px;}
	.zy_tame li{ padding: 0 5px 10px;}
	.zy_tame p{ line-height: 30px; font-size: 13px;}
	.zynav .left{ display: none;}
	.zynav .right{ font-size: 12px; line-height: 30px;}
	.zy_caselist{ margin-top: 5px;}
	.zy_caselist ul li p{ font-size: 13px; line-height: 30px;}
	.zy_caselist ul li a{ margin-bottom: 5px; padding-bottom: 5px;}
	.zycontactnr{ display: none;}
	.zycontactnr1 ul{ margin: 5px 0;}
	.zycontactnr1 li{ padding: 0;}
	.zycontactnr1 li .zycontectnrli{ padding: 10px; margin-bottom: 10px;}
	.zycontactnr1 li .img{ width: 40px; height: 40px;}
	.zycontactnr1 li .img img{ width: 20px; height: 20px; margin-top: 10px; }
	.zycontactnr1 li .text_1{ font-size: 16px; margin: 5px 0 0;}
	.zycontactnr1 li .text_2{ height: auto; font-size: 12px;}
	.zycontact #map{ height: 200px;}
	.BMap_omCtrl{ display: none;}
	.zy_newtitle h3{ font-size: 16px; line-height: 30px;}
	.zy_newtitle p{ font-size: 12px;}
	.zy_newinfonr{ font-size: 12px;}
	.zy_newinfonrbox{ font-size: 12px; margin: 20px 0 10px;word-break:break-all;}
	.syy p{ font-size: 12px; padding: 10px; margin-bottom: 5px;}
	.zyinfotitle{ font-size: 15px;}
	.zyinfotitle span{ font-size: 12px;}
	.zytjnew li{ font-size: 12px;}
	.zy_newlist ul li{ padding: 10px; margin-bottom: 10px;}
	.zy_newlist ul li .img{ width: 100%; float: none;}
	.zy_newlist ul li .text_1{ padding-left: 0;}
	.zy_newlist ul li .text_1 p{ font-size: 15px; margin-top: 5px;}
	.zy_newlist ul li .text_1 span{ font-size: 12px; line-height: 20px; height: 60px; margin-top: 0;}
	.zy_newlist ul li .text_1 i{ font-size: 12px;}
	.zy_proinfobox_1 .left{ width: 100%;}
	.zy_proinfobox_1 .left img{ width: 100%;}
	.zy_proinfobox_1{ padding: 0;}
	.zy_proinfobox_1 .right{ padding-left: 10px;}
	.zy_proinfobox_1 .right h3{ font-size: 16px; margin: 10px 0 5px;}
	.zy_proinfobox_1 .right .text_2{ font-size: 12px; line-height: 20px;}
	.zy_proinfobox_1 .right .button14{ margin: 5px 0; font-size: 12px; height: 30px; line-height: 30px;}
	.zy_proinfobox_2nr{ font-size: 13px; line-height: 30px;}
	.zy_prolist li a .text_1{ font-size: 14px;  margin: 5px 0 1px;}
	.zy_prolist li a .text_2{ font-size: 12px;}
	.zy_prolist li a .text_3{ font-size: 12px;}
	.zy_prolist ul{ margin: 0 -5px;}
	.zy_prolist li{ padding: 0 5px; margin-bottom: 10px;}
	.zy_prolist li a{ padding: 10px;}
	.service_info .textbox_1{ padding-top: 10px; display: none;}
	.service_info .textbox_2{ padding: 10px;}
	.service_info .textbox_2 img{ width: 30px; margin-bottom: 10px;}
	.service_info .textbox_2 p{ font-size: 16px;}
	.service_info .textbox_2 span{ font-size: 12px;}
	.service_info .textbox_3 .textbox_3nr{ padding: 10px;}
	.service_info .textbox_3 img{ width: 30px; margin-bottom: 10px;}
	.service_info .textbox_3 p{ font-size: 16px;}
	.service_info .textbox_3 span{ font-size: 12px;}
	.service_info .textbox_4{ border: 1px solid #ccc; padding: 10px;}
	.service_info .textbox_4 img{ width: 30px; margin-bottom: 10px;}
	.service_info .textbox_4 p{ font-size: 16px;}
	.service_info .textbox_4 span{ font-size: 12px;}
	.service_info .text_2 .textbox_5{ display: none;}
	.service_info .text_3 .textbox_2{ padding-top: 10px;}
	
	.serviceinfobox_2{ margin-top: 10px;}
	.zyinfotitle2::after{ top: auto; bottom: 6px;}
	.serviceinfobox_2nr li{ padding: 0; margin-bottom: 10px;}
	.serviceinfobox_2nr li .serviceinfobox_2nrli{ padding: 10px;}
	.serviceinfobox_2nr li .serviceinfobox_2nrli .text_1{ margin-bottom: 10px;}
	.serviceinfobox_2nr li .serviceinfobox_2nrli .text_2{ height: auto;}
}
@media (max-width:430px){
}

#AspNetPager1 { line-height:38px;text-align: center;}
#AspNetPager1 a,#AspNetPager1 span{ border-right:1px solid #fff; display: inline-block; background:#d9edf7; color:#373737; padding: 0 15px; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
#AspNetPager1 span{ background:#225d7c !important;}
#AspNetPager1 .syy{ background:#003551; color:#fff;}
#AspNetPager1 a:hover{ background:#225d7c;color:#fff;}