@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;font-weight: normal;}body,button,input,select,textarea{-webkit-text-size-adjust:none;font:12px/1.5 Arial,microsoft yahei,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}ul,ol,li{list-style:none}a{text-decoration:none}legend{color:#000}fieldset,img{border:0;vertical-align:top;}section,article,aside,header,footer,nav,dialog,figure{display:block;}figure{margin:0;}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:underline}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}.none{display:none;}.block{display:block;}.noBg{background:none !important;}.noBd{border:none !important;}.noPd{padding:0 !important;}
*,*:before,*:after{box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body { position:relative; color:#848484; background:#fff; }
a { color: inherit; }
a:hover { text-decoration:none;color: #0e55c0;}
.wrap { position:relative; width:1300px; margin:0 auto; clear:both; }
.header,.container,.footer { position:relative; margin:0 auto; }
.fl { float: left !important;}
.fr { float: right !important;}


.header{height: 124px;width: 100%;background: linear-gradient( rgb(42, 67, 86), rgb(73, 113, 145));color: #fff;}
.logo { float:left; height:124px;padding-top: 30px; overflow:hidden;}
.tel-lang{float: right;padding-top: 16px;}
.tel-lang dl{float: right;width: 47px;height: 19px;}
/*   width: 82px;   */
.tel-lang dd.cn a{display: block; width: 100%;height: 100%; font-size: 12px;line-height: 19px;position: relative;}
/*  background: url(../images/ch.png) no-repeat left center; padding-left: 38px; */
.tel-lang dd a:hover{color: #fff;}
.tel-lang dd.cn a:after{content: '';display: block;width: 0;height: 0;border-top: 6px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;position: absolute;right:3px ;top:7px}
.tel-lang dd.en a{padding-left: 18px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;visibility: hidden;opacity: 0;}
.tel-lang dl:hover dd.en a{padding-left: 0; visibility: visible;opacity: 1;}
/*   padding-left: 38px;  */
.tel-lang h2{float: right;margin-right: 14px;height: 19px;font-size: 18px;line-height: 19px;color: #fff;padding-left: 28px;position: relative;}
.tel-lang h2:before{content: '';display: block;width: 23px;height: 19px;background: url(../images/icon.png) no-repeat 0px 0px;position: absolute;left: 0;top: 0}


.nav { float:right;margin-right: 60px; padding-top:17px;}
.nav li {float:left;margin: 0 12px;position: relative;}
.nav li>a {display:block; width: 85px; height:38px; color:#fff; font-size: 20px; line-height:38px; text-align:center;position: relative;z-index: 2; border-radius: 4px;}
.nav li>a:before{content: '';display: block;width: 0%;height: 38px;border-radius: 4px;background: rgb(37, 69, 95);position: absolute;z-index:-1; left: 50%;top: 0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.nav li>a:hover:before,.nav li.current>a:before {left: 0;width: 100%;}

.subNav{display:block; position: absolute;left:0;top:50px; z-index: 2;width: 200px;border-radius: 4px; background-color:  rgb(75, 115, 148);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;opacity: 0;visibility: hidden;}
.subNav dl{width: 100%;}
.subNav dd{font-size: 16px;color: #fff; line-height:36px;text-align: left;padding-left:20px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;border-radius: 4px;}
.subNav dd a:hover{color: #fff;}
.subNav dd:hover{background-color: #33b6f9;}
.nav li:hover .subNav{top: 38px;opacity: 1;visibility: visible;}

/* search */
.search-form {margin-top: 19px; clear: right; float:right; width:260px; height:32px;border-radius: 50px;background-color: #fff; overflow:hidden;}
.search-input { float: left; padding:2px 6px 2px 24px; width:218px; height:32px; line-height:32px; border:none;background-color:#fff;font-size: 14px;color: #a3a3a3}
.search-btn { float: left; width:40px; height:32px; border:none; background:url(../images/icon.png) no-repeat -25px center; cursor:pointer; text-indent:-999em; }

.footer { background:#4c4c4c; }
.footA{height: 141px;width: 100%;border-bottom: 1px solid #5e5e5e;}
.footA h1{float: left; font-size: 24px;line-height: 78px;color: #fff}
.footA h2{float: left;clear: left;}
.footA h2 a{display: inline-block;padding-left: 25px;height: 16px;font-size: 12px;line-height: 16px;color: #fff;margin-right: 18px;position: relative;}
.footA h2 a:before{content: '';display: block;width: 17px;height: 16px;background-image: url(../images/icon.png);background-repeat:no-repeat;position:absolute;left: 0;top: 0;}
.footA h2 a.a1:before{background-position: -65px 0px}
.footA h2 a.a2:before{background-position: -95px 0px;}
.footA h2 a.a3:before{background-position: -126px 0px}
.footA h2 a.a4:before{background-position: -126px 0px}
.footA h3 {float: right;padding-top: 55px;}
.footA h3 a{display: inline-block;width: 41px;height: 41px;margin-left: 27px;background: url(../images/link.png) no-repeat;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.footA h3 a.a1{background-position: 0px 0px}
.footA h3 a.a2{background-position: -69px 0px;}
.footA h3 a.a3{background-position: -138px 0px;position: relative;}
.footA h3 a:hover{background-image: url(../images/link-on.png);}
.footA h3 a.a3 img{position: absolute;left:-60px;top:-10px;width: 0;height: 0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s; opacity: 0; visibility: hidden;}
.footA h3 a.a3:hover img{width: 100px;height: 100px;left:-120px;top:-26px; opacity: 1; visibility: visible;}
.copy{height: 38px;font-size: 12px;line-height: 38px;color: #909090;padding-left: 2px}
.copy a{margin-left: 6px}

.footer .tj { position:absolute; bottom:15px; right:0;}
.top {  position:fixed; _position:absolute; right:100px; bottom:100px; width:51px; height:51px; background:url(../images/mb-top.jpg) no-repeat; cursor:pointer; z-index:99; }

.banner { position:relative; width:100%; height:815px; overflow: hidden;}
.banner .bd { position:relative;left:50%; width:1920px;margin-left:-960px;text-align: center; }
.banner .bd li,.banner .bd li a { display:block; width:100%; height:100%; }
.banner .hd {display: none; position:absolute; bottom:50px; left:50%; width:1200px; margin-left:-600px; height:15px; text-align:center; }
.banner .hd li { display:inline-block; width:21px; height:21px; margin:0 8px; background:url(../images/mb-bannerbtn.png) no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer; }
.banner .hd li.on { background:url(../images/mb-bannerbtn-on.png) no-repeat; }
.banner img {transition:1.5s ease-in-out;opacity: 1;}
.banner .hover img {opacity:0;}

.nature {display:block; position: absolute; top:282px; left: 50%; margin: 0px 0px 0px -69px !important; width:138px; height:138px;border-radius: 50%;border: 4px solid rgba(156,208,230,.8);background-color: #088ae2;cursor:pointer; z-index: 1111;}
.nature h2{font-size: 18px;line-height: 130px;color: #fff;text-align: center;}
.nature ul.reset li {position:absolute;left: 50%;margin-left: 15px;margin-top: 10px; display: block;width: 100px;height: 100px;border-radius: 50%;background-color: #0692ea;border: 4px solid rgba(156,208,230,.8); text-align: center;overflow:hidden;}
.nature ul.reset li a {outline:none;display: block;width: 100%;height: 100px;font-size: 16px;line-height: 92px;text-align: center;color: #fff;}
.nature ul.reset li:hover{border: 4px solid rgba(255,255,255,.8); }