html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
.clear{clear: both;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}


@font-face{
 	font-family: 'font';
	src: url("../fonts/OPlusSans3-Regular.ttf");
}
@font-face{
 	font-family: 'font1';
	src: url("../fonts/OPlusSans3-Bold.ttf");
}
pre {
    font-family: font;
    white-space: pre-wrap;
    word-wrap: break-word;
	display: block;
}




.top{width:100%;height: 80px;background: #fff;}
.top h1{margin-top: 9px;float: left;}
.menu{float: left;margin-left: 142px;}
.menu li{float: left;}
.menu li a{display: block;padding: 0 18px;font-family: font; font-size: 14px;color:#333;line-height:80px;}
.menu li a:hover{background: #005da2;color:#fff;}
.menu li ul { width:200px; line-height: 35px; list-style-type:none; text-align:left; left:-999em; background:rgba(255,255,255,0.8);z-index:9999; position: absolute;margin-left: -50px;}
.menu li ul a{ display: block; width:200px;height: 50px; font-size:12px;line-height: 50px; color:#231816;text-align: center;border: none;padding:0;}
.menu li ul li{height: 50px;}
.menu li ul a:hover  { color:#fff;background: #005da2;}			
.menu li:hover ul { left: auto;}
.menu li.sfhover ul { left: auto;}
#content { clear: left;}
.tel{float: right;}
.tel img{float: left;margin-top: 34px;}
.tel p{float: left;margin-left: 10px; font-family: font;font-size: 14px;color:#333;margin-top: 31px;}

@media screen and (max-width: 1439px){
	.menu{margin-left: 50px;}
	.menu li a{padding: 0 10px;}
}




.navbar-header {
padding-top:0;
position:relative;
}

.navbar-header .navbar-toggle {
border:1px solid #b4b8bc;
height:34px;
padding:0 5px;

}


@media screen and (max-width: 991px){
	.navbar-header .navbar-toggle {margin-top: 28px;}
}

.navbar-header .navbar-toggle .menu {
color:#333;
left:10px;
line-height:34px;
position:absolute;
top:0
}

.navbar-header .navbar-toggle .icon-bar {
background-color:#999
}

.navbar-header .navbar-toggle:hover {
background:#004c99;
border:1px solid #004c99;
}

.navbar-header .navbar-toggle:hover .icon-bar {
background-color:#fff
}

.toleft {
-webkit-transition:all .21s ease-out;
left:0;
overflow-x:hidden;
position:relative;
transition:all .21s ease-out
}

.push-toleft {
-webkit-transition:all .21s ease-out;
left:-260px;
transition:all .21s ease-out
}

.menuid.menuopen {
-webkit-transition:all .21s ease-out;
left:0;
opacity:1;
transition:all .21s ease-out
}

.push-toleft .head {
left:-260px
}

#cbp-spmenu-s2 {
-webkit-transition:all .21s ease-out;
transition:all .21s ease-out
}

.menuid {
-webkit-transition:all .21s ease-out;
height:100%;
left:100%;
opacity:0;
position:fixed;
top:0;
transition:all .21s ease-out;
width:100%;
z-index:9999
}
.menuopen .mobile-menu-overlay {
display: block;
-webkit-transition: all 0.21s ease-out;
transition: all 0.21s ease-out;
}
.mobile-menu-overlay {
background:#000;
display:none;
filter:alpha(opacity=30);
height:100%;
opacity:0.3;
position:absolute;
right:0;
top:0;
width:200%;
z-index:9
}

.cbp-spmenu-right {
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
-webkit-overflow-scrolling:touch;
background:rgba(0, 76, 153, 0.8);
box-shadow:0 0 10px rgba(0,0,0,0.3);
display:block;
height:100%;
max-width:260px;
overflow:auto;
padding:60px 0 40px;
position:absolute;
right:0;
top:0;
width:100%;
z-index:10
}

.cbp-spmenu-right .ulchild {
padding-left:20px;
}
.cbp-spmenu-right li a {
border-bottom:solid 1px #043b73;
color:#fff;
display:block;
padding:15px 23px
}
.cbp-spmenu-right li a:hover {
background:#009048;
text-decoration:none
}

.menuid .icon-close {
-webkit-transition:all .21s ease-out;
cursor:pointer;
display:block;
font-size:16px;
padding:20px 20px 0 0;
position:absolute;
right:0;
top:0;
transition:all .21s ease-out
}

.menuid .icon-close span {
-webkit-transition:all .21s ease-out;
background:url(../images/clod.png) no-repeat center;
color:#fff;
font-size:18px;
height:14px;
transition:all .21s ease-out;
width:14px
}

.menuid .icon-close:hover span {
color:#004c99;
}

.fullwidthbanner-container {
    width:100%!important;
    position: relative;
    max-height: 470px!important;
	box-shadow: 0px 5px 8px rgb(0,0,0,0.3);
	background:#EBEBEB url(../images/loader.gif) no-repeat 50%;
}

.tp-simpleresponsive>ul>li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}
.tp-caption h3 {
	font: 500 50px/60px "Microsoft Yahei";
    color:#FF0;
	width:50%;
    padding: 6% 0 0;
	margin:0 auto;
	display:block;
	-webkit-transition:font-size 0.2s ease-out;
	text-shadow: 0 1px 5px rgba(86, 86, 86, 0.8);
}

.tp-caption h4 {
	font:600 60px/80px "Microsoft Yahei";
    color:#C00;
	width:30%;
	padding: 6% 0 0;
	margin:0 auto;
	display:block;
	-webkit-transition:font-size 0.2s ease-out;
    text-shadow: 0 4px 5px rgba(255, 255, 255, 0.98);
}

.tp-simpleresponsive .slotholder *,.tp-simpleresponsive img {
-webkit-transform:translateZ(0);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
}

.tp-simpleresponsive .caption,.tp-simpleresponsive .tp-caption {
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
position:absolute;
visibility:hidden;
}

.tp-simpleresponsive img {
max-width:none;
}

.tp-leftarrow.default {
border-radius:3px;
z-index:100;
cursor:pointer;
position:relative;
background:url(../images/prev.png) no-repeat;
background-size:contain;
padding-top:20px!important;
width:80px;





height:80px;
text-align:center;
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
-ms-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter:alpha(opacity=0);
opacity:0;
-khtml-opacity:0;
-moz-opacity:0;
visibility:visible;
left:50px !important;
}
.tp-rightarrow.default {
border-radius:3px;
z-index:100;
cursor:pointer;
position:relative;
background:url(../images/next.png) no-repeat;
background-size:contain;
padding-top:20px!important;
width:80px;
height:80px;
text-align:center;
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
-ms-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter:alpha(opacity=0);
opacity:0;
-khtml-opacity:0;
-moz-opacity:0;
visibility:visible;
right:50px !important;
}


.banner img{width:100%;height: auto;}


@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}


@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}


@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
.animated {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}



.about{padding: 120px 0;background: #fff;}
.about-left{padding: 50px 30px;background: #005da2;}
.about-left h2{width:80px;height: 26px;background: #00b08e;border-radius: 13px;font-family: font;font-size: 12px;color: #fff;text-align: center;line-height: 26px;}
.about-left-tit{font-family: font1;font-size: 18px;line-height: 24px;color:#fff;text-align: justify;margin-top: 25px;height: 48px;overflow: hidden;}
.about-left-content{font-family: font;font-size: 14px;line-height: 24px;color:#fff;text-align: justify;margin-top: 220px;height: 72px;overflow: hidden;}
.about-left-more a{display: block;width:120px;height: 30px;background: #fff;border-radius: 15px;padding:0 20px;margin-top: 24px;}
.about-left-more a p{float: left;font-family: font;font-size: 12px;color:#005da2;line-height: 30px;}
.about-more-img{float: right;margin-top: 11px;width:8px;height: 8px;background: url("../images/more-icon.png") no-repeat center;background-size: cover;}
.about-right{padding-left: 40px;}
.about-right-bj{width:100%;height: 545px;background: url("../images/about.png") no-repeat center;background-size:cover;position: relative;}
.about-right-content{padding-left: 50px;padding-top: 50px;}
.about-right-content h3{font-family: font1;font-size: 18px;color:#fff;}
.about-right-content p{font-family: font;font-size: 10px;color:#fff;margin-top: 6px;}
.num{position: absolute;right:0;bottom:0;}
.num li{padding:50px 0;background: rgba(0,93,162,0.9);text-align: center;}
.num-date{font-family: font1;font-size: 36px;color:#fff;}
.num p{font-family: font;font-size: 14px;color:#fff;}
.about-left-more a:hover{background: #00b08e;}
.about-left-more a:hover p{color:#fff;}
.about-left-more a:hover .about-more-img{background: url("../images/more-icon1.png") no-repeat center;background-size: cover;}
@media screen and (max-width: 991px){
	.about-right{padding-left: 0;margin-top: 40px;}
}



.product{padding: 120px 0;background: #f2f2f2;}
.product h2{width:80px;height: 26px;background: #00b08e;border-radius: 13px;font-family: font;font-size: 12px;color: #fff;text-align: center;line-height: 26px;}
.product-tit{font-family: font1;font-size: 24px;color:#333;text-align: justify;margin-top: 19px;}
.product-zhix{width:100%;height: 1px;background: #ccc;}
.product-title{font-family: font;font-size: 14px;color:#333;margin-top: 16px;}
.product ul{margin-left: -20px;margin-top: 26px;}
.product li{padding-left: 20px;margin-top: 20px;}
.product-img{width:100%;height: auto;overflow: hidden;}
.product-img img{width:100%;height: auto;}
.product li a h3{width:80%;height: 40px;border-radius: 10px;background: #005da2; font-family: font;font-size: 14px;color: #fff;text-align: center;line-height: 40px;margin: 0 auto;margin-top: -20px;position: relative;z-index: 1;}
.product-more{float: right;}
.product-more a{display: block;width:120px;height: 30px;background: #005da2;border-radius: 15px;padding:0 20px;margin-top: 80px;}
.product-more a p{font-family: font;font-size: 12px;color:#fff;line-height: 30px;float: left;}
.product-more a img{float: right;margin-top: 11px;}
.product-more a:hover{background: #00b08e;}
.product li a:hover h3{background: #00b08e;}
.product li a:hover .product-img img{
	-webkit-transition: all 1s;
	-moz-transition: all 1s; 
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}



.jieg{padding: 120px 0;background: #fff;}
.jieg h2{width:80px;height: 26px;background: #00b08e;border-radius: 13px;font-family: font;font-size: 12px;color: #fff;text-align: center;line-height: 26px;}
.jieg-tit{font-family: font1;font-size: 24px;line-height: 36px;color:#333;text-align: justify;margin-top: 19px;}
.jieg-zhix{width:100%;height: 1px;background: #ccc;}
.jieg-list{padding: 50px;background: #005da2;margin-top: 50px;}
.jieg-left{padding-right: 50px;}
.jieg-left li{border-bottom: 1px solid #0776c9;padding-bottom: 50px;}
.jieg-left h3{font-family: font1;font-size: 18px;color:#fff;}
.jieg-content{font-family: font;font-size: 14px;color:#fff;line-height: 30px;height: 30px;overflow: hidden;}
.jieg-li-more{margin-top: 26px;}
.jieg-li-more a{font-family: font;font-size: 14px;color:#fff;}
.jieg-li{padding-top: 30px;padding-bottom: 30px !important;}
.jieg-more{margin-top: 98px;}
.jieg-more a{display: block;width:120px;height: 30px;background: #00b08e;border-radius: 15px;padding:0 20px;}
.jieg-more a p{font-family: font;font-size: 12px;color:#fff;line-height: 30px;float: left;}
.jieg-more a img{float: right;margin-top: 11px;}
.jieg-right img{width: 100%;height: auto;}
.Collapsing{padding-top: 30px;padding-bottom: 30px !important;border-bottom: 1px solid #0776c9;}
.current{border:none;}
.coll_body{display: none;padding-bottom: 30px;border-bottom: 1px solid #0776c9;}
@media screen and (max-width: 991px){
	.jieg-left{padding-right: 0;}
	.jieg-right{margin-top: 50px;}
}





.case{padding-bottom: 120px;}
.case h2{width:80px;height: 26px;background: #00b08e;border-radius: 13px;font-family: font;font-size: 12px;color: #fff;text-align: center;line-height: 26px;}
.case-tit{font-family: font1;font-size: 24px;color:#333;text-align: justify;margin-top: 19px;}
.case-zhix{width:100%;height: 1px;background: #ccc;}
.case ul{margin-left: -35px;margin-top: 15px;}
.case li{padding-left: 35px;margin-top: 35px;}
.case li a{display: block;padding: 10px 10px 30px;border:1px solid #e5e5e5;border-radius: 10px;}
.case-img{width:100%;height: auto;overflow: hidden;border-radius: 10px;}
.case-img img{width:100%;height: auto;}
.case li h3{font-family: font;font-size: 18px;color:#333;margin-top: 30px;}
.case-content{font-family: font;font-size: 14px;color:#666;margin-top:10px;height: 20px;overflow: hidden;}
.case-more{width:120px;height: 30px;background: #00b08e;border-radius: 15px;padding:0 20px;margin-top: 75px;}
.case-more p{font-family: font;font-size: 12px;color:#fff;line-height: 30px;float: left;}
.case-more img{float: right;margin-top: 11px;}
.case li a:hover h3{color:#005da2;}
.case li a:hover .case-more{background: #005da2;}
.case li a:hover .case-img img{
	-webkit-transition: all 1s;
	-moz-transition: all 1s; 
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}





.new{padding: 120px 0;background: url("../images/new-bj.png") no-repeat center;background-size: cover;}
.new h2{width:80px;height: 26px;background: #00b08e;border-radius: 13px;font-family: font;font-size: 12px;color: #fff;text-align: center;line-height: 26px;}
.new-tit{font-family: font1;font-size: 24px;line-height: 36px; color:#fff;text-align: justify;margin-top: 19px;}
.new-more{width:120px;height: 30px;background: #00b08e;border-radius: 15px;padding:0 20px;margin-top: 176px;}
.new-more a p{font-family: font;font-size: 12px;color:#fff;line-height: 30px;float: left;}
.new-more a img{float: right;margin-top: 11px;}
.new ul{margin-top: 206px;}
.new li{padding-left: 25px;margin-top: 25px;}
.new-img{width:100%;height: auto;overflow: hidden;}
.new-img img{width: 100%;height: auto;}
.new h3{padding: 50px 30px 100px;background:#fff;font-family: font;font-size: 18px;color:#333;line-height: 30px;text-align: justify;}
.new-d{width:100%;height: 40px;background: #fff;padding: 0 30px;margin-top: 1px;}
.new-date{float:left;font-family: font;color:#333;font-size: 14px;line-height: 40px;}
.new-mo{float: right;font-family: font1;font-size: 12px;color:#005da2;line-height: 40px;text-transform: uppercase;}
.new li a:hover h3{background: #005da2;color:#fff;}
.new li a:hover .new-d{background: #005da2;}
.new li a:hover .new-date{color:#fff;}
.new li a:hover .new-mo{color:#fff;}
.new li a:hover .new-img img{
	-webkit-transition: all 1s;
	-moz-transition: all 1s; 
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

@media screen and (max-width: 1439px){
	.new ul{margin-top: 306px;}
}





.honor{padding: 120px 0;background: url("../images/honor-bj.png") no-repeat center;background-size: cover;}
.honor h2{width:80px;height: 26px;background: #00b08e;border-radius: 13px;font-family: font;font-size: 12px;color: #fff;text-align: center;line-height: 26px;}
.honor-tit{font-family: font1;font-size: 24px;color:#333;text-align: justify;margin-top: 19px;}
.honor-zhix{width:100%;height: 1px;background: #ccc;}
.honor ul{margin-left: -13px;margin-top: 37px;}
.honor li{padding-left: 13px;margin-top: 13px;}
.honor-img{width:100%;height: auto;overflow: hidden;}
.honor-img img{width: 100%;height: auto;}



.marquee-box {
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.marquee {
	width: 8000%;
	height: 60px
}
.wave-list-box {
	float: left
}
.wave-list-box ul {
	float: left;
	height: 60px;
	overflow: hidden;
	zoom: 1
}
.wave-list-box ul li {
	height: 60px;
	width: 100%;
	float: left;
	line-height: 30px;
	list-style: none
}
.wave-box {
	position: relative;
	height: 60px;
	background: #fff;
}
.footer{padding: 60px 0 120px;background: #005da2;}
.footer h1{float: left;}
.footer-nav{float: right;}
.footer-nav li{float: left;margin-left: 36px;margin-top: 10px;}
.footer-nav li a{font-family: font;font-size: 14px;color:#fff;}
.footer-top{float: right;margin-left: 50px;}
.footer-zhix{width:100%;height: 1px;background: #4eadf3;margin: 50px 0;}
.contact{float: left;}
.contact h2{font-family: font1;font-size: 16px;color:#fff;}
.contact ul{margin-top: 13px;}
.contact li{font-family: font;font-size: 14px;color:#fff;line-height: 24px;}
.contact li font{font-weight:bold;}
.contact li a{font-family: font;font-size: 14px;color:#fff;font-weight: bold;}
.er{float: right;}
.er p{font-family: font;font-size: 12px;color:#fff;text-align: center;margin-top: 7px;}
.banq{float: left;font-family: font;font-size: 14px;color:#fff;}
.icp{float: right;font-family: font;font-size: 14px;color:#fff;}
.icp a{font-family: font;font-size: 14px;color:#fff;}
.icp a:hover{font-family: font;font-size: 14px;color:#fff;color:#4eadf3;}
@media screen and (max-width: 991px){
	.footer h1{float: none;}
	.footer-nav{float: none;}
	.footer-nav li{margin-left: 0;margin-right: 30px;margin-top: 20px;}
}





.zi-banner{width:100%;height: 500px;background: #f2f2f2 !important;}
.z_banner_text{transition: 2s ease;  opacity: 0; transition-delay: .5s; width: 100%; padding: 0 8.3vw; box-sizing: border-box; color: #fff;}
.en{font-family:font1; }
.z_banner_text .en{font-size: 3.02083vw;font-weight: bold; text-transform: uppercase; margin-bottom: 1vw;}
.z_banner_text .cn{font-family: font; font-size: 2.08vw; display: inline-block; position: relative; line-height: 2.08vw;}
.z_banner_text .cn::before{ content: ""; display: block; width: 100%; transition: ease 2s; transition-delay: 1s; height: 12px;background: #00b08e; position: absolute; right: 0; bottom: 0;z-index: -1;}
.z_banner_text .dot{ margin-top: 1.5vw;}
.z_banner_text .dot em{ display: inline-block;width: 16px;height: 16px;border-radius: 50%; }
.z_banner_text .dot .d1{background: #fff; animation: dot1 2s linear infinite;}
.z_banner_text .dot .d2{background: #005da2;
opacity: 0.8; animation: dot2 2s linear infinite;}
@keyframes dot1 {
	0%{transform: translateX(0);} 
    50%{transform: translateX(16px);}
	100%{transform: translateX(0px);}
}
@keyframes dot2 {
	0%{transform: translateX(0px);}
50%{transform: translateX(-16px);}
	100%{transform: translateX(0px);}
}
.z_other_banner{width:100%;padding:200px 0;position: relative;}
.z_other_banner .z_banner_text{ opacity: 1; transform: translateY(-25%);}
.z_other_banner .z_banner_text .animated .cn::before{ width: 30%; transition-delay: .2s;}
.z_other_banner .z_banner_bar{ padding-bottom: 3.5vw;}
.z_other_banner .z_banner_bar::before{ height: 3vw;}
.animated {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.list{width:100%;background: #f2f2f2;}
.loc{float: left;font-family: font;font-size: 14px;color:#333;line-height: 70px;}
.loc a{font-family: font;font-size: 14px;color:#333;}
.list-right{float: right;}
.list-right li{float: left;}
.list-right li a{display: block;padding: 0 20px;font-family: font;font-size: 14px;color:#333;line-height: 70px;}
.list-right li a:hover{background: #005da2;color:#fff;}
.list-right li .on{padding: 0 20px;font-family: font;font-size: 14px;background: #005da2;color:#fff;line-height: 70px;}
.list-right1{float:left;}
.list-right1 li{float: left;}
.list-right1 li a{display: block;padding: 0 20px;font-family: font;font-size: 14px;color:#333;line-height: 70px;}
.list-right1 li a:hover{background: #005da2;color:#fff;}
.list-right1 li .on{padding: 0 20px;font-family: font;font-size: 14px;background: #005da2;color:#fff;line-height: 70px;}

@media screen and (max-width: 1439px){
	.list-right li a{padding: 0 10px;}
	.list-right1 li a{padding: 0 10px;}
}
@media screen and (max-width: 991px){
	.loc{display: none;}
	.list-right{float: none;}
}







.company{padding-top: 120px;background: #fff;}
.company-left{padding-right: 30px;}
.company-left h2{width:80px;height: 26px;background: #00b08e;border-radius: 13px;font-family: font;font-size: 12px;color: #fff;text-align: center;line-height: 26px;}
.company-left h3{font-family: font1;font-size: 24px;color:#333;line-height: 36px;margin-top: 21px;}
.company-right{padding-left: 50px;font-family: font;font-size: 16px;line-height: 36px;color:#666;}
.company-img{width:100%;height: 500px;background:url("../images/about-content.jpg") no-repeat center;background-size: cover;margin-top: 106px;position: relative;}
.chany{padding-top: 120px;background: #fff;}
.chany h2{width:80px;height: 26px;background: #00b08e;border-radius: 13px;font-family: font;font-size: 12px;color: #fff;text-align: center;line-height: 26px;}
.chany-tit{font-family: font1;font-size: 24px;line-height: 36px;color:#333;text-align: justify;margin-top: 19px;}
.chany-zhix{width:100%;height: 1px;background: #ccc;}
.chany ul{margin-left: -30px;margin-top: 20px;}
.chany li{padding-left: 30px;margin-top: 30px;}
.chany li h3{width:100%;height:80px;background: #f2f2f2;font-family: font1;font-size: 16px;color:#333;line-height: 80px;padding: 0 30px;}
.chany li a:hover h3{background: #005da2;color:#fff;}
.zhiz{padding-top: 120px;background: #fff;}
.zhiz h2{width:80px;height: 26px;background: #00b08e;border-radius: 13px;font-family: font;font-size: 12px;color: #fff;text-align: center;line-height: 26px;}
.zhiz-tit{font-family: font1;font-size: 24px;line-height: 36px;color:#333;text-align: justify;margin-top: 19px;}
.zhiz-content{padding: 120px 0;background: #f2f2f2;}
.zhiz-content img{width:100%;height: auto;}
.honors{padding: 120px 0;background: #fff;}
.honors h2{width:80px;height: 26px;background: #00b08e;border-radius: 13px;font-family: font;font-size: 12px;color: #fff;text-align: center;line-height: 26px;}
.honors-tit{font-family: font1;font-size: 24px;color:#333;text-align: justify;margin-top: 19px;}
.honors-zhix{width:100%;height: 1px;background: #ccc;}
.honors ul{margin-left: -13px;margin-top: 37px;}
.honors li{padding-left: 13px;margin-top: 13px;}
.honors li h3{font-family: font;font-size: 14px;color:#333;text-align: center;margin-top: 10px;}
@media screen and (max-width: 991px){
	.company-right{padding-left: 0;margin-top: 50px;}
}




.products{padding: 120px 0;background: #fff;}
.products h2{width:80px;height: 26px;background: #00b08e;border-radius: 13px;font-family: font;font-size: 12px;color: #fff;text-align: center;line-height: 26px;}
.products-tit{font-family: font1;font-size: 24px;color:#333;text-align: justify;margin-top: 19px;}
.products-zhix{width:100%;height: 1px;background: #e5e5e5;}
.products-list ul{margin-left: -30px;margin-top: 20px;}
.products-list li{padding-left: 30px;margin-top: 30px;}
.products-img{width:100%;height: auto;overflow: hidden;}
.products-img img{width:100%;height: auto;}
.products li h3{width:100%;height: 50px;background: #f2f2f2;font-family: font;font-size: 14px;color:#333;text-align: center;line-height: 50px;}
.products li a:hover h3{background: #005da2;color:#fff;}
.products li a:hover .products-img img{
	-webkit-transition: all 1s;
	-moz-transition: all 1s; 
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}



.products-de{padding: 120px 0;background: #fff;}
.products-de-img{width:100%;height: auto;}
.products-de-img img{width:100%;height: auto;}
.products-de-left{padding-right: 40px;}
.products-de-right{padding-left: 40px;height: 494px;display: table;}
#products-de-right{display: table-cell;vertical-align: middle;}
.products-de-right h3{font-family: font1;font-size: 36px;line-height: 48px;color:#333;}
.products-de-right textarea{border:none;font-family: font; font-size: 14px;color:#666;width:100%;height:300px;outline: none;line-height: 30px;text-align: justify;resize: none;margin-top: 28px;}
.products-de-mess{width:240px;height: 40px;border:2px solid #005da2;border-radius: 20px; font-family: font1;font-size: 14px;color:#005da2;text-align: center;line-height: 38px;}
.products-de-tit{font-family: font1;font-size: 14px;margin-top: 120px;}
.products-de-zhix{width:100%;height: 1px;background: #e5e5e5;margin: 20px 0 50px;}
.products-de-content{font-family: font;font-size: 16px;line-height: 36px;color:#666;}
.products-de-mess:hover{background: #005da2;color:#fff;}
	



.service{padding: 120px 0;background: #fff;}
.service h2{width:80px;height: 26px;background: #00b08e;border-radius: 13px;font-family: font;font-size: 12px;color: #fff;text-align: center;line-height: 26px;}
.service-tit{font-family: font1;font-size: 24px;color:#333;text-align: justify;margin-top: 19px;}
.service-list ul{margin-top:60px;}
.service-left{padding-right: 80px;}
.service-img{width:100%;height: auto;overflow: hidden;border-radius: 20px;}
.service-img img{width:100%;height: auto;}
.service-right{height: 397px;display: table;}
#service-right{display: table-cell;vertical-align: middle;}
.service-right h3{font-family: font1;font-size:24px;color:#333;}
.service-content{font-family: font;font-size: 14px;line-height: 24px;color:#666;margin-top: 42px;height: 96px;overflow: hidden;}
.service-more{font-family: font;font-size: 16px;color:#005da2;margin-top: 69px;}
.service-zhix{width:100%;height: 1px;background: #f2f2f2;margin-top: 60px;}
.service a:hover h3{color:#005da2;}
.service a:hover .service-img img{
	-webkit-transition: all 1s;
	-moz-transition: all 1s; 
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
@media screen and (max-width: 1439px){
	.service-right{height: 295px;}
}




.news{padding: 120px 0;background: #fff;}
.news-tit{width:210px;margin: 0 auto;}
.news h2{width:80px;height: 26px;background: #00b08e;border-radius: 13px;font-family: font;font-size: 12px;color: #fff;text-align: center;line-height: 26px;}
.news-title{font-family: font1;font-size: 24px;color:#333;margin-top: 19px;}
.news-list{height: 245px;display: table;}
#news-list{display: table-cell;vertical-align: middle;}
.news-image{width:80%;height:400px;overflow: hidden;margin: 50px auto;}
.news-image img{width:100%;height: auto;}
.news-list ul{margin-left: -120px;margin-top: 60px;}
.news-list li{padding-left: 120px;}
.news h3{font-family: font1;font-size: 18px;line-height: 36px;color:#333;height: 72px;overflow: hidden;}
.news-date{font-family: font;font-size: 16px;color:#666;margin-top: 11px;}
.news-content{font-family: font;font-size: 16px;line-height: 30px;color:#666;height: 120px;overflow: hidden;}
.news-img{width:100%;height: auto;overflow: hidden;}
.news-img img{width:100%;height: auto;}
.news-zhix{width:100%;height: 1px;background: #f2f2f2;margin-top: 60px;}
.news a:hover h3{color:#005da2;}
.news a:hover .news-img img{
	-webkit-transition: all 1s;
	-moz-transition: all 1s; 
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
@media screen and (max-width: 1439px){
	.news-list{height: 177px;}
}




.news-de{padding: 120px 0;background: #fff;}
.news-de h3{font-family: font1;font-size: 30px;color:#333;line-height: 48px;}
.news-de-list ul{margin: 50px 0;}
.news-de-list li{height: 60px;border:1px solid #e5e5e5;font-family: font;font-size: 16px;color:#333;line-height: 60px;text-indent: 20px;}
.news-de-content{font-family: font;font-size: 14px;color:#333;line-height: 30px;}
.news-de-zhix{width:100%;height: 1px;background:#e5e5e5;margin-top: 70px;}
.news-prev{float: left;margin-top: 50px;}
.news-prev img{float: left;margin-top: 3px;}
.news-prev a{font-family: font;font-size: 16px;color:#333;float: left;margin-left: 10px;}
.news-prev font{font-family: font;font-size: 16px;color:#333;float: left;margin-left: 10px;}
.news-next{float: right;margin-top: 50px;}
.news-next img{float: left;margin-left: 10px;margin-top: 2px;}
.news-next a{font-family: font;font-size: 16px;color:#333;float: left;}
.news-next font{font-family: font;font-size: 16px;color:#333;float: left;}
.return{text-align: center;margin-top: 50px;}
.return img{display: inline-block;margin-top: -5px;}
.return a{display: inline-block;margin-left: 10px;font-family: font;font-size: 16px;color:#333;}

.news-de-list1{padding: 120px 0;background: #f2f2f2;}
.news-de-list1 h2{font-family: font3;font-size: 36px;color:#333;}
.news-de-list1 ul{margin-left: -20px;margin-top: 30px;}
.news-de-list1 li{padding-left: 20px;margin-top: 20px;}
.news-de-img{width:100%;height: auto;overflow: hidden;border-radius: 10px;}
.news-de-img img{width:100%;height: auto;}
.news-de-list1 li h3{font-family: font;font-size: 16px;color:#333;line-height: 30px;margin-top: 21px;height: 60px;overflow: hidden;text-align: justify;}
.news-de-date{font-family: font3;font-size: 12px;color:#333;margin-top: 15px;}
.news-de-zhix{width:100%;height: 2px;background: #d1dcf5;margin-top: 26px;}





.cases{padding: 120px 0;background: #fff;}
.cases-tit{width:210px;margin: 0 auto;}
.cases h2{width:80px;height: 26px;background: #00b08e;border-radius: 13px;font-family: font;font-size: 12px;color: #fff;text-align: center;line-height: 26px;}
.cases-title{font-family: font1;font-size: 24px;color:#333;margin-top: 19px;}
.cases-list ul{margin-left: -30px;}
.cases-list li{padding-left:30px;margin-top: 50px;}
.cases-img{width:100%;height: auto;overflow: hidden;border-radius: 10px;}
.cases-img img{width:100%;height: auto;}
.cases h3{font-family: font1;font-size: 18px;color:#333;line-height: 30px;height: 60px;overflow: hidden;margin-top: 22px;}
.cases-date{font-family: font;font-size: 14px;color:#005da2;margin-top: 36px;}
.cases li a:hover h3{color:#005da2;}
.cases li a:hover .cases-img img{
	-webkit-transition: all 1s;
	-moz-transition: all 1s; 
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}




.contacts{padding:120px 0;background: #fff;}
.contacts h2{font-family: font1; font-size:30px;color:#333;font-weight: bold;}
.contacts-zx{width:100%;height: 1px;background: #e5e5e5;margin-top: 45px;}
.contacts li{font-family: font; font-size: 16px;color:#333;line-height: 30px;margin-top: 40px;}
.contacts li a{font-family: font;font-size: 16px;color:#333;}
.contacts li a:hover{color:#005da2;}


.message{padding:120px 0;background:url(../images/message-bj.png) no-repeat center fixed;background-size: cover;margin-top: 120px;}
.messager{padding: 80px;background: #fff;border-top:5px solid #005da2;}
.messager h2{font-family:font1;font-size:22px;color:#333;}
.messager-fk{width:20px;height: 3px;background:#005da2;margin-top: 25px;}
.messager-content{font-family:font;font-size: 14px;color:#333;line-height: 30px;margin-top:36px;}
.messager-tel{font-family:font;font-size: 14px;color:#333;margin-top: 50px;}
.messager-tel p{font-family:font1;font-size: 24px;color:#005da2;}
.message ul{padding-left: 30px;margin-top: -30px;}
.message li{margin-top:30px;}
.message input{font-family:font;width:100%;height: 50px;border: 0;border-bottom: 1px solid #e5e5e5;outline: none;}
.message li p{font-family:font;font-size: 14px;color: #333;}
.message textarea{font-family:font;width:100%;height:250px;border: 0;border-bottom: 1px solid #e5e5e5;outline: none;padding-top:20px;}
.message button{width:100%;height: 50px;background: #005da2;border:0;font-family:font;font-size: 14px;color:#fff;outline: none;}
@media (max-width:991px) {
	.messager-tel{margin-bottom:36px;}
	.message ul{padding:0;}
}
@media (max-width:550px) {
	.messager{padding:30px;}
}


.page{margin-top: 50px;}
.page ul{text-align: center;}
.page li{display: inline-block;margin-left:13px;}
.page li a{display: block;padding:10px;background: #ededed;color:#333;font-size: 14px;font-family: font;}
.page li a:hover{background: #ef8404;color:#fff;}
.page .current{padding:10px;background: #005da2;color:#fff;font-family: font;}
.page #lastspan{padding:10px;background: #ededed;color:#333;font-size: 14px;margin-left: 4px;font-family: font;}
.page a:hover #lastspan{background: #ef8404;color:#fff;}

@media screen and (max-width: 550px){
	.page ul{margin-top:30px;}
}

