@charset "utf-8";
/*
Copyright ibw.cn
Created by ibw
*/
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 { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { 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%;border:0;background:none;outline:none; }
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());}
a { outline: none; transition:all 0.5s;}
em{transition:all 0.5s;}
img{transition:all 0.5s;}
span{transition:all 0.5s;}
table { border-collapse: collapse; border-spacing: 0; }
.hide { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.i{text-align: justify; text-justify: inter-ideograph;}

/*Body*/
@-webkit-keyframes btnRotate-y {
0% {
    -webkit-transform: rotateY(0deg);
   }
100% {
    -webkit-transform: rotateY(360deg);
    }
}

body { color: #444; }
a { color: #444; }
/*a:hover { color: #0055a2; }*/
.wrap { width: 1200px; margin: 0 auto;}
.g-in { width: 1200px; margin: 0 auto; position:relative;}
.wrapper{width:100%; margin: 0 auto; overflow:hidden; position:relative; }
.fixed{position:fixed;top:0;left:0;z-index:1000;box-shadow:0 0 10px #aaa;}
.ico{display:none;}
.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:9; }
.m-nav { width:200px; height:100%; right:-200px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:100; }
.m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
.m-nav li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
.m-nav li a { display:block; }
.m-nav li a:hover,.m-nav .current a { color:#0055a2; }
.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #0055a2; content:"" }
body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .g-wp {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}

.header {width: 100%;background: #FFFFFF;margin: 20px auto;}
.logo{float: left;margin-top: 10px;}
.h-y{float: right;}
.nav{float: left;}
.nav li{float: left;margin-right: 40px;margin-top: 5%;}
.nav li a{display: block;font-size:14px;float: left;}
.nav li:hover a{color: #bb1010;}
.nav li.current a{color: #bb1010;}

.h-y form{float: right;width: 200px;height: 25px;margin-top: 3.5%;}
.header .text{width: 153px;height: 25px;border-radius: 10px;float: left;border: 1px solid#c9c9c9;padding-left: 10px;}
.header .ibtn{width: 18px;height: 18px;background: url(search.png) no-repeat;background-size: contain;float: right;margin-top: 5px;cursor: pointer;}

.swiper-container { text-align:center;}

.banner{position: relative;}
.banner .bd ul li{position: relative;}
.banner .prev{position:absolute;top:50%;left:5%;width:70px;display:block;height:70px;background:url(prevs.png);cursor:pointer;z-index:10;margin-top:-35px;}
.banner .next{position:absolute;top:50%;right:5%;width:70px;display:block;height:70px;background:url(nexts.png);cursor:pointer;z-index:10;margin-top:-35px;}


.banner-txt{position: absolute;top: 30%;right: 18.75%;}
.banner-txt p{font-size: 15px;color: #FFFFFF;text-align: right;font-family: arial;}
.banner-txt img{float: right;margin-top: 20px;}
.banner-txt h3{font-size: 38px;color: #FFFFFF;text-align: right;font-weight: normal;}
.banner-txt h4{font-size: 34px;color: #FFFFFF;text-align: right;font-weight: normal;margin-top: 120px;}

.box-0{width: 100%;background: #FFFFFF;}
.box-0-z{width: 49%;float: left;position: relative;z-index: 100;}
.box-0-z .bd{overflow: hidden;}
.banner-tet{position: absolute;left: 0;top: -137px;background:rgba(0,0,0,0.38);width: 100% !important;height: 137px;}
.banner-tet {float: right;width: 45px;display: block;}
.banner-tet .pn{width: 45px;float: right;}
.banner-tet .prev{width: 45px;height: 44px;background: url(banner-tet-prev.png);display: block;cursor: pointer;float: right;}
.banner-tet .next{width: 45px;height: 44px;background: url(banner-tet.png);display: block;cursor: pointer;float: right;}
.bt{float: right;}
.banner-tet .bt a{display: block;margin-top: 20px;margin-right: 150px;}
.banner-tet .bt p{font-size: 24px;color: #FFFFFF;}
.banner-tet .bt h3{font-size: 20px;color: #FFFFFF;font-family: arial;text-align: left;}
.banner-tet .bt h4{font-size: 20px;color: #FFFFFF;font-family: arial;text-align: left;background: url(box-btline.png)bottom left no-repeat;}
.prev:hover .banner-tet{width: 45px;}

.box-0-z img{width: 100%;}
.box-0-y{width: 51%;float: right;height: 100%;}
.box-0-y ul{height: auto; background: #f7f7f7;}
.box-0-y li{float: left;width: 50%;text-align: center;height: 50%;}
.box-0-y li img{width: 100%;/*height: 235px;*/}

.box-0-y li h3{font-size: 24px;text-align: center;font-weight: normal;margin-top: 12%;background: url(box-0-line.png)bottom center no-repeat;padding-bottom: 10px;}
.box-0-y li p{font-size: 13px;width: 80%;margin: 10px auto;text-align: left;line-height: 20px;}
.box-0-y li:nth-child(2n){float: right;width: 50%;}
.box-0-y li:nth-child(3){background: #f7f7f7;width: 51.3%;}
.box-0-y li:nth-child(4){background: #f7f7f7;width: 48.7%;}

.footer{width: 100%;background: #3c3c3c;}
.footer .hds{padding: 55px 0;}
.footer .hds h3{font-size: 24px;font-weight: normal;color: #FFFFFF;text-align: center;background: url(box-4line.png)bottom center no-repeat;margin: 10px 0;padding: 10px 0;}
.footer .hds p{font-size: 12px;color: #FFFFFF;text-align: center;}
.box-4-z{float: left;}
.box-4-z form{width: 505px;}

.footer .text{font-size: 12px;color: #FFFFFF;width: 233px;height: 32px;line-height: 32px;padding-left: 10px;float: left;border: 1px solid#9d9d9d;border-radius: 5px ;color: #FFFFFF;}
.footer .text2{font-size: 12px;color: #FFFFFF;width: 233px;height: 32px;line-height: 32px;padding-left: 10px;float: right;border: 1px solid#9d9d9d;border-radius: 5px ;color: #FFFFFF;}
.footer .textareas{width: 485px;height: 103px;border: 1px solid#9d9d9d;color: #FFFFFF;border-radius: 10px;padding: 10px 10px;color: #FFFFFF;margin: 20px 0;}
.footer .ibtn{width: 505px;height: 32px;font-size: 12px;text-align: center;line-height: 32px;background: #FFFFFF;border-radius: 10px;cursor:pointer;}
.box-4 {padding-bottom: 40px;border-bottom: 1px solid#bfbfbf;}
.box-4-y{float: right;}
.box-4-y-z{float: left;}
.box-4-y-z ul{margin-right: 20px;}
.box-4-y-z li{float: left;margin-right: 30px;}
.box-4-y-z li p{font-size: 14px;color: #FFFFFF;text-align: center;margin-top: 10px;}
.box-4-y-y{float: right;}
.box-4-y-y-t{margin-bottom: 0;}
.box-4-y-y-t p{font-size: 12px;color: #FFFFFF;}
.box-4-y-y-t h3{font-size: 30px;color: #FFFFFF;}
.box-4-y-y-p p{font-size: 13px;line-height:23px;color: #FFFFFF;}

.tt dt{font-size: 12px;color: #FFFFFF;}
.tt {background: url(box-4-y-y.png)top left no-repeat;padding-left: 40px;margin-top: 20px;}

.copyright{font-size: 14px;color: #aeaeae;text-align: center;background: #3a3a3a;padding: 10px 0;}
.copyright a{font-size: 14px;color: #aeaeae;text-align: center;}
.copyright a:hover{color: #FFFFFF;}

.back-to { position:fixed; bottom:50px; right:50px; display:none; z-index:999; }
.back-to .back-top { display:block; width:50px; height:44px; background:url(top.jpg) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }