/*
* @description: PC
* @author: Senxia
* @update: 2018-07-24
*/
body{ background: #fff; }
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: 100%; margin: 0 auto;}





.header{ width: 100%; float: left; z-index:2; overflow: hidden;}
.header .top{ width: 100%; float: left; border-top: 0.05rem solid #5d5d5d; }
.header .top .r{ display: none; }
.header .top span{ display: none; font-size: 0.12rem; color: #7f7f7f; float: right; line-height: 0.46rem; padding-left: 0.3rem; background: url(../images/home.png) no-repeat 0 0.13rem}
.header .top span.tel{ display: block;  background: url(../images/m-tel.png) no-repeat 0 0.13rem}
.header .menu{ width: 100%; background: #fff; float: left;  }

.header .logo{ margin: 0.16rem 0 0.16rem 0.16rem; float: left; z-index: 2; position: relative;}
.header .logo img{ height: 0.57rem;}

.header ul.nav{ width: 100%; float: right; height: 100%; position: fixed; z-index: 100; right: -100%; top: 0; box-sizing: border-box; background: rgba(0,0,0,0.3)}
.header ul.nav li{ float: left; width: 100%;}
.header ul.nav li a{padding: 0.1rem 0.17rem 0; width: 100%; box-sizing: border-box; line-height: 0.5rem; text-transform: uppercase; float: left; color: #fff; font-size: 0.16rem; position: relative;}
.header ul.nav li a::after{ content:""; background: #ff6c00; margin: 0 0 0 0.1rem; height: 0.04rem; width: 0; display: inline-block;}
.header ul.nav li a.cur{ color: #ff6c00;}
.header ul.nav li a.cur::after{width: 0.1rem; left: 0%;}
.header ul.nav li a:hover{ color: #ff6c00; }
.header ul.nav li a:hover::after{ width: 0.1rem; left: 0%;}
.header ul.nav li a.cur:hover{ color: #ff6c00;}

.header ul.nav .nav-c{ width: 0.3rem; height: 0.3rem; background: #ff6c00; border-radius: 0.3rem; text-align: center; position: fixed; left: 3.7rem; top: 0.36rem; display: inline-block; cursor: pointer; transition: all 0.3s ease-in-out 0.2s}

.header ul.nav .nav-c::before{ content: ""; width: 0.2rem; height: 0.02rem; background: #fff; display: inline-block; position: absolute; top: 0.08rem; left: 0.06rem; transition: all 0.3s ease-in-out}
.header ul.nav .nav-c::after{ content: ""; width: 0.2rem; height: 0.02rem; background: #fff; display: inline-block; position: absolute; bottom: 0.08rem; left: 0.06rem; transition: all 0.3s ease-in-out}
.header ul.nav .nav-c span{ width: 0.2rem; height: 0.02rem; background: #fff; display: inline-block; position: absolute; top: 50%; left: 0.06rem; margin-top: -0.01rem;}

.header ul.nav.open .nav-c span{ opacity: 0;}
.header ul.nav.open .nav-c::before{ transform: rotate(45deg); top: 50%; margin-top: -0.01rem; background: #ff6c00}
.header ul.nav.open .nav-c::after{ transform: rotate(-45deg); bottom: 50%;  margin-bottom: -0.01rem; background: #ff6c00}
.header ul.nav.open .nav-c{ background: #fff; right: 50%; left: auto; top: 0.2rem; margin-right: 0.2rem;}

header .nav{ width: 50%; height: 100%; padding-left: 0.3rem; right: -50%; display: inline-block; vertical-align: middle; position: fixed; transition: all 0.3s ease-in-out }

.header ul.nav.open{ padding-left: 50%;}
.header ul.nav.open:before{ position: absolute; content: ""; right: 0; top: 0; background: #000; width: 50%; height: 100%; display: block; transition: all 0.3s ease-in-out; z-index: -1;}




.slideBox{ width: 100%; position: relative; overflow: hidden; z-index: -1;}
.slideBox .bd{ width: 100%;}
.slideBox .bd li{ width: 100%; float: left; height: 2.4rem; background: url(../images/banner01.jpg) no-repeat center center;background-size:160% 100%; }
.slideBox .bd li:nth-child(2){ background: url(../images/banner02.jpg) no-repeat center center; background-size:160% 100%;  }
.slideBox .bd li:nth-child(3){ background: url(../images/banner03.jpg) no-repeat center center; background-size:160% 100%;  }
.slideBox .bd li img{ display: none;}

.i-ab{ width: 100%; float: left; background: #f6f4f4; padding: 0.32rem 0.2rem 0; box-sizing: border-box}
.i-ab .i-ab-img{ margin-left: 0.3rem; float: left; display: none;}
.i-ab .text{ float: right; width: 100%; position: relative;}
.i-ab .text h2{ width: 100%; float: left; font-size: 0.18rem; color: #00428e; padding-bottom: 0.1rem; margin-bottom: 0.3rem;  line-height: 0.24rem; position: relative; text-align: center;}
.i-ab .text h2 i{ font-size: 0.14rem; color: #656565; display: none; }
.i-ab .text h2:before{ width: 0.8rem; height: 0.02rem; position: absolute; content: "";background: #f95f39; left: 50%; margin-left: -0.4rem; bottom: 0;}
.i-ab .text p{ width: 100%; float: left; color: #646464; line-height: 0.24rem; font-size: 0.14rem; margin: 0; background: url(../images/i-about.jpg) no-repeat top center / auto 2.23rem; padding-top: 2.48rem; }
.i-ab .text p+p{ display: none;}
.i-ab .text b{width: 100%; position: absolute; top: 1.48rem; left: 0; line-height: 0.24rem; height: 0.24rem; border-right: 0.04rem solid #ff6c00; padding-right: 0.1rem; float: left; text-align: right; font-family: Charter Bd BT; color: #dbdbdb; font-size: 0.24rem; font-style: italic; box-sizing: border-box;}
.i-ab .text a{ float: left; margin: 0.24rem 0 0.4rem; line-height: 0.45rem; background: #ff6c00; color: #fff; font-size: 0.16rem; text-align: center; padding: 0 0.42rem; border-radius: 0.45rem; text-transform: uppercase;}
.i-ab .text a:hover{ opacity: .7;}

.i-ad{ width: 100%; float: left; background: url(../images/i-ad.jpg) no-repeat top center; background-size: 100% 100%; }
.i-ad .main{ width: 100%; }
.i-ad ul{ width: 100%; float: left; }
.i-ad ul li{ width: 50%; float: left; margin: 0.3rem 0;  }
.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: 0.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: 0.5rem; overflow: hidden; }
.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 .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 .i-product-list{ width: 100%; float: left; margin-top: 0.3rem; }
.i-product .hd ul{ display: none;}
.i-product .hd{ width: 100%; float: left; text-align: center;}
.i-product .hd a{ width: 0.35rem; height: 0.35rem; font-family: "宋体"; cursor: pointer; text-align: center; margin-bottom: 0.24rem;line-height: 0.35rem; display: inline-block;  color: #fff; font-size: 0.1rem;}
.i-product .hd a:hover{ opacity: .7;}
.i-product .hd a.next{ background: #000; margin-left: 0.05rem; }
.i-product .hd a.prev{ background: #808080; }
.i-product .bd ul li{ width: 50%; overflow: hidden; float: left; }
.i-product .bd ul li img{ width: 100%;}
.i-product .bd ul li span{ width: 100%; line-height: 0.58rem; color: #fff; font-size: 14px; float: left; text-align: center; background: #00428e; box-sizing: border-box; padding: 0 0.2rem; overflow: hidden;
text-overflow: ellipsis; white-space: nowrap;  }
.i-product .bd ul li:nth-child(2n) span{ background: #ff6c00; }

.i-adv{ width: 100%; float: left; padding: 0.5rem 0.2rem 0;  box-sizing: border-box; overflow: hidden;  }
.i-adv .main{ position: relative; width: 100%; }
.i-adv h2{ width: 100%; float: left; text-align: center; font-size: 0.18rem; 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.jpg); }
.i-adv .yuan{ float: left; width: 100%;  margin: 0.2rem 0;  }
@-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: -1.06rem; top: 1.37rem; width: 61%; }
.i-adv .yuan1{float: left; width: 1rem; height: 1rem; border-radius: 100%; background: #00428e; line-height: 1rem; text-align: center; font-size: 0.3rem; font-weight: bold; color: #fff; margin-bottom: 0.2rem;}
.i-adv .yuan2{ float: left; width: 1rem; height: 1rem; border-radius: 100%; background: #00428e; line-height: 1rem; text-align: center; font-size: 0.3rem; font-weight: bold; color: #fff; margin: 0 0.3rem; margin-bottom: 0.2rem;}
.i-adv .yuan3{ float: left; width: 1rem; height: 1rem; border-radius: 100%; background: #00428e; line-height: 1rem; text-align: center; font-size: 0.3rem; font-weight: bold; color: #fff;  margin-bottom: 0.2rem;}
.i-adv .yuan4{ float: left; width: 1rem; height: 1rem; border-radius: 100%; background: #00428e; line-height: 1rem; text-align: center; font-size: 0.3rem; font-weight: bold; color: #fff; margin-bottom: 0.2rem;}
.i-adv .yuan5{ float: left; width: 1rem; height: 1rem; border-radius: 100%; background: #00428e; line-height: 1rem; text-align: center; font-size: 0.3rem; font-weight: bold; color: #fff;  margin: 0 0.3rem; margin-bottom: 0.2rem;}
.i-adv .yuan6{ float: left; width: 1rem; height: 1rem; border-radius: 100%; background: #00428e; line-height: 1rem; text-align: center; font-size: 0.3rem; font-weight: bold; color: #fff; margin-bottom: 0.2rem;}
.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{float: left; width:100%; }
.i-adv .wz2{float: left; width: 100%; }
.i-adv .wz3{float: left; width:100%; }
.i-adv .wz4{float: left; width: 100%; }
.i-adv .wz5{float: left; width:100%; }
.i-adv .wz6{float: left; width: 100%; }
.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: 0.2rem 0.2rem; box-sizing: border-box;}
.i-news .l{ width: 100%; float: left;  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; display: none; }
.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: 100%; float: right; }
.i-news .list li{ width: 100%;  float: left; margin-top: 0.2rem; background: #fff;}
.i-news .list a:last-child li{ margin-bottom: 0; }
.i-news .list li img{ width: 27%; float: left; margin-top: 0.45rem; margin-left: 0.1rem;}
.i-news .list li .text{ width: 70%;  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; display: none; }

.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: 0.64rem; line-height: 0.64rem; border-top:1px solid #313131; float: left; }
.footer p{ margin: 0; width: 100%; text-align: center; font-size: 0.14rem;}
.footer span{ float: right; display: none;}
.footer span a{ color: #fff;}
.footer b{ display: none; }