@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}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{color:inherit;outline:none;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{outline: none;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:none}a{blr:expression_r(this.onFocus=this.blur())}
*,*:before,*:after{box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body { position:relative; color:#848484; background:#fff; }
.wrap { position:relative; width:1200px; margin:0 auto; clear:both; }
.header,.container,.footer { position:relative; margin:0 auto; }
.fl { float: left !important;}
.fr { float: right !important;}
a:hover { text-decoration:none;color: #000;transition:color .5s;-webkit-transition:color .5s;-moz-transition:color .5s;}
.header { border-bottom:3px solid #e3e3e3;}

.nav { float:left; background-color: #00a0e9;width:100%;height: 35px}
.nav .clearfix{width: 1200px;margin: 0 auto}
.nav .clearfix>li{ position:relative; float:left; padding: 0 0px; }
.nav .clearfix>li a {display: block;height:35px;width:150px; color:#fff; font-size: 16px; line-height: 35px; text-align:center;}
.nav .clearfix>li a:hover,.nav .clearfix>li.current a { color: #fff;background-color: #165e9a}
.nav .clearfix>li>.nav-sub{position: absolute;text-align: center;width:150px;background-color: rgba(255,255,255,0.9);top:45px; display: none}
.nav .clearfix>li>.nav-sub li{line-height:30px;z-index: 100}
.nav .clearfix>li>span{opacity: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;width:0;height:0;position: absolute;bottom:       -10px;left: 45%;transition: .8s;-webkit-transition:all .8s;-moz-transition:all .8s;}
.nav .clearfix>li:hover>span{opacity:1}
.nav .clearfix>span:hover{display: block}
/*.nav .clearfix>li:hover span{display: block}*/

.subNav { position:fixed; top:76px; left:0; background:url(../images/subNav_bg.png) repeat; width:100%; z-index:2;}
.subNav .sub {display:none;}
.subNav .sub .subcenter { margin:0 auto; display:table; padding:19px 0 28px}
.subNav .sub dl { float:left; margin:0 52px;}
.subNav .sub dl dt a { color:#ffffff; font-size: 14px; line-height: 14px; font-weight: bold;}
.subNav .sub dl .sanji { border-top:1px solid #868d99; padding-top:8px; margin-top:11px;}
.subNav .sub dl dd a { color:#ffffff; font-size: 12px; line-height: 20px;}

.rightArea { float:right; width: 455px; padding-top: 10px;}
.set { float:right;padding:7px 0 11px; height:18px;margin-top:25px;}
.set li { background:url(../images/icon_1.jpg) no-repeat right center; padding:0 5px; float:left;}
.set li a {color:#888888; font-size: 12px; line-height: 12px;}
.set li a:hover { color: #627cb3;}
.set li:nth-child(2) { background: none;}
/* search */
.search-form { float:left; width:205px; height:24px; overflow:hidden;margin-top:25px;border: 1px solid #1b70b8; border-radius: 24px;margin-left: 30px;margin-right:20px;}
.search-input { float: left; padding:3px 5px; width:171px; height:24px; line-height: 24px; border:none; background:url(../images/search.jpg) no-repeat;text-indent: 10px;}
.search-btn { float: left; width:24px; height:24px; border:none; background:url(../images/search.png) no-repeat right 2px; cursor:pointer; text-indent:-999em; }

.footer { background:#f2f2f2;}
.copyright { margin:0 auto; display:table; height:40px;}
.copyright a {color:#666666; font-size: 12px; line-height: 40px; background:url(../images/icon_1.jpg) no-repeat right center; padding:0 19px;}
.copyright a:last-child { background: none;}
.footer .tj { position:absolute; top:15px; right:0;}

.banner {position:relative; width:100%; height:310px;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 { position:absolute; bottom:13px; left:50%; width:1200px; margin-left:-500px; height:15px; text-align:center; }
.banner .hd li { display:inline-block; width:15px; height:15px; margin:0 8px; background: #fff; border-radius: 100%; text-indent:-999em; overflow:hidden; cursor:pointer; opacity: 0.5; }
.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:.6;}

.banner-img{position: relative;top:-25px;width: 1200px;height: 195px;background-color: rgba(84, 156, 205, 0.67);margin:0 auto;padding:13px 10px;box-shadow:0px 10px 10px #999 ;overflow: hidden;margin-bottom:20px;}
.banner-img ul{background: url(../images/bnner-dian.png) 0 0 no-repeat;width: 1680px;height:167px;}
.banner-img ul li{width:300px;height:167px;text-align: center;float: left;border-right:1px dashed #00a0e9;position: relative;overflow: hidden;}
.banner-img ul li p{transition: .3s;-webkit-transition:.3s; width: 100%;   position: absolute;bottom: 0;left: 0;opacity: 0}
.banner-img ul li img{padding:10px;width:90%;transition: .3s;-webkit-transition:.3s;    margin-top: -27px;}
.banner-img ul li p span {color: #00a0e9;}
.banner-img ul li:hover p{margin-top:-20px;opacity: 1;bottom: 5px;}
.banner-img ul li:hover img{padding:0;}

.logo { float:left; width:411px; height:110px; overflow: hidden; }
.logo img{float: left;}
.logo dl{float: left;padding:15px 0 0 3px;}
.logo dl dt{font-weight:bold;font-size: 24px;color: #212121;}
.logo dl dd{font-size: 12px;color:#212121;font-weight: 400}

.header .hd-tel{display: inline-block;font-size: 14px;color: #555;margin-top:15px;position: relative;}
.header .hd-tel::before{content: "";display: block;width:27px ;height:27px;background: url(../images/tel-big.png) 0 0 no-repeat;position: absolute;left: -35px;top:5px}


.fixed{position: fixed;right:0;top:calc(50% - 80px);width:49px;}
.fixed .fs{width: 49px ;height: 50px ;display: block;background: url(../images/fe.jpg) -51px 0px no-repeat;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;position: relative;background-color:#fff}
.fixed .fs span{background-color: #165e9a;display: block;height: 50px;color: #fff; width:200px;position: absolute;left: -200px;text-align: center;line-height: 50px;font-size:20px;display: none;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
.fixed .fs.s1 span{right: 49px;
    left: auto;text-align: center;
    width: 150px;
    height: 150px;
    top: -50px;}
.fixed .fs.s1 span a{display: inline-block;}
.fixed .fs:not(:last-child){border-bottom:2px solid #165e9a}
.fixed .fs:hover span{display: block}
.fixed .fs img{position: absolute;left: -140px;top:-30px;display: none;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
.fixed .fs:hover img{display: block}
.fixed .s2{background-position: -51px -49px}
.fixed .s3{background-position: -51px -104px}
.fixed .s4{background-position: -51px -150px}
.fixed .s1:hover{background-position: 3px 0px}
.fixed .s2:hover{background-position: 3px -50px}
.fixed .s3:hover{background-position: 3px -100px}
.fixed .s4:hover{background-position: 2px -150px}

.t-ewm{float: left;margin: 20px 0 0 130px;font-size: 12px;color: #666;text-align: center;}
.t-ewm img{width: 70px;}