@charset "utf-8";
/* CSS Document */

img {border:none; display: block;}
ul,ol {padding:0;list-style-type:none;}
body,form,p,img,div,h1,h2,h3,h4,h5,h6{margin:0; padding: 0;}
div{height: auto;border: none;}
body{font-size:12px;font-family:"Microsoft Yahei","simhei";  margin: 0 auto;}
input,textarea,a,button {outline:none; text-decoration: none;}
a:hover{color: red;}
input::-moz-focus-inner {border:0;}
body {background:#fff;}
input,textarea,button {border:0 none;background:#fff;}



.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.w_1085{width: 1085px; margin: 0 auto;}
.w_960{width: 960px;margin: 0 auto;}


.banner{background: url(../images/bannerbg.jpg) no-repeat; width: 100%; height: 617px;}
.shipin{float: left; margin-top:110px;width: 599px; height: 399px; position: relative;}
.biaoti{width: 470px; height: 250px; float: right; position: relative;}
.mask{width: 100%; height: 100%; background: #000; opacity: .6; position: absolute; left: 0; top: 0; z-index: 1;}
.tit{width: 100%; font-size: 53px; line-height: 100px; color: #fff; text-align: center; z-index: 2; position: absolute;}
.en{width: 100%; font-size: 26px; line-height: 40px; color: #1a81c6;text-align: center;z-index: 2; position: absolute; top: 100px;font-weight: bold;}
.logen{width: 100%; font-size: 18px; line-height: 30px; color: #fff; text-align: center; z-index: 2; position: absolute; top: 140px;}
a.zixun1{display: block; position: absolute;font-size: 18px;  width: 190px; height: 45px; background: #ff9801; border-radius: 5px; line-height: 45px; color: #fff; z-index: 2; top:190px; text-align: center; left: 140px;}
a.zixun1:hover{color: red;}

.zixun2{width: 100%; height: 147px; background:#000;}
.zixun2 p{width: 100%; height: 65px; line-height: 65px; color: #fff;font-size: 27px; text-align: center;}
a.zixun2_1{display: block; margin:10px auto;font-size: 18px;  width: 190px; height: 45px; background: #fff; border-radius: 5px; line-height: 45px; color: #000; z-index: 2; top:190px; text-align: center; left: 140px;}
a.zixun2_1:hover{color: red;}

.title{width: 430px; height: 110px; margin: 50px auto; position: relative;}
.titbg{width: 322px; height: 104px; border: 3px solid #336d9d; position: absolute; left: 46px; top:0; z-index:1}
.title_1{width: 100%; height: 90px; position: absolute; z-index: 2; top:10px; background: #fff;}
.title_1_1{font-size: 30px; color:#336d9d; text-align: center; line-height: 60px; font-weight: bold; }
.title_1_2{font-size: 20px; color:#336d9d; text-align: center; line-height: 30px; text-transform:Uppercase;}
.con{width: 1020px; line-height: 35px; font-size: 16px; color: #333; margin: 0 auto; text-indent: 2em;}

.part1_1{width: 815px; margin: 30px auto; height: 1000px; background: url(../images/p1bg.jpg) center top no-repeat;}
.part1_1 li{position: relative;width: 370px; height: 256px;}
.part1_1 li img{width: 100%; height: 100%; position: absolute; z-index: 1;}
.mask{width: 100%;height: 100%; background: #938A8A;opacity: .8; position: absolute; z-index: 2;/* left: 40%; */}
.part1_1 li p{position: absolute;z-index: 3;color: #fff; padding: 5px  0; font-size: 16px; line-height: 35px;/* left: 40%; */text-align: center; width: 100%;}
.part1_1 li p b{font-size: 20px; padding-bottom: 10px;line-height: 50px;}
.part1_1_1{width: 50%;}
.part1_1_1 li{margin-bottom: 70px; }
.part1_1_2 li{margin-top: 70px;}

.part2{width: 100%; height: 625px; background:#0189dd; padding-top: 15px;}
.title2{width: 430px; height: 110px; margin: 50px auto; position: relative;}
.titbg2{width: 322px; height: 104px; border: 3px solid #fff; position: absolute; left: 46px; top:0; z-index:1}
.title_12{width: 100%; height: 90px; position: absolute; z-index: 2; top:10px; background: #0189dd;}
.title_1_12{font-size: 30px; color:#fff; text-align: center; line-height: 60px; font-weight: bold; }
.title_1_22{font-size: 20px; color:#fff; text-align: center; line-height: 30px; text-transform:Uppercase;}
.part2_1{width: 50%; color: #fff; text-align: center;padding-top: 30px;}
.part2_1 h1,.part2_2 h1{line-height: 50px;}
.part2_1 h2,.part2_2 h2{line-height: 40px; }
.part2_1_1{width: 80%; margin: 0 auto;text-align: left; line-height: 30px; font-size: 16px;}
.part2_1_2{width: 60%; margin: 0 auto;text-align: left;line-height: 22px; font-size: 14px; font-weight: bold;}
.part2_1 a{width: 330px; height: 30px; background: #fa443e; color: #fff; font-size: 14px; text-align: center; display: block; margin: 15px auto; line-height: 30px; border-radius: 5px;}
.part2_1 a:hover{color: #000;}
.part2_2{width: 50%; color: #fff;text-align: center; padding-top: 30px;}
.part2_1_3{width: 100%; margin: 0 auto;text-align: left; line-height: 30px; font-size: 16px;}
.p2zixun{width: 170px; height: 40px; line-height: 40px; display: block; text-align:center;background: #fff; margin: 30px auto; font-size: 21px; color: #0168b7; border-radius: 5px;}

.youshi{}
.youshi li{float: left;width: 274px; height: 260px; margin-right:130px; }
.youshi li.no_mr{margin-right: 0;}
.youshi li p{width: 100%; line-height: 50px; height: 50px; color: #666; font-size: 18px; text-align: center;}
.youshi li  p:hover{color: red; }

.p_t9{padding-top: 9px; display: block;}

.part5{width: 100%; height: 680px; background:#0189dd;padding-top: 15px; }
.title3{width: 566px; height: 110px; margin: 50px auto; position: relative;}
.titbg3{width: 480px; height: 104px; border: 3px solid #fff; position: absolute; left: 46px; top:0; z-index:1}
.title_1_23{font-size: 14px; color:#fff; text-align: center; line-height: 30px; text-transform:Uppercase;}

.weilai li{float: left;width: 357px; height: 380px; margin-right: 7px;}
.weilai li.no_mr{margin-right: 0;}
.weilai li img{border: 3px solid #fff; border-radius: 5px;}
.weilai li p{width: 100%; line-height: 30px; height: 30px; color: #fff; font-size: 16px; text-align: left; margin-top: 15px;}

.bottom{width: 100%; height: 270px; background: #000; margin-top: 20px;}
.bottom_navs{text-align: center; color: #fff; width: 100%; height: 30px; padding-top: 50px; border-bottom: 1px solid #202020; padding-bottom: 15px;}
.bottom_navs a{padding: 0 10px; font-size: 14px; color: #fff;}
.bottom_navs a:hover{color: red;}
.bottom p{text-align: center; color: #fff; font-size:12px; line-height: 24px; margin-top: 50px; }