@charset:"utf-8";
.commW{width:1200px;margin:0 auto;}
.banner{width: 100%; height: 430px; background: url(../images/banner.jpg) center top no-repeat;position:relative;}
.banner_cont{width:100%;position:absolute;left:0;top:0;}
.shipin{width:485px;font-size:0;margin:65px 0 0 10px;}
.shipin{height:298px;position:relative;display:block;border:3px solid #0e6fd2;}
.shipin span {display: block;display: block;width: 49px;height: 42px;text-align: center;border-radius: 50%;background: rgba(0, 0, 0, .7);position: absolute;left:216px;top:125px;padding: 12px 0 0 5px;}
/* .shipin a:hover span{background:rgba(0,0,0,.8);} */
.banner_zi{width:224px;margin:280px 250px 0 0;}
.banner_zi a{height:35px;line-height:35px;text-align: center;background:#fff600;font-size:28px;color:#333;width:100%;display:block;border-radius:16px;}

.banner_b{width: 100%; height: 69px; background: url(../images/bg1.jpg) center top no-repeat;}
.banner_b ul li{float: left;}
.banner_b ul li.b1{width: 149px; height: 69px; background: url(../images/b1.jpg) 60px center no-repeat;padding-left: 111px;}
.banner_b ul li.b2{width: 199px; height: 69px; background: url(../images/b2.jpg) 90px center no-repeat;padding-left: 141px;}
.banner_b ul li.b3{width: 199px; height: 69px; background: url(../images/b3.jpg) 60px center no-repeat;padding-left: 111px;}
.banner_b ul li.b4{width: 169px; height: 69px; background: url(../images/b4.jpg) 30px center no-repeat;padding-left: 80px;}
.banner_b ul li h3{color: #fdf400; padding-left: 20px;font-size: 20px;padding-top: 10px;}
.banner_b ul li p{color: #fff; font-size: 16px; padding-left: 20px;}

.p1{padding-top: 50px;}
.title{width: 100%;height: 155px; background: url(../images/t1.png) left 40px no-repeat; }
.tit_center{height: 40px; margin:0 auto; width: 410px;}
.tit_l{width: 26px; height: 40px; line-height: 40px; display: inline-block; background: url(../images/j1.png) center center no-repeat; }
.title>div>div.h1{float: left; display: inline-block; font-size: 30px; font-weight: bold; padding:0 10px;}
.title>div>div.h1 b{color: #0b6fd6;}
.tit_r{width: 26px; height: 40px; line-height: 40px; display: inline-block; background: url(../images/j2.png) center center no-repeat;}
.title p{padding:40px 35px 0 35px; text-indent: 2em; line-height: 28px; font-size: 16px; }
.title p i{color: red; font-style: normal;}
.title p span{font-size: 20px; color: #ff4c4c;}
.p1_1{height: 238px;}
.p1_1_1{width: 688px; height: 238px;padding-left: 50px; background: url(../images/p11.png) no-repeat;}
.p1_1_1 span.h1{padding-top: 50px;font-size: 20px; font-weight: bold;display: block;}
.p1_1_1 span.h2{font-size: 40px; font-weight: bold;color: #ff4c4c;display: block;}
.p1_1_1 p{line-height: 28px;}
.p1_1_2{width: 409px; height: 238px; margin-left:20px;}
.p1_1_2 img{width: 100%; height: 100%;}

.zixun{width: 590px; height: 50px; margin:32px auto 50px auto; }
.zixun a{display: block;width: 100%; height: 100%; background: #ffea00; text-align:center; line-height: 50px; border-radius: 10px;color: #333;font-size: 26px; font-weight: bold; transition: .3s ease-out;
        -webkit-transition:background-image .3s ease-out;
        -ms-transition:background-image .3s ease-out;
        -moz-transition:background-image .3s ease-out;}
.zixun a span{/* padding: 9px 5px; */background: url(../images/j4.png) no-repeat;display: inline-block;width: 10px;height: 18px;}
.zixun a:hover{background: #333;color: #ffea00;}
.zixun a:hover span{background: url(../images/j3.png) no-repeat;}

/* part2 */
.p2{width: 100%; height: 870px; background: #f5f5f5; padding-top:50px;}
.tit_center2{height: 40px; margin:0 auto; width: 450px;}
.t2 p{text-align: center; text-indent:0;}
.p2_1{height: 351px;width: 100%;}
.p2_1 li{float: left; width: 287px; height: 351px; margin-right: 17px; position: relative;}
.p2_1 li.te{margin-right: 0;}
.p2_1 li img{width: 100%; height: 100%; position: absolute;z-index: 1; left: 0; top: 0;}
.p2_1 li p{position: absolute;width: 247px; padding:18px; height: 78px; line-height: 26px; font-size: 16px; bottom: 0; left: 0;z-index: 2;text-align:justify;text-justify:inter-ideogra;}
.p2_2{margin-top: 30px;height: 220px;}
.p2_2>div.h1{width: 100%; line-height: 50px; height: 50px; text-align: center; font-size: 30px; font-weight: bold;}
.p2_2 ul{margin-top:0px;}
.p2_2 li{float: left;width: 270px; height: 190px; }
.p2_2 li>div.h2{font-size: 20px; color: #1d81e8; width: 100%; text-align: center; padding-top: 110px; font-weight: bold;}
.p2_2 li p{font-size: 16px;text-align: center;}
.l1{background: url(../images/p25.jpg) center 25px no-repeat;margin-left: 40px;}
.l2{background: url(../images/p26.jpg) center 25px no-repeat; margin-left:150px;}
.l3{background: url(../images/p27.jpg) center 25px no-repeat;margin-left: 150px;}

/* part3 */
.p3{ height:698px; padding-top: 30px; }
.tit_center3{width: 550px;height: 40px; margin:0 auto;}
.p3_1{margin-top: 30px; height: 410px;}
.p3_1 li{float: left; margin-right: 90px;}
.p3_1 li.li1,.p3_1 li.li3{width: 210px;height: 400px;}
.p3_1 li.li2,.p3_1 li.li4{width: 213px;height: 400px;}
.p3_1 li.li1{margin-left:40px;}
.p3_1 li.li4{margin-right: 0;}
.p3_1 li>div.h2{font-size: 20px; color: #ff4c4c; width: 100%; text-align: center;font-weight: bold;}
.p2_2 li p{font-size: 16px;}

/* part4 */
.p4{height: 1000px;width: 100%; background: #f5f5f5;padding-top: 50px; margin-top: 20px;}
.tit_center4{width: 480px;height: 40px; margin:0 auto;}
.p4_2 h1{padding: 40px 0; text-align: center;font-size: 30px; font-weight: bold;}

/* part5 */
.p5{padding-top: 50px;}
.tit_center5{width: 530px;height: 40px; margin:0 auto;}
.p5>div.title{height: 105px;}
.p5_1{width: 1200px; height: 500px; background: url(../images/p5bg.jpg) no-repeat;}
.p5_1>div{position: relative;width: 120px; height: 118px;}
.p5_1>div>div{
        position: absolute;
        background:url(../images/hang_bac.png) no-repeat left top;
        background-size:100% 100%;
        transition: .3s ease-out;
        -webkit-transition:background-image .3s ease-out;
        -ms-transition:background-image .3s ease-out;
        -moz-transition:background-image .3s ease-out; z-index: 1;}
.p5_1>div:hover>div{background:url(../images/hang_bac02.png) no-repeat left top;background-size:100% 100%;color:#fff;}
.p5_1>div p{font-size:20px;font-weight:bold;text-align:center;padding-top:35px; position: absolute;z-index: 2;width: 100%;}
.p5_1>div:hover>a{color: #fff;}
a.aaa{color: #0072c3; display: block;width: 100%; height: 100%;}
a.aaa:hover{color: #fff;}

div.da{width: 146px;height: 146px;}
div.da>div{width: 100%; height: 100%;}
div.da p{font-size: 22px; padding-top: 40px;}
div.cc3 p{font-size: 18px; padding-top: 50px;}
div.xiao{width:120px;height:118px;}
div.xiao>div{width: 100%; height: 100%;}

.cc1{left: 120px; top: 20px;}
.cc2{left: 400px; top:-120px;}
.cc3{left: 255px; top: -150px;}
.cc4{left: 230px; top: -150px;}
.cc5{left: 400px; top: -210px;}
.cc6{left: 650px; top: -710px;}
.cc7{left: 820px; top: -760px;}
.cc8{left: 840px; top: -720px;}
.cc9{left: 680px; top: -780px;}
.cc10{left: 1000px; top: -1100px;}