/*
* @description: PC
* @author: Senxia
* @update: 2018-07-24
*/

body,html{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.14rem;}
body,IMG,ul,li,i,dd,ol,section,dl,dt,figure{ list-style:none; margin:0; padding:0; border:0;}
i{ font-style:normal;}a{ text-decoration:none;}
h1,h2,h3,h4{display:inline-block;*display: inline;*zoom: 1; margin:0; padding:0; font-weight:100; font-size:100%;}
.main{ width: 1280px; margin: 0 auto;}





.header{ width: 100%; float: left; z-index:2; position: relative;}
.header .top{ width: 100%; float: left; height: 1.33rem; border-top: 0.05rem solid #5d5d5d; padding-top: 0.41rem; }
.header .top .main{ width: 1170px; }
.header .top ul{ float: right; height: 0.48rem; margin-top: 0.3rem; }
.header .top ul li:nth-child(1){ padding-left: 0.38rem; padding-right: 0.54rem; font-size: 0.14rem; color: #000; background: url(../images/add.png) no-repeat left center; line-height: 0.48rem; border-right: 0.01rem #e1e1e1 solid; float: left; }
.header .top ul li:nth-child(2){ float: left; margin-left: 0.49rem; height: 0.48rem; padding-left: 0.47rem; background: url(../images/tel.png) no-repeat left center; font-size: 0.14rem; line-height: 0.21rem; }

.header .menu{ width: 100%; background: #fff; float: left; position: relative; z-index: 1;}
.header .menu .main{ width: 1170px; }
.nav-c{ display: none;}
.header .logo{  float: left; z-index: 2; position: relative;}

.header ul.nav{ width: 100%; float: left; background: #343434; border-radius: 0.05rem; margin-bottom: -0.32rem; box-sizing: border-box; padding-left: 0.29rem;}
.header ul.nav li{ float: left;}
.header ul.nav li a{padding: 0 0.17rem 0; margin: 0 0.04rem; line-height: 0.64rem; text-transform: uppercase; float: left; color: #fff; font-size: 0.14rem; position: relative;}
.header ul.nav li:last-child{ float: right; padding: 0; width: 0.9rem; height: 0.64rem; background: #5d5d5d; border-radius: 0.05rem; }
.header ul.nav li:last-child a{ padding: 0; margin-top: 0.16rem; margin-left: 0.22rem; }

.header ul.nav li a.cur{ color: #ff6c00;}
.header ul.nav li a:hover{ color: #ff6c00; }
.header ul.nav li a.cur:hover{ color: #ff6c00;}

.slideBox{ width: 100%; position: relative; overflow: hidden;}
.slideBox .bd{ width: 100%;}
.slideBox .bd li{ width: 100%;}
.slideBox .bd li img{ width: 100%;}

.slideBox .hd{ width: 100%; text-align: center; bottom: 30px; position: absolute; z-index: 2; }
.slideBox .hd ul{ width: auto; display: table; margin: 0 auto; }
.slideBox .hd ul li{ margin: 0 10px; display: table-cell; width: 10px; height: 10px; position: relative; border-radius: 100%; background: #b0a68d; float: left; transition: all 0.4s ease; }
.slideBox .hd li::after { content: ""; opacity: 0; position: absolute; left: -5px; top: -5px; border: 1px solid #b0a68d; width: 20px; height: 20px; box-sizing: border-box; border-radius: 100%;
}

.slideBox .hd li.on::after { content: ""; opacity: 1; }

.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.i-ab{ width: 100%; float: left; background: #fff; padding: 0.46rem 0;}
.i-ab .i-ab-img{ margin-left: 0.29rem; float: left;}
.i-ab .text{ margin-right: 0.1rem; float: right; width: 6.1rem;}
.i-ab .text h2{ width: 100%; float: left; font-size: 0.24rem; color: #00428e; padding-bottom: 0.2rem; margin-top: 0.24rem; line-height: 0.24rem; position: relative;}
.i-ab .text h2 i{ font-size: 0.14rem; color: #656565; }
.i-ab .text h2:before{ width: 0.8rem; height: 0.02rem; position: absolute; content: "";background: #f95f39; left: 0; bottom: 0;}
.i-ab .text p{ width: 100%; float: left; color: #646464; line-height: 0.24rem; font-size: 0.14rem; margin: 0; margin-top: 0.13rem; }
.i-ab .text a{ float: left; line-height: 0.36rem; width: 1.33rem; background: #f95f39; color: #fff; font-size: 0.14rem; text-align: center; text-transform: uppercase; margin-top: 0.19rem;}
.i-ab .text a:hover{ background: #00428e;}

.i-ad{ width: 100%; float: left; height: 3.51rem; background: url(../images/i-ad.jpg); }
.i-ad .main{ width: 1205px; }
.i-ad ul{ width: 100%; float: left; }
.i-ad ul li{ width: 2.41rem; float: left; height: 3.51rem; }
.i-ad ul li:nth-child(2n){ background: rgba(0,0,0,0.32); }
.i-ad ul li h2{ width: 100%; float: left; text-align: center; color: #fff; font-size: 0.48rem; color: #fff; line-height: 0.48rem; position: relative; margin-top: 1.2rem; padding-bottom: 0.14rem; height: 0.48rem; }
.i-ad ul li h2 i{ font-size: 0.14rem;  }
.i-ad ul li h2:after{ position: absolute; content: ""; width: 0.29rem; height: 0.01rem; background: #fff; bottom: 0; left: 50%; margin-left: -0.14rem; }
.i-ad ul li p{ width: 100%; float: left; color: #fff; font-size: 0.14rem; text-align: center; margin: 0; margin-top: 0.2rem; }

.i-product{ width: 100%; float: left; box-sizing: border-box; padding-top: 70px; }
.i-product h2{ width: 100%; float: left; text-align: center; font-size: 0.24rem; color: #00428e; position: relative; padding-bottom: 0.2rem; }
.i-product h2:after{ content: ""; position: absolute; width: 0.5rem; height: 0.02rem; background: #f95f39; left: 50%; margin-left: -0.25rem; bottom: 0; }
.i-product .i-product-list{ width: 100%; float: left; margin-top: 40px; overflow: hidden; }
.i-product .moree{ float: left; width: 100%; margin-top: 37px;}
.i-product .more{ width: 136px; height: 36px; display: block; background: #f95f39; margin: auto; color: #fff; line-height: 36px; text-align: center; }
.i-product .more:hover{ background: #00428e; }

.i-product .hd ul{ display: none;}
.i-product .hd{ float: right;}
.i-product .hd a{ width: 35px; height: 35px; font-family: "SimSun"; cursor: pointer; text-align: center; line-height: 35px; float: left; color: #fff; font-size: 10px; margin-bottom: 37px;}
.i-product .hd a:hover{ opacity: .7;}
.i-product .hd a.next{ background: #000; margin-left: 10px; }
.i-product .hd a.prev{ background: #808080; }
.i-product .bd ul li{ width: 305px !important; box-sizing: border-box; overflow: hidden; float: left; border: 1px solid #00428e; margin-right: 20px;}
.i-product .bd ul li:hover{ border-color: #ff6c00;}
.i-product .bd ul li img{ max-width: 100%;}
.i-product .bd ul li span{ width: 100%; box-sizing: border-box; padding: 0 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 48px; color: #fff; font-size: 14px; float: left; text-align: center; background: #00428e;  }
.i-product .bd ul li:hover span{ background: #ff6c00; }

.i-adv{ width: 100%; float: left; height: 7.25rem; margin-top: 0.8rem;  }
.i-adv .main{ position: relative; }
.i-adv h2{ width: 100%; float: left; text-align: center; font-size: 0.24rem; position: relative; padding-bottom: 0.2rem; text-transform: uppercase; }
.i-adv h2 b{ color: #00428e; font-weight: bold; }
.i-adv h2:after{ content: ""; position: absolute; width: 4.19rem; height: 0.11rem; bottom: 0; left: 50%; margin-left: -2.09rem; background: url(../images/advafter.png); }
.i-adv .yuan{ position: absolute; left: 50%; margin-left: -2.3rem; top: 1.54rem;  }
@-webkit-keyframes rotation 
{
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
.yuan { -webkit-transform: rotate(360deg); animation: rotation 8s linear infinite; -moz-animation: rotation 8s linear infinite; -webkit-animation: rotation 8s linear infinite; -o-animation: rotation 8s linear infinite; }

.i-adv .cp{ position: absolute; left: 50%; margin-left: -115px; top: 250px; }
.i-adv .yuan1{ position: absolute; width: 100px; height: 100px; border-radius: 100%; background: #00428e; line-height: 100px; text-align: center; font-size: 30px; font-weight: bold; color: #fff; top: 129px; left: 462px; }
.i-adv .yuan2{ position: absolute; width: 100px; height: 100px; border-radius: 100%; background: #00428e; line-height: 100px; text-align: center; font-size: 30px; font-weight: bold; color: #fff; top: 129px; right: 462px; }
.i-adv .yuan3{ position: absolute; width: 100px; height: 100px; border-radius: 100%; background: #00428e; line-height: 100px; text-align: center; font-size: 30px; font-weight: bold; color: #fff; top: 334px; left: 345px; }
.i-adv .yuan4{ position: absolute; width: 100px; height: 100px; border-radius: 100%; background: #00428e; line-height: 100px; text-align: center; font-size: 30px; font-weight: bold; color: #fff; top: 334px; right: 345px; }
.i-adv .yuan5{ position: absolute; width: 100px; height: 100px; border-radius: 100%; background: #00428e; line-height: 100px; text-align: center; font-size: 30px; font-weight: bold; color: #fff; top: 541px; left: 462px; }
.i-adv .yuan6{ position: absolute; width: 100px; height: 100px; border-radius: 100%; background: #00428e; line-height: 100px; text-align: center; font-size: 30px; font-weight: bold; color: #fff; top: 541px; right: 462px; }
.i-adv span{ width: 100%; float: left; font-size: 18px; color: #000; font-weight: bold; }
.i-adv p{ width: 100%; float: left; font-size: 14px; color: #999999; line-height: 25px; }
.i-adv .wz1{ position: absolute; width: 266px; top: 149px; left: 39px; }
.i-adv .wz2{ position: absolute; width: 266px; top: 149px; right: 39px; }
.i-adv .wz3{ position: absolute; width: 266px; top: 360px; left: 39px; }
.i-adv .wz4{ position: absolute; width: 266px; top: 360px; right: 39px; }
.i-adv .wz5{ position: absolute; width: 266px; top: 570px; left: 39px; }
.i-adv .wz6{ position: absolute; width: 266px; top: 570px; right: 39px; }
.i-adv .wz2,.i-adv .wz4,.i-adv .wz6 span{ text-align: right; }
.i-adv .wz2,.i-adv .wz4,.i-adv .wz6 p{ text-align: right; }


.i-news{ width: 100%; float: left; background: #f6f6f6; padding: 75px 0;}
.i-news .l{ width: 230px; height: 512px; float: left; margin-left: 38px; box-sizing: border-box; border: 2px solid #00428e; }
.i-news .l .bt{ width: 100%; float: left; height: 118px; background: #00428e; }
.i-news .l h2{ width: 100%; float: left; color: #fff; font-size: 24px; text-align: center; margin-top: 29px; }
.i-news .l i{ width: 100%; float: left; font-size: 14px; text-align: center; color: #fff; margin-top: 9px; }
.i-news .l ul{ width: 100%; float: left; box-sizing: border-box; padding: 29px 18px 0; }
.i-news .l ul li{ width: 100%; float: left; box-sizing: border-box; border: 2px solid #00428e; height: 40px; line-height: 40px; text-align: center; margin-bottom: 20px; }
.i-news .l ul a+a li{ border:1px #00428e dashed; }
.i-news .l ul a:hover li{ border: 2px #00428e solid; font-weight: bold; }
.i-news .l .tel{ width: 100%; float: left; height: 98px; background:#00428e; margin-top: 83px; }
.i-news .l .tel p{ width: 100%; float: left; font-size: 14px; text-align: center; color: #fff; margin: 0; margin-top: 20px; }
.i-news .l .tel span{ width: 100%; float: left; color: #fff; font-size: 24px; text-align: center; margin-top: 17px; }

.i-news .list{ width: 940px; float: right; margin-right: 42px;}
.i-news .list li{ width: 100%; height: 150px; float: left; margin-bottom: 31px; background: #fff;}
.i-news .list a:last-child li{ margin-bottom: 0; }
.i-news .list li img{ width: 240px; height: 150px; float: left;}
.i-news .list li .text{ width: 700px; height: 150px; float: right; box-sizing: border-box; padding: 19px 34px 20px 29px; }
.i-news .list li .text h2{ width: 100%; float: left; font-size: 16px; color: #000000; height: 16px; line-height: 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top: 6px; }
.i-news .list li .text b{ width: 100%; float: left; color: #999999; font-size: 13px; line-height: 13px; font-weight: normal; margin-top:14px; }
.i-news .list li .text p{ width: 100%; float: left; color: #999999; font-size: 14px; line-height: 25px; margin: 0; height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:12px; }
.i-news .list li:hover img{ opacity: 0.8; }
.i-news .list li:hover b,.i-news .list li:hover p{ color: #000; }

.i-foot{ width: 100%; float: left; background: #434343; padding-top: 53px; padding-bottom: 60px; }

.i-foot .i-contact{ width: 290px; height: 237px; float: left; margin-left: 87px; position: relative; }
.i-foot .i-contact:after{ width: 1px; height: 150px; content: ""; position: absolute; background: #565656; right: 0; top:40px;  }
.i-foot .i-contact h2{ width: 100%; float: left; font-size: 16px; color: #fff; }
.i-foot .i-contact b{ width: 100%; float: left; font-size: 24px; color: #fff; font-weight: normal; margin-top: 21px; margin-bottom: 19px;  }
.i-foot .i-contact p{ width: 100%; float: left; font-size: 12px; color: #fff; line-height: 22px; margin: 0; margin-bottom: 15px; }
.i-foot .i-contact a{ width: 88px; height: 28px; float: left; line-height: 28px; border: 1px #898989 solid; border-radius: 5px; text-align: center; color: #898989; font-size: 12px; }
.i-foot .i-contact a:hover{ border-color: #fff; color: #fff; }

.i-foot .i-ewm{ width: 298px; float: left; height: 237px; padding-left: 87px; padding-right: 76px; position: relative; }
.i-foot .i-ewm:after{ width: 1px; height: 150px; content: ""; position: absolute; background: #565656; right: 0; top:40px;  }
.i-foot .i-ewm h2{ width: 100%; float: left; font-size: 16px; color: #fff; }
.i-foot .i-ewm ul{ width: 100%; float: left; margin-top: 30px; }
.i-foot .i-ewm ul li{ width: 130px; float: left; }
.i-foot .i-ewm ul li+li{ float: right; }
.i-foot .i-ewm ul li img{ width: 100%; height: 130px; float: left; border-radius: 5px; }
.i-foot .i-ewm ul li span{ width: 100%; float: left; text-align: center; font-size: 12px; color: #fff; line-height: 38px; }

.i-foot .i-dh{ width: 300px; float: left; height: 237px; padding-left: 70px; }
.i-foot .i-dh h2{ width: 100%; float: left; font-size: 16px; color: #fff; }
.i-foot .i-dh ul{ width: 100%; float: left; height: 18px; line-height: 18px; margin-top: 24px; }
.i-foot .i-ewm ul li:last-child{ margin-right: 0; }
.i-foot .i-dh ul li{ float: left; font-size: 12px; color: #fff; margin-right: 30px; }
.i-foot .i-dh ul li a{ color: #fff; }
.i-foot .i-dh ul li a:hover{ color: #f95f39; }

.footer{ width: 100%; background: #292929; color: #fff; height: 64px; line-height: 64px; border-top:1px solid #313131; float: left; }
.footer p{ margin: 0;}
.footer p i{ width: auto; float: left; font-style: normal; line-height: 64px; }
.footer b{ float: right; line-height: 64px; font-weight: normal;}
.footer b a{ color: #fff;}

.i-product .tit ul li a,.i-product .bd ul li,.i-product .hd a,.i-adv .i-adv-r .hd a,.i-ad a{ transition: all 0.3s ease}



@media screen and (max-width:1600px){
    .i-adv .list li{ padding:0 50px 0 85px;}
}

@media screen and (max-width:1440px){
    .i-product .bd ul li{ width: 290px;}
    .i-adv .list li{ padding:0 20px 0 85px;}
}

@media screen and (max-width:1366px){
    .i-product .bd ul li{ width: 270px;}
    .i-adv .list li{ padding:0 10px 0 75px;}
}

@media screen and (max-width:1280px){
    .main{ width: 1200px; margin: 0 auto;}
    .i-ab .i-ab-img{ margin-left: 0; float: left;}
    .i-product .bd ul li{ width: 330px; margin-right: 40px;}
    .i-foot .i-news{ width: 480px; float: left;}

}