.containter{width: 1190px;margin: auto;}
.clear{clear: both;}
.index_sw_product{width: 100%;min-width: 1190px;max-width: 1920px;height: 740px;background: url(../ZERO/img/index_pro_bg.jpg) no-repeat center 0;padding-top: 116px;margin: auto}
.index_sw_product h2{font-family: Arial;font-size: 38px;color: #003892;line-height: 79px;font-weight: bold;text-align: center}
.index_sw_product h4{font-family: Arial;font-size: 16px;color: #666666;line-height: 20px;font-weight: normal;text-align: center}
.indextitle_bg2{margin: auto;height: 60px;line-height: 45px;background: url(../ZERO/img/index_pro_title.png) no-repeat center;width: 245px;}
.indextitle_bg2 span{display: inline-block;padding: 0 15px;color: #fff;font-size: 34px;line-height: 60px;}
.index_proclass{width: 100%;margin: auto;margin-top: 32px;position: relative;height: 112px;}
.index_proclass li{float: left;width: 216px;height: 50px;background-color:#fff;margin-left:24px;text-align: center;display: inline-block;vertical-align: middle;padding-top: 50px;position: relative}
.index_proclass li:first-child{margin-left:0;}
.index_proclass li a{display: inline-block;}

.index_proclass li a h3{font-size: 16px;color: #003b96;font-weight: bold;font-family: Arial;line-height: 20px;}
.index_proclass li:hover a h3{color: #e54803}
.index_proclass li:hover:before{background-position: 0 0;}
.product_box{position: absolute;top: 110px;}
.class1:before{background: url(../ZERO/img/class1b.png) no-repeat -39px 0;  -webkit-transition:all 0.3s ease; transition:all 0.3s ease;content:''; display:block; width:39px; height:26px; overflow:hidden; position:absolute;left:42%; top:14px; }
.class2:before{background: url(../ZERO/img/class2b.png) no-repeat -55px 0;  -webkit-transition:all 0.3s ease; transition:all 0.3s ease;content:''; display:block; width:55px; height:31px; overflow:hidden; position:absolute;left:42%; top:12px; }
.class3:before{background: url(../ZERO/img/class3b.png) no-repeat -49px 0;  -webkit-transition:all 0.3s ease; transition:all 0.3s ease;content:''; display:block;width:49px;height: 25px;overflow: hidden;position: absolute;left: 42%;top: 15px;}
.class4:before{background: url(../ZERO/img/class4b.png) no-repeat -25px 0;  -webkit-transition:all 0.3s ease; transition:all 0.3s ease;content:''; display:block;width:25px;height: 38px;overflow: hidden;position: absolute;left: 42%;top: 8px;}
.class5:before{background: url(../ZERO/img/class5b.png) no-repeat -33px 0;  -webkit-transition:all 0.3s ease; transition:all 0.3s ease;content:''; display:block;width:33px;height: 37px;overflow: hidden;position: absolute;left: 42%;top: 8px;}
.product_box{width: 100%;height: 342px;overflow: hidden;}
.index_probox{display: none}
.index_probox:first-child{display: block}

.indexpromore{width: 151px;height: 35px;margin: 30px auto}
.indexpromore .wenzi{width: 115px;height: 35px;display: inline-block;line-height: 35px;text-align: center;background-color: #003892;font-size: 18px;font-weight: normal;color: #fff}
.indexpromore .tu{width: 36px;height: 35px;display: inline-block;background: url(../ZERO/img/more_tu.jpg) no-repeat center;float: right}


.page_product{;width: 1190px;position: relative;height: 342px;display: block;}
.productList{position: relative;height: 342px;margin: auto;overflow: hidden;width: 1190px;margin: auto;}
.section2{ position: absolute;width: 100000px;}
.c2_lc { float: left;width: 1190px;}
.asd1{width: 270px;height: auto;float: left;}
.asd1:first-child{margin-left: 0px;}
.img1{width: 270px;height: 251px;overflow: hidden}
.img1 img{width: 270px;height: 251px;transition: all 0.6s;}
.in_proname_a1{width: 230px;padding: 20px;background-color: #fff;margin-top: 2px;position: relative}
.in_proname_a1:after{content: '';display: block;width: 14px;height: 14px;position: absolute;right: 20px;top: 26px;-webkit-transition:all 0.3s ease; transition:all 0.3s ease;overflow: hidden;background: url(../ZERO/img/promore.png) no-repeat 0 0;}
.in_proname_a1 a{font-family: Arial;font-size: 16px;color: #2c2c2c;font-weight: normal}
.asd1:hover .in_proname_a1{background-color: #08b0eb}
.asd1:hover .in_proname_a1:after{background-position: -14px 0;}
.asd1:hover a{color: #fff;}
.asd1:hover .img1 img{transform: scale(1.2);transition: all 1s;}
.leftbtn1{width: 23px;height: 39px;position: absolute;top:112px;left:-45px; z-index: 111;background: url(../ZERO/img/pro_prev.png) no-repeat;}
.rightbtn1{width: 23px;height: 39px;position: absolute;top:112px;right:-45px; z-index: 111;background: url(../ZERO/img/pro_next.png) no-repeat;}
.leftbtn1:hover{width: 23px;height: 39px;position: absolute;top:112px;left:-45px; z-index: 111;background: url(../ZERO/img/pro_prevon.png) no-repeat;}
.rightbtn1:hover{width: 23px;height: 39px;position: absolute;top:112px;right:-45px; z-index: 111;background: url(../ZERO/img/pro_nexton.png) no-repeat;}