@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{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; font-family: "微软雅黑;"}
.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;}
/*.logo { float:left; width:120px; height:55px; padding:20px 0 15px; overflow: hidden; }*/

.nav { float:right; padding-top:5px;}
.nav li { position:relative; float:left; padding-left:35px; }
.nav li a { height:28px; color:#231815; font-size: 14px; line-height: 19px; text-align:center; }
.nav li a em { display:block; line-height:10px; font-size: 10px; line-height: 10px; color:#231815; text-transform:uppercase; }
.nav li a:hover em,.nav li a:hover,.nav li.current a em,.nav li.current a { color: #00a0e9;}

.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: 500px; padding-top: 10px;}
.set { float:right; margin-right: 20px; padding:7px 0 11px; height:18px;}
.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:right; margin-top: 4px; width:205px; height:24px; overflow:hidden; }
.search-input { float: left; padding:3px 5px; width:171px; height:18px; line-height: 18px; border:none; background:url(../images/search.jpg) no-repeat;}
.search-btn { float: left; width:24px; height:24px; border:none; background:url(../images/search.jpg) no-repeat right; 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:650px; 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:33px; left:50%; width:1200px; margin-left:-600px; height:15px; text-align:center; }
.banner .hd li {position: relative; display:inline-block; width:13px; height:13px; margin:0 6px; background: transparent; border-radius: 100%; text-indent:-999em; overflow:hidden; cursor:pointer; opacity: 1; }
.banner .hd li::before{content: ""; position: absolute; top: 2px; left: 2px; width: 9px; height: 9px; border-radius: 50%; background-color: #c9c9c9;}
.banner .hd li.on {background-color: #0078FF;}
.banner .hd li.on::before {background-color: #fff;}
.banner img {transition:1.5s ease-in-out;opacity: 1;}
.banner .hover img {opacity:.6;}
/*bound*/
.search-bound{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index:9999;}
.search-bound.is-vis{opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.bound-con {position: relative;width:340px;margin:300px auto;height:145px;background: #FFF;border-radius: .4rem .4rem .4rem .4rem;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;font-size: 26px;padding-top: 38px}
.bound-close{ position: absolute;right:30px;bottom:25px; z-index: 10;width:auto;display: block;font-size:18px;}
.is-vis .bound-con {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
/*      */
header .site1{padding: 26px 0 0;}
header .site1 .logo{height: 53px; width: auto; float: left;}
header .site1 .logo img{height: 100%; width: auto;}
header .site1 .hotLine{position: relative; float: right; text-align: left; color: #434343; padding-top: 5px;}
header .site1 .hotLine h4{font-weight: normal; line-height: 20px; font-size: 14px;}
header .site1 .hotLine p{ line-height: 18px; font-size: 18px;}
header .site1 .hotLine::before{content: ""; width: 31px; height: 31px; position: absolute; left: -38px; top: 10px; background: url("../images/phone.png") no-repeat center center; background-size: contain; }
header nav{margin-top: 18px;}
header nav ul li{line-height: 56px; float: left; position: relative;}
header nav ul li a{display: block; font-size: 16px; color: #545454; padding: 0 47px;}
header nav ul li:first-child a{padding-left: 15px;}
header nav ul li:last-child a{padding-right: 15px;}
header nav ul li:hover a{color: #2067b7;}
header nav ul .current a{color: #2067b7;}
header nav ul li .subNavS{position: absolute; left: 50%; top: 76px; z-index: 999; visibility: hidden;; opacity: 0; min-width: 100%;
    -webkit-transform: translateX(-50%);  -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);  -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.55s;  -moz-transition: all 0.55s;
    -ms-transition: all 0.55s;  -o-transition: all 0.55s;
    transition: all 0.55s;
}
header nav ul li .subNavS dl dd{border-bottom: 1px solid #c9c9c9; position: relative;}
header nav ul li .subNavS dl dd:last-child{border-bottom: none;}
header nav ul li .subNavS dl dd a{padding: 0 15px; white-space: nowrap; line-height: 35px; background-color: #f2f2f2; color: #666666; font-size: 12px; text-align: center;}
header nav ul li:hover .subNavS dl dd a{color: #4c4c4c;
    -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;
    -ms-transition: all 0.3s; -o-transition: all 0s; transition: all 0.3s;}
header nav ul li .subNavS dl dd a:hover{background-color: #2067B7 !important; color: #ffffff !important;}
header nav ul li:hover .subNavS{visibility: visible; opacity: 1; top: 56px;}
/*    */
header nav ul li .subNavS dl dd .navT{position: absolute; top: 0; left: 115%; visibility: hidden; opacity: 0; background-color: #4c4c4c;
    -webkit-transition: all 0.55s;
    -moz-transition: all 0.55s;
    -ms-transition: all 0.55s;
    -o-transition: all 0.55s;
    transition: all 0.55s;}
header nav ul li .subNavS dl dd .navT p{border-bottom: 1px solid #c9c9c9;}
header nav ul li .subNavS dl dd .navT p:last-child{border-bottom: none;}
header nav ul li .subNavS dl dd:hover .navT{visibility: visible; opacity: 1; left: 100%;}
/*.addColor{background-color: #2067b7; }*/

/*          */
/*footer{ background-color: #606060;}*/
footer .colu{background-color: #F4F4F4;}
footer .columnList{padding-top: 17px;}
footer .columnList ul{float: left; min-height: 206px;}
footer .columnList ul li{float: left; width: 125px;}
footer .columnList ul li:last-child{width: 120px;}
footer .columnList ul li dl dt{line-height: 62px; font-size: 14px; color: #666;}
footer .columnList ul li dl dd{line-height: 36px; font-size: 12px; color: #999;}
footer .columnList ul li dl dd a:hover{color: #0040C0;}
footer .columnList .addressM{position: relative; width: 329px; float: left; margin-top: 20px;}
footer .columnList .addressM::before{content: ""; width: 1px; height: 150px; position: absolute; left: 0; top: 7px; background-color: #999;}
footer .columnList .addressM p{position: relative; line-height: 34px; font-size: 14px; color: #666; padding-left: 65px;}
footer .columnList .addressM p:nth-child(1)::before{content: ""; width: 12px; height: 17px; position: absolute; top: 6px; left: 36px; background: url("../images/ad01.png") no-repeat center center; background-size: contain;}
footer .columnList .addressM p:nth-child(2)::before{content: ""; width: 15px; height: 15px; position: absolute; top: 9px; left: 34px; background: url("../images/ad02.png") no-repeat center center; background-size: contain;}
footer .columnList .addressM p:nth-child(3)::before{content: ""; width: 10px; height: 16px; position: absolute; top: 10px; left: 37px; background: url("../images/ad03.png") no-repeat center center; background-size: contain;}
footer .columnList .addressM p:nth-child(4)::before{content: ""; width: 20px; height: 13px; position: absolute; top: 12px; left: 32px; background: url("../images/ad04.png") no-repeat center center; background-size: contain;}
footer .copyRight{height: 70px; padding-bottom: 9px; background-color: #cccccc;}
footer .copyRight p{text-align: right; line-height: 61px; font-size: 12px; color: #666;}
footer .copyRight p a{padding-left: 12px;}
footer .copyRight p a:hover{color: #00a0e9;}