@charset "utf-8";
html{font-size:100px;font-family: Arial;color:black;}
ul,li,p,span,em,i,div,img,h1,h2,h3,h4,a,input,textarea,body{padding:0px;margin:0px;border:none;}{ padding: 0px; margin: 0px;border: none;}
ul,li{list-style: none;}
body{overflow:auto;overflow-x: hidden;}

/*Home*/

/*header*/

.header,.header .logo .pic a img,.header .nav > ul > li{transition: all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */text-align: center;}
.header{width:100%;float: left;height:5.208vw;position: fixed;background: white;z-index: 999;box-shadow: 0 0 10px #666666bf;}
.header .logo .phone-menu{display:none;float:right;width:28px;height:18px;margin-top:15px;background:url(../images/all-icon1.png) no-repeat -5px -45px;cursor:pointer;}
.main-width{width:75vw;margin:0 auto;}
.logo{float: left;width:21.1vw;position: relative;}
.nav{float: right;width:53.9vw;}
.logo .pic{width:8.4375vw;height:2.65625vw;position: absolute; top:1.502vw;}
.logo .pic img{width:100%;}
.nav li{width:6.5104vw;float: left;}
.header .nav > ul > li > a{font-size: 0.9375vw;line-height: 5.208vw;font-weight: bold;font-family: Arial;}
.header .nav > ul > li > a:hover{border-bottom: solid 1px #dc221a;}
.header .nav > ul > li > a:hover,.header .nav > ul > li.active > a{color: #dc221a;border-bottom: solid 1px #dc221a;}
.header .search{width:14.348vw;float: left;height:5.208vw;}
.header .search .box{width:13.40625vw;float: right;height: 2vw;position: relative;top: 1.6vw;}
.header .search .box .text{width: 75%;float: left;height:100%;font-size: 0.83vw;line-height:1.5625vw;border:1px solid #ccc;box-sizing:border-box;padding:0.5208vw;}
.header .search .box .sub{width: 25%;background:url(../images/search-icon.png);background-size: 100%;float: left;height:100%;cursor:pointer;transition:all .5s;}
.active .logo .phone-menu{background-position: -33px -45px;}
.other-banner{margin-top: 5.208vw;width:100%;float: left;}
.other-banner img{width:100%;height:auto;}

.header .nav > ul > li .drop-down{display:none;width:14vw;margin-left: -4vw;background: white;box-shadow: 0 0 5px #999999;overflow: hidden;box-sizing:border-box;}
.header .nav > ul > li .drop-down li{width:100%; float: left;padding: 0 1vw;text-align: left;line-height: 2.4vw;font-size: 0.9375vw;background: white;}
.header .nav > ul > li .drop-down li:nth-child(1){border-top: solid 3px #da251c;padding-top: 0.5vw;}
.header .nav > ul > li .drop-down li:last-child{padding-bottom: 0.5vw;}


.header .nav > ul > li .drop-down.a1{width:100vw;margin-left: -40vw;}
.header .nav > ul > li .drop-down.a1 ul{width:95vw;margin:0 auto;}
.header .nav > ul > li .drop-down.a1 li{width:12%;float: left;margin-right: 0.5%;padding:0;}
.header .nav > ul > li .drop-down.a1 li h2{font-size: 0.83vw;line-height: 1.6vw;margin-bottom: 0.5vw;}
.header .nav > ul > li .drop-down.a1 li p{font-size: 0.625vw;line-height: 1.6vw;padding-left: 1vw;position:relative;}
.header .nav > ul > li .drop-down.a1 li p:after{content: "";position: absolute;width:0.3vw;height: 0.3vw;border-radius: 0.3vw;background: red;left:0;top:0.65vw;}
.header .nav > ul > li .drop-down.a1{border-top: solid 3px #da251c;padding: 1vw 0;padding-bottom: 1.5vw;}
.header .nav > ul > li .drop-down li:nth-child(1){border-top:none;}

/*banner*/
.banner{width:100%;float: left;height:auto;overflow: hidden;position: relative;margin-top: 5.208vw;}
.banner .slidebox{width:100%;position:relative;z-index:99;overflow:hidden;}
.banner .slidebox .slideshow{width:100%;margin:0 auto;overflow:hidden;position:relative;}
.banner .slidebox .slideshow ul{position:relative;width:4000px;overflow:hidden;}
.banner .slidebox .slideshow ul li{float:left;}
.banner .slidebox .slideshow ul li img{width:100%;height:auto;}
.banner .slidebox .slidelist{position:absolute;top:29.677vw;text-align: center;width: 100%;}
.banner .slidebox .slidelist ul li{width:12px;height:12px;margin:0 3px;background-color:#666;border-radius:6px;/* -webkit-border-radius:6px; */-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;display: inline-block;cursor: pointer;}
.banner .slidebox .slidelist ul li.active{width:30px;background-color:#dc221a;}
.banner .slidebox .item-btn{position:absolute;top:17.08333vw;margin-top:-33px;width:65px;height:65px;background:url("../images/all-icon2.png") no-repeat;cursor:pointer;transition:all .3s;opacity: 0.6;}
.banner .slidebox .prev{left:-80px;background-position:-5px -80px;}
.banner .slidebox .next{right:-80px;background-position:-70px -80px;}
.banner .slidebox .prev:hover{
    opacity: 1;
}
.banner .slidebox .next:hover{
    opacity: 1;
}
.banner .slidebox:hover .prev{left:60px;}
.banner .slidebox:hover .next{right:60px;}

/*index1*/
.index1{width:100%;float: left;height:22.041666vw;margin-top:4.1666666vw;margin-bottom: 2.60416666vw; }
.index1 .left{width:66.6666%;float: left;}
.index1 .right{width:33.3333%;float: left;height:26.041666vw;position: relative;overflow: hidden;cursor: pointer;transition: all 1s;}
.index1 .left .h1{font-family: OpenSans;font-size:2.34375vw;line-height:2.34375vw;margin-top: 1.6875vw;font-weight: bold;color: #333333;margin-bottom: 3vw;}
.index1 .left .h1 .red{float: left;color:#dc221a;}
.index1 .left p{padding:1.5625vw;padding-bottom: 0px;font-size: 0.83vw;color:black;line-height: 1.4vw;padding-right: 4.16666vw;}
.index1 .left .input{width:11.71875vw;box-sizing:border-box;border:solid 1px black;height:2.08333vw;line-height: 2.08333vw;text-align: center;margin-top:3.125vw;font-size: 0.72916666vw;color:black;transition:all .5s;font-weight: bold;}
.index1 .left .input:hover{background:#da251c;color:white;border:solid 1px #da251c;}
.index1 .right .img{margin-top:1.833333vw;}
.index1 .right .img img{width:100%;}

/*index2*/
.index2{width:100%;height: 130px;float: left;background: #f9f9f9;}
.index2 li{width:33.33333%;float: left;position: relative;cursor: pointer;height: 130px;}
.index2 li:hover{background:#f0f0f0; }
.index2 li .img{width: 68px;padding-top: 30px;padding-left: 7.2916666vw;float: left;}
.index2 li .img img{width:100%;}
.index2 li .p{float: left;padding-left: 1.302083333vw;font-family: auto;}
.index2 li .p p{font-size: 30px;margin-top: 35px;overflow: hidden;position: relative;text-align: left;line-height: 30px;height: 30px;font-size: 0;}
.index2 li .p p span{width: 21px;position: relative;display:inline-block;height: 30px;overflow: hidden;font-size: 30px;color: #333333;font-family: Gotham;text-align: center;font-weight: lighter;}
.index2 li .p p span i{word-wrap: break-word;position: absolute;left:0;top:0;width: 100%;transition:all .9s;}
.index2.on li .p p span.a2 i{top: -30px;}
.index2.on li .p p span.a3 i{top:-60px;}
.index2.on li .p p span.a4 i{top:-90px;}
.index2.on li .p p span.a5 i{top:-120px;}
.index2.on li .p p span.a6 i{top:-150px;}
.index2.on li .p p span.a7 i{top:-180px;}
.index2.on li .p p span.a8 i{top:-210px;}
.index2.on li .p p span.a9 i{top:-240px;}
.index2.on li .p p span.a10 i{top: -270px;}


.index2 li .p .span{font-size: 18px;line-height: 20px;margin-top: 7.5px;color: #333333;font-family: Open sans-serif;font-weight: bold;}

/*index3*/
.index3{width:100%;float: left;height:24.416666vw;position: relative;}
.index3 .indeximg{width:100%;position: absolute;z-index: 0;background: url("../images/bg.jpg");overflow:auto;overflow-x: hidden;background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%;background-size:cover;/* position: relative; */}
.index3 .indeximg img{width:100%;}
.index3 .top{font-family: Tahoma;position: relative;z-index: 2;}
.index3 .top h1{font-size: 1.822916666vw;color:white;text-align: center;margin-top: 3.385416666vw;font-weight: bold;font-family: Myriad Pro;}
.index3 .top p{margin-top: 0.5020833333vw;color:white;text-align: center;margin-bottom: 1.3020833333vw;font-size: 0.72916666vw;font-weight: bold;}
.index3 ul{width:103%;position: relative;z-index: 2;}
.index3 li{width:14.5vw;float: left;margin-right: 0.5vw;height: auto;padding-bottom: 0.5vw;background: #f1f1f1;}
.index3 .main-width{position: relative;}
.index3 .pre,.index3 .next{width:35px;height: 35px;background-size: 100%;position: absolute;top:11.5vw;z-index: 9;background-color: white;cursor: pointer;opacity: 0.6;transition:all .5s;border-radius: 17.5px;}
.index3 .pre:hover,.index3 .next:hover{opacity: 1;}
.index3 .pre{background-image: url(../images/pre.png);left:-4vw;}
.index3 .next{background-image: url(../images/next.png);right: -3.5vw;}
.index3 .div{overflow: hidden;}
.index3 li .img{width:100%;margin:0;overflow: hidden;}
.index3 li .down{width:86%;margin:7%;margin-top: 7%;font-family: Tahoma;}
.index3 li .down p{font-size: 0.9375vw;color:black;width:100%; text-align:center;line-height: 2.0833333vw;font-family: Open sans-serif;}
.index3 li .down .input{ display:none;font-size: 0.72916666vw;line-height: 2.0833333vw;width:30%;box-sizing:border-box;border: solid 1px #939393;float: left;text-align: center;cursor: pointer;transition:all .5s;font-weight: bold;}
.index3 li .img img{width:100%;transition: all .5s; height:180px;}
.index3 li .img img:hover{transform:scale(1.1);}
.index3 li .down .input:hover{background: #dc221a;color:white;border:none;}

/*index4*/
.index4{width:100%;float: left;height: auto;margin-top: 3.38541666667vw;background: url("../images/home-index4-01.png");background-size: cover;padding-bottom: 5vw;}
.index4 .top{margin-top:3.38541666667vw;font-family: Tahoma;text-align: center;overflow: hidden;}
.index4 .top .h1{font-size: 1.82291666667vw;text-align: center;color:black;width:15.625vw;margin: 0 auto;float: left;margin-left: calc(50% - 7.8125vw);font-weight: bold;}
.index4 .top p{font-family: Arial;font-size: 0.72916666667vw;padding: 2vw 0 0 0;text-align: center;width: 100%;float: left;color: #333333;}
.index4 .top .h1 .red{color:red;float: right;}
.index4 ul{width:108%;}
.index4 li{width:45%;margin-right: 5%;float: left;height:10.4166666667vw;background: white;margin-top: 2.34375vw;position: relative;top: 10px;transition:all .5s;cursor: pointer;}
.index4 li:hover{top:0;}
.index4 li .left{width: 30%;float: left;}
.index4 li .left .img{width:40%;margin:30%;box-sizing:border-box;margin-top: 2.34375vw;}
.index4 li .left .img img{width:100%;}
.index4 li .right{width: 70%;float: left;font-family: Tahoma;}
.index4 li .right h1{margin-top: 2vw;font-size: 1.145833333vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;color: #333333;font-family: Open sans-serif;}
.index4 li .right .span{width:2.0833333vw;margin-top: 0.7vw;height:0.26041666667vw;background:#dc221b; border-radius: 5px;}
.index4 li .right p{padding-top: 0.7vw;font-size: 0.83vw;line-height: 1.0020833333vw;padding-right:1.041666667vw;font-family: Open sans-serif;color: #333333;}


/*index5*/
.index5{width:100%;padding-top: 2.083333vw;padding-bottom: 2.083333vw;float: left;}
.index5 li{width:23.5%;margin-left: 1.2%;float: left;}
.index5 li .img{width:100%;overflow: hidden;}
.index5 li .img img{width:100%;transition: all 1s;cursor: pointer;}
.index5 li .img img:hover{transform:scale(1.1);}
.index5 li .down{margin-top: 1.041666667vw;}
.index5 li .down .span{width:0.416666667vw;height:1.041666667vw;background:#dc221a; float: left;}
.index5 li .down .p{font-family: Open sans-serif;font-size:0.9375vw;line-height: 1.14666667vw;padding-left:0.9375vw;font-weight: bold;color: #333333;}


/*index6*/
.index6{width:100%;height:33.33333vw;background: #fff;float: left;}
.index6 .top{margin-top:3.38541666667vw; font-family: Tahoma;}
.index6 .top .h1{font-size: 1.82291666667vw;text-align: center;color:black;width:13.625vw;margin: 0 auto;float: left;margin-left: calc(50% - 6.8125vw);font-weight: bold;}
.index6 .top p{font-family: Arial;font-size: 0.72916666667vw;margin: 1.302083333vw 0;text-align: center;color:black;float: left;width: 100%;font-weight: bold;}
.index6 .top p a{border-bottom:solid 1px black;}
.index6 .top p a:hover{color:#dc221a;border-bottom:solid 1px #dc221a;}
.index6 .top .h1 .red{color:red;float: left;}
.index6 .left{margin-top: 1.302083333vw;width:48%;float: left;overflow: hidden;}
.index6 .left img{width:100%;transition: all 1s;cursor: pointer;}
.index6 .left img:hover{transform:scale(1.1);}
.index6 .right{margin-top: 1.302083333vw;width:100%;float: left;}
.index6 .right li{width:50%;height:7.8541666vw;background: white;margin-bottom: 1.220833333vw;cursor: pointer;font-family: Tahoma;transition:all .5s;color: #333333; float:left;}
.index6 .right li .h1{padding: 5%;width:90%;font-size: 0.88541666667vw;padding-bottom:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0;font-weight: bold;}
.index6 .right li p{font-size: 0.83vw;width:90%;padding:5%;padding-top: 1%;padding-bottom: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index6 .right li .span{width:85%;margin-left: 5%;height:1px;background: #ccc;margin-top: 2%;}
.index6 .right li:hover{background:#dc221a;color:white;}



/*footer
*/
.footer{width:100%;float: left;}
.footer .top{width:100%;float: left;background: #303030;height:6.25vw;}
.footer .top .width{width:83.33333333vw;margin:0 auto;}
.footer .top .width .left{width:10.052083333vw;float: left;margin-top: 2.34375vw;cursor: pointer;overflow: hidden;text-align: left;font-size: 0;}
.footer .top .width .left img{width:100%;}
.footer .top .width .left a{width:25%;height: 2vw;margin-top: -2vw;display: inline-block;vertical-align: top;}
.footer .top .width .right{width:62.60416666667vw;float: right;margin-top: 2.34375vw;}
.footer .top .width .right input{height:2.60416666667vw;font-family: Arial;}
.footer .top .width .right .text{width:17%;float: left;background: #404040;padding-left:0.52083333vw;color:#666666;box-sizing:border-box;margin-left: 1%;}
.footer .top .width .right .text1{width:34%;float: left;margin-left: 1%;background: #404040;padding-left:0.52083333vw;color:#666666;box-sizing:border-box;}
.footer .top .width .right img{ display:block; float:left; width:10%; margin-top:3px;}
.footer .top .width .right .submit{width:14%;float: left;margin-left: 1%;background:#dc221a;color:white;box-sizing:border-box;}

.footer .down{height:14.84375vw;width:100%;float: left;background: white;font-family: Tahoma;}
.footer .li1,.footer .li2,.footer .li4{margin-top: 3.645833333vw;float: left;}
.footer h2{font-size: 0.9375vw;color: black;font-weight: bold;}
.footer li{font-size: 0.83vw;line-height: 1.5vw;color: #333333;}
.footer .li1,.footer .li2{width: 16%;}
.footer .li2{width: 23%;border-right:solid 1px #e7e7e7;float: left;}
.footer .li4{width: 40%;margin-left: 12%;}
.footer li p{float: right;}
.footer .index{height:4.166666667vw;width:100%;float: left;background: white;}
.footer .index p{width:83.33333333vw;line-height: 4.166666667vw;font-size: 0.7291666667vw;text-align: center;border-top: solid 1px #e7e7e7;margin:0 auto;}
.footer li#text{width:100%;}


/*产品列表页*/
.products-banner{width:100%;float: left;margin-top: 5.208vw;}
.products-banner img{width:100%;}
.pro-list1{width:100%;float:left;height:3.4375vw;border-bottom: solid 1px #e3e3e3;text-align: right;}
.pro-list1 p{font-size:0.72916666vw; margin-top: 1.0416666vw;line-height: 1.302vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-list1 p a{padding:0 10px;}
.pro-list2{width:100%;float: left;padding-top: 3.4375vw;padding-bottom: 4.6875vw;}
.pro-list2 .left{position:relative;float: left;width:15.10416vw;}
.pro-list2 .left .pos{position:sticky;top:7vw;}
/* .pro-list2 .left.on{position: fixed;top:7vw;} */
.pro-list2 .left .h1{width:100%;float:none;height:3.125vw;line-height: 3.125vw;font-size: 1.82291vw;color:#333333;font-weight: bold;border-bottom: solid 5px #da251c;}
.pro-list2 .left .h1 i{display: none;}
.pro-list2 .left .left-ul{width:100%;border-bottom: solid 1px #e3e3e3;position: relative;}
.pro-list2 .left .left-ul p{line-height:2.86458333vw;font-size:0.833333vw;color:#333333;font-weight: bold; cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 2vw;}
.pro-list2 .left .left-ul ul{overflow: hidden;height:0;transition:all .5s;}
.pro-list2 .left .left-ul p i{width:0.625vw;height:0.3125vw;background: url("../images/ul-img.png");background-size: 100% 100%;position: absolute;top:1.276vw;right:1.276vw;}
.pro-list2 .left .left-ul .p i{background: url("../images/ul-img1.png");background-size: 100% 100%;}
.pro-list2 .left .left-ul li{height:2.34375vw;line-height: 2.34375vw;font-size: 0.7291666vw;position: relative;float: left;cursor: pointer;width:100%;padding-left: 1.5416vw;}
.pro-list2 .left .left-ul li i{width:0.572916vw;height:0.572916vw;background: url("../images/li-img.png");background-size: 100% 100%;position: absolute;top:0.8854166vw;left:0.234375vw;}
.pro-list2 .left .left-ul li:hover,.pro-list2 .left .left-ul li.active{color:#da251c;}
.pro-list2 .left .left-ul li:hover i,.pro-list2 .left .left-ul li.active i{background:url("../images/li-img1.png");background-size:100% 100%;}
.pro-list2 .right{float: right;width:57.2916666vw;}
.pro-list2.a1 .right{width:100%;}
.pro-list2 .right ul{width:103%;}
.pro-list2 .right li{width: 30%;float: left;box-sizing:border-box;border:solid 1px #e3e3e3;padding:0.5208333vw;cursor: pointer;transition:all .5s;margin-bottom: 2.34375vw;margin-right: 3%;}
.pro-list2 .right li:hover{border:solid 1px #da251c;}
.pro-list2 .right li .right-img{width:100%;float: left;overflow: hidden;}
.pro-list2 .right li .right-img img{width:100%;transition: all .5s;}
.pro-list2 .right li .right-img:hover img{transform:scale(1.1);}
.pro-list2 .right li .p{width:100%;text-align: center;height:2.34375vw;line-height: 2.34375vw;font-size: 0.72916666vw;padding: 1vw 0;float: left;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-list2 .right li .button{width:12vw;height:2.34375vw;float: left;color:#333333;background:white;font-size: 0.72916666vw;line-height: 2.34375vw;text-align: center;font-weight: bold;margin-left: calc(50% - 6vw);margin-bottom: 1.5625vw;border:solid 1px #333333;transition:all .5s;}
.pro-list2 .right li:hover .button{background:#da251c;color:white;border:solid 1px #da251c;}
.h1{float: left;width:100%;margin-bottom: 20px;}

/*产品详情页*/
.pro-index1{width:100%;float: left;height:2.34375vw;background: #666666;color:white;margin-top: 5.208vw;}
.pro-index1 p{font-size: 0.72916666vw;line-height: 2.34375vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-index1 p a{padding:0 5px;color:white;}
.pro-index2{width:100%;float: left;margin-top: 5.729166666667vw;}
.pro-index2 .slide-pro{float: left;width:50%;position: relative;}
.pro-index2 .slide-pro .slide-pic{width:34.1145vw;height:32.65625vw;overflow:hidden;margin-left: 6.7708333vw;}
.pro-index2 .slide-pro .slide-pic li{width:34.1145vw;float: left;}
.pro-index2 .slide-pro .slide-pic li img{width:100%;}
.pro-index2 .slide-pro  .slide-dot{position:absolute;height:27.08333vw;overflow:hidden;left:0;top:2.083333vw;}
.pro-index2 .slide-pro  .slide-dot ul li{height:5.72916vw;width:5.72916vw;border:1px solid #e3e3e3;margin-bottom: 1.05vw;box-sizing: border-box;overflow:hidden;cursor:pointer;}
.pro-index2 .slide-pro  .slide-dot ul li:hover{border:1px solid #da251c;}
.pro-index2 .slide-pro  .slide-dot ul li img{width:5.72916vw;height:5.72916vw;}
.pro-index2 .slide-pro  .slide-dot ul li.active{border:1px solid #da251c;}

.pro-index2 .right{width:31.25vw;float: right;}
.pro-index2 .right h2{font-size:1.5625vw;line-height: 1.8229166vw;font-weight: bold;}
.pro-index2 .right p{font-size: 0.83vw;line-height: 1vw;color:#777777;padding-top: 1.5625vw;}
.pro-index2 .right .right-ul,.pro-index2 .right .right-ul1{width:100%;margin-top: 2.34375vw;float: left;}
.pro-index2 .right .right-ul h4,.pro-index2 .right .right-ul1 h4{line-height: 2.34375vw;font-weight: bold;font-size: 0.833333vw;color:#333333;border-bottom: solid 1px #e3e3e3;margin-bottom:0.78125vw; }
.pro-index2 .right .right-ul li{width:calc(50% - 1.5625vw);float: left;color:#777777;font-size: 0.83vw;line-height: 1.5625vw;position: relative;padding-left: 1.09375vw;min-height: 3.125vw;}
.pro-index2 .right .right-ul li.a1{min-height: 5vw;}
.pro-index2 .right .right-ul li.a2{min-height: 7vw;}
.pro-index2 .right .right-ul li.a3{min-height: 7vw;}
.pro-index2 .right .right-ul li i{width:0.625vw;height:0.625vw;background: #da251c;position: absolute;top: 0.46875vw;left:0;}
.pro-index2 .right .right-ul1 li{width:25%;float: left;color:#777777;font-size: 0.729166vw;line-height: 1.5625vw;}
.pro-index2 .right .button{width:12vw;height:2.34375vw;float: left;color:white;background: #333333;font-size: 0.72916666vw;line-height: 2.34375vw;text-align: center;font-weight: bold;transition:all .5s;margin-top: 2.60416vw;cursor: pointer;transition:all .5s;}
.pro-index2 .right .button:hover{background: #da251c;}
.pro-index3{width:100%;float: left;margin-top: 2.60416vw;border-top: solid #e3e3e3 1px;}
.pro-index3 .box,.pro-index4 .box{/* padding-top:20px; */width:100%;overflow: hidden;/* padding-left:1%; *//* padding-right: 1%; */box-sizing:border-box;}
.pro-index3 h1{text-align: center;line-height: 5.6875vw;float:left;font-size: 1.5625vw;font-weight: bold;width:100%;}
.pro-index3 .table{width:100%;float: left;overflow:auto;min-width: 1000px;}
.pro-index3 .table table{min-width: 100%;}
.pro-index3 .table th{box-sizing:border-box;width:calc(100% / 7);line-height: 2.34375vw;font-size:0.729166vw;font-weight: inherit;color:#777777;border:solid 1px #e3e3e3;padding-left:1vw;text-align: left;}
.pro-index3 .table td{box-sizing:border-box;width:calc(100% / 7);line-height: 2.34375vw;font-size:0.729166vw;font-weight: inherit;color:#777777;border:solid 1px #e3e3e3;text-align: center;}

.pro-index4{width:100%;float: left;margin-top: 5vw;margin-bottom: 5.20583333vw;}
.pro-index4 .main-width{position: relative;}
.pro-index4 .main{width:100%;overflow: hidden;}
.pro-index4 .pre,.pro-index4 .next{width:35px;height: 35px;background-size: 100%;position: absolute;top: 17.5vw;z-index: 9;background-color: white;cursor: pointer;opacity: 0.6;transition:all .5s;border-radius: 17.5px;}
.pro-index4 .pre:hover,.pro-index4 .next:hover{opacity: 1;}
.pro-index4 .pre{background-image: url(../images/pre.png);left:-4vw;}
.pro-index4 .pre:hover{background-image: url(../images/pre-on.png);}
.pro-index4 .next{background-image: url(../images/next.png);right: -3vw;}
.pro-index4 .next:hover{background-image: url(../images/next-on.png);}
.pro-index4 h1{text-align: center;line-height: 5.6875vw;float:left;font-size: 1.5625vw;font-weight: bold;width:100%;}
.pro-index4 ul{width: 100%;}
.pro-index4 li{width: 24vw;margin-right: 1vw;float: left;background: #eeeef0;box-sizing:border-box;padding:1.3028vw;padding-bottom: 0; margin-bottom:1.3028vw;}
.pro-index4 li .li-img{width:100%;float: left;overflow: hidden;cursor: pointer;}
.pro-index4 li .li-img img{width:100%;transition:all .5s; height:206px;}
.pro-index4 li .li-img:hover img{transform:scale(1.1);}
.pro-index4 li p{padding:2.083vw 0;color:#333333;font-weight: bold;font-size: 0.83333vw;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;float: left;transition:all .5s;}
.pro-index4 li:hover p{color: #dc221a;}


/*新闻列表*/
.main-news{width:100%;float: left;overflow: hidden;}
.main-news.a1{padding-top: 0;}
.main-news .head{width:100%;float: left;border-bottom: solid 0.05vw #e3e3e3;}
.main-news .head .right{width:50%;float: right;text-align: right;margin:1.5625vw 0vw 0.5vw 0vw;line-height: 2vw;font-size:0.73vw;color: #333333;}
.main-news .head .right a{margin: 0 0.5vw;}
.main-news .head .left{width:50%;float: left;}
.main-news .head .left li{width:9vw;line-height: 2.3vw;margin-top:1.5625vw;font-weight: bold;font-size: 0.833vw;float: left;border-bottom: solid 0.2vw #f0f0f0;text-align: center;cursor: pointer;}
.main-news .head .left li a{color: #333333;}
.main-news .head .left li:hover,.main-news .head .left li.on{border-bottom:solid 0.2vw #da251c;}
.main-news .head .left li:hover a,.main-news .head .left li.on a{color: #da251c;}
.main-news .index{width:100%;float: left;margin-bottom: 2.59375vw;}
.main-news .index li{width:100%;float: left;margin-top: 4.6875vw;}
.main-news .index li .img{width:30.5%;float: left;overflow: hidden;}
.main-news .index li .img img{width:100%;height:auto;transition: all .5s;}
.main-news .index li .img:hover img{transform:scale(1.1);}
.main-news .index li .text{padding-bottom: 1.5vw;float: left;width:64%;margin-left: 5.5%;border-bottom: solid 0.05vw #e3e3e3;}
.main-news .index li .text .data{width:100%;float: left;color: #777777;font-size: 0.73vw;line-height: 1.2vw;margin-top: 0.75vw;margin-bottom: 1.25vw;}
.main-news .index li .text h4{width:100%;font-size: 0.9375vw;line-height: 1.8vw;color: #333333;float: left;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.main-news .index li .text p{color: #4c4c4c;line-height: 1.2vw;font-size: 0.833vw;margin:1vw 0vw 1.5vw 0vw;width:100%;float: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.main-news .index li .text a.button{width:7.5vw;line-height: 2.2vw;text-align: center;background: #333333;color: white;font-size: 0.73vw;font-weight: bold;float: left;transition: all .5s;}
.main-news .index li .text a.button:hover{background: #da251c;}


/*联系我们页面*/
.main-contact{width:100%;float: left;}
.main-contact .head{width:100%;text-align: right;float: left;line-height: 1.2vw;font-size: 0.73vw;color: #333333;margin:1.5vw 0 2vw 0;}
.main-contact .head a{margin: 0 0.5vw;}
.main-contact .index{width:83.3333%;float: left;margin-left: 8.33333%;margin-bottom: 2.7vw; margin-top:2.7vw;}
.main-contact .index .left{width:53%;float: left;}
.main-contact .index .left h3{color: #3f3f3f;font-size: 1.1vw;line-height: 2vw;font-weight: bold;border-bottom: solid 0.05vw #dddddd;padding-bottom: 0.5vw;}
.main-contact .index .left p{color: #3f3f3f;line-height: 1.2vw;font-size: 0.83vw;margin:1.5vw 0 2vw 0;}
.main-contact .index .left .p{color: #3f3f3f;font-size: 0.9375vw;line-height: 2vw;font-weight: bold;margin-bottom: 0.5vw;}
.main-contact .index .left .p i{color: #ff0000;}
.main-contact .index .left input{width:100%;line-height: 2.34375vw;border: none;border: solid 0.05vw #e3e3e3;box-sizing:border-box;font-size: 0.78125vw;margin-bottom: 1.5625vw;}
.main-contact .index .left textarea{width:100%;line-height: 2.34375vw;border: none;border: solid 0.05vw #e3e3e3;box-sizing:border-box;font-size: 0.78125vw;margin-bottom:2vw;height:6vw;}
.main-contact .index .left .button{width:12vw;line-height: 2.34375vw;text-align: center;color: white;font-size:0.9375vw;border: none;background: #333333;cursor: pointer;transition: all .5s;}
.main-contact .index .left .button:hover{background: #dc221a;}
.main-contact .index .left .button i{margin-left: 0.5vw;}
.main-contact .index .right{width:37.3%;float: right;}
.main-contact .index .right .text{margin-bottom: 2vw;}
.main-contact .index .right .text h3{color: #3f3f3f;font-size: 1.1vw;line-height: 2vw;font-weight: bold;border-bottom: solid 0.05vw #dddddd;padding-bottom: 0.5vw;}
.main-contact .index .right .text .p{width:100%;margin-top: 1vw;box-sizing:border-box;padding: 0 1vw;overflow: hidden;position: relative;}
.main-contact .index .right .text .p h4{line-height: 2vw;font-size: 0.875vw;color: #3f3f3f;font-weight: bold;position: absolute;left:0;top:0;width: 4vw;}
.main-contact .index .right .text .p h4 i{float: right;}
.main-contact .index .right .text .p p{width:100%;padding-left:0 !important;box-sizing:border-box;line-height: 2vw;font-size: 0.8333vw;color: #3f3f3f;}
.main-contact .index .right .text .p1{line-height: 2vw;font-size: 0.83vw;color: #3f3f3f;margin-top: 2vw;}
#allmap{width:100%;float: left;height: 36vw;min-height: 300px;}


/*公司介绍页面*/
.main-about{width:100%;float: left;overflow: hidden;}
.main-about .head{width:100%;float: left;border-bottom: solid 0.05vw #e3e3e3;background: white;}
.main-about .head .right{width:30%;float: right;text-align: right;margin:1.5625vw 0vw 0.5vw 0vw;line-height: 2vw;font-size:0.73vw;color: #333333;}
.main-about .head .right a{margin: 0 0.5vw;}
.main-about .head .left{width:70%;float: left;}
.main-about .head .left li{width:auto;line-height: 2.3vw;margin-top:1.5625vw;font-weight: bold;font-size: 0.833vw;float: left;border-bottom:solid 0.2vw white;text-align: center;cursor: pointer;margin-right: 2vw;}
.main-about .head .left li a{color: #333333;}
.main-about .head .left li:hover,.main-about .head .left li.on{border-bottom:solid 0.2vw #da251c;}
.main-about .head .left li:hover a,.main-about .head .left li.on a{color: #da251c;}
.corp .index .text{width:100%;float: left;margin: 2vw 0;}
.corp .index .text h2{width:100%;float: left;line-height: 4vw;color: #333333;font-size: 1.83vw;}
.corp .index .text p{color: #333333;line-height: 1.6vw;font-size: 0.83vw;width:100%;padding:0.5vw 0;float: left;}
.corp .index .text .img{width:100%;float: left;margin: 4.6875vw 0;}
.corp .index .text .img ul{width:101.83333%;float: left;}
.corp .index .text .img li{width:31.5%;float: left;margin-right: 1.83333%;cursor: pointer;overflow: hidden;}
.corp .index .text .img li img{width:100%;height: auto;transition:all .5s;}
.corp .index .text .img li:hover img{transform:scale(1.1);}
.corp .index .text1{width:100%;float: left;border-top: solid 0.05vw #e3e3e3;}
.corp .index .text1 li{width:33.3333%;float: left;margin:3.125vw 0;padding:0 5vw;box-sizing:border-box;height: 6vw;}
.corp .index .text1 li h3{color: #333333;line-height: 2vw;font-size: 1.35vw;text-align: center;padding:0.5vw 0;font-weight: bold;}
.corp .index .text1 li p{color: #333333;line-height: 1.2vw;font-size: 0.73vw;text-align: center;}
.corp .index .text1 li.on{border-left:solid 0.05vw #e3e3e3;border-right: solid 0.05vw #e3e3e3;}
.corp .index .text2{width:100%;float: left;margin-top: 1vw;overflow: hidden;}
.corp .index .text2 img{width:100%;height: auto;transition: all .5s;}
.corp .index .text2:hover img{transform:scale(1.1);}
.corp .index .text3{width:100%;float: left;border-bottom: solid 0.05vw #e3e3e3;margin-bottom: 8vw;}
.corp .index .text3 li{width:33.333%;float: left;margin:4.0625vw 0;}
.corp .index .text3 li .img{width:4vw;float: left;margin-left: 1vw;}
.corp .index .text3 li .img img{width:100%;height: auto;}
.corp .index .text3 li .txt{float: left;margin-left: 1vw;}
.corp .index .text3 li .txt h3{line-height: 30px;font-size: 30px;font-weight: bold;color: #333333;position: relative;overflow: hidden;}
.corp .index .text3 li .txt h3 span{width: 21px;float: left;height: 30px;line-height: 30px;overflow: hidden;text-align: center;position: relative;}
.corp .index .text3 li .txt h3 span i{word-wrap: break-word;position: absolute;left:0;top:0;width: 100%;transition:all .9s;}
.corp .index .text3 li .txt p{color: #333333;line-height: 1.2vw;font-size: 0.9375vw;font-weight: bold;}
.corp .index .text3.on li .txt h3 span.a2 i{top: -30px;}
.corp .index .text3.on li .txt h3 span.a3 i{top:-60px;}
.corp .index .text3.on li .txt h3 span.a4 i{top:-90px;}
.corp .index .text3.on li .txt h3 span.a5 i{top:-120px;}
.corp .index .text3.on li .txt h3 span.a6 i{top:-150px;}
.corp .index .text3.on li .txt h3 span.a7 i{top:-180px;}
.corp .index .text3.on li .txt h3 span.a8 i{top:-210px;}
.corp .index .text3.on li .txt h3 span.a9 i{top:-240px;}
.corp .index .text3.on li .txt h3 span.a10 i{top: -270px;}


/*荣誉页面*/
.corhon .index .text,.corhon .index{width:100%;float: left;}
.corhon .index .text{margin-top: 3.125vw;border-bottom: solid 0.05vw #f1f1f1;}
.corhon .index .text h2{font-size: 1.83vw;line-height: 2vw;padding-bottom: 2vw;}
.corhon .index .text ul{width:103.5%;overflow: hidden;}
.corhon .index .text li{width:21.5%;margin-right: 3.5%;float: left;margin-bottom: 3vw;}
.corhon .index .text li .img{width:100%;float: left;overflow: hidden;cursor: pointer;}
.corhon .index .text li .img img{width:100%;height:auto;transition:all .5s;}
.corhon .index .text li .img img:hover{transform:scale(1.1);}
.corhon .index .text li p,.corhon .index .text li a{line-height: 1.2vw;color: #333333;font-size: 0.9375vw;text-align: center;width:100%;float: left;}
.corhon .index .text li p{padding-top: 1vw;}
.corhon .index .text li a{padding:0.75vw 0;}
.corhon .index .text .a{width:100%;text-align: center;cursor: pointer;line-height: 2vw;font-size: 1.1vw;font-weight: bold;color: #333333;margin-bottom: 3vw;}
.corhon .index .text .a a{border-bottom: solid 0.05vw #333333;}
.corhon .index .text .a a:hover{border-bottom: solid 0.05vw #dc221a;}
.corhon .index .text1{margin-top: 3.125vw;border-bottom: solid 0.05vw #f1f1f1;width:100%;float: left;margin-bottom: 5vw;}
.corhon .index .text1 h2{font-size: 1.83vw;line-height: 2vw;padding-bottom: 2vw;}
.corhon .index .text1 ul{width:102.83333%;overflow: hidden;}
.corhon .index .text1 li{width:30.5%;float: left;margin-right: 2.83333%;margin-bottom: 3vw;}
.corhon .index .text1 li .img{width:100%;float: left;overflow: hidden;cursor: pointer;}
.corhon .index .text1 li .img img{width:100%;height:auto;transition:all .5s;}
.corhon .index .text1 li .img img:hover{transform:scale(1.1);}
.corhon .index .text1 li p{line-height: 1.2vw;color: #333333;font-size: 0.9375vw;text-align: center;width:100%;float: left;padding-top: 1vw;}
.corhon .index .text1 .a{width:100%;text-align: center;cursor: pointer;line-height: 2vw;font-size: 1.1vw;font-weight: bold;color: #333333;margin-bottom: 3vw;}
.corhon .index .text1 .a a{border-bottom: solid 0.05vw #333333;}
.corhon .index .text1 .a a:hover{border-bottom: solid 0.05vw #dc221a;}
.loading{width:32px;position: fixed;top:calc(50% - 16px);left:calc(50% - 16px);opacity: 0;transition:all .5s;}


/*工厂介绍*/
.factory .index{width:100%;float: left;margin-top: 4.6875vw;margin-bottom: 10vw;}
.factory .index .text{width:100%;float: left;position: relative;}
.factory .index .text .img{width:53.645vw;position:absolute;top:0;left:-4.1666vw;height: auto;z-index:-1;}
.factory .index .text .left{width:50%;float: left;margin-top: 6vw;padding:2vw 4.6875vw;box-sizing:border-box;}
.factory .index .text .right{float: right;width:48%;margin-top: 5.46875vw;box-shadow: 0 0 1vw #e9e9e9;}
.factory .index .text .right img{width:100%;height:auto;}
.factory .index .text .left h2{color: #333333;line-height: 3vw;font-size: 1.875vw;font-weight: bold;}
.factory .index .text .left i{width:4.5vw;height:0.1vw;background: #da251c;margin:1.75vw 0;display: block;}
.factory .index .text .left p{color: #4c4c4c;line-height: 1.2vw;font-size: 0.83vw;}
.factory .index .text1,.factory .index .text2,.factory .index .text3,.factory .index .text4{width:100%;margin-top: 5.46875vw;float: left; position: relative;}
.factory .index .text1 .left{float: left;width:48%;box-shadow: 0 0 1vw #e9e9e9;overflow: hidden;}
.factory .index .text1 .left img{width:100%;height:auto;transition: all .5s;}
.factory .index .left,.factory .index .right{overflow: hidden;}
.factory .index .left img,.factory .index .right img{transition:all .5s;}
.factory .index .left img:hover,.factory .index .right img:hover{transform:scale(1.1);}
.factory .index .text1 .right{width:50%;float: right;padding:2vw 4.6875vw;box-sizing:border-box;overflow: hidden;}
.factory .index .text1 .right h2{color: #333333;line-height: 3vw;font-size: 1.875vw;font-weight: bold;}
.factory .index .text1 .right i{width:4.5vw;height:0.1vw;background: #da251c;margin:1.75vw 0;display: block;}
.factory .index .text1 .right p{color: #4c4c4c;line-height: 1.2vw;font-size: 0.83vw;}
.factory .index .text2 .img{width:53.645vw;position:absolute;top:0;right:-4.1666vw;height: auto;z-index:-1;}
.factory .index .text2 .left{width:50%;float: left;margin-top: 6vw;padding:2vw 4.6875vw;box-sizing:border-box;}
.factory .index .text2 .right{float: right;width:48%;margin-top: 5.46875vw;box-shadow: 0 0 1vw #e9e9e9;}
.factory .index .text2 .right img{width:100%;height:auto;}
.factory .index .text2 .left h2{color: #333333;line-height: 3vw;font-size: 1.875vw;font-weight: bold;}
.factory .index .text2 .left i{width:4.5vw;height:0.1vw;background: #da251c;margin:1.75vw 0;display: block;}
.factory .index .text2 .left p{color: #4c4c4c;line-height: 1.2vw;font-size: 0.83vw;}
.factory .index .text3 .left{float: left;width:48%;box-shadow: 0 0 1vw #e9e9e9;}
.factory .index .text3 .left img{width:100%;height:auto;}
.factory .index .text3 .right{width:50%;float: right;padding:2vw 4.6875vw;box-sizing:border-box;}
.factory .index .text3 .right h2{color: #333333;line-height: 3vw;font-size: 1.875vw;font-weight: bold;}
.factory .index .text3 .right i{width:4.5vw;height:0.1vw;background: #da251c;margin:1.75vw 0;display: block;}
.factory .index .text3 .right p{color: #4c4c4c;line-height: 1.2vw;font-size: 0.83vw;}
.factory .index .text4 .img{width:53.645vw;position:absolute;top:0;left:-4.1666vw;height: auto;z-index:-1;}
.factory .index .text4 .left{width:50%;float: left;margin-top: 6vw;padding:2vw 4.6875vw;box-sizing:border-box;}
.factory .index .text4 .right{float: right;width:48%;margin-top: 5.46875vw;box-shadow: 0 0 1vw #e9e9e9;}
.factory .index .text4 .right img{width:100%;height:auto;}
.factory .index .text4 .left h2{color: #333333;line-height: 3vw;font-size: 1.875vw;font-weight: bold;}
.factory .index .text4 .left i{width:4.5vw;height:0.1vw;background: #da251c;margin:1.75vw 0;display: block;}
.factory .index .text4 .left p{color: #4c4c4c;line-height: 1.2vw;font-size: 0.73vw;}

/*公司历程*/
.deve .index{width:100%;float: left;position: relative;padding-bottom: 5vw;}
.deve .index h2{color: #333333;line-height: 4vw;font-size: 1.83vw;text-align: center;margin-top: 4vw;width:100%;}
.deve .index img{width:100%;height: auto;}
.deve .index li{width:16.8vw;position:absolute;top:0;left:0;z-index: 6;}
.deve .index li h3{line-height: 3vw;color: #333333;font-size: 1.5625vw;border-bottom: solid 0.05vw #e3e3e3;font-weight: bold;background: white;}
.deve .index li p{color: #333333;line-height: 1.2vw;font-size: 0.73vw;padding:1vw 0;}
.deve .index li.t1{top: 11.5vw;left: 53vw;}
.deve .index li.t2{top: 26.5vw;left: 53vw;}
.deve .index li.t3{top: 21.5vw;left: 26vw;}
.deve .index li.t4{top: 46.5vw;left: 26vw;}
.deve .index li.t5{top: 50vw;left: 68.5vw;}
.deve .index li.t6{top: 56vw;left: 43vw;}
.deve .index li.t7{top: 81vw;left: 26vw;}
.deve .index li.t8{top: 77vw;left: 65.5vw;}

/*新闻详情页面*/
.main-news{padding: 3.5vw 0;background-color:#f0f0f0;overflow: hidden;width:100%;}
.main-news .main-width{overflow:hidden;}
.main-news .cont-box{float:left;width:70%;}
.main-news .cont-box .content{padding:2.34375vw;background-color:#fff;margin-bottom:0.78125vw;}
.main-news .cont-box .content .title{position:relative;padding:0 6.25vw 1.5625vw 0;margin-bottom:1.5625vw;border-bottom:0.05vw solid #e5e5e5;}
.main-news .cont-box .content .title h1{padding:0.52vw 0;line-height:1.5625vw;font-size:1.35416vw;color: #e8231a;font-family: Times New Roman;font-weight: bold;}
.main-news .cont-box .content .title p{position:absolute;top:1.1vw;right:0.25vw;line-height:1.1vw;}
.main-news .cont-box .content .detail h3{font-size:0.9375vw;font-family:Times New Roman;margin-bottom:0.78125vw;color:#000;}
.main-news .cont-box .content .detail p{font-size:0.83vw;margin-bottom:0.78125vw;color:#333333;}
.main-news .cont-box .content .detail img{width:100%;height: auto;}
.main-news .cont-box .content .detail .img{width:101.5%;}
.main-news .cont-box .content .detail .img img{width:48.5%;margin-top: 1.5%;margin-right: 1.5%;height: auto;}
.main-news .cont-box .content .detail table{width:100%;}
.main-news .cont-box .content .detail table th,.main-news .cont-box .content .detail table td{text-align:center;line-height:1.302vw;padding:0.25vw 0;border:0.05vw solid #ccc;}
.main-news .cont-box .content .detail table th{background-color:#f5f5f5;}
.main-news .cont-box .content .detail .contact li{line-height:1.302vw;padding:0.25vw 0;font-size:0.83vw;}
.main-news .cont-box .subpage{background-color:#fff;padding:0.52vw 2.34375vw;line-height:1.5625vw;overflow:hidden;}
.main-news .cont-box .subpage li{position:relative;line-height:1.1vw;width:47.5%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;font-size: 0.83vw;}
.main-news .cont-box .subpage li a{font-size: 0.83vw;}
.main-news .cont-box .subpage li span{position:absolute;left:0;top:0;}
.main-news .cont-box .subpage .prev{float:left;/* padding-left: 1vw; */}
.main-news .cont-box .subpage .next{float:right;padding-left:2.34375vw;}
.main-news .other-list{float:right;width:25%;}
.main-news .other-list .recommend{background-color:#fff;}
.main-news .other-list .recommend h2{line-height:4vw;font-size:1.35416vw;padding-left: 1.5vw;color:#333333;font-family: Times New Roman;font-weight: bold;}
.main-news .other-list .recommend img{width:100%;height:auto;}
.main-news .other-list .latest{background-color:#fff;padding:1.302vw 1.1vw;padding-top: 0;}
.main-news .other-list .latest ul{border-top:0.05vw solid #e5e5e5;}
.main-news .other-list .latest ul li{position:relative;padding:0.52vw 0 0.52vw 1.45vw;line-height:1.5625vw;border-bottom:0.05vw solid #e5e5e5;font-size:0.83vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-news .other-list .latest ul li i{position:absolute;top:0.52vw;left:0;font-size:1.875vw;line-height:1.5625vw;width:1.302vw;text-align:center;}

.about-fixe-img.on{z-index: 9999;opacity: 1;}
.about-fixe-img{width:100%;height: 100%;position: fixed;z-index: -1;background: #0000006b;opacity: 0;transition:all .5s;}
.about-fixe-img img{width: 30vw;position: absolute;height: auto;left: 35vw;top: 5vw;}
.about-fixe-img .delete{width:4vw;height: 4vw;position: absolute;border-radius: 4vw;background: #ffffff8a;left: 66vw;top: 3vw;line-height: 4vw;font-size: 2vw;text-align: center;font-weight: bold;cursor: pointer;color: #000000;opacity: 0.8;transition:all .5s;}
.about-fixe-img .delete:hover{opacity: 1;}


.page{margin-top: 3vw;width: 100%;float: left;}
.page ul{overflow:hidden;text-align:center;}
.page ul li{display:inline-block;margin:0 5px 10px;}
.page ul li a{display:block;padding:0 13px;line-height:34px;text-align:center;border:1px solid #999;border-radius:5px;color:#999;}
.page ul li a:hover{background-color: #dc221a;color:#fff;border-color: #dc221a;}
.page ul li.thisclass a{background-color: #dc221a;color:#fff;border-color: #dc221a;}
.to-top{position: fixed;width:39px;right:20px;top:calc(50% - 19.5px);height: 39px;background: url(../images/to-top.png);background-size: 100%;z-index: 999999;transition:all .5s;}
.to-top a{width:100%;height: 100%;position: absolute;}
.to-top:hover{opacity: 0.7;}



.an-overall .animate{transform:translateY(80px);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:transform .8s ease,opacity .8s ease;}
.an-overall .t1{transition-delay:.2s;}
.an-overall .t2{transition-delay:.4s;}
.an-overall .t3{transition-delay:.6s;}
.an-overall .t4{transition-delay:.8s;}
.an-overall .t5{transition-delay:1s;}
.an-overall .t6{transition-delay:1.2s;}
.an-overall .t7{transition-delay:1.4s;}
.an-overall .t8{transition-delay:1.6s;}
.an-overall.action .animate{transform:translateY(0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

#pages {
	text-align: center;
	margin: 20px 0 30px
}
#pages a {
	font-family: Arial;
	font-size: 14px;
	display: inline-block;
	width: auto;
	padding:0 10px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #e6e6e6;
	background: #fff;
	color: #646464;
	margin-right: 8px;
	text-align: center
}
#pages span:first-child{ margin-right:5px;}
#pages a:hover{ background: #da251c;
    color: #fff;
    border-color: #da251c;}
#pages a.page-num-current {
	background: #da251c;
    color: #fff;
    border-color: #da251c;
}
#pages a.a1 {
	display: none;
	width: 108px;
	font-size: 12px;
	float: left;
	text-align: left;
	border: none;
	background: 0 0;
	color: #646464
}
#pages a.a1 font {
	color: #fead0f;
	padding: 0 3px
}