@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: 14px/1.5 Arial, "Microsoft YaHei", sans-serif}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
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}
.wrap { position:relative; width:1000px; margin:0 auto;}
.clearfix:after {content: '\20'; display: block; height: 0; clear: both}
.clearfix {*zoom: 1}
a:hover {text-decoration: none; color: #023b94;}
a {blr: expression_r(this.onFocus=this.blur())}
a {outline: none; color: #000;}
*, *:before, *:after {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
*:focus {outline: none;}
.fl{float: left;}
.fr{float: right;}

.header {height:111px;background:#fff;padding:16px 0 15px;}
.header form{width: 209px; height: 29px; border: 1px solid #d6d6d6; padding: 1px;margin-bottom: 20px;}
.header form input{float: left;padding-left: 10px; width: 170px; border: none; border-right: 1px solid #e2e2e2; font-size: 12px; color: #bababa; line-height: 25px; height: 25px;}
.header form button{width: 33px;height: 25px; cursor: pointer;  border: none; background: url(../images/icon_01.png) no-repeat 10px 5px;}
.nav li{float: left; font-size: 17px; line-height: 28px; color: #5e5e5e; font-weight: 300;}
.nav li+li{margin-left: 26px;}
.nav li.current a{color:#023b94}

.banner{position: relative;width: 100%;height: 448px;overflow: hidden; background: #fff}
.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: 50px;left: 50%;width: 1000px;margin-left: -500px;height: 15px;text-align: center;}
.banner .hd li{display: inline-block;width: 30px;height: 4px;margin: 0 5px;background: #fff;text-indent: -999em;overflow: hidden;cursor: pointer;}
.banner .hd li.on{background: #023b94 /*url(../images/mb-bannerbtn-on.png) no-repeat*/;}
.banner img{transition: 1.5s ease-in-out;opacity: 1;}
.banner .hover img{opacity: 0;}

.footer{background: #ececec;}
.footer h2{font-size: 26px; line-height: 26px; margin: 26px 0 32px; color:#6f6f6f;}
.footer h6{display: inline-block; padding-left: 65px; vertical-align:top; text-indent: -42px; color: #878787;}
.footer h6+h6{margin-left: 17px;}
.footer .addr{background: url(../images/icon_05.png) no-repeat 2px 2px; width: 277px;}
.footer .tel{background: url(../images/icon_06.png) no-repeat 3px 2px; width: 177px;}
.footer .fax{background: url(../images/icon_07.png) no-repeat 1px 3px}
.footer .iwc{margin-right: 36px;}
.footer .iwc img{margin: 17px 0 8px; display: block;}
.footer .iwc h6{font-size: 16px; line-height: 16px; color:#505050; margin-bottom: 16px;}

.socialM a{opacity: 0.7; height: 41px; width: 41px; display: block; border-radius: 25px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-timing-function: cubic-bezier(.67,-0.74,.28,1.75); -o-transition-timing-function: cubic-bezier(.67,-0.74,.28,1.75); transition-timing-function: cubic-bezier(.67,-0.74,.28,1.75); float: left; margin-top: 72px;} 
.socialM .wechat{margin-left: 28px;}
.socialM a:hover{opacity: 1;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.wechat, .webqr{position: relative;}
.webqr{margin-right: 0;}
.wechath{position: absolute;left: -30px;top: -60px; height: 90px; width: 90px;  opacity: 0;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.wechat a img{width: 100px;height: 100px;}
.wechat:hover .wechath{opacity: 1;top: -110px;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.weibo{background: url(../images/icon_08.png) no-repeat 0px 0px;}
.wechat{background: url(../images/icon_09.png) no-repeat 0px 0px;}
.weibo:hover{opacity: 0.7;}

.cp{border-top: 1px solid #d4d4d4;}
.cp p{font-size: 12px; padding: 23px 0 14px; color:#676767; text-transform: uppercase;}
.cp p a{color: #878787}
.cp p a:hover {color: #023b94;}
.language {
    float: right;
    width: 100px;
    position: absolute;
    right: 50%;
    top: 21px;
    margin-right: -280px;
}