*{margin:0;padding:0;list-style:none; transition:all;-o-transition:all;-ms-transition:all;-moz-transition:all;-webkit-transition:all;}
body,html{font-size:14px;font-family: "微软雅黑";overflow-x:hidden;}
.transy{transform: translateY(60px);-webkit-transform: translateY(60px); transition: 700ms;-webkit-transition: 700ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.tranShow{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}
a{text-decoration:none;color:#adaba8; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;font-weight:normal}
em,i,strong{font-style:normal;}
img{display: inline-block; border: 0; vertical-align: middle;max-width:100%}
.img img {width: 100%;height: 100%;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s; -webkit-transition-duration: 1s;}
.img:hover img {transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
input,textarea,select{font-size: 14px; outline: none;font-family:"微软雅黑";}
.swiper-container,.swiper-slide,.swiper-wrapper{height:auto!important;}
.swiper-slide{overflow:hidden!important;}
.w1200{width:1200px;margin:0 auto;overflow:hidden}
.w1440{width:1440px;margin:0 auto}
.hid{overflow:hidden;}

.trans, .trans:hover {
	-webkit-transition: all 277ms ease-in-out;
	-moz-transition: all 277ms ease-in-out;
	-o-transition: all 277ms ease-in-out;
	transition: all 277ms ease-in-out;
	-ms-transition: all 277ms ease-in-out;
}
.trans-fast,.trans-fast:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
}



.header{width:100%;float:left;height:97px;background:#fff;position:relative}
.header .logo{float:left;margin-left:3%;margin-top:20px}
.nav{float:right;width:990px}
.nav li{float:left;z-index:21;}
.nav li>a{line-height:94px;padding:0px 30px;font-size:16px;color:#333333;border-bottom:3px solid #fff;display:block}
.nav li .nav_div{position:absolute;left:0px;opacity:0;visibility:hidden;right:0px;top:90px;z-index:20;letter-spacing:-8px;font-size:0px;background:#f0f0f0;padding:42px 0px; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.nav li .nav_div .w1200>.view{padding:0px 70px;font-weight:bold;display:block;letter-spacing: initial;font-size:14px;color:#000;}
.nav li .nav_div .w1200>.view:hover{color:#005ca4;}



.nav .m{ float:left; position:relative;}
.nav a:hover{ text-decoration:none; color:#ff0;}
.nav .on{ border-color:#1F7CAF;   }
.nav .on h3 a{ background:#1f7caf; color:#ff0; border-color:#1f7caf !important;  }
.nav .sub{ display:none; position:absolute; left:0; top:97px; width:140px; background:#F0F0F0; text-align:center;  }
.nav .sub li a{ border-bottom:0; padding:0; width:140px; height:45px; line-height:45px;  display:block; color: #333;   }
.nav .sub li a:hover{ color:#fff; background:#005ca4;   }



.nav li:hover .nav_div{opacity:1;top:97px;visibility:visible}
.nav li.cur>a,.nav li:hover>a{color:#005ca4;border-color:#005ca4}
.header .bshare-custom,.head_bd{float:right;position:relative;}
.header .bshare-custom a,.head_bd a{float:left;padding:0px;margin:0px;margin-right:15px;margin-top:37px;}
.header .bshare-custom a.bshare-weixin,.head_bd a.wx{width:26px;height:21px;background:url(../images/dhfx1.png) no-repeat center}
.header .bshare-custom a.bshare-sinaminiblog,.head_bd a.wb{width:26px;height:21px;background:url(../images/dhfx2.png) no-repeat center}
.head_bd a.wx p{position:absolute;top:105%;width:200px;visibility:hidden;opacity:0;; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.head_bd a.wx:hover p{opacity:1;visibility:visible;top:100%;}


.English{float:right;font-family:Arial;font-size:16px;color:#666666;text-align:center;line-height:97px;margin-right:1.5%; padding-left:20px; padding-right:20px;}
.English:hover{ background:#CCC;}
.English:before{content:url(../images/ico10.png);float:left;margin-right:10px;}

.top{position:relative;width:100%;float:left;height:100%}
.top .U_header{position:absolute;top:0px;left:0px;right:0px;z-index:10}

/* banner */
.banner{ min-width:1000px;  position:relative;  height:429px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:429px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:299px;  }
.banner .bd li a{ height:299px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(/images/banner-btn.png) 0 0 no-repeat;
_background:url(/images/banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(/images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }



.about {background:url(/Images/about_bg.png) no-repeat top center #F6F6F8; float:left; width:100%; padding-top:40px; padding-bottom:0;}
.a-c1 { width:44%; padding-left:3%; padding-right:3%; padding-top:40px; height:440px; background:url(/Images/about_c1.png) no-repeat bottom right #FFF; float:left; font-size:16px; color:#666; line-height:40px;}
.a-c1 h4{width:100%;float:left;font-size:22px;color:#333333; padding-bottom:20px;}
.a-c1 h4 i{display:block;padding-left:24px;font-size:16px;background:url(/images/xian3.jpg) no-repeat center left;margin-top:5px;}

.a-c2 {width:44%; padding-left:3%; padding-right:3%; padding-top:40px; height:440px; background:#015FA7; float:left; margin-top:100px;}
.a-c2 h4{width:100%;float:left;font-size:22px;color:#fff; padding-bottom:20px;}
.a-c2 h4 i{display:block;padding-left:24px;font-size:16px;background:url(/images/xian2.jpg) no-repeat center left;margin-top:5px;}



.product {background:url(/Images/news_bg.png) no-repeat top center #F6F6F8; float:left; width:100%; padding-top:60px; padding-bottom:60px;}
.p-c1 { width:94%; padding-left:3%; padding-right:3%; padding-top:40px; height:60px; background:#FFF; float:left; font-size:16px; color:#666;}
.p-c1 h4{width:100%;float:left;font-size:22px;color:#333333; padding-bottom:20px;}
.p-c1 h4 i{display:block;padding-left:24px;font-size:16px;background:url(/images/xian3.jpg) no-repeat center left;margin-top:5px;}

.p-c2 { width:94%; padding-left:3%; padding-right:3%; padding-bottom:40px; background:#FFF; float:left; font-size:16px; color:#666;}
.p-c2 a{ float:left;display:block; width:259px; height:271px; background:url(/Images/product_dian_bg_h.jpg) center 163px repeat-x; margin-right:30px; text-align:center; color:#777; font-weight:bold;}
.p-c2 a:nth-child(4){ margin-right:0;}
.p-c2 a:hover{background:url(/Images/product_dian_bg_l.jpg) center 160px repeat-x; color:#005DA1;}
.p-c2 a span{ display:block; height:44px; line-height:44px;background:#FFF; padding-left:15px; padding-right:15px; margin-top:31px;}







.news {background:url(/Images/news1_bg.png) no-repeat top center #F6F6F8; float:left; width:100%; padding-top:60px;}
.n-c1 {width:44%; padding-left:3%; padding-right:3%; height:590px; padding-top:35px; float:left; background:#015FA7 url(/Images/n-c1_bg.jpg) no-repeat bottom left; background-size:100%;}
.n-c1 h4{width:100%;float:left;font-size:22px;color:#fff; padding-bottom:20px;}
.n-c1 h4 i{display:block;padding-left:24px;font-size:16px;background:url(/images/xian2.jpg) no-repeat center left;margin-top:5px;}
.n-c1 .content { font-size:16px; line-height:35px; color:#FFF;}
.n-c2 { width:44%; padding-left:3%; padding-right:3%; padding-top:35px; height:530px; background:#FFF; float:left; font-size:16px; color:#666; line-height:35px; margin-top:60px;}
.n-c2 a{ display:block; width:100%; height:155px; margin-bottom:33px; border-bottom:1px dotted #CCC;}
.n-c2 a:nth-child(3){ margin:0; border-bottom:0; height:152px;}
.n-c2-img { width:180px; height:120px; float:left;}
.n-c2-title { width:333px; height:40px; padding-left:15px; float:right; color:#343434; font-size:16px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.n-c2-summary { color:#777;float:right;width:320px; padding-right:13px; line-height:23px; font-size:12px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

.n-c3 { width:94%; padding-left:3%; padding-right:3%; padding-top:40px; height:60px; background:#FFF; float:left; font-size:16px; color:#666; margin-top:60px;}
.n-c3 h4{width:100%;float:left;font-size:22px;color:#333333; padding-bottom:20px;}
.n-c3 h4 i{display:block;padding-left:24px;font-size:16px;background:url(/images/xian3.jpg) no-repeat center left;margin-top:5px;}

.n-c4 { width:94%; padding-left:3%; padding-right:3%; height:370px; padding-top:20px; padding-bottom:40px; background:#FFF; float:left; font-size:16px; color:#666;}
.n-c4 a{ float:left;display:block; width:356px; height:370px; background:#F5F7FB; margin-right:30px; text-align:center; color:#666;}
.n-c4 a:nth-child(3){ margin-right:0;}
.n-c4 a img{ width:356px; height:220px;}
.n-c4-title { text-align:left; padding:5px 20px; font-size:16px; color:#333; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.n-c4-summary { text-align:left; margin:10px 20px; font-size:12px; color:#666;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}


.join{width:100%; margin-top:90px;}


.j-c1{width:50%;position:relative;display: inline-block; float:left;}
.j-c1 .dummy{margin-top: 40%; background:url(/Images/index_order_bg.jpg) no-repeat center center; background-size:100%;}
.j-c1 .content{position:absolute;left:0;right:0;top:0;bottom: 0;background:url(/Images/index_order_bg.png) no-repeat center center; background-size:100%;}
.j-c1 .content a { display:block; width:100%; height:100%;background:#000;filter:alpha(Opacity=60);background-color: rgba(0,0,0,0.6);}
.j-c1 .content a:hover {background:#000;filter:alpha(Opacity=40);background-color: rgba(0,0,0,0.4);}
.j-c1 .nr{ width:100%; height:100%;display: flex;align-items: center;justify-content: center;text-align:center; color:#FFF; font-size:18px;}

.j-c2{width:50%;position:relative;display: inline-block; float:left;}
.j-c2 .dummy{margin-top: 40%; background:url(/Images/index_hr_bg.jpg) no-repeat center center; background-size:100%;}
.j-c2 .content{position:absolute;left:0;right:0;top:0;bottom: 0;background:url(/Images/index_hr_bg.png) no-repeat center center; background-size:100%;}
.j-c2 .content a { display:block; width:100%; height:100%;background:#000;filter:alpha(Opacity=60);background-color: rgba(0,0,0,0.6);}
.j-c2 .content a:hover {background:#000;filter:alpha(Opacity=40);background-color: rgba(0,0,0,0.4);}
.j-c2 .nr{ width:100%; height:100%;display: flex;align-items: center;justify-content: center;text-align:center; color:#FFF; font-size:18px;}


.foot{ position:relative; display:inline-block;width:100%; height:480px; background:url(/Images/footer_bg.jpg) top center no-repeat #0061AE; padding-top:80px;}
.f-c1{ float:left; width:910px; height:360px;}
.f-c1 a{ color:#FFF;}
.f-c1 a:hover{ color:#CCC;}
.f-c1 ul{ width:130px; float:left;}
.f-c1 .xiao{font-size:14px; line-height:34px; height:34px;}
.f-c1 .f{font-size:18px; line-height:20px; height:42px; margin-bottom:22px; background:url(/Images/xian4.jpg) bottom left no-repeat;}





.f-c2{ float:right; width:160px; height:320px; background:url(/Images/qrcode_bg.png) top center no-repeat;}

.f-c3{ position:relative; display:inline-block;width:100%; height:65px; padding-top:50px; border-top:1px solid #aaa;}
.f-c3 .copyright{ float:left; color:#BDD3E5; font-size:16px;}
.f-c3 .flink{ float:right; color:#BDD3E5;}

.contactA{width:100%;float:left}
.contactA>span{display:block;font-size:30px;color:#333333;padding-bottom:20px;position:relative}
.contactA>span:after,.conA_con .pic li dl dt:after,.about1_top span:after{background:#005ca4;width:20px;height:3px;content:'';position:absolute;bottom:0px;left:0px}

.conA_con {width:100%;float:left; overflow: hidden;margin:20px 0px ;position:relative}
.conA_con .pic{ position:relative; z-index:0; }
.conA_con .pic li{position:relative;height:530px}
.conA_con .pic li .dh_map{width:100%;height:100%;float:left}
.conA_con .pic li dl{width:540px;height:255px;background:url(/images/cont.png) no-repeat top left;position:absolute;left:38px;top:153px;;transform:translateY(-50%)}
.conA_con .pic li dl dt,.conA_con .pic li dl dd{margin:0px 12px;overflow:hidden}
.conA_con .pic li dl dt{font-size:18px;color:#fff;font-weight:bold;margin-top:10px;padding-bottom:20px;position:relative}
.conA_con .pic li dl dt:after{background:#fff}
.conA_con .pic li dl dd{margin-top:10px}
.conA_con .pic li dl dd p{width:100%;float:left;font-size:14px;color:#fff;line-height:24px;margin-top:8px;word-break:break-all; }
.conA_con .pic li dl dd p a{color:#fff}
.conA_con .hd { width:404px; position: absolute; bottom:78px; text-align: center; left:0px;font-size:0; z-index:1; }
.conA_con .hd li{width:8px;height:8px;background:#fff;border-radius:100%;cursor:pointer;margin:0px 6px;display:inline-block}
.conA_con .hd .on{background:#f54336;}






.gray { background:#F6F6F8;}


.listbanner {width:100%; height:429px; float:left; background-position:top center; background-repeat:no-repeat;}
.listnav {position:relative;width:100%; float:left;}
.navi {font-size:12px;}
.navi a{float:left;font-size:18px;color:#333333;line-height:60px; width:240px; padding-left:60px;}
.navi a:hover{background:#003a90;color:#fff}





.naviright {float: left;padding-left:22px;background:url(/images/ico4.png) no-repeat center left;margin-top:21px}
.naviright a{float:left;color:#666666}
.naviright a:after{content:'>';color:#666;margin:0px 10px}
.naviright a:last-child:after{display:none}
.naviright a:hover,.naviright a.cur{color:#005ca4}
.listtitle {width:100%; float:left; padding-bottom:40px;}
.listtitle li {padding-bottom:20px; margin-left:40px; background:url(/Images/xian5.jpg) bottom left no-repeat; font-size:26px; color:#333; font-weight:bold;}
.listcontents {position:relative;width:100%; float:left; padding:70px 20px; line-height:36px; font-size:16px; color:#333; background:#FFF;}
.list-box {position:relative; overflow:hidden; margin:40px auto; width:1160px; padding:20px; background:#FFF;}
.list-box-left { width:320px; margin-right:20px; float:left; background:#FBFBFB; padding:20px 0;}
.list-box-right { width:820px; float:left;}
.list-box-right-rightnav { width:100%; height:60px; border-bottom:1px solid #999;}
.list-box-right-content { width:100%; line-height:36px; font-size:16px; color:#333; padding-top:20px; min-height:500px;}

.list-box-right-pic-list { width:400px; height:300px; float:left; padding:20px 5px; text-align:center;}
.list-box-right-pic-list img { width:390px; height:259px;-moz-box-shadow:2px 2px 5px #666666; -webkit-box-shadow:2px 2px 5px #666666; box-shadow:2px 2px 5px #666666;}
.list-box-right-pic-list span { display:block; width:400px; height:30px;line-height:30px;}

.news-pic { width:210px; height:140px; padding:40px 20px; float:left; border-bottom:1px dotted #c8c8c8;}
.news-list { width:570px; height:140px; float:left; padding:40px 0; border-bottom:1px dotted #c8c8c8;}
.news-class { font-size:18px; color:#373636; overflow:ellipsis; white-space:nowrap; padding-right:20px;}

.news-content {}
.news-title { font-size:24px; font-weight:bold; text-align:center; color:#333; padding-bottom:20px; margin-bottom:30px; border-bottom:2px solid #005CA5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-summary { color:#838383; font-size:12px; padding-right:30px;line-height:20px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-date { color:#003A90; font-size:12px;}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
@media screen and (max-width:1630px){
	.nav{width:800px}
	.nav li>a{padding:0px 16px}
	}
@media screen and (max-width:1440px){
	.w1440{width:1200px}
	.cplist_slide .bd ul li{margin-right:1.5%}
	.oneD_con{height:440px}
	.oneD{padding-bottom:40px}
	}
@media screen and (max-width:1400px){
	.nav{width:680px}
	.nav li>a{padding:0px 10px}
	.oneD{padding-bottom:26px}
	}
@media screen and (max-width:1280px){
	.footer_mid,.footer_en{width:1100px}
	.footer_mid dl{margin-right:2%}
	.footer_mid dl dd .La{margin-left:62px}
	}
@media screen and (max-width:1220px){
	.nav{display:none}
	.menu-handler{display:block}
	.search_icon{margin-right:150px}
	.w1200{ width:1000px;}
	}

@media screen and (max-width:1024px){
	.top .U_header{position:fixed;top:0px;left:0px;right:0px;z-index:99999}
	.header .bshare-custom,.up_one-con,.up_two_con{display:none}
	}
@media screen and (max-width:768px){
	.banner a div dl{width:88%}
	.banner a div dl dt img{width:230px}
	.banner .pagination{bottom:18px}
}
@media screen and (max-width:415px){
	.English{line-height:58px;margin:0px 10px}
	.header{height:58px}
	.header .logo{width:75px;margin-top:15px}
	.banner{margin-top:58px;height:200px;}
	.banner a div dl dd,.title i{display:none}
	.banner .pagination{bottom:10px}
	.banner a .banner_mid>img{width:60%;}
}