body{line-height:1.5;max-width:1920px;margin:auto;}
body,html{height:100%;}
.line3{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:3;height:90px;}
.line4{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:4;height:120px;}
.line2{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:2;height:60px;}
.line5{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:5;height:150px;}
.line6{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:6;height:180px;}
.pic{overflow:hidden;}
.pic:hover img,li:hover .pic img,.swiper-slide:hover .pic img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.hide{display:none;}
a:hover .hide{display:inline-block;}
a:hover .show{display:none;}
.phone{display:none;}
.editor,.fontp{font-size:14px;color:#333;line-height:24px;text-align:justify;}
.editor table,.editor img,.editor embed,.editor iframe{margin:12px 0;max-width:100%;}
.editor img{height:auto !important;}
.bdsharebuttonbox a{float:none !important;display:inline-block !important;margin:0 8px !important;padding:0 !important;line-height:inherit;width:22px;height:22px;vertical-align:middle;}
.bdsharebuttonbox{text-align:center;margin-top:60px;}
.pos_re{position:relative;}
.pos_re>a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}
.wrapper{margin:auto;width:88%;max-width:1600px;}
.hei100{height:100%;}
.f48{font-size:48px;}
.f36{font-size:36px;}
.f32{font-size:32px;}
.f30{font-size:30px;}
.f28{font-size:28px;}
.f26{font-size:26px;}
.f24{font-size:24px;}
.f22{font-size:22px;}
.f20{font-size:20px;}
.f18{font-size:18px;}
.cfff{color:#fff;}
.img{position:relative;overflow:hidden;}
.img>img{visibility:hidden;opacity:0;}
.img-box{height:100%;width:100%;background-size:cover !important;background-position:center center !important;position:absolute;left:0;top:0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;}
.swiper-slide:hover .img-box,li:hover .img-box{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
@font-face {
    font-family: 'Tw Cen MT Regular';
    src: url('font/tw-cen-mt.eot');
    src: local('font/tw cen mt'),
    local('font/tw cen mt'),
    url('font/tw-cen-mt.ttf') format('truetype'),
    url('font/tw-cen-mt.svg')
    format('svg');
}
.twcen{font-family:Tw Cen MT Regular;}
.video-alert .video{width:100%;height:100%;}
.video-alert{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:12;background:#fff;}
.video-alert video,.video-alert iframe{width:100%;height:100%;}
.video-alert .close{width:64px;z-index:8;height:64px;display:block;background:#e72922 url(../images/close.png) no-repeat center center/80%;position:absolute;right:0;top:0;}
.header{position:relative;z-index:9;width:100%;left:0;top:0;border-bottom:1px solid #e6e6e6;background:#fff;}
.header.on{position:fixed;}
.logo{line-height:100px;width:200px;}
.nav{padding:0 50px;float:left;margin-top:29px;width:calc(100% - 520px);}
.nav li{position:relative;text-align:center;float:left;box-sizing:border-box;width:14.28%;}
.nav li.proli{position:static;}
.nav li>a{line-height:72px;display:block;text-align:center;font-size:18px;color:#333;}
.nav li>a:hover,.nav li.cur>a{color:#e8604a;}
.nav li>dl{width:100%;min-width:160px;left:50%;position:absolute;z-index:4;background:#fff;padding:8px 0;box-shadow: 0px 19px 30px 0px rgba(0, 0, 0, 0.1);opacity:0;visibility:hidden;
    -webkit-transform: translateY(15px) translateX(-50%);
    -moz-transform: translateY(15px) translateX(-50%);
    -ms-transform: translateY(15px) translateX(-50%);
    -o-transform: translateY(15px) translateX(-50%);
    transform: translateY(15px) translateX(-50%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.nav li:hover>dl{opacity:1;visibility:visible;
    -webkit-transform: translateY(0) translateX(-50%);
    -moz-transform: translateY(0) translateX(-50%);
    -ms-transform: translateY(0) translateX(-50%);
    -o-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%);
}
.nav li>dl>dd>a{display:block;line-height:48px;padding:0 20px;font-size:16px;color:#333;}
.nav li>dl>dd:hover>a{background:#e8604a;color:#fff;}
.nav li:hover .pic img{
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
}
.nav li.nopos{position: static;}
.subnav{margin-top:1px;position:absolute;left:0;width:100%;background:#fff;z-index:4;padding:40px 0;display:none;}
.subnav dd{float:left;width:20%;text-align:center;padding:10px 0;}
.subnav dd .pic{height:190px;line-height:190px;}
.subnav dd img{max-height:100%;}
.subnav dd h5{text-align:center;margin-top:12px;color:#333;}
.subnav dd:hover h5{color:#e8604a;}
.subnav dd:hover .pic img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.nav li:hover .subnav{display:block;}




.language{margin-bottom:8px;text-align:right;position:relative;}
.language:before{content:"";display:block;width:1px;height:16px;background:#5d5d5d;right:27px;position:absolute;top:50%;margin-top:-8px;}
.language a{font-weight:bold;display:inline-block;font-size:14px;color:#333;margin-left:20px;}
.btn{margin:18px -30px 0 0;}
.language a:hover,.language a.cur{color:#e8604a;}
.tel{font-weight:bold;font-size:24px;color:#e8604a;float:right;	animation: dianh .5s infinite alternate;-webkit-animation: dianh .5s infinite alternate;}
.tel img{width:18px;margin:-5px 8px 0 0;}

@-webkit-keyframes dianh{
    from{-webkit-transform:rotate(3deg)}
    35%{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(3deg)}
}
@keyframes dianh{
    from{transform:rotate(3deg)}
    35%{transform:rotate(0deg)}
    to{transform:rotate(3deg)}
}
.search-btn{width:36px;height:36px;float:left;background:url(../images/icon02.png) no-repeat center center/24px;display:block;margin-right:20px;}
.search-div{display:none;position:absolute;z-index:11;right:7%;}
.search-f{width:260px;position:relative;background:#fff;}
.search-f input[type=text]{width:100%;background:none;outline:none;border:none;font-size:14px;color:#333;box-sizing:border-box;padding:0 60px 0 15px;line-height:46px;height:46px;}
.search-f .close{position:absolute;width:46px;height:46px;right:100%;display:block;background:#fff url(../images/closeb.png) no-repeat center center/24px;}
.search-f input[type=button],.search-f input[type=submit]{width:46px;height:46px;border:none;outline:none;cursor:pointer;position:absolute;right:0;top:0;background:url(../images/icon02.png) no-repeat center center/18px;}
.page-index{display:none;}
.fixed-right{position:fixed;right:0;top:40%;z-index:9;}
.fixed-right ul{width:50px;}
.fixed-right li{margin-bottom:5px;width:180px;height:50px;line-height:50px;background:#e8604a;  }
.fixed-right li .icon{text-align:center;float:left;width:50px;height:50px;}
.fixed-right li img{width:32px;}
.fixed-right li .li-hide{text-align:center;white-space:nowrap;float:right;width:calc(100% - 50px);font-size:14px;color:#333;background:#ffffff;}
.fixed-right li:hover{background:#e8604a;}
.fixed-right li:hover .hide{display:inline-block;}
.fixed-right li:hover .show{display:none;}
.fixed-right li.long:hover{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateX(-130px);
    -moz-transform: translateX(-130px);
    -ms-transform: translateX(-130px);
    -o-transform: translateX(-130px);
    transform: translateX(-130px);
}
.ewm-div{display:none;}
.layui-layer-content img{max-width:120px;}
.swiper-pagination.pagination01 .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:1;}
.swiper-pagination.pagination01 .swiper-pagination-bullet-active{width:28px;background:#e8604a;border-radius:30px;}
.index01{}
.index01 .wenz,.index02 .wenz{margin:auto;padding:60px 0;}
.sy-tit{text-align:center;max-width:1200px;margin:auto;width:88%;}
.sy-tit h2{font-size:30px;color:#333;}
.sy-tit p{text-align:justify;color:#666;margin:25px 0 35px;font-size:16px;line-height:30px;}
.more{width:148px;line-height:48px;text-align:center;border:1px solid #e8604a;color:#e8604a;display:inline-block;font-size:16px;}
.more img{width:9.5px;margin:-2px 0 0 14px;}
.more:hover{background:#e8604a;color:#fff;}
.pad{padding:80px 0;}
.f16p{font-size:16px;line-height:30px;color:#666;text-align:justify;}
.index02{}
.index02 li{float:left;width:33.333333%;position:relative;}
.index02 li:before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.3);position:absolute;left:0;top:0;z-index:2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.index02 li .wz{position:absolute;left:0;top:50%;width:100%;text-align:center;z-index:3;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.index02 li .wz p{color:#fff;text-align:center;}
.index02 li:hover:before{background:rgba(0,0,0,0.5);}
.ce8{color:#e8604a;}
.index03 li{float:left;width:20%;text-align:center;}
.index03 li img{width:98px;}
.index03 li h3{margin:12px 0 20px;}
.index03 li p{max-width:180px;margin:auto;text-align:center;}
.index03 ul{margin-top:54px;}
.index03 li:hover img{
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);}
.footer{background:#e6e6e6;}
.footer-top{padding:48px 0 25px;}
.footer-nav{width:calc(100% - 300px);}
.footer-nav dl{float:left;margin-right:66px;}
.footer-nav dt a{font-size:16px;color:#666;}
.footer-nav dt{margin-bottom:12px;}
.footer-nav dd{line-height:30px;}
.footer-nav dd a{font-size:14px;color:#999999;}
.footer-nav dt a:hover{color:#333;}
.footer-nav dd a:hover{color:#333;}
.footer-code{width:280px;}
.footer-code>img{max-width:200px;}
.footer-code dd{text-align:center;float:left;width:120px;}
.footer-code dd:nth-child(2){float:right;}
.footer-code dl{margin-top:30px;}
.footer-code dd p{font-size:14px;line-height:24px;color:#666;margin-top:10px;}
.footer-btm{line-height:90px;text-align:center;font-size:14px;color:#666;border-top:1px solid #cccccc;}
.footer-btm a{color:#666;}
.ny-tit{margin-bottom:50px;}
.news{}
.news .tuijian .pic{position:relative;z-index:3;width:60%;float:left;}
.news .tuijian .wenz{width:49.68%;float:right;margin:5% 0 0 -9.68%;background:#f5f5f5;}
.news .tuijian .wenz h3{line-height:40px;max-height:80px;height:auto;}
.news .tuijian .wenz h3 a{color:#333;}
.news .tuijian .wenz h3:hover a{color:#e8604a;}
.news .tuijian .wenz>div{width:65%;float:right;padding:75px 50px;}
.fwb{font-weight:bold;}
.news .tuijian .wenz h5{font-size:14px;color:#333;margin:12px 0;}
.news .tuijian .wenz hr{height:1px;background:#ccc;display:block;margin:0;text-align:left;border:none;}
.news .tuijian .wenz p{margin:35px 0 40px;}
.news li .img{width:42%;}
.news li .wenz{width:53%;padding-top:10px;}
.news li{margin-top:50px;float:left;width:48%;}
.news li:nth-child(2n){float:right;}
.f18a a{color:#333;font-size:18px;}
.f18a:hover a{color:#e8604a;}
.news li .fontp{margin:18px 0;max-height:48px;height:auto;}
.news li h5{font-size:16px;color:#333;background:url(../images/icon12.png) no-repeat left center/18px;padding-left:28px;}
#pgServer{text-align:center;margin-top:55px;font-size: 14px;color: #646464;}
#pgServer a{float:none;}
#pgServer a,#pgServer font,#pgServer span{width:38px;height:38px;margin:0 3px;line-height:38px;display: inline-block;font-size: 14px;color: #646464;border: 1px solid #d8d8d8;}
#pgServer font{border-color: #e8604a;background-color: #e8604a;color: #fff!important;}
#pgServer a:hover{border-color: #e8604a;background-color: #e8604a;color: #fff;}
#pgServer a.none{border:none;width:auto;padding:0 12px;}
.pageFirst,.pagePrev,.pageNext,.pageLast{border:none;}
#pgServer span.cur{border:1px solid #e8604a;}
.container{}
.container .side{float:left;width:220px;}
.container .content{float:right;width:calc(100% - 320px);}
.container .side dd{margin-bottom:1px;}
.container .side dd>a{display:block;line-height:56px;background:#f5f5f5;padding:0 20px;font-size:16px;color:#333;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.container .side dd.cur>a,.container .side dd:hover>a{color:#e8604a;background:#f5f5f5 url(../images/gdh.png) no-repeat right 20px center/9.5px;}

.about01{}
.about01 li{margin-bottom:5%;}
.about01 li:nth-last-child(1){margin-bottom:0;}
.about01 li .pic{width:62.5%;}
.about01 li .wenz{width:32.8%;}
.about01 li .wenz hr{width:50px;height:2px;background:#000;margin:35px 0;text-align:left;border:none;}
.about01 li:nth-child(2n) .wenz{text-align:right;}
.about01 li:nth-child(2n) .wenz hr{float:right;}
.about02{}
.about02 dd{float:left;width:24%;margin-right:1.33%;position:relative;}
.about02 dd:nth-child(4n){margin-right:0;}
.about02 dd h5{position:absolute;left:0;top:50%;width:100%;text-align:center;z-index:3;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.about03 ul{margin:-10px 0;}
.about03 .swiper-slide{text-align:center;line-height:160px;height:160px;box-sizing:border-box;border:1px solid #ccc;}
.about03 .swiper-slide img{max-width:80%;max-height:80%;}
.about03 .swiper-pagination{margin-top:40px;position:relative !important;bottom:auto !important;}
.about03 .swiper-pagination.pagination01 .swiper-pagination-bullet{background:#e8604a !important;}
.c333{color:#333;}
.join01{background:url(../images/join01.jpg) no-repeat center center/cover;line-height:40px;text-align:center;padding:35px 30px;}
.join02{}
.join02 li{margin-top:50px;text-align:center;width:33.3%;float:left;}
.join02 li img{width:111.5px;}
.join02 li h3{margin:23px 0 20px;}
.join02 li p{max-width:275px;margin:auto;}
.join02 li:hover img{
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}
.join03{}
.join06{margin-top:40px;}
.join03 table{width:100%;border-collapse:collapse;}
.join03 th{font-size:36px;color:#999;width:90px;text-align:center;height:90px;background:#e6e6e6;}
.join03 td{height:90px;background:#f5f5f5;text-align:left;padding:0 45px;}
.join03 th,.join03 td{border-bottom:1px solid #fff;}
.container .sy-tit{width:100%;max-width:100%;}
.join04 li{position:relative;float:left;width:32%;margin-right:2%;background:#f5f5f5;height:200px;}
.join04 li:nth-child(3n){margin-right:0;}
.join04 li p{position:relative;z-index:3;width:68.3%;margin:auto;}
.join04 li span{font-size:24px;position:absolute;line-height:62px;box-sizing:border-box;padding-left:15px;color:#fff;z-index:2;left:-4px;top:-4px;width:86px;height:86px;background:url(../images/bg01.png) no-repeat center center/100%;}
.join05{}
.join05 li{padding:0 70px;float:left;width:48.7%;height:170px;border-left:6px solid #e8604a;box-sizing:border-box;background:#f5f5f5;margin-bottom:30px;}
.join05 li:nth-child(2n){float:right;}
.join06{}
.join06 ul{background:url(../images/bg02.png) no-repeat top 118px center/100%;}
.join06 li{width:16.666%;float:left;}
.join06 li:nth-child(2n){margin-top:200px;}
.join07 ul{background:url(../images/bg03.png) no-repeat top 46px right;}
.join07 li{float:left;width:25%;margin:0 12.5% 25px 0;}
.join07 li:nth-child(3n){margin-right:0;}
.join07 li h5{margin:0 auto 22px auto;font-size:24px;color:#fff;width:95px;height:95px;line-height:95px;text-align:center;background:#e8604a;border-radius:50%;}
.join07 li p{height:120px;width:80%;max-width:230px;margin:auto;}
.join08{}
.join08 table{width:100%;border-collapse:collapse;}
.join08 thead td{line-height:68px;color:#fff;font-size:18px;font-weight:bold;text-align:center;background:#e8604a;min-width:160px;}
.join08 tbody td,.join08 tbody th{border:1px solid #ccc;font-size:16px;color:#333;line-height:28px;padding:15px;}
.join08 tbody th{font-weight:bold;text-align:center;}
.join08 tbody tr:nth-child(2n) td,.join08 tbody tr:nth-child(2n) th{background:#f9f9f9;}
.careers{}
.careers dt{padding:20px 36px;background:#f1f1f1;}
.careers dt h4{}
.careers dt h4 span{font-size:20px;color:#cc3333;padding-left:20px;}
.careers dt h5 span{margin:8px 8px 0 0;display:inline-block;width:78px;line-height:28px;font-size:14px;text-align:center;color:#e9705d;border:1px solid #e9705d;}
.careers dt .fr{line-height:74px;}
.careers dd h5{font-size:16px;color:#333;font-weight:bold;margin:40px 0 5px;}
.careers dd{margin-bottom:60px;padding:0 40px;}
.map{height:360px;border:3px solid #e8604a;}
.contact-ul{margin-top:110px;}
.contact-ul li{font-size:18px;color:#333;line-height:60px;box-sizing:border-box;padding:0 20px;}
.contact-ul li img{margin:-3px 12px 0 0;width:24px;}
.contact-ul li a{color:#333;}
.contact{}
.contact-ul{float:left;width:380px;}
.contact #dituContent{float:right;width:calc(100% - 420px);}
.advantage .index02 .wenz{padding-top:0;}
.research{}
.research li{position:relative;}
.research li .pic{width:50%;float:right;}
.research li .wenz{position:absolute;left:0;width:50%;top:50%;text-align:center;box-sizing:border-box;padding:0 40px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.research li .wenz p img{width:12px;margin:-5px 0 0 15px;}
.research li:nth-child(2n) .wenz{right:0;left:auto;}
.research li:nth-child(2n) .wenz img{margin:-5px 15px 0 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.research li:nth-child(2n) .pic{float:left;}
.research ul{margin-bottom:75px;}
.research .btn-box{position:relative;}
.research .swiper-container{max-width:1200px;margin:0 auto;}
.swiper-button-prev.prev01{width:68px;height:68px;border-radius:50%;background:#d6d6d6 url(../images/prev.png) no-repeat center center;margin-top:-34px;left:0;}
.swiper-button-next.next01{width:68px;height:68px;border-radius:50%;background:#d6d6d6 url(../images/next.png) no-repeat center center;margin-top:-34px;right:0;}
.swiper-button-prev.prev01:hover{background:#e8604a url(../images/prevh.png) no-repeat center center;}
.swiper-button-next.next01:hover{background:#e8604a url(../images/nexth.png) no-repeat center center;}
.research .swiper-slide>div{background:url(../images/re09.jpg) no-repeat center center;text-align:center;margin:auto;width:322px;height:436px;line-height:436px;}
.research .swiper-slide p{font-size:18px;color:#333;margin-top:22px;text-align:center;}
.service{}
.service li{margin-bottom:30px;position:relative;padding:30px 10%;background:#f5f5f5;line-height:2;}
.service li span{position:absolute;left:0;top:0;background:url(../images/bg04.png) no-repeat center center/100px;box-sizing:border-box;width:100px;height:100px;line-height:77px;text-align:left;padding-left:12px;font-size:45px;color:rgba(255,255,255,.6);}
.service table{width:100%;border-collapse:collapse;}
.service th{line-height:60px;padding:0 50px;background:#e8604a;color:#fff;font-size:18px;text-align:left;}
.service td{border-bottom:1px solid #ccc;padding:35px 50px;font-size:16px;color:#666;line-height:28px;}
.service h2.f30{margin:60px 0 20px;text-align:center;}
.diy h5{margin-top:35px;line-height:68px;text-align:center;background:#f5f5f5;}
.diy .input{width:48%;float:left;margin-top:35px;}
.diy .input .wz{float:left;width:90px;line-height:60px;font-size:16px;color:#333;}
.diy .input font{color:#cc0000;}
.diy .input .text{float:right;width:calc(100% - 90px);}
.diy .input input[type=text]{box-sizing:border-box;width:100%;border:1px solid #ccc;padding:0 15px;line-height:58px;height:58px;font-size:16px;color:#666;}
.diy .input:nth-child(2n){float:right;}
.diy label{display:inline-block;line-height:28px;cursor:pointer;font-size:16px;color:#333;margin:35px 90px 0 0;}
.diy label input[type=checkbox]{margin:-2px 6px 0 0;}
.diy label input[type=text]{width:120px;border:none;border-bottom:1px solid #ccc;margin-left:10px;}
.diy textarea{width:100%;height:170px;padding:20px;font-size:16px;line-height:28px;color:#666;margin:35px 0 0 0;border:1px solid #ccc;box-sizing:border-box;}
.diy .submit,.diy .reset{border:none;font-size:18px;margin:35px 20px 0 20px;outline:none;cursor:pointer;width:200px;line-height:60px;color:#333;background:#cccccc;}
.diy .submit{background:#e8604a;color:#fff;}
.product{}
.product li{float:left;background:#f5f5f5;padding:20px;box-sizing:border-box;margin:0 2% 35px 0;width:23.5%;border:2px solid transparent;}
.product li:nth-child(4n){margin-right:0;}
.product li .pic{text-align:center;border-bottom:1px solid #e8604a;height:220px;line-height:220px;}
.product li .pic img{max-height:100%;max-width:80%;}
.product li .wenz p{color:#666;}
.product li .wenz{padding-top:25px;}
.product li .wenz div{visibility:hidden;opacity:0;margin-top:20px;}
.product li .wenz div a{display:block;float:left;width:50%;box-sizing:border-box;text-align:center;border:1px solid #999999;line-height:44px;font-size:16px;color:#333;}
.product li .wenz div a img{height:18px;margin:-3px 0 0 12px;}
.product li .wenz div a:hover{border-color:#e8604a;background:#e8604a;color:#fff;}
.product li .wenz div a:hover .hide{display:inline-block;}
.product li .wenz div a:hover .show{display:none;}
.product li:hover{border:2px solid #e8604a;}
.product li:hover div{visibility:visible;opacity:1;}
.sub{line-height:60px;background:#f5f5f5;}
.sub a{display:block;float:left;width:135px;text-align:center;color:#333;font-size:18px;}
.sub .fl a:hover,.sub .fl a.cur{background:#e8604a;color:#fff;}
.sub .fr a:nth-child(2){background:#eeb763;}
.sub .fr a:nth-child(1){background:#e8604a;}
.sub .fr a{color:#fff;}
.sub.fixed{width:100%;position:fixed;left:0;top:102px;z-index:8;}
.hash-div{position:relative;}
.hash{position:absolute;top:-200px;}
.pro01{}
.pro01 dl{padding-bottom:45px;margin-bottom:65px;border-bottom:1px solid #ccc;text-align:center;}
.pro01 dd{display:inline-block;text-align:left;padding:0 56px;border-right:1px solid #cccccc;font-size:16px;color:#333;}
.pro01 dd:nth-last-child(1){border-right:0;}
.swiper-button-prev.prev02{background:url(../images/prev02.png) no-repeat center center/auto 100%;width:120px;height:120px;margin-top:-60px;}
.swiper-button-next.next02{background:url(../images/next02.png) no-repeat center center/auto 100%;width:120px;height:120px;margin-top:-60px;}
.swiper-button-prev.prev02:hover{background:url(../images/prev02h.png) no-repeat center center/auto 100%;}
.swiper-button-next.next02:hover{background:url(../images/next02h.png) no-repeat center center/auto 100%;}
.big-img .swiper-slide{height:550px;line-height:550px;text-align:center;}
.big-img img{max-height:100%;}
.big-img{position:relative;}
.pro01 .gallery-thumbs{margin-top:40px;}
.pro01 .gallery-thumbs .swiper-slide{cursor:pointer;border:1px solid #999;text-align:center;height:140px;line-height:140px;box-sizing:border-box;}
.pro01 .gallery-thumbs .swiper-slide:hover{border-color:#e8604a;}
.pro01 .gallery-thumbs .swiper-slide.active{border:2px solid #e8604a;}
.pro01 .gallery-thumbs .swiper-slide img{max-width:80%;max-height:80%;}
.pro02{}
.pro02 dd{position:relative;}
.pro02 dd .pic{width:50%;float:left;}
.pro02 dd .wenz{position:absolute;right:0;top:0;width:40.625%;height:100%;}
.pro02 dd:nth-child(2n) .pic{float:right;}
.pro02 dd:nth-child(2n) .wenz{right:auto;left:0;}
.pro02 dd hr{width:56px;height:2px;background:#000000;display:block;border:none;margin:30px 0;text-align:left;}
.pro03{}
.pro03 table{margin-bottom:20px;width:100%;border-collapse:collapse;}
.pro03 thead th{font-size:20px;border:1px solid #999;line-height:60px;color:#fff;background:#666666;text-align:center;}
.pro03 tbody td{border:1px solid #999;line-height:26px;color:#333;font-size:16px;padding:12px 50px;}
.pro03 tbody tr:nth-child(2n) td{background:#f5f5f5;}
.pro04{}
.pro04 dl{background:#fff;margin:-58px 45px 0 45px;position:relative;z-index:3;padding:46px 56px;box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.1);}
.pro04 dt{width:100%;text-align:center;margin-bottom:38px;}
.pro04 dd{float:left;width:25%;padding:65px 50px 0 65px;position:relative;box-sizing:border-box;}
.pro04 dd img{position:absolute;left:0;top:0;}
.pro05{}
.pro05 .box{background:#f5f5f5;}
.pro05 .sy-tit p{text-align:center;}
.pro05 .sy-tit p span{color:#e8604a;}
.pro05 .input{border:1px solid #ccc;background:#fff;margin-bottom:30px;}
.pro05 .input .wz{line-height:56px;float:left;width:86px;text-align:right;font-size:16px;color:#333;}
.pro05 .input .text{float:right;width:calc(100% - 86px);}
.pro05 .input .text input{line-height:56px;height:56px;font-size:16px;color:#666;border:none;box-sizing:border-box;padding:0 20px;outline:none;display:block;width:100%;}
.pro05 .input .text textarea{line-height:28px;height:150px;font-size:16px;padding:15px 20px;box-sizing:border-box;color:#666;border:none;outline:none;display:block;width:100%;}
.pro05 .input{float:left;width:48.5%;}
.pro05 .input:nth-child(2){float:right;}
.pro05 .input.textarea{width:100%;}
.pro05 .box>div{max-width:80%;margin:auto;}
.pro05 .submit{width:220px;cursor:pointer;line-height:56px;display:block;margin:30px auto 0 auto;background:#e8604a;color:#fff;}
.pro06 .swiper-button-prev.prev02{background-size:auto 60px !important;background-position:left center !important;}
.pro06 .swiper-button-next.next02{background-size:auto 60px !important;background-position:right center !important;}
.pro07{}
.pro07 dd{float:left;width:25%;box-sizing:border-box;padding:20px;text-align:center;}
.pro07 dd .pic{height:240px;line-height:240px;}
.pro07 dd .pic img{max-height:100%;}
.pro07 dd:hover .f18a a{color:#e8604a;}
.pro08{padding-bottom:70px;}
.pro08 dd{float:left;width:32%;margin-right:2%;}
.pro08 dd:nth-child(3n){margin-right:0;}
.pro08 dd .wenz{position:absolute;left:0;bottom:0;width:100%;z-index:2;padding:0 28px 20px 28px;box-sizing:border-box;}
.pro08 dd .wenz p{color:#fff;}
.pro08 dd:hover .pic img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.hash-div{padding-top:70px;}
.news-detail{}
.news-tit{text-align:center;padding-bottom:42px;border-bottom:1px solid #ccc;margin-bottom:42px;}
.news-tit h4{margin-top:10px;color:#333;font-size:14px;}
.news-detail .editor{}
.news-detail .editor .f24{margin-bottom:10px;}
.news-detail .editor .pic{width:50%;}
.news-detail .editor .pic img{margin:0;}
.news-detail .editor .wenz{width:45.35%;}
.news-detail .editor .w50 .wenz{width:45.35%;}
.news-detail .editor .w50 .pic{width:50%;}
.news-detail .editor .f30{margin-bottom:40px;}
.w800{max-width:800px;}
.search-tit{background:#f5f5f5;}
.search-tit h2{font-size:30px;color:#333;}
.search-tit p{margin-top:10px;color:#666;font-size:16px;}
.search-con{padding:50px 0;}
.search-con li{padding-bottom:30px;}
.search-con li h3{font-weight:600;font-size:18px;color:#333;}
.search-con li h3 a{color:#333;}
.search-con li h3 a:hover{color:#e8604a;}
.search-con li p{margin-top:5px;font-size:14px;color:#666;line-height:26px;}

@font-face {
    font-family: "syst";
    src: url('font/syst.otf');
}
.songti{font-family:"Hiragino Sans GB", "SimSun", "WenQuanYi Micro Hei", sans-serif;}
.heiti{font-family:"Hiragino Sans GB", "SimHei", "WenQuanYi Micro Hei", sans-serif; }
.siyuan{font-family:"syst", "WenQuanYi Micro Hei", sans-serif;}






@media only screen and (max-width: 1600px) {
    .subnav dd .pic{height:140px;line-height:140px;}
    .container .content{width:calc(100% - 280px);}
    .product li .pic{height:200px;line-height:200px;}
    .product li .wenz div a{font-size:14px;}
    .product li .wenz div a img{height:14px;margin-left:8px;}
    .product li{width:32%;margin-right:2%;}
    .product li:nth-child(3n){margin-right:0;}
    .product li:nth-child(4n){margin-right:2%;}
    .product li:nth-child(12n){margin-right:0%;}
    .nav li>a{font-size:16px;}
    .service li .f18{font-size:16px;}
    .nav li>dl>dd>a{font-size:14px;}
    .about03 li{line-height:130px;height:130px;}
    .join06 li p{font-size:14px;line-height:24px;}
    .join07 li p{font-size:14px;line-height:24px;}
    .join05 li{padding:0 50px;}
    .sub{line-height:50px;}
    .sub a{width:105px;font-size:16px;}
    .big-img .swiper-slide{height:480px;line-height:480px;}
    .swiper-button-prev.prev02,.swiper-button-next.next02{width:90px;height:90px;margin-top:-45px;}
    .f30{font-size:28px;}
    .join01{font-size:20px;}

}
@media only screen and (max-width: 1200px) {
    .wrapper{max-width:90%;width:90%;}
    .btn.fr{display:none;}
    .nav{width:auto;float:right;padding:0;margin:0;}
    .nav li{width:auto;padding:0 16px;}
    .nav li>a{font-size:16px;}
    .header,.logo{line-height:72px;}
    .product li{width:48%;margin-right:0;}
    .product li:nth-child(2n){float:right;}
    .sub a{width:90px;font-size:14px;}
    .f24{font-size:20px;}
    .pro01 dd{font-size:14px;padding:0 20px;box-sizing:border-box;width:20%;display:block;text-align:center;float:left;}
    .sml-img{display:none;}
    .big-img .swiper-slide{text-align:center;}
    .big-img .swiper-slide img{max-width:60%;}
    .pro01 dl{overflow:hidden;}
    .pro02 dd .wenz{width:48%;}
}




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

    .phone-tit{display:block;}
    .phone{display:block;}
    .banner .wenz{margin-left:0px;}
    .pc{display:none;}
    .wrapper{width:90%;}
    .san{float:right;}
    .hidden-img{margin-top:70px;}
    .header.on{background:#fff;}
    .nav{margin:0;overflow-y:auto;display:none;background:rgba(255,255,255,1);border-top:2px solid #b52c27;top:70px;box-sizing:border-box;z-index:9;position:fixed;width:100%;left:0;height:calc(100% - 70px);}
    .nav li{display:block;padding:0;margin:0;border-bottom:1px solid #ddd;width:100%;box-sizing:border-box;float:none;}
    .nav li>a{line-height:55px !important;text-align:left;font-size:16px;color:#333;display:block;padding:0 30px;width:100%;box-sizing:border-box;}
    .nav li.er>a{padding-right:30px;}
    .nav li dd>a{color:#333;}
    .nav li:hover>a,    .nav li.cur>a{background-color:transparent !important;}
    .nav li>dl{padding:4px 0;margin:0;box-shadow:none;position:relative;background:#f2f2f2;display:none;top:auto;}
    .nav li>dl>dd{text-align:left;}
    .nav li>dl>dd a{box-sizing:border-box;line-height:30px;display:block;font-size:14px;padding:5px 0 5px 40px;text-align:left;}
    .nav li:hover>dl{display:none;}
    .header{line-height:70px;top:0;box-sizing:border-box;position:fixed;width:100%;z-index:9;}
    body{padding-top:70px;}
    .pad{padding:34px 0;}
    .nav li>a:before{display:none !important;}
    .nav li>dl:before{display:none !important;}
    .nav li>dl{opacity:1;visibility:visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .f48{font-size:28px;}
    .f36{font-size:24px;}
    .f32{font-size:24px;}
    .f30{font-size:24px;}
    .f28{font-size:20px;}
    .f26{font-size:20px;}
    .f24{font-size:18px;}
    .f20{font-size:16px;}
    .f18{font-size:14px;}
    .header .san{float:right;width:24px;height:16px;margin-top:29px;box-sizing:border-box;cursor:pointer;position:relative;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
    .header .san span{
        width:100%;
        position:absolute;;
        height:2px;background:#e8604a;
        display:block;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
    .header .san span:nth-child(1){top:0;}
    .header .san span:nth-child(2){top:50%;margin-top:-1px;}
    .header .san span:nth-child(3){bottom:0;}
    .header .san.cur span:nth-child(1){
        top: 50%;margin-top:-1px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .header .san.cur span:nth-child(2){
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);}
    .nav li>dl{left:0 !important;
        -webkit-transform: translateY(0) !important;
        -moz-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        -o-transform: translateY(0) !important;
        transform: translateY(0) !important;}
    .header .san.cur span:nth-child(3){display:none;}
    .swiper-pagination.pagination01 .swiper-pagination-bullet{width:8px;height:8px;}
    .swiper-pagination.pagination01 .swiper-pagination-bullet-active{width:18px;}
    .fixed-right{display:none;}
    .index01 .wenz, .index02 .wenz{width:90%;margin:auto;padding:34px 0;}
    .sy-tit h2{font-size:22px;}
    .sy-tit p{font-size:14px;line-height:24px;margin:12px 0 18px 0;}
    .more{width:130px;line-height:36px;font-size:14px;}
    .index02 li{width:50%;}
    .index02 li .wz p{display:none;}
    .sy-tit{width:100%;}
    .index03 li{padding:12px 0;text-align:left;width:100%;overflow:hidden;}
    .index03 li img{width:70px;float:left;}
    .index03 li h3,.index03 li p{float:right;max-width:100%;width:calc(100% - 92px);}
    .index03 li h3{font-size:16px;margin:0 0 8px;}
    .f16p{font-size:14px;line-height:24px;}
    .footer-nav{display:none;}
    .footer{text-align:center;}
    .footer-code{width:100%;}
    .footer-code dl{margin:20px auto 0 auto;max-width:220px;}
    .footer-code dd{max-width:48.5%;}
    .footer-code dd p{font-size:12px;line-height:20px;margin-top:7px;}
    .footer-top{padding:22px 0;}
    .footer-btm{line-height:24px;padding:12px 0;}
    .container .side{display:none;}
    .container .content{width:100%;}
    .product li{width:100%;margin:12px 0;}
    .sub .wrapper{width:100%;max-width:100%;}
    .product li .wenz div{opacity:1;visibility:visible;}
    .sub .fl{display:none;}
    .sub .fr{width:100%;}
    .sub .fr a{width:50%;}
    .sub.fixed{top:auto;bottom:0;}
	.nav li:hover .subnav{display:none;}
    .hash-div{padding-top:42px;}
    .sy-tit{margin-bottom:30px;}
    .sy-tit h2{font-size:20px;}
    .pro01 dd{width:100%;padding:8px 0;border:none;}
    .pro01 dl{padding-bottom:20px;margin-bottom:20px;}
    .big-img .swiper-slide{height:220px;line-height:220px;}
    .big-img .swiper-slide img{max-width:70%;}
    .swiper-button-prev.prev02, .swiper-button-next.next02{width:48px;height:48px;margin-top:-24px;background-size:auto 60% !important;}
    .swiper-button-prev.prev02{left:0 !important;background-position:left center !important;}
    .swiper-button-next.next02{right:0 !important;background-position:right center !important;}
    .pro02 dd .pic{width:100%;}
    .pro02 dd hr{width:30px;margin:12px 0;}
    .pro02 dd .wenz{width:100%;position:relative;height:auto;float:right;padding:25px 0;}
    .pro03 thead th{font-size:14px;line-height:24px;padding:4px 10px;}
    .pro03 tbody td{font-size:12px;padding:3px;line-height:20px;}
    .pro04 dl{margin:-20px auto 0 auto;width:95%;box-sizing:border-box;padding:22px;}
    .pro04 dt{margin-bottom:20px;}
    .pro04 dd{width:100%;padding:12px 0 12px 58px;}
    .pro04 dd img{width:48px;}
    .pro05 .input .wz{font-size:12px;line-height:36px;display:none;}
    .pro05 .input{margin-bottom:12px;}
    .pro05 .input .text input{font-size:12px;line-height:36px;padding:0 10px;height:36px;width:100%;}
    .pro05 .input .text{width:100%;}
    .pro05 .input .text textarea{height:100px;line-height:24px;font-size:14px;padding:5px 10px;}
    .pro05 .submit{width:140px;line-height:36px;height:36px;font-size:14px;}
    .pro08 dd{width:100%;}
    .pro07{display:none;}
    .pro08{padding-bottom:32px;}
    .service li span{background:url(../images/bg04.png) no-repeat top left/60px;line-height:60px;font-size:28px;}
    .service li{margin-bottom:12px;}
    .service li .f18{font-size:14px;line-height:24px;}
    .service td{padding:12px 8px;font-size:12px;line-height:18px;}
    .service th{font-size:14px;line-height:24px;padding:8px 12px;text-align:center;}
    .service h2.f30{margin:34px 0 12px;}
    .diy h5{margin-top:18px;line-height:40px;font-size:14px;font-weight:bold;}
    .diy .input{width:100%;margin-top:12px;}
    .diy .input input[type=text]{line-height:36px;height:36px;font-size:14px;padding:0 12px;}
    .diy .input .wz{font-size:14px;line-height:36px;}
    .diy label{margin:12px 20px 0 0;font-size:14px;}
    .diy textarea{margin-top:12px;padding:5px 10px;font-size:14px;line-height:24px;height:80px;}
    .diy .submit, .diy .reset{font-size:14px;font-weight:bold;line-height:36px;height:36px;width:120px;margin:20px 12px 0 12px;}
    .index03 ul{margin-top:32px;}
    .financial{font-size:14px;line-height:24px;}
    .research li .wenz p.f24{font-size:14px;line-height:24px;}
    .research li .wenz p img{display:none;}
    .research li .wenz{padding:0 18px;}
    .research .swiper-slide>div{width:200px;height:271px;background-size:100% !important;margin:auto;line-height:271px;padding:5px;box-sizing:border-box;}
    .research .swiper-slide>div img{max-height:95%;}
    .swiper-button-next.next01,    .swiper-button-prev.prev01{width:36px;height:36px;margin-top:-18px;background-size:60% !important;}
    .research .swiper-slide p{margin-top:15px;font-size:14px;}
    .research ul{margin-bottom:34px;}
    .news .tuijian .pic{width:100%;}
    .news .tuijian .wenz{width:100%;margin:0;}
    .news .tuijian .wenz>div{width:100%;padding:22px;box-sizing:border-box;}
    .news .tuijian .wenz h3{font-size:16px;line-height:24px;height:48px;}
    .news .tuijian .wenz h5{font-size:12px;margin:8px 0 12px;}
    .news .tuijian .wenz p{display:none;}
    .news .tuijian .wenz .more{display:none;}
    .news .tuijian .wenz hr{display:none;}
    .news li{width:100%;margin:20px 0 0 0;}
    .f18a a{font-size:14px;line-height:24px;}
    .news li .wenz .f18a{white-space:normal;}
    .news li .fontp,.news li h5{display:none;}
    .news li .wenz{padding-top:0;}
    #pgServer a.none{padding:0 5px;}
    #pgServer a, #pgServer font, #pgServer span{font-size:12px;line-height:24px;height:24px;width:24px;}
    .news-tit{padding-bottom:18px;margin-bottom:24px;}
    .news-tit h2{font-size:20px;}
    .news-tit h4{font-size:12px;margin-top:6px;}
    .about01 li .pic{width:100%;}
    .about01 li .wenz{width:100%;padding:18px 0 0 0;}
    .about01 li .wenz hr{width:30px;margin:12px 0;}
    .about01 li:nth-child(2n) .wenz hr{float:none;}
    .about01 li:nth-child(2n) .wenz{text-align:left;}
    .about02 dd{width:50%;margin:0;}
    .about03 .swiper-slide{line-height:100px;height:100px;}
    .about03 .swiper-pagination{margin-top:20px;}
    .contact #dituContent{width:100%;height:240px;}
    .contact-ul li{font-size:14px;line-height:48px;}
    .contact-ul{margin-top:30px;}
    .join01.f24{font-size:16px;line-height:30px;}
    .join02 li{overflow:hidden;margin:0;padding:12px 0;width:100%;}
    .join02 li img{width:70px;float:left;}
    .join02 li h3,.join02 li p{float:right;width:calc(100% - 90px);text-align:left;margin:0;}
    .join02 li h3{margin-bottom:8px;}
    .join03 th{width:60px;height:60px;line-height:60px;font-size:28px;}
    .join03 td{height:auto;padding:12px 22px;}
    .join04 li{width:100%;height:auto;margin:12px 0;padding:12px 20px;box-sizing:border-box;}
    .join04 li span{background-size:60% !important;background-position:left top !important;line-height:42px;font-size:24px;}
    .join04 li p{width:88%;}
    .join05 li{width:100%;padding:12px 20px;margin:5px 0;height:auto;}
    .join06 li{width:100%;margin:5px 0;}
    .join06 li:nth-child(2n){margin-top:0;}
    .join06 ul{background:none;}
    .join07 ul{background:none;}
    .join07 li{width:100%;overflow:hidden;}
    .join07 li h5{margin-bottom:0;width:60px;height:60px;font-size:18px;line-height:60px;float:left;}
    .join07 li p{max-width:100%;float:right;width:calc(100% - 82px);height:auto;}
    .join08{margin-top:-20px;overflow-x:auto;}
    .join08 thead td{font-size:14px;line-height:24px;padding:5px 9px;}
    .join08 tbody td, .join08 tbody th{font-size:12px;padding:12px 12px;line-height:18px;}
    .join08 table{width:600px;}
    .careers dt{padding:20px;}
    .careers dt h4{font-size:14px;}
    .careers dt h4 span{font-size:14px;padding-left:5px;}
    .careers dt h5 span{font-size:12px;line-height:24px;margin:5px 5px 0 0;}
    .careers dd h5{margin:18px 0 3px;font-size:14px;}
    .careers dt .fr{width:100%;margin-top:12px;font-size:14px;line-height:24px;}
    .careers dd{padding:0 12px;margin-bottom:22px;}
    .careers dd p{font-size:12px;line-height:20px;}
	.subnav dd h5{padding:0 20px;margin-top:0;text-align:left;}
	.subnav dd{text-align:left;width:100%;}
	.subnav dd .pic{display:none;}
	.subnav{background:#f5f5f5;position:relative;padding:0;margin:0;}
	.subnav{}

}