@charset "utf-8";
/* reset */
*{margin: 0;padding: 0;font-family: PFjc;}
body{width: 100%;overflow-x: hidden;font-weight: 500;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,keygen,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input,textarea,select,button{margin:0;padding:0;border:0;outline:0;font-size:100%;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul,li{list-style:none;}
sup,sub{font-size:83%}
blockquote,q{quotes:none} 
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
del{text-decoration:line-through}
ins,u,s,a,a:hover{text-decoration:none}
em,i,cite,var,address,dfn{font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:normal}
html,body,fieldset,img,iframe,abbr{border:0}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:normal}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button,label{cursor:pointer}
body,textarea,input,button,select,keygen,legend{color:#666}
input::-webkit-input-placeholder{color: #ccc;} 
input:-moz-placeholder{color: #ccc;}
input::-moz-placeholder{color: #ccc;}
input::-ms-input-placeholder{color: #ccc;}
textarea::-webkit-input-placeholder{color: #ccc;}
textarea:-moz-placeholder{color: #ccc;}
textarea::-moz-placeholder{color: #ccc;}
textarea::-ms-input-placeholder{color: #ccc;}
html{_background-image:url(about:blank);_background-attachment:fixed}
html{background-color:#fff}
img{ border: none;}
a{color:#666;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*a:hover{color:#ff571a;}*/
p{margin-bottom: 0;}
body{background-color:#fff;min-height: 100vh;}
/* function */
.dn{display:none}
.db{display:block}
.di{display:inline}
.di-b{ display: inline-block;}
.f-fl{float:left;}
.f-fr{float:right;}
.fn{float:none}
.pr{position:relative}
.pa{position:absolute}
.oh{overflow:hidden}
.fs12{font-size:12px}
.fs14{font-size:14px}
.fwb{font-weight:bold}
.tal{text-align:left}
.tac{text-align:center}
.tar{text-align:right}
.vam{vertical-align:middle}
.vat{vertical-align:top}
.wsn{word-wrap:normal;white-space:nowrap}
.ti{overflow:hidden;text-indent:-999em}
.ti2{text-indent:2em}
.cp{cursor:pointer}
.nus{-webkit-user-select:none;-ms-user-select:none;user-select:none}
.clear,.cb{overflow:hidden;display:block;clear:both;height:0}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
.clearfix,.zm{*zoom:1}
a:focus, a:hover{text-decoration: none !important;}
input::-webkit-input-placeholder { 
color: #888; 
} 
input:-moz-placeholder {  
color: #888; 
} 
input::-moz-placeholder { 
color: #888; 
} 
input:-ms-input-placeholder { 
color: #888; 
}

textarea::-webkit-input-placeholder { 
color: #888; 
} 
textarea:-moz-placeholder {  
color: #888; 
} 
textarea::-moz-placeholder { 
color: #888; 
} 
textarea:-ms-input-placeholder { 
color: #888; 
}

.container_box{max-width: 1230px;margin: 0 auto;padding: 0 15px;box-sizing: border-box;font-family:"century gothic";}

.banner{width: 100%;}
.banner img{display: block;width: 100%;}
.banner .box{position: absolute;left: 10%;top: 50%;width: 80%;transform: translateY(-50%);text-align: center;}
.banner .box a{display: inline-block;font-size: 36px;color: #fff;line-height: 70px;padding: 0 62px;border: 1px solid rgba(255,255,255,.8);box-sizing: border-box;border-radius: 36px;}
.banner .box h5{font-size: 72px;color: #fff;margin: 20px 0;}
.banner .box p{font-size: 72px;color: #fff;}
.banner .prev{width: 69px;height: 69px;background: url(../img/prev1.png) center no-repeat;position: absolute;left: 200px;top: 50%;transform: translateY(-50%);z-index: 100;}
.banner .next{width: 69px;height: 69px;background: url(../img/next1.png) center no-repeat;position: absolute;right: 200px;top: 50%;transform: translateY(-50%);z-index: 100;}
.banner .swiper-pagination-bullet-active{width: 38px;border-radius: 4px;}
.banner .swiper-pagination-bullet{background-color: #fff;opacity: 1;}


.header{position: absolute;left: 0;top: 0;z-index: 1000;width: 100%;height: 120px;border-bottom: 1px solid rgba(255,255,255,.3);}
.header .logo{float: left;line-height: 120px;font-size: 0;}
.header .logo img{vertical-align: middle;}
.header .nav{float: right;}
.header .nav ul li{float: left;margin-left: 90px;line-height: 120px;}
.header .nav ul li a{display: block;font-size: 16px;color: #fff;}
.header .nav ul li.act{border-bottom: 2px solid #fff;}
.header .nav ul li:hover{border-bottom: 2px solid #fff;}

.sj_head{display: none;}
.sj_nav{display: none;}
.fix_footer{display: none;}

.index1{width: 100%;}
.index1 .title{padding: 110px 0 70px;box-sizing: border-box;text-align: center;}
.index1 .title p{line-height: 52px;font-size: 36px;color: #272727;}
.index1 .title span{font-size: 18px;color: #999999;display: block;line-height: 25px;}
.index1 .top{text-align: center;}
.index1 .top a{margin:  0 80px;line-height: 43px;border-bottom: 2px solid #fff;box-sizing: border-box;display: inline-block;}
.index1 .top a:hover{color: #e50102;border-bottom-color: #e50102;}
.index1 .top a.act{color: #e50102;border-bottom-color: #e50102;}

.index1 .bottom .box{display: none;}
.index1 .bottom .box.block{display: block;}
.index1 .bottom{width: 100%;padding-top: 20px;}
.index1 .bottom .shang ul{display: flex;justify-content: space-between;}
.index1 .bottom .shang ul li{margin-top: 20px;width: 32.5%;position: relative;}

.index1 .bottom  .hezi img{display: block;width: 100%;}
.index1 .bottom  .hezi p{position: absolute;width: 100%;padding: 0 15px;box-sizing: border-box;line-height: 35px;height: 35px;overflow: hidden;font-size: 18px;color: #fff;left: 0;bottom: 20px;}
.index1 .bottom  .hezi p span{display: block;position: relative;}
.index1 .bottom  .hezi p span::before{transition: .5s all;width: 36px;height: 2px;background-color: #fff;position: absolute;left: 0;bottom: 0;content: ' ';}
.index1 .bottom  .hezi:hover p span::before{width: 100%;}
.index1 .bottom  .hezi .prev{display: none;width: 40px;height: 40px;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);background: url(../img/prev2.png) center no-repeat;z-index: 100;cursor: pointer;} 
.index1 .bottom  .hezi .next{display: none;width: 40px;height: 40px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);background: url(../img/next2.png) center no-repeat;z-index: 100;cursor: pointer;} 
.index1 .bottom  .hezi:hover .prev{display: block;}
.index1 .bottom  .hezi:hover .next{display: block;}
.index1 .bottom .xia{margin-top: 20px;}
.index1 .bottom .xia .left{width: 32.5%;float: left;}
.index1 .bottom .xia .left ul li{width: 100%;}
.index1 .bottom .xia .left ul li:nth-of-type(2){width: 100%;margin-top: 10px;}
.index1 .bottom .xia .right{width: 66.25%;float: right;}
.index1 .bottom .xia .right img{display: block;width: 100%;}
.index1 .more{padding: 78px 0 110px;box-sizing: border-box;}
.index1 .more a{display: block;margin: 0 auto;width: 120px;height: 35px;border:1px solid #272727;color: #272727;text-align: center;line-height: 35px;border-radius: 17px;}
.index1 .more a:hover{color: #fff;background-color: #272727;}

.index2{width: 100%; background: #f9f9f9;padding-bottom: 148px;position: relative;box-sizing: border-box;}
#particles-js {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.index2 .container_box{position: relative;z-index: 1000;}
.index2 .title{padding: 110px 0 70px;box-sizing: border-box;text-align: center;}
.index2 .title p{line-height: 52px;font-size: 36px;color: #272727;}
.index2 .title span{font-size: 18px;color: #999999;display: block;line-height: 25px;}
.index2 .bottom{width: 100%;}
.index2 .bottom ul{display: flex;justify-content: space-between;padding:  0 40px;box-sizing: border-box;}
.index2 .bottom ul li{width: 100%;max-width: 300px;padding: 60px 10px;box-sizing: border-box;height: 421px}
.index2 .bottom ul li .img{width: 100%;margin-bottom: 50px;}
.index2 .bottom ul li .img img{display: block;margin: 0 auto;}
.index2 .bottom ul li h5{line-height: 47px;height: 47px;overflow: hidden;text-align: center;color: #272727;font-size: 30px;}
.index2 .bottom ul li p{line-height: 27px;height: 27px;margin-bottom: 24px;text-align: center;font-size: 18px;color: #d0d0d0;text-transform: uppercase;}
.index2 .bottom ul li:hover{background-color: #fff;box-shadow: 0px 0px 8px rgba(0,0,0,.3);border-bottom: 3px solid #e60000;}


.index3{width: 100%;margin: 52px 0 140px;}
.index3 .top{font-size: 36px;color: #272727;padding: 48px 0;position: relative;}
.index3 .top span{position: absolute;left: 0;bottom: 10px;font-size: 100px;line-height: 100px;color: #999999;opacity: .1;}
.index3 .bottom{width: 100%;}
.index3 .bottom .left{width: 30%;padding-top: 65px;box-sizing: border-box;float: left;}
.index3 .bottom .left img{display: block;width: 100%;}
.index3 .bottom .right{width: 70%;padding-left: 125px;box-sizing: border-box;float: right;}
.index3 .bottom .right .shang{}
.index3 .bottom .right .shang p{line-height: 52px;font-size: 30px;color: #e50102;}
.index3 .bottom .right .shang h5{font-size: 40px;color: #272727;line-height: 60px;}
.index3 .bottom .right .xia{margin-top: 80px;}
.index3 .bottom .right .xia p{line-height: 30px;font-size: 16px;color: #272727;}
.index3 .bottom .right .xia  a{display: block;margin: 90px 0 0;width: 120px;height: 35px;color: #272727;text-align: center;line-height: 35px;border-radius: 17px;border: 1px solid #272727;box-sizing: border-box;}
.index3 .bottom .right .xia  a:hover{color: #fff;background-color: #272727;}



.index4{width: 100%;background-color: #f9f9f9;}
.index4 .title{padding: 110px 0 70px;box-sizing: border-box;text-align: center;}
.index4 .title p{line-height: 52px;font-size: 36px;color: #272727;}
.index4 .title span{font-size: 18px;color: #999999;display: block;line-height: 25px;}
.index4 .bottom{width: 100%;}
.index4 .bottom ul{display: flex;justify-content: space-between;}
.index4 .bottom ul li{width: 32%;background-color: #fff;}
.index4 .bottom ul li .img{overflow: hidden;}
.index4 .bottom ul li .img img{display: block;width: 100%;transition: .3s all;}
.index4 .bottom ul li .nr{padding: 34px 20px;box-sizing: border-box;}
.index4 .bottom ul li .nr h5{line-height: 36px;height: 36px;overflow: hidden;color: #272727;font-size: 18px;}
.index4 .bottom ul li .nr span{display: block;line-height: 18px;font-size: 14px;color: #666666;}
.index4 .bottom ul li .nr p{line-height: 24px;height: 48px;font-size: 14px;color: #666666;margin: 28px 0;overflow: hidden;}
.index4 .bottom ul li .nr i{display: inline-block;left: 28px;border-bottom: 1px solid #999999;font-size: 14px;color: #272727;}
.index4 .bottom ul li:hover{box-shadow: 0px 0px 15px rgba(0,0,0,.2);}
.index4 .bottom ul li:hover h5{color: #e70000;}
.index4 .bottom ul li:hover i{color: #e70000;border-bottom: 1px solid #e70000;}
.index4 .bottom ul li:hover .img img{transform: scale(1.1);}
.index4 .more{padding: 60px 0 110px;box-sizing: border-box;}
.index4 .more a{display: block;margin: 0 auto;width: 120px;height: 35px;border:1px solid #272727;color: #272727;text-align: center;line-height: 35px;border-radius: 17px;}
.index4 .more a:hover{color: #fff;background-color: #272727;}

.footer{width: 100%;background-color: #333333;padding: 72px 0 45px;box-sizing: border-box;}
.footer .top{padding-bottom: 28px;border-bottom: 1px solid #5c5c5c;line-height: 37px;display: flex;justify-content: space-between;}
.footer .top .left{}
.footer .top .left a{padding-right: 40px;margin-right: 40px;border-right: 2px solid #fff;font-size: 16px;color: #fff;}
.footer .top .left a:last-child{margin-right: 0;padding-right: 0;border-right: 0;}
.footer .top .right{font-size: 28px;color: #fff;}
.footer .top .right img{margin-right: 15px;vertical-align: middle;}
.footer .bottom{display: flex;justify-content: space-between;margin-top: 15px;flex-wrap: wrap;}
.footer .bottom .left{line-height: 36px;width: 50%;}
.footer .bottom .left a{font-size: 16px;color: #fff;margin-right: 10px;    cursor: auto;}
.footer .bottom .right{}
.footer .bottom .right p{line-height: 30px;font-size: 14px;color: #cccccc;text-align: right;}

.news {width: 100%;background-color: #f9f9f9;}
.news .list{width: 100%;}
.news .list ul{padding-top: 40px;}
.news .list ul li{width: 31.5%;background-color: #fff;margin-right: 2.75%;float: left;margin-top: 78px;}
.news .list ul li:nth-of-type(3n){margin-right: 0;}
.news .list ul li .img{overflow: hidden;}
.news .list ul li .img img{display: block;width: 100%;transition: .3s all;}
.news .list ul li .nr{padding: 34px 20px;box-sizing: border-box;}
.news .list ul li .nr h5{line-height: 36px;height: 36px;overflow: hidden;color: #272727;font-size: 18px;}
.news .list ul li .nr span{display: block;line-height: 18px;font-size: 14px;color: #666666;}
.news .list ul li .nr p{line-height: 24px;height: 48px;font-size: 14px;color: #666666;margin: 28px 0;overflow: hidden;}
.news .list ul li .nr i{display: inline-block;left: 28px;border-bottom: 1px solid #999999;font-size: 14px;color: #272727;}
.news .list ul li:hover{box-shadow: 0px 0px 15px rgba(0,0,0,.2);}
.news .list ul li:hover h5{color: #e70000;}
.news .list ul li:hover i{color: #e70000;border-bottom: 1px solid #e70000;}
.news .list ul li:hover .img img{transform: scale(1.1);}
.news .fenye{text-align: center;padding: 80px 0 130px;box-sizing: border-box;font-size: 0;text-align: center;}
.news .fenye a{display: inline-block;width: 40px;height: 40px;border-radius: 3px;background: #fff;border: 1px solid #D6D6D6;box-sizing: border-box;line-height: 38px;text-align: center;font-size: 14px;color: #333;margin: 0 6px;}
.news .fenye a:hover{color: #fff;background-color: #e60000;border-color: #e60000;}
.news .fenye a.act{color: #fff;background-color: #e60000;border-color: #e60000;}

.news_xq{width: 100%;padding: 118px 0;background-color: #f9f9f9;}
.news_xq .newsxq{background-color: #fff;padding:0 70px 120px;box-sizing: border-box;}
.news_xq .title{text-align: center;width: 100%;text-align: center;padding: 88px 0 44px;border-bottom: 1px solid #ececec;box-sizing: border-box;}
.news_xq .title h5{line-height: 74px;font-size: 36px;color: #272727;}
.news_xq .title p{font-size: 14px;color: #999999;line-height: 28px;}
.news_xq .content{padding: 55px 0;}
.news_xq .content p{text-indent: 2em;font-size: 16px;line-height: 36px;color: #272727;}
.news_xq .fanye{width: 100%;display: flex;border: 1px solid #ECECEC;box-sizing: border-box;}
.news_xq .fanye a{flex: 1;border-right: 1px solid #ececec;line-height: 100px;height: 100px;text-align: center;overflow: hidden;padding: 0 10px;box-sizing: border-box;font-size: 16px;color: #272727;}
.news_xq .fanye a.return{width: 198px;flex: none;}
.news_xq .fanye a.return img{margin-right: 10px;}

.daohang{width: 100%;background-color: #fff;box-shadow: 0px 0px 6px rgba(0,0,0,.3);line-height: 120px;}
.daohang a{font-size: 18px;color: #272727;display:block;border-bottom: 2px solid #fff;float: left;padding: 0 10px;margin-right: 110px;box-sizing: border-box;}
.daohang a:hover{color: #e60000;border-bottom: 2px solid #e60000;}
.daohang a.act{color: #e60000;border-bottom: 2px solid #e60000;}


.case{width: 100%;margin-top: 90px;}
.case ul li{margin-top: 15px;overflow: hidden;width: 32.5%;margin-right: 1.25%;position: relative;float: left;}
.case ul li:nth-of-type(3n){margin-right: 0;}
.case ul li img{display: block;width: 100%;transition: .3s all;}
.case ul li:hover img{transform: scale(1.1);}
.case ul li p{position: absolute;width: 90%;box-sizing: border-box;line-height: 35px;height: 35px;overflow: hidden;font-size: 18px;color: #fff;left: 5%;bottom: 20px;}
.case ul li p::before{transition: .5s all;width: 36px;height: 2px;background-color: #fff;position: absolute;left: 0;bottom: 0;content: ' ';}
.case ul li:hover p::before{width: 100%;}
.case .more{padding: 80px 0 118px;box-sizing: border-box;}
.case .more a{border-radius: 50%;margin: 0 auto;display: block;width: 120px;height: 120px;border: 1px solid #a0a0a0;padding-top: 40px;box-sizing: border-box;text-align: center;}
.case .more a img{margin: 10px auto 0;display: block;}

.jrwm{width: 100%;padding: 100px 0 60px;background-color: #f9f9f9;}
.jrwm ul li{width: 100%;margin-bottom: 60px;background-color: #fff;}
.jrwm ul li .top{color: #272727;font-size: 30px;position: relative;height: 120px;line-height: 120px;overflow: hidden;padding: 0 86px;box-sizing: border-box;}
.jrwm ul li .top span{position: absolute;width: 36px;height: 36px;top: 50%;transform: translateY(-50%);right: 30px;background: url(../img/jia.png);}
.jrwm ul li.act .top span{background: url(../img/jian.png) center no-repeat;}
.jrwm ul li .bottom{width: 100%;padding: 0 80px 60px;box-sizing: border-box;display: none;}
.jrwm ul li .bottom h3{font-size: 22px;color: #272727;margin: 40px 0 30px;font-weight: bold;}
.jrwm ul li .bottom p{font-size: 16px;color: #272727;line-height: 30px;}
.jrwm ul li .bottom div{margin-top: 60px;}
.jrwm ul li .bottom div a{text-align: center;display: block;width: 350px;height: 70px;background-color: #e60000;color: #fff;line-height: 70px;font-size: 16px;position: relative;}
.jrwm ul li .bottom div a::before{width: 90%;height: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 1px solid #fff;content: ' ';}
.jrwm ul li.act .bottom{display: block;}
.jrwm ul li.act .top{box-shadow: 0px 0px 10px rgba(0,0,0,.2);}

.lxwm{width: 100%;padding: 100px 0 60px;background-color: #f9f9f9;}
.lxwm ul li{margin-bottom: 70px;padding: 30px;box-sizing: border-box;background-color: #fff;}
.lxwm ul li .left{width: 52%;float: left;}
.lxwm ul li .left img{display: block;width: 100%;}
.lxwm ul li .right {padding:  50px 70px 0 100px;box-sizing: border-box;float: right;width: 48%;}
.lxwm ul li .right h5{line-height: 62px;font-size: 36px;color: #272727;margin-bottom: 30px;}
.lxwm ul li .right p{line-height: 62px;color: #272727;font-size: 24px;line-height: 30px;padding: 15px 0;}

.lxwm ul li:nth-of-type(2n) .right{float: left;padding:  50px 100px 0 70px;}
.lxwm ul li:nth-of-type(2n) .left{float: right;}

.about1 {width: 100%;padding-bottom: 88px;}
.about1 .title{padding: 110px 0 70px;box-sizing: border-box;text-align: center;}
.about1 .title div{position: relative;}
.about1 .title p{line-height: 52px;font-size: 36px;color: #272727;}
.about1 .title span{font-size: 18px;color: #999999;display: block;line-height: 25px;}
.about1 .title div o{font-size: 128px;color: #272727;opacity: .1;position: absolute;left: 50%;top: 0;transform: translateX(-50%);line-height: 80px;}
.about1 .bottom{width: 100%;}
.about1 .bottom p{text-indent: 2em;}
.about1 .bottom p.p1{line-height: 30px;color: #272727;font-size: 16px;}
.about1 .bottom p.p2{font-size: 14px;color: #999999;line-height: 30px;}

.about2 {width: 100%;padding-bottom: 88px;background-color: #f9f9f9;}
.about2 .title{padding: 110px 0 70px;box-sizing: border-box;text-align: center;}
.about2 .title div{position: relative;}
.about2 .title p{line-height: 52px;font-size: 36px;color: #272727;}
.about2 .title span{font-size: 18px;color: #999999;display: block;line-height: 25px;}
.about2 .title div o{font-size: 128px;color: #272727;opacity: .1;position: absolute;left: 50%;top: 0;transform: translateX(-50%);line-height: 80px;}
.about2 .top{width: 100%;font-size: 30px;color: #e60000;text-align: center;}

.about2 .bottom{width: 100%;margin-top: 75px;}
.about2 .bottom ul{display: flex;justify-content: space-between;position: relative;}
.about2 .bottom ul li{width:450px;height: 450px;border: 1px solid #d6d6d6;box-sizing: border-box;border-radius: 50%;text-align: center;padding: 105px 100px 0;box-sizing: border-box;}
.about2 .bottom ul li:nth-of-type(2){position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.about2 .bottom ul li img{display: block;margin: 0 auto;}
.about2 .bottom ul li p{margin-top: 48px;line-height: 30px;font-size: 24px;color: #272727;margin-bottom: 20px;}
.about2 .bottom ul li span{display: block;text-align: center;line-height: 30px;color: #666666;font-size: 16px;}

.about3 {width: 100%;padding-bottom: 88px;}
.about3 .title{padding: 110px 0 70px;box-sizing: border-box;text-align: center;}
.about3 .title div{position: relative;}
.about3 .title p{line-height: 52px;font-size: 36px;color: #272727;}
.about3 .title span{font-size: 18px;color: #999999;display: block;line-height: 25px;}
.about3 .title div o{font-size: 128px;color: #272727;opacity: .1;position: absolute;left: 50%;top: 0;transform: translateX(-50%);line-height: 80px;}
.about3 .bottom{width: 100%;}
.about3 .bottom{width: 100%;}
.about3 .swiper{overflow: hidden;position: relative;}
.about3 .swiper::before{width: 100%;height: 1px;background-color: #cdcdcd;content: ' ';left: 0;top: 50%;position: absolute;}
.about3 .swiper-slide{text-align: center;}
.about3 .swiper-slide p{font-size: 18px;color: #272727;line-height: 30px;height: 90px;overflow: hidden;}
.about3 .swiper-slide span{display: block;line-height: 90px;font-size: 24px;font-weight: bold;color: #272727;}
.about3 .swiper-slide o{background-color: #fff;display: block;margin: 22px auto;width: 12px;height: 12px;box-sizing: border-box;border-radius: 50%;background-color: #666666;}
.about3 .swiper-slide:hover p{color: #e60000;}
.about3 .swiper-slide:hover span{color: #e60000;}
.about3 .swiper-slide:hover o{background-color: #e60000;border-color: #e60000;}


.about4 {width: 100%;padding-bottom: 88px;background-color: #f9f9f9;}
.about4 .title{padding: 110px 0 70px;box-sizing: border-box;text-align: center;}
.about4 .title div{position: relative;}
.about4 .title p{line-height: 52px;font-size: 36px;color: #272727;}
.about4 .title span{font-size: 18px;color: #999999;display: block;line-height: 25px;}
.about4 .title div o{font-size: 128px;color: #272727;opacity: .1;position: absolute;left: 50%;top: 0;transform: translateX(-50%);line-height: 80px;}
.about4 .bottom{width: 100%;}
.about4 .bottom{overflow: hidden;position: relative;}
.about4 .bottom img{display: block;width: 100%;}
.about4 .bottom .swiper-slide{width: 350px;padding-bottom: 68px;box-sizing: border-box;position: relative;}
.about4 .bottom .swiper-slide p{font-size: 14px;display: none;position: absolute;left: -50%;bottom: 0;width: 200%;line-height: 50px;height: 50px;text-align: center;overflow: hidden;}
.about4 .bottom .swiper-slide-active p{display: block;}
.about4 .bottom .swiper-slide-active p span{color: #999999;margin-right: 10px;}
.about4 .bottom .swiper-slide-active p i{font-size: 24px;color: #272727;}
.about4 .bottom .btn{transform: translateY(-50%);z-index: 100;position: absolute;cursor: pointer;width: 56px;height: 56px;border-radius: 50%;top: 50%;}
.about4 .bottom .btn.prev{ left: 0;background: #d7d7d7 url(../img/prev5.png) center no-repeat;}
.about4 .bottom .btn.next{ right: 0;background:  #d7d7d7 url(../img/next5.png) center no-repeat;}
.about4 .bottom .btn.prev:hover{ left: 0;background: #cc8f8c url(../img/prev5_1.png) center no-repeat;}
.about4 .bottom .btn.next:hover{ right: 0;background:  #cc8f8c url(../img/next5_1.png) center no-repeat;}

.about5 {width: 100%;padding-bottom: 130px;}
.about5 .title{padding: 110px 0 70px;box-sizing: border-box;text-align: center;}
.about5 .title div{position: relative;}
.about5 .title p{line-height: 52px;font-size: 36px;color: #272727;}
.about5 .title span{font-size: 18px;color: #999999;display: block;line-height: 25px;}
.about5 .title div o{font-size: 128px;color: #272727;opacity: .1;position: absolute;left: 50%;top: 0;transform: translateX(-50%);line-height: 80px;}
.about5 .bottom{width: 100%;}
.about5 .bottom img{width: 100%;display: block;}
.about5 .zzjg{margin-top: 70px}
.about5 .zzjg p{font-size: 16px;line-height: 32px}

.fwxm {margin-top: 100px}
.fwxm .img {float: left;margin-right: 30px;margin-bottom: 20px;}
.fwxm p{font-size: 16px;
    line-height: 32px;    text-indent: 2em;} 
    

@media only screen and (max-width:1367px) {
	
	
	
	
	
}

@media only screen and (max-width:1024px) {
	.header{display: none;}
	.kx2{width: 100%;height: 55px;}
	.sj_head {display: block;width: 100%;height: 55px;background: #000;position: fixed;left: 0;top: 0;z-index: 999999999;box-shadow: 0px 3px 3px rgba(0,0,0,.3);}
	.sj_head .lg {padding: 16px 0 0 12px;box-sizing: border-box;float: left;width: 150px;}
	.sj_head .lg img {display: block;height: 24px;}
	.sj_head .xiala {display: block;}
	.sj_head .xiala {width: 30px;height: 30px;background: url(../img/Fast-Navigation.svg) center no-repeat;float: right;margin-top: 15px;margin-right: 10px}
	.sj_head .xiala.act {background: url(../img/Fast-Navigation2.svg) center no-repeat;}
	.sj_head .searchicon{float: right;margin: 21px 15px 0 0;}
	.sj_nav {top:55px; position: fixed; height: auto; overflow-y: scroll;left: 0; z-index: 100000000000; width: 100%; background:  #fff;display: none; border-top: 1px solid #eee; padding-bottom: 25px;box-shadow: border-bottom;max-height: 500px}
	.sj_nav.block { display: block; }
	.sj_nav ul li { width: 100%; margin: 0 auto;border-bottom: 1px solid #ccc; padding: 0 20px; box-sizing: border-box; }
	.sj_nav ul li p { line-height:46px;position: relative; }
	.sj_nav ul li p a { display: block; width: 80%;height: 46px; color: #333;font-size: 14px; }
	.sj_nav ul li.act p a{color: #f8b44f}
	.sj_nav ul li p span {display: block; width: 20%;height:16px;position: absolute;right: 0; top: 18px;background: url(../img/navjt.png) center right no-repeat; background-size: contain; }
	.sj_nav ul li p span.act { display: block; width: 20%;height:16px;position: absolute;right: 0; top: 18px;background: url(../img/navjt2.png) center right no-repeat;background-size: contain; }
	.sj_nav ul li div { width: 100%;display: none; }
	.sj_nav ul li div.act {display: block; }
	.sj_nav ul li div a { font-size:14px; color: #1f1f1f;display: block;height: 36px;line-height: 36px;padding-left: 15px;box-sizing: border-box; }
	.sj_nav ul li ol li{padding: 0;border-bottom: 0;}
	.sj_nav ul li ol li div.box1{display: none;padding: 0 20px;box-sizing: border-box;}
	.sj_nav ul li p{font-size:14px; color: #1f1f1f;}
	.zzc1 {width: 100%; position: fixed;left: 0; top: 0; background: rgba(0,0,0,.6);height: 100%; z-index: 99999999; display: none;}
	
	.footer{display: none;}
	.kx3 {display: block;height: 65px;}
	.fix_footer {	display: block;width: 100%;height: 65px;position: fixed;left: 0;bottom: 0;background: #161616;z-index: 10000000;}
	.fix_footer ul li {width: 25%;float: left;padding: 7px 0 0;text-align: center;}
	.fix_footer ul li .img {height: 30px;padding: 0px 0;box-sizing: border-box;text-align: center;}
	.fix_footer ul li .img img {display: block;width: 30px;height: 30px;margin: 0 auto;}
	.fix_footer ul li p {color: #fff;line-height: 20px;font-size: 12px;margin-top: 5px;}
	
	
	.banner .next{display: none;}
	.banner .prev{display: none;}
	.banner .box h5{font-size: 20px;margin: 0;}
	.banner .box a{font-size: 18px;padding: 0 20px;line-height: 32px;}
	.banner .box p{font-size: 14px;}
	
}



@media only screen and (max-width:768px) {
	.index1 .title{padding: 25px 0;}
	.index1 .title p{font-size: 18px;line-height: 32px;}
	.index1 .title span{font-size: 14px;line-height: 24px;}
	
	.index1 .top a{margin: 0 10px;line-height: 30px;}
	.index1 .bottom .shang ul{flex-wrap: wrap;}
	.index1 .bottom .shang ul li{width: 100%;}
	.index1 .bottom .xia .left{width: 100%;float: none;}
	.index1 .bottom .xia .right{width: 100%;float: none;}
	.index1 .bottom .shang ul li{margin-top: 10px;}
	.index1 .bottom .xia{margin-top: 10px;}
	.index1 .bottom .xia .right{margin-top: 10px;}
	.index1 .more{padding: 25px 0;}
	.index1 .more a{font-size: 14px;}
	
	.index2{padding-bottom: 30px;}
	.index2 .title{padding: 25px 0;}
	.index2 .title p{font-size: 18px;line-height: 32px;}
	.index2 .title span{font-size: 14px;line-height: 24px;}
	.index2 .bottom ul{flex-wrap: wrap;}
	.index2 .bottom ul li{width: 100%;min-width: 100%;margin-bottom: 20px;height: auto;}
	.index2 .bottom ul li{padding: 25px 10px;}
	.index2 .bottom ul li .img img{width: 46px;}
	.index2 .bottom ul li .img{margin-bottom: 20px;}
	.index2 .bottom ul li h5{font-size: 20px;line-height: 32px;height: 32px;}
	.index2 .bottom ul li p{font-size: 14px;margin-bottom: 0;}
	.index2 .bottom ul li:hover{background-color:transparent;
    box-shadow: none;
    border-bottom: none;}
	
	
	.index3{margin: 0;}
	.index3 .top{padding: 25px 0;font-size: 18px;}
	.index3 .top span{font-size: 32px;line-height: 30px;}
	.index3 .bottom .left{width: 100%;float: none;padding: 0;}
	.index3 .bottom .right{float: none;width: 100%;padding-left: 0;}
	.index3 .bottom .right .shang p{font-size: 16px;}
	.index3 .bottom .right .shang h5{font-size: 20px;line-height: 30px;}
	.index3 .bottom .right .xia{margin-top: 20px;}
	.index3 .bottom .right .xia p{line-height: 24px;font-size: 14px;}
	.index3 .bottom .right .xia a{margin: 20px 0;font-size: 14px;}
	
	
	
	.index4{padding-bottom: 30px;}
	.index4 .title{padding: 25px 0;}
	.index4 .title p{font-size: 18px;line-height: 32px;}
	.index4 .title span{font-size: 14px;line-height: 24px;}
	.index4 .bottom ul{flex-wrap: wrap;}
	.index4 .bottom ul li{width: 100%;margin-bottom: 15px;}
	.index4 .bottom ul li .nr{padding: 14px 10px;}
	.index4 .bottom ul li .nr p{margin: 15px 0;}
	.index4 .more{padding: 25px 0;}
	.index4 .more a{font-size: 14px;}
	
	.news .list ul{padding-top: 10px;}
	.news .list ul li{width: 100%;margin-top: 15px;}
	.news .list ul li .nr{padding: 14px 10px;}
	.news .list ul li .nr p{margin: 15px 0;}
	.news .fenye{padding: 25px 0;}
	.news .fenye a{width: 32px;height: 32px;line-height: 30px;}
	
	.news_xq {padding: 25px 0;}
	.news_xq .title{padding: 25px 0;}
	.news_xq .title h5{font-size: 24px;line-height: 34px;}
	.news_xq .content{padding: 25px 0;}
	.news_xq .content p{font-size: 14px;line-height: 24px;}
	.news_xq .fanye{flex-wrap: wrap;}
	.news_xq .fanye a{width: 100%;flex: none;border-right: 0;line-height: 32px;height: 32px;font-size: 14px;}
	.news_xq .fanye a.return{width: 100px;display: none;}
	.news_xq .fanye a:last-child{border-top: 1px solid #ECECEC;}
	.news_xq .newsxq{padding: 10px;}
	.news_xq .title h5{font-size: 18px;}
	
	.daohang a{margin-right: 10px;font-size: 14px;}
	.daohang {line-height: 42px;}
	.case{margin-top: 20px;}
	.case ul li{width: 100%;float: none;margin-right: 0;}
	.case .more{padding: 25px 0;}
	.case .more a{width: 90px;height: 90px;padding-top: 20px;}
	
	.jrwm{padding: 25px 0;}
	.jrwm ul li{margin-bottom: 20px;}
	.jrwm ul li .top{padding: 0 30px 0 10px;line-height: 46px;height: 46px;font-size: 16px;}
	.jrwm ul li .top span{right: 6px;width: 20px;height: 20px;background-size: cover;}
	
	.jrwm ul li .bottom{padding: 0 20px 20px;}
	.jrwm ul li .bottom h5{margin:20px 0 15px ;font-size: 16px;}
	.jrwm ul li .bottom p{line-height: 24px;font-size: 14px;}
	.jrwm ul li .bottom div{margin-top: 20px;}
	.jrwm ul li .bottom div a{width: 120px;height: 36px;line-height: 36px;font-size: 14px;}
	
	.lxwm{padding: 25px 0;}
	.lxwm ul li {padding: 10px;margin-bottom: 15px;}
	.lxwm ul li .left{width: 100%;float: none;}
	.lxwm ul li .right{width: 100%;float: none;padding: 15px;}
	.lxwm ul li .right:nth-of-type(2n){width: 100%;float: none;padding: 15px;}
	.lxwm ul li .right h5{font-size: 18px;line-height: 30px;margin: 0;margin-bottom: 10px;}
	.lxwm ul li .right p{font-size: 14px;padding: 5px 0;line-height: 20px;}
	
	
	.about1{padding-bottom: 30px;}
	.about1 .title{padding: 25px 0;}
	.about1 .title p{font-size: 18px;line-height: 32px;}
	.about1 .title span{font-size: 14px;line-height: 24px;}
	.about1 .title div o{font-size: 60px;line-height: 60px;}
	.about1 .bottom p.p1{font-size: 14px;line-height: 24px;}
	.about1 .bottom p.p2{font-size: 14px;line-height: 24px;}
	
	.about2{padding-bottom: 30px;}
	.about2 .title{padding: 25px 0;}
	.about2 .title p{font-size: 18px;line-height: 32px;}
	.about2 .title span{font-size: 14px;line-height: 24px;}
	.about2 .title div o{font-size: 60px;line-height: 60px;}
	.about2 .top{font-size: 16px;}
	.about2 .bottom{margin-top: 25px;}
	.about2 .bottom ul {flex-wrap: wrap;justify-content: center;}
	.about2 .bottom ul li{width: 300px;height: 300px;margin-bottom: 15px;padding: 25px;}
	.about2 .bottom ul li:nth-of-type(2){position: static;left: o;top: 0;transform: translateY(0);}
	.about2 .bottom ul li p{margin-top: 20px;}
	
	
	.about3{padding-bottom: 30px;}
	.about3 .title{padding: 25px 0;}
	.about3 .title p{font-size: 18px;line-height: 32px;}
	.about3 .title span{font-size: 14px;line-height: 24px;}
	.about3 .title div o{font-size: 60px;line-height: 60px;}
	
	.about4{padding-bottom: 30px;}
	.about4 .title{padding: 25px 0;}
	.about4 .title p{font-size: 18px;line-height: 32px;}
	.about4 .title span{font-size: 14px;line-height: 24px;}
	.about4 .title div o{font-size: 60px;line-height: 60px;}
	
	.about5{padding-bottom: 30px;}
	.about5 .title{padding: 25px 0;}
	.about5 .title p{font-size: 18px;line-height: 32px;}
	.about5 .title span{font-size: 14px;line-height: 24px;}
	.about5 .title div o{font-size: 60px;line-height: 60px;}

	.about5 .zzjg{margin-top: 30px}
	.about5 .zzjg p{font-size: 14px;line-height: 28px}

	.fwxm {margin-top: 40px!important}
	.fwxm .img {float: none!important; margin-right: 0px!important;   margin-bottom: 20px!important;text-align: center; max-width: 100%}
	
}