*{margin:0;padding:0}
table {border-collapse: collapse; border-spacing: 0;}
body{-webkit-text-size-adjust:none; color:#333; font-size:14px;font-style: normal;font-weight: normal;font-variant:normal;font-family: "微软雅黑","宋体","Arail";}
input,select,textarea{ font-family:"Microsoft YaHei";}
.fot-pro{ font-family:'HelveticaNeueLTPro-ThEx';}
.fot-light{ font-family:'AdobeSongStd-Light';}
.yahei{ font-family:"微软雅黑;"}
h3{ color:#333;}
*::before, *::after{ box-sizing:border-box;}
*{ box-sizing:border-box;}
a { text-decoration: none; color:#333; }
ul,li,dt,dl,dd{list-style-type: none;margin: 0px;padding: 0px;background:none;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.cl{ clear:both;}
.show{ display:block;}
.hide{ display:none;}
*:focus{ outline:none;}
a,.banner .fp-controlArrow{ transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s;}
a:hover,.banner .fp-controlArrow:hover{ transition:all 0.6s ease 0.01s; -webkit-transition:all 0.6s ease 0.01s; -moz-transition:all 0.6s ease 0.01s; -o-transition:all 0.6s ease 0.01s;}
.com_img{ display:block; width:100%; overflow:hidden;}
.com_img img{transition: transform 0.3s ease 0s;width: 100%;}
.com_img:hover img{transform: scale(1.05);}
.img-responsive {max-width: 100%;height: auto;}
.img-auto{max-width: 100%;height: auto; width: 100%;}
.img-rounded {border-radius: 6px;}
html{ -ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */}
/*兼容iphone去除默认input表单默认设置*/
a { color: #666; text-decoration: none; outline: none; }
a:hover { color: #666; outline: none; }
.lt { float: left; }
.rt { float: right; }
.clear { clear: both; overflow: hidden; height: 0; }
.clx:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none;}
@-webkit-keyframes an_02 
{
	0%{ -webkit-transform:translate(0,10px);opacity: 0;}
	100%{ -webkit-transform:translate(0,0);opacity: 1;}
}
.auto{width:1200px;margin:0 auto;}
.auto img{max-width: 100%;}

.haerdtop{}
.haerdtop .logot{ float:left; width:140px; height:65px; margin:15px auto;}
.haerdtop .navul{ float:left; margin-left:5%;}
.haerdtop .navul ul li{ float:left;padding:0px 28px;margin-left:2px; margin-top:5px; position:relative;}
.haerdtop .navul ul  li a{ display:block; color:#333; font-size:16px;height:65px; line-height:85px;position:relative;}
.haerdtop .navul ul  li a b{position: absolute;display: block; width: 0; height: 2px; background: #004586; left: 0; bottom: 2px; vertical-align: middle;   -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; margin-right: 5px;}
.haerdtop .navul ul  li a:hover b,.haerdtop .navul ul li a.cur b,.haerdtop .navul ul  li.on a b{ width:100%;}
.haerdtop .navul ul li a:hover,.haerdtop .navul ul li a.cur,.haerdtop .navul ul  li.on a{ color:#004586;}
.haerdtop .soucn{ float:right;height:45px; line-height:45px; margin-top:25px; position:relative;} 
.haerdtop .soucn .soucont{ display:block; margin-top:5px; float:left;} 
.haerdtop .soucn span{ display:block; float:left; font-size:16px; color:#A6A6A6; margin:0px 10px; margin-top:-2px;} 
.haerdtop .soucn .langcn{ display:block; float:left;color:#A6A6A6; font-size:16px;}

.haerdtop .navul ul li .togglexia{ position:absolute; width:150px; z-index:9999; left:0px; top:65px; display:none; padding-top:15px;}
.haerdtop .navul ul li .togglexia ul li{ float:none;padding:0px 5px;margin-left:0px; margin-top:0px;}
.haerdtop .navul ul li .togglexia ul li a{display:block; color:#888888; font-size:14px;height:40px; line-height:39px; background:#fff; width:100%; padding-left:20px;}
.haerdtop .navul ul li .togglexia ul li a:hover{ background:#004586; color:#fff;}

.schpost{ position:absolute; width:225px; z-index:999; top:35px; right:-15px; height:40px; background:#fff; display:none;}
.search-form{ position:relative;}
.form-control{ height:35px; lipne-height:35px; width:100%; padding-left:10px;border: 1px #ccc solid;border-radius:1px;}
.buttsmit{ width:20px; height:20px; position:absolute; right:5px; top:13px; border:none;background:url(../images/ssdc.png) no-repeat; cursor:pointer;}


.hhh6{ height:65px; display:none;}
.mhtop{position: fixed;top: 0;left: 0;width: 100%;height: 65px;z-index: 999;background: #ddd; display:none;}
.mdbnrt {margin: 0 10px;}
.mdbnrt .logot{ float:left;}
.mdbnrt .logot img{ height:55px; margin-top:5px;}
.mdbnrt .telsan{ float:left; color:#333; margin-left:5px; margin-top:15px;}
.mdbnrt .langwap{ float:right; margin-right:10px; margin-top:20px;}
.mdbnrt .langwap a.asdsttwap{ color:#555; display:block; font-size:15px; cursor:pointer;}
.mdbnrt .langwap a.asdsttwap span{ font-size:22px;color:#555; display:block; font-weight:600; float:right;font-family: "宋体"; margin-top:5px;}
.langnawap{ position:absolute; top:40px; display:none; z-index:999;}
.langnawap ul li{ display:block; color:#fff; width:100px; height:30px; line-height:30px; background:#999; cursor:pointer; text-align:center;border-bottom:1px #ccc solid;}
.langnawap ul li a{ display:block; color:#fff;}
.langnawap ul li a:hover{color: #fff;background:#004586;}
.topwaps {width:30px;float:right; height:30px; cursor:pointer; margin-top:15px;position: relative;}
.topwaps span{ display:block; width:30px; height:4px; background:#555;border-radius: 2px; transition: all 0.5s ease 0s;position: absolute; top:5px;}

.topwaps span:nth-child(2) { top:14px;}
.topwaps span:nth-child(3) { top:23px;}
.casr span,.topwaps:hover span{background:#004586;}

.casr span:nth-child(1) {transform: translateY(7px) rotate(45deg);transition: all 0.5s ease 0s;}
.casr span:nth-child(2) { display:none;}
.casr span:nth-child(3) { transform: translateY(-11px) rotate(-45deg); transition: all 0.5s ease 0s;}

.navul-m{ display:none;background-color: #ddd;line-height: normal;position: fixed;top:65px;width: 100%;z-index: 999999999;}
.navul-m ul{width: 100%;}
.navul-m li{background:#D8D6D6;}
.navul-m li a {border-bottom: 1px solid #505050;color: #333;display: block; background:#D8D6D6;padding: 12px 0px; font-size:15px; text-align:center;}
.navul-m li a:hover,.navul-m li a.cur{ background:#ccc;color:#004586;}

.wapx-ban{ width:100%;}
.wapx-ban img{ width:100%;}


.syproduct{ width:100%; margin-top:28px;}
.sycphtit{ text-align:center;}
.sycphtit h3{ font-size:28px; color:#333; font-weight:normal;}
.sycphtit span{ display:block; width:32px; height:3px; background:#004586; margin:0 auto; margin-top:10px;}
.sycphtit p{ display:block; color:#666; font-size:28px; margin-top:5px;}

.yycasei{}
.yycasei ul li{ float:left; width:20%; margin-top:28px; padding-bottom:5px;}
.yycasei ul li:nth-child(6){display:none;}
.yycasei ul li a{ display:block; position:relative; height:100%; overflow:hidden;transition:all 0.3s;}
.yycasei ul li a .syalimg{ overflow:hidden;}
.yycasei ul li a .syalimg img{width: 100%; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; vertical-align: middle;}
.yycasei ul li a:hover .syalimg img{ -webkit-transform: scale(1.1);transform: scale(1.1);}
.yycasei ul li a .syalcont{ position:absolute; width:100%; background: rgba(8,8,8,.4);transition:all 0.3s; bottom:0px; height:85px;}
.yycasei ul li a .syalcont .syaltit{ text-align:center; padding:18px 0px;}
.yycasei ul li a .syalcont .syaltit .smoeg{display:none;transition:all 0.3s;}
.yycasei ul li a .syalcont .syaltit h3{ font-size:18px; color:#fff; font-weight:normal;}
.yycasei ul li a .syalcont .syaltit p{ font-size:16px; color:#fff;}
.yycasei ul li a .syalcont .syaltit span{ display:block; width:60%; margin:0 auto; height:38px; line-height:36px; color:#fff; font-size:17px; text-align:center; border:1px #fff solid;border-radius:20px; margin-top:18px; display:none;transition:all 0.3s;}
.yycasei ul li a:hover{}
.yycasei ul li a:hover .syalcont{ position:absolute; width:100%; height:100%; background: rgba(5,88,167,.6); bottom:0px; }
.yycasei ul li a:hover .syalcont .syaltit{ margin-top:20%;}
.yycasei ul li a:hover .syalcont .syaltit .smoeg{ display:block;}
.yycasei ul li a:hover .syalcont .syaltit span{ display:block;}

.sycaset{ width:100%; margin-top:28px;}

.h-caset-wrap{position:relative; margin-top:25px;}
.h-caset-wrap a{display:block;}
.h-caset-wrap .swiper-container{ padding-bottom:42px;}
.h-caset-wrap .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0px; z-index:99999999;}
.h-caset-wrap .swiper-pagination-bullet{}
.h-caset-wrap .swiper-pagination-bullet-active {}
.h-caset-wrap .swiper-slide{}
.h-caset-wrap .swiper-slide a{ display:block;}
.h-caset-wrap .swiper-slide a .h-caset-img{transition: transform 0.3s ease 0s; width:100%; overflow:hidden; text-align:center;}
.h-caset-wrap .swiper-slide a .h-caset-img img{ width:100%;webkit-transition: -webkit-transform .3s linear;-moz-transition: -moz-transform .3s linear;
-o-transition: -o-transform .3s linear;transition: transform .3s linear;vertical-align: middle;}
.h-caset-wrap .swiper-slide a:hover .h-caset-img img{  -webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06);}
.h-caset-wrap .swiper-slide a .h-case-img{height: 313px;}
.h-caset-wrap .swiper-slide a .h-caset-tit{ padding:20px; background:#EBEBEB;transform .3s linear;}
.h-caset-wrap .swiper-slide a .h-caset-tit h3{ font-size:16px; color:#555555; font-weight:normal;transform .3s linear;}
.h-caset-wrap .swiper-slide a .h-caset-tit span{ display:block; font-size:16px; color:#555555; margin-top:4px;transform .3s linear;}
.h-caset-wrap .swiper-slide a .h-caset-tit p{ display:block; font-size:16px; color:#555555; margin-top:4px;transform .3s linear;}
.h-caset-wrap .swiper-slide a:hover .h-caset-tit{ background:#007FE8;}
.h-caset-wrap .swiper-slide a:hover .h-caset-tit h3{ color:#fff;}
.h-caset-wrap .swiper-slide a:hover .h-caset-tit span{ color:#fff;}
.h-caset-wrap .swiper-slide a:hover .h-caset-tit p{ color:#fff;}

.h-caset-wrap .arr-right { right: 0;margin-right:0px;background:url(../images/aljt01.png) no-repeat;}
.h-caset-wrap .arr-left { left: 0;margin-left:0px;background:url(../images/aljt02.png) no-repeat;}
.h-caset-wrap .arr { width: 43px; height: 75px;position: absolute; top: 25%; cursor:pointer; z-index:9999999;}


.sycpnrt{ width:100%; margin-top:30px;}
.sycptulie{margin-top:28px;}
.sycptulie .sycpleft{ float:left; width:51%; height: 518px;	overflow: hidden;}
.sycptulie .sycpleft a{ display:block; overflow:hidden;}
.sycptulie .sycpleft a img{ width:100%;webkit-transition: -webkit-transform .3s linear;-moz-transition: -moz-transform .3s linear;
-o-transition: -o-transform .3s linear;transition: transform .3s linear;vertical-align: middle;}
.sycptulie .sycpleft a:hover img{ -webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06);}
.sycptulie .sycpright{ float:left; width:49%; background:url(../images/bgsycp.jpg); padding:70px 0px; padding-left:30px; padding-right:40px;}

.sycpfid{}
.sycpfid ul li{ float:left; width:30%; margin-left:3%; margin-bottom:20px;}
.sycpfid ul li a{ display:block; width:100%; border:1px #fff solid; color:#fff; text-align:center; padding:0px 0px; height:50px; line-height:50px; font-size:14px;border-radius:10px;}
.sycpfid ul li a:hover,.sycpfid ul li.cur a{ background:#007FE8;}

.sycpjtt{ margin-top:20px;}
.sycpjtt:after{content:""; display:block;height:0; clear:both; overflow:hidden}
.sycpjtt:after{content: "";display: block; clear: both; height: 0; overflow: hidden;}
.sycpjtt ul li{ float:left; width:30%; margin-left:3%; margin-bottom:20px;}
.sycpjtt ul li a{ display:block; width:100%; font-size:14px; color:#fff; background:url(../images/jttu.png) no-repeat; text-indent:21px;}
.sycpjtt ul li a:hover{ color:#007FE8;}

.syqyln{ width:100%;background:url(../images/lns.jpg) no-repeat center; min-height:685px;/*background-attachment:fixed;*/ margin-top:50px;}
.loglnt{width:100%; text-align:center; padding-top:38px;}
.loglnt a{ display:block; width:250px; margin:0 auto;}
.lntxt{ color:#fff; font-size:16px; text-align:center; line-height:32px; margin-top:45px;}

.lnfwlie{ margin-top:65px;}

.lnfwlie  li{ float: left; width:20%; margin-right:6.66666%; color: #fff; text-align: center;}
.lnfwlie  li:nth-child(4n){ margin-right:0px; margin-top:-12px;}
.lnfwlie  li a{ display:block; text-align:center; color: #fff;}
.lnfwlie  li .lnimgt{transition: all 0.3s; width:80px; text-align:center; margin:0 auto;}
.lnfwlie  li:hover .lnimgt{ margin-top:-5px;}
.lnfwlie  li h3{ font-size:18px;color:#fff; margin:12px auto;}
.lnfwlie  li  p{ font-size:16px;color:#fff; line-height:28px;}



.horzshu{ width:100%; margin-top:50px;}
.horleftt{ float:left; background:#F1F1F1; width:46%; min-height:200px; padding-top:35px; padding-bottom:44px;}
.horright{ float:left; width:54%; overflow:hidden; background:#000; height:570px;}
.horright img{ vertical-align:middle; width:100%;transition: transform 0.3s ease 0s; }
.horright a:hover img{ -webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06);}

.h-hor-wrap{position:relative; width:90%; margin:0 auto;margin-top:20px;}
.h-hor-wrap a{display:block;}
.h-hor-wrap .swiper-container{ padding-bottom:38px;}
.h-hor-wrap .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0px; z-index:99999999;}
.h-hor-wrap .swiper-pagination-bullet{ background:#004586;}
.h-hor-wrap .swiper-pagination-bullet-active {}
.h-hor-wrap .swiper-slide{}
.h-hor-wrap .swiper-slide a{ display:block;}
.h-hor-wrap .swiper-slide a .h-hor-img{transition: transform 0.3s ease 0s; width:100%; overflow:hidden; text-align:center;}
.h-hor-wrap .swiper-slide a .h-hor-img img{ width:100%;webkit-transition: -webkit-transform .3s linear;-moz-transition: -moz-transform .3s linear;
-o-transition: -o-transform .3s linear;transition: transform .3s linear;vertical-align: middle;}
.h-hor-wrap .swiper-slide a:hover .h-hor-img img{  -webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06);}

.h-hor-wrap .arr-right { right: 0;margin-right:0px;background:url(../images/aljt01.png) no-repeat;}
.h-hor-wrap .arr-left { left: 0;margin-left:0px;background:url(../images/aljt02.png) no-repeat;}
.h-hor-wrap .arr { width: 43px; height: 75px;position: absolute; top: 30%; cursor:pointer; z-index:9999999; display:none;}


.syprotd{ width:100%; margin-top:50px;}
.syprotbg{ width:100%; background:#F9F9F9; padding-top:28px; padding-bottom:22px;}
.syprolist{ margin-top:30px;}
.syprolist ul li{ float:left; width:23.777%; margin-right:1.5%; margin-bottom:20px;}
.syprolist ul li:nth-child(4n){margin-right:0px;}
.syprolist ul li a{ display:block; position:relative; height:100%; overflow:hidden;transition:all 0.3s; cursor:pointer;}
.syprolist ul li a .syproimgt{transition: transform 0.3s ease 0s; width:100%; height:285px; overflow:hidden; vertical-align:middle;}
.syprolist ul li a .syproimgt img{ width:100%;webkit-transition: -webkit-transform .3s linear;-moz-transition: -moz-transform .3s linear;
-o-transition: -o-transform .3s linear;transition: transform .3s linear;vertical-align: middle;}
.syprolist ul li a:hover .syproimgt img{  -webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06);}
.syprolist ul li a .syprotxt{ width:100%; padding:18px; background:#ddd; padding-bottom:60px;}
.syprolist ul li a .syprotxt h3{ color:#333; font-weight:normal; font-size:14px;}
.syprolist ul li a .syprotxt span{ float:right; margin-top:12px; width:100px; height:32px; line-height:31px; text-align:center; font-size:14px; color:#007fe8; border:1px #007fe8 solid;border-radius:15px;}
.syprolist ul li a:hover .syprotxt{ background:#007FE8;}
.syprolist ul li a:hover .syprotxt h3{ color:#fff;}
.syprolist ul li a:hover .syprotxt span{ color:#007FE8;border:1px #007FE8 solid; background:#fff;}


.synews{width:100%; margin-top:45px;}
.synewsleft{ float:left; width:47%; margin-top:28px;}
.synewsleft .ixwimgt a{ display:block; overflow:hidden; width:100%;}
.synewsleft .ixwimgt a img{ width:100%;webkit-transition: -webkit-transform .3s linear;-moz-transition: -moz-transform .3s linear;
-o-transition: -o-transform .3s linear;transition: transform .3s linear;vertical-align: middle;}
.synewsleft .ixwimgt a:hover img{  -webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06);}
.synewsleft .syxwcont{ background:#F5F5F5; padding:20px 20px}
.synewsleft .syxwcont a{ font-size:16px; color:#333;}
.synewsleft .syxwcont a:hover{ color:#007FE8;}
.synewsleft .syxwcont p{ color:#888888; font-size:16px; margin-top:12px; line-height:26px;}
.synewsleft .syxwcont span{ display:block; text-align:right; font-size:16px; color:#b8b8b8; margin:25px 0px;}

.synewslier{ float:left; width:48%; margin-left:5%;margin-top:28px;}
.synewslier ul li{}
.synewslier ul li .sydate{ float:left; width:15%;}
.synewslier ul li .sydate span{ display:block; font-size:24px; color:#333;}
.synewslier ul li .sydate p{ font-size:16px; color:#999; text-indent:28px; margin-top:2px;}
.synewslier ul li .xwcont{ float:left; width:85%; background:url(../images/lint1.png) no-repeat; padding-left:35px;}
.synewslier ul li .xwcont a{ display:block; font-size:17px; color:#333;}
.synewslier ul li .xwcont a:hover{color:#007FE8;}
.synewslier ul li .xwcont p{font-size:16px; color:#999; margin-top:15px; padding-bottom:38px; line-height:26px;}

.abantcont{ width:100%;}
.abantcont img{ width:100%; vertical-align:middle;}
.a_banner{ background-attachment: fixed;overflow: hidden; position: relative;padding: 200px 0; text-align:center; color:#fff;}

.nyproduct{ margin-top:35px;}
.nytitles{ text-align:center;}
.nytitles h3,h3.nytitles{ font-size:30px; color:#004586; font-weight:normal;}
.htit-h2{text-align:center; margin-top:5px;}
.htit-h2 h2,h2.htit-h2{font-size: 17px;color:#888;font-weight:normal;text-transform : uppercase;}
.htit-h2 h2:after, .htit-h2 h2:before,h2.htit-h2:after, h2.htit-h2:before {display: inline-block;height: 1px;background-color: #DDD;padding: 0;content: "";width: 100px;margin: 5px 15px}
.productfid{ margin-top:12px;}
.productfid ul li{float:left; width:15%; margin-top:14px; margin-right:2%;}
.productfid ul li:nth-child(6n){margin-right:0px;}
.productfid ul li a{ display:block; background:#ddd; color:#333; text-align:center; width:100%; height:40px; line-height:40px; font-size:14px;border-radius:1px; overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.productfid ul li a:hover,.productfid ul li a.cur{ background:#004586;color:#fff;}

.nyprolist{ margin-top:32px;}
.nyprolist ul li a .syproimgt{ border:1px #ddd solid;}

.prodetail{ width:100%; margin-top:12px;}
.prods-pic-tit{}
.prods-pic-tit .prods-pic{ float:left; width:48%;border:1px #ddd solid;border-radius:1px;}
.prods-pic-tit .prods-pic img{ width:100%; }
.prods-pic-tit .prods-tit{ float:left; width:48%; margin-left:4%;}
.prods-tit h3{ font-weight:normal; color:#666; font-size:21px; border-bottom:1px #ddd solid; padding-bottom:12px; margin-top:8px;}
.prods-tit .prods-tit-p{ line-height:26px; color:#666; font-size:14px; margin-top:15px;}
.prods-can{ width:100%; margin-top:35px;}
.prods-can h4{ font-weight:normal; font-size:18px; color:#fff; width:100%; height:50px; line-height:49px;  background:url(../images/bgpw.png) no-repeat; text-indent:20px;}
.prods-can .prods-can-p{ font-size:14px; color:#666;line-height:22px;margin-top:20px;}
.prods-tui{ width:100%; margin-top:35px;}
.prods-tui h4{ font-weight:normal; font-size:18px; color:#fff; width:100%; height:50px; line-height:49px;  background:url(../images/bgpw1.png) no-repeat; text-indent:30px;}

.public-fid{ width:100%; background:#eee;}
.public-fid .public-fid-right{ float:right; height:50px; font-size:14px; line-height:50px; color:#666;}
.public-fid .public-fid-right a{ font-size:14px; color:#666;}
.public-fid .public-fid-right a:hover{ color:#004586;}
.public-fid .public-fid-left{ float:left;}
.public-fid .public-fid-left a{ display:inline-block; height:50px; line-height:50px;background:#eee; padding:0px 22px; border-left:1px #eee solid;border-right:1px #eee solid;}
.public-fid .public-fid-left a:hover,.public-fid .public-fid-left a.cur{ background:#004586; color:#fff;}

.about-content{ margin-top:35px;}
.about-content .about-zbody{ text-align:center; color:#666; line-height:28px; font-size:14px; margin-top:16px;}
.about-content .about-zbody img{ max-width:100%;}

.about-fuwu{margin-top:30px;}
.about-fuwu-list{ margin-top:25px;}
.about-fuwu-list li{ float:left; width:23.777%; margin-right:1.5%;padding-top: 25px; margin-bottom:15px; position: relative; height:300px; }
.about-fuwu-list li:nth-child(4n){margin-right:0px;}
.about-fuwu-list li:nth-child(4n) .imgtt{ margin-top:8px;}
.about-fuwu-list li:nth-child(4n) a h3{ margin-top:10px;}
.about-fuwu-list li:before{content: ""; position: absolute; top:0;left: 0; height: 100%;width: 100%; display:block; border:1px #ddd solid; border-radius: 1px;transition: all 0.3s;}
.about-fuwu-list li:hover{ color:#fff; border:1px #004586 solid; background:#004586;}
.about-fuwu-list li:hover h3{ color:#fff;}
.about-fuwu-list li:hover span{ background:#fff;}
.about-fuwu-list li:hover p{ color:#fff;}
.about-fuwu-list li .imgtt{ width:30%; margin:0 auto; overflow:hidden;margin-top:18px;transition: all 0.3s;}
.about-fuwu-list li .imgtt1{ display:block; text-align:center; transition: all 0.3s;}
.about-fuwu-list li .imgtt2{ display:none; text-align:center;transition: all 0.3s; }
.about-fuwu-list li:hover .imgtt1{  display:none;}
.about-fuwu-list li:hover .imgtt2{ display:block;}
.about-fuwu-list li .imgtt img{ width:100%;}
.about-fuwu-list li h3{ text-align:center; font-size:18px; color:#888; margin-top:10px;transition: all 0.3s;}
.about-fuwu-list li span{ display:block; height:1px; width:38px; margin:0 auto; background:#333;margin-top:16px;transition: all 0.3s;}
.about-fuwu-list li p{ width:80%; margin:0 auto; text-align:center;margin-top:10px; color:#999;transition: all 0.3s; font-size:16px;}
.about-fuwu-list li:hover .imgtt{
	/*-webkit-animation: toRightFromLeft 0.5s forwards;
	-moz-animation: toRightFromLeft 0.5s forwards;
	animation: toRightFromLeft 0.5s forwards;*/
	transition: 0.4s;transform: translateY(-6px);
}

.about-baohu-list{ margin-top:15px;}
.about-baohu-list li{ float:left; width:31.8%; margin-right:2.3%; margin-bottom:15px; padding-top: 25px; position: relative; height:400px; }
.about-baohu-list li:nth-child(3n){margin-right:0px;}
.about-baohu-list li:before{content: "";position: absolute; left: 0; top: 0; height: 100%; width: 100%; display:block; border:1px #ddd solid; border-radius: 1px;transition: all 0.3s; padding-top:30px;}
.about-baohu-list li:hover{ color:#fff; border:1px #004586 solid; background:#004586;}
.about-baohu-list li:hover h3{ color:#fff;}
.about-baohu-list li:hover span{ background:#fff;}
.about-baohu-list li:hover p{ color:#fff;}
.about-baohu-list li .imgtt{ width:26%; margin:0 auto; overflow:hidden;margin-top:18px;transition: all 0.3s;}
.about-baohu-list li .imgtt1{ display:block; text-align:center; transition: all 0.3s;}
.about-baohu-list li .imgtt2{ display:none; text-align:center;transition: all 0.3s; }
.about-baohu-list li:hover .imgtt1{  display:none;}
.about-baohu-list li:hover .imgtt2{ display:block;}
.about-baohu-list li .imgtt img{ width:100%;}
.about-baohu-list li h3{ text-align:center; font-size:18px; color:#888; margin-top:10px;transition: all 0.3s;}
.about-baohu-list li span{ display:block; height:1px; width:38px; margin:0 auto; background:#333;margin-top:16px;transition: all 0.3s;}
.about-baohu-list li p{ width:90%; margin:0 auto; text-align:center;margin-top:10px; color:#999;transition: all 0.3s; font-size:16px; line-height:25px;}
.about-baohu-list li:hover .imgtt{
	/*-webkit-animation: toRightFromLeft 0.5s forwards;
	-moz-animation: toRightFromLeft 0.5s forwards;
	animation: toRightFromLeft 0.5s forwards;*/
	transition: 0.4s;transform: translateY(-6px);
}


@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

.about-hor{ background:#eee; padding-top:35px; margin-top:20px;}
.h-nyhor-wrap{position:relative; width:100%; margin:0 auto;margin-top:28px; padding-bottom:30px;}
.h-nyhor-wrap a{display:block;}
.h-nyhor-wrap .swiper-container{ padding-bottom:38px;}
.h-nyhor-wrap .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0px; z-index:99999999;}
.h-nyhor-wrap .swiper-pagination-bullet{ background:#004586;}
.h-nyhor-wrap .swiper-pagination-bullet-active {}
.h-nyhor-wrap .swiper-slide{}
.h-nyhor-wrap .swiper-slide a{ display:block;}
.h-nyhor-wrap .swiper-slide a .h-hor-img{transition: transform 0.3s ease 0s; width:100%; overflow:hidden; text-align:center;}
.h-nyhor-wrap .swiper-slide a .h-hor-img img{ width:100%;webkit-transition: -webkit-transform .3s linear;-moz-transition: -moz-transform .3s linear;
-o-transition: -o-transform .3s linear;transition: transform .3s linear;vertical-align: middle;}
.h-nyhor-wrap .swiper-slide a:hover .h-hor-img img{  -webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06);}

.h-nyhor-wrap .arr-right { right: 0;margin-right:0px;background:url(../images/aljt01.png) no-repeat;}
.h-nyhor-wrap .arr-left { left: 0;margin-left:0px;background:url(../images/aljt02.png) no-repeat;}
.h-nyhor-wrap .arr { width: 43px; height: 75px;position: absolute; top: 30%; cursor:pointer; z-index:9999999;}


.case-cont{ width:100%; margin-top:35px;}
.case-list ul{ margin-top:25px;}
.case-list ul li{ float:left; width:31.8%; margin-right:2.3%; margin-bottom:20px;}
.case-list ul li:nth-child(3n){margin-right:0px;}
.case-list ul li a{ display:block;}
.case-list ul li a .h-caset-img{height: 295px; transition: transform 0.3s ease 0s; width:100%; overflow:hidden; text-align:center;}
.case-list ul li .h-caset-img img{ width:100%;webkit-transition: -webkit-transform .3s linear;-moz-transition: -moz-transform .3s linear;
-o-transition: -o-transform .3s linear;transition: transform .3s linear;vertical-align: middle;}
.case-list ul li a:hover .h-caset-img img{  -webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06);}
.case-list ul li a .h-caset-tit{ padding:20px; background:#EBEBEB;transform .3s linear;}
.case-list ul li a .h-caset-tit h3{ font-size:16px; color:#555555; font-weight:normal;transform .3s linear;}
.case-list ul li a .h-caset-tit span{ display:block; font-size:16px; color:#555555; margin-top:4px;transform .3s linear;}
.case-list ul li a .h-caset-tit p{ display:block; font-size:16px; color:#555555; margin-top:4px;transform .3s linear;}
.case-list ul li a:hover .h-caset-tit{ background:#007FE8;}
.case-list ul li a:hover .h-caset-tit h3{ color:#fff;}
.case-list ul li a:hover .h-caset-tit span{ color:#fff;}
.case-list ul li a:hover .h-caset-tit p{ color:#fff;}


.news-cont{}
.news-list{ margin-top:35px;}
.news-list ul{}
.news-list ul li{ width:100%; margin-bottom:30px; position:relative;}
.news-list ul li .news-imgt{ float:left; width:33%;}
.news-list ul li .news-imgt a{ display:block; overflow:hidden;}
.news-list ul li .news-imgt a img{ width:100%;webkit-transition: -webkit-transform .3s linear;-moz-transition: -moz-transform .3s linear;
-o-transition: -o-transform .3s linear;transition: transform .3s linear;vertical-align: middle;}
.news-list ul li .news-imgt a:hover img{  -webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06);}
.news-list ul li .news-tit-p{ float:left; width:64%; margin-left:3%;}
.news-list ul li .news-tit-p h3{ font-weight:normal;}
.news-list ul li .news-tit-p h3 a{ font-size:17px; color:#333;}
.news-list ul li .news-tit-p h3 a:hover{color:#004586;}
.news-list ul li .news-tit-p span{ display:block; width:100%; height:6px;background:url(../images/xwxt.png) no-repeat; margin:12px 0px;}
.news-list ul li .news-tit-p p{ color:#555; font-size:14px; line-height:26px;}
.news-list ul li .news-tit-p .news-data{ color:#848484; margin-top:35px;}
.news-list ul li .news-tit-p a.nmoert{ display:block;width:150px; height:40px; line-height:40px; text-align:center; background:#004586; color:#fff; position:absolute; bottom:0px; right:0px;border-radius: 20px;}
.news-list ul li .news-tit-p a.nmoert:hover{ background:#2190EB; right:10px;}

.news-xq{}
.news-xq-tit{ margin-top:30px;}
.news-xq-tit h3{ color:#333; font-weight:normal; font-size:24px; text-align:center;}
.news-xq-tit span{ display:block; width:100%;font-size:16px; color:#999; text-align:center; border-bottom:1px #eee solid; padding-bottom:20px; padding-top:8px;}
.news-xq-tit .news-xq-txt{ color:#666; line-height:26px; margin-top:20px;}
.news-xq-tit .news-xq-txt img{ max-width:100%;}
.showpage{ color:#666; padding-top:10px; font-weight:bold; line-height:25px; margin-bottom:10px;}
.showpage a{color:#666;-webkit-transition: .2s ease all; -moz-transition: .2s ease all; transition: .2s ease all;}
.showpage a:hover{ padding-left:5px;}

.service-content{ margin-top:35px;}
.service-list{margin-top:25px;}
.service-list ul li{ float:left; width:23.777%; margin-right:1.5%; margin-bottom:15px;}
.service-list ul li:nth-child(4n){margin-right:0px;}
.service-list ul li a{ display:block; overflow:hidden;}
.service-list ul li a span{ display:block; overflow:hidden; height: 400px; background:url(../images/service1.jpg) center no-repeat;}
.service-list ul li a span img{ width:100%;webkit-transition: -webkit-transform .3s linear;-moz-transition: -moz-transform .3s linear;
-o-transition: -o-transform .3s linear;transition: transform .3s linear;vertical-align: middle;}
.service-list ul li a:hover span img{  -webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06);}
.service-list ul li a p{ color:#333; text-align:center; line-height:30px; margin-top:5px;}
.service-list ul li a:hover p{color:#004586;}

.contact-content{ margin-top:38px;}
.contact-tone{color:#444; line-height:26px;}
.contact-two{margin-top:25px;}
.contact-two .contact-t{ float:left; width:30%; color:#333; line-height:35px;}
.contact-two .contact-tt{ float:left; width:32%; color:#333; line-height:26px; margin-left:3%;}
.contact-two .contact-ert{float:left; width:32%;margin-left:3%;}
.contact-two .contact-ert .lberma ul li{ float:left; width:31%; margin-right:2%; margin-top:5px;}
.contact-two .contact-ert .lberma ul li:nth-child(3n){margin-right:0px;}
.contact-two .contact-ert .lberma ul li img{ width:100%; border:1px #ddd solid;}
.contact-two .contact-ert .lberma ul li p{ text-align:center; color:#333; font-size:14px;}
.contact-map{ width:100%; margin-top:25px;}
.contact-map img{ max-width:100%;}

.contact-meg{ margin-top:20px;}
.contact-meg .megh3{ font-size:24px; color:#454545; text-align:center;}
.contact-from{ padding:0px 5%; margin-top:30px;}
.contact-from ul li{ float:left; width:48%; margin-top:20px; margin-right:4%;}
.contact-from ul li.lyb_bor{ width:100%;}
.contact-from ul li:nth-child(2n){ margin-right:0%;}
.contact-from ul li .name{ float:left; width:60px;height:46px; line-height:46px; color:#555;}
.contact-from ul li .name span{ color:#FF0000;}
.contact-from ul li .input{ float:left; width:85%;}
.contact-from ul li .input input{ text-indent:5px; width:100%; height:46px; line-height:46px; border:1px #ddd solid;border-radius:2px;}
.contact-from ul li.lyb_bor .input{width:93%;}
.contact-from ul li.lyb_bor .input textarea{ width:100%; height:150px;border:1px #ddd solid;border-radius:2px;}

.lxsubmit input,.lxsubmit .submit{ border:none; display:block;width:200px; height:45px; line-height:45px; text-align:center; background:#004586; color:#fff;border-radius: 20px; cursor:pointer; margin:0 auto; margin-top:25px; font-size:18px;}
.lxsubmit input:hover,.lxsubmit .submit:hover{ background:#2190EB;}

.ppc{ margin-top:5px;}
.pagess {color: #777;padding: 3px;font-family:Verdana;font-size:14px;font-weight:bold;line-height:15px;}
.pagess ul{list-style-type: none;margin:0px;padding:0px;text-align:center; display:block;margin:0 auto; width:100%;}
.pagess li {display:inline-block;margin: 0 5px 0 0;border-radius:2px; color:#888;}
.pagess li.disabled span,.pagess li a {border-radius:2px;display:inline-block;color:#777;padding:10px 15px 10px 15px;border: 1px solid #ccc;text-decoration: none;background-color:#FFFFFF}
.pagess li a:hover {color: #2190EB;background: #FFFFFF;border: 1px solid #2190EB;}
.pagess li.current,.pagess li.active{color: #FFF;border: 1px solid #2190EB;padding:10px 15px 10px 15px;background: #2190EB;}
.pagess li.nolink {color: #777;border: 1px solid #ccc;padding:10px 15px 10px 15px;background-color:#FFFFFF}
.p_clear{ clear:both;}

.botnrdt{ width:100%; background:#333; padding-top:30px; margin-top:50px;}
.botauot{ margin-bottom:28px;}
.logoboter{ float:left; width:30%;}
.logoboter .lbimg a img{ width:85%;}
.logoboter .lberma{}
.logoboter .lberma ul li{ float:left; width:30%; margin-right:5%; margin-top:5px;}
.logoboter .lberma ul li:nth-child(3n){margin-right:0px;}
.logoboter .lberma ul li img{width:100%;}
.logoboter .lberma ul li p{ text-align:center; color:#fff; font-size:14px;}
.bottxta{ float:left;width:30%;margin-left:5%; color:#fff; font-size:14px; line-height:34px; margin-top:15px;}
.bottxta p{color:#fff;}
.bottxtaen{ float:right;width:30%;color:#fff; font-size:14px; line-height:24px; margin-top:15px;}
.bottxtaen p{color:#fff;}
.bothr{ width:100%; height:2px; background:#4B4B4B;}
.botcopy{ color:#fff; text-align:center; padding:15px 0px; line-height:24px;}
.botcopy p{color:#fff;}
.botcopy a{color:#fff;}

.toperqq{ position:fixed; width:55px; top:30%; right:-3px; z-index:9999999999;}
.toperqq ul li{ margin-bottom:5px;}
.toperqq ul li a{ display:block; width:55px; height:50px; background:#4C7CAA; text-align:center; vertical-align:middle; padding:9px 0px; border:1px #4C7CAA solid;border-right:none;border-radius: 5px;}
.toperqq ul li a:hover{background:#17436C;}
.toperqq ul li.ermali a{ position:relative;}
.toperqq ul li.ermali a .ewmblock{ position:absolute; transition: all 0.3s; right:30px; top:0px;right:-160px; border-radius: 2px; z-index:-99;}
.toperqq ul li.ermali a:hover .ewmblock{right:55px;}
.toperqq ul li.telli a{ position:relative;}
.toperqq ul li.telli a .telblock{ position:absolute; height:48px; line-height:48px; background:#17436C;right:-180px; transition: all 0.3s; top:0px; padding:0px 20px; color:#fff; font-size:19px;border-radius: 2px; z-index:-99;}
.toperqq ul li.telli a:hover .telblock{right:54px;}

.toperqq ul li.mailboxli {position: relative;}
.toperqq ul li.mailboxli a .mailboxblock{ position:absolute; height:48px; line-height:48px; background:#17436C;right:-180px; transition: all 0.3s; top:0px; padding:0px 20px; color:#fff; font-size:19px;border-radius: 2px; z-index:-99;}
.toperqq ul li.mailboxli a:hover .mailboxblock{right:54px;}

.toperqq ul li.zxqqli a{ position:relative;}
.toperqq ul li.zxqqli a .qqblock{ position:absolute; height:48px; line-height:48px; background:#17436C; transition: all 0.3s; right:-180px; top:0px; padding:0px 20px; color:#fff; font-size:19px;border-radius: 2px; z-index:-99;}
.toperqq ul li.zxqqli a:hover .qqblock{right:54px;}


.h555{ height:55px; display:none;}
.myfooter{height:4em;position:fixed;left:0;width:100%;z-index:999;bottom:0;background:#666;display:none}
.myfooter li{width:25%;float:left;position:relative;font-size:.9em;text-align:center;color:#fff;line-height:1em;height:5.33em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;border-right:1px solid rgba(255,255,255,.2)}
.myfooter li:last-child:before{height:0}
.myfooter li em{width:28.125%;display:block;margin:0 auto;padding:.3em 0 .1em 0}
.myfooter li em img{width:28px;height:auto}
.myfooter li a{color:#fff}