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, .w { position:relative; width:1200px; margin:0 auto;}
.w2 { position:relative; width:1000px; margin:0 auto;}
.clearfix:after, .fix:after {content: '\20'; display: block; height: 0; clear: both}
.clearfix, .fix {*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{width: 1200px; height: 97px; position: absolute; top:48px; left: 50%; transform: translateX(-50%);z-index: 222;}
.extendNav{margin-top: 6px; width: 800px; border-radius: 5px;  background: -webkit-linear-gradient(right, #fff 0%, #efefef 100%); background: -o-linear-gradient(right, #fff 0%, #efefef 100%); background: linear-gradient(to left, rgba(255,255,255,.8) 0%, rgba(239,239,239, .8) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.8)), color-stop(100%, rgba(239,239,239, .8))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(255,255,255,.8) 0%, rgba(239,239,239, .8) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(255,255,255,.8) 0%, rgba(239,239,239, .8) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(255,255,255,.8) 0%, rgba(239,239,239, .8) 100%); /* ie10+ */
background: linear-gradient(180deg, rgba(255,255,255,.8) 0%, rgba(239,239,239, .8) 100%); /* w3c */; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,.7)', endColorstr='rgba(239,239,239, .8)',GradientType=1 ); /* IE6-9 */ }

.pn {margin: 15px 0 19px; float: right;width: 100;}
.pn form{width: 162px; height: 21px; background: #dfdfdf; border-radius: 6px; margin-right: 20px;display: inline-block;float: left;}
.pn form input{float: left; padding-left: 14px; color: #a7a7a7; font-size: 12px; line-height: 21px; width: 126px; background: url(../image/icon_11.png) no-repeat right center;border: none;}
.pn form button{width: 36px; height: 21px; background: url(../image/icon_12.png) no-repeat center center; float: left;border: none;}
.pn form button:hover{opacity: .7}
.pn a.lang{display: inline-block; font-size: 12px; color: #747474; padding: 0px 7px; line-height: 1;float: left;margin: 5px 0;}
.pn a.lang+a.lang{border-left: 1px solid #d6d6d6;}
.pn a.alibaba{background: url(../image/icon_13.png) no-repeat center center; display: inline-block; width: 37px; height: 20px;margin: 0 18px 0 15px;}
.nav{}
.nav li{float: left;position: relative;padding-bottom: 21px;}
.nav li h6{padding: 0 26px; font-size: 14px; line-height: 1; color: #393939; }
.nav li h6:hover,.nav .current h6{color: #e60041}
.nav li+li h6{border-left: 1px solid #7f7f7f;}
.nav li dl{ position: absolute; left: 0; top:50px; visibility: hidden; opacity: 0;-webkit-transition: .6s;
-o-transition: .6s;
transition: .6s; text-align: center;
width: 100%;
background: #efefef;
z-index: 333; -webkit-box-shadow: 0px 1px 3px 0px #f7f7f7;
box-shadow: 0px 1px 3px 0px #f7f7f7;
border-radius: 5px;}
.nav li:hover dl{visibility: visible; opacity: 1; -webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;top: 35px;}
.nav li dl dd{font-size: 14px;line-height: 2.5;}
.nav li dl dd a{color: #7f7f7f;}
.nav li dl dd a:hover{color: #e60041;}
.banner{position: relative;width: 100%;height: 817px;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: 13px;left: 50%;width: 1000px;margin-left: -500px;height: 15px;text-align: center;}
.banner .hd li{display: inline-block;width: 15px;height: 15px;margin: 0 8px;background: url(../image/mb-bannerbtn.png) no-repeat center;text-indent: -999em;overflow: hidden;cursor: pointer;}
.banner .hd li.on{background: url(../image/mb-bannerbtn-on.png) no-repeat center;}
.banner img{transition: 1.5s ease-in-out;opacity: 1;}
.banner .hover img{opacity: 0;}

.footer{background: #646262; padding-top: 51px;}
.footer dl{float: left; width: 114px; margin-bottom: 42px;}
.footer dt h5{font-size: 14px; color: #fff; line-height: 1;margin-bottom: 20px; display: inline-block;}
.footer dd h6{font-size: 12px; color: #bfbfbf; line-height: 1; margin-bottom: 9px; display: inline-block;}
.footer dt h5:hover ,.footer dd h6:hover{color: #e60041}
.footer .col-4{padding-left: 14px; width: 270px; margin-right: 75px;}
.footer .col-4 h6{font-size: 14px; color: #fff; line-height: 24px; margin-bottom: 8px;}
.footer .col-2{text-align: center;}
.footer .col-2 h6{text-align: center; font-size: 14px; line-height: 1; margin-bottom: 13px;color: #fff;}
.footer .col-2 img{width: 110px; height: 110px;}
.cp{background: #5a5a5a;}
.cp p{font-size: 12px; color: #969696; line-height: 38px;}
.cp p a{color: #969696;}
.cp p a:hover{color: #e60041;}