@charset "utf-8";

/* CSS Document */
.header .fr{ position:absolute; right:1%; top:50%; margin-top:-16px;display:block}
.header .fr .nav{position: relative;cursor: pointer; width:38px; height:38px; background-color:rgba(0,0,0,0.2); border-radius:50%;}
.header .fr .nav .line{width: 20px;height: 2px;background-color: #fff;position: absolute;left:50%; margin-left:-10px;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.header .fr .nav .line.l1{ top:13px }
.header .fr .nav .line.l2{top: 19px; width:16px}
.header .fr .nav .line.l3{top: 25px; width:12px;}
.header .fr:hover .nav .line.l1{ width:12px}
.header .fr:hover .nav .line.l3{ width:20px}
.amenubox { display: none; position: fixed;  z-index: 99999; top: 0px; left: 0px; width: 100%; height: 100%; overflow-y: auto; }
.amenubox.active { display: block; }
.amenu { display: flex; flex-direction: row;/* align-items: center; */padding: 0px 10%;  width: 100%; height: 100%; background: url('../../images/pc_back.jpg') no-repeat center center; background-size: cover; }


@media screen and (min-width:992px){
.amenu dl { min-width: 25%; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; animation-duration: 0.6s; -webkit-animation-duration: 0.6s; padding-bottom:10%; padding-top:25%  }

.amenu dl:last-child{ display:none}

}	

.amenu dl dt h3 { font-size: 30px; text-transform:uppercase; line-height:50px; color: #333; }
.amenu dl dt strong { color: #999; font-size: 20px; display: block; margin-top: 0px; text-transform: uppercase; }
.amenu dl dd { display: none; }
.amenu dl dd a { display: block; font-size: 20px; color: #333; margin: 16px 0px; cursor: pointer; }
.amenu dl dd a:hover { text-decoration: underline; }
.amenu .colse { position: absolute; top: 20px; right: 60px; cursor: pointer; transition: 0.6s; -webkit-transition: 0.6s; }
.amenu .colse:hover { transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); }
.amenu-mask {  background: #f7f7f7;  position: fixed; top: -100%; right: -100%; width: 60%; padding-top: 60%; border-radius: 50%; z-index: 100; transform: matrix(1, 0, 0, 1, 0, 0); transition: all 1.2s; -webkit-transition: all 1.2s; }
.amenu-mask.active { transform: matrix(4, 0, 0, 4, 0, 0); top: 0px; right: 10%  }


@keyframes zfadeIn {
from {opacity: 0;}
to {opacity: 1;}
}


@media screen and (max-width:1200px){
.amenu-mask { display: none; }
.amenubox { right: -100%; left:inherit; display: block; }
.amenu .colse { top: 20px; right: 20px; }
.amenu .colse img { width: 20px; height: 20px; }
.amenu { flex-direction: column; background: #ffffff url('../../images/wap_back.jpg') no-repeat center center; background-size: cover; padding: 0px; display: flex; top: 0px; left: 0px; height: 100%; overflow-y: auto; }
.amenu dl { min-width: 100%; padding: 20px 0px; padding-left: 25px; border-bottom: 1px solid #dadada; }
.amenu dl dt h3 { font-size: 18px;  line-height:35px  }
.amenu dl dt strong { font-size: 14px; }
.amenu dl dd a { font-size: 16px; margin: 10px 0px; }


}
.m-foot{ position:fixed; width:100%; height:58px; left:0; bottom:0;background:#30ac36; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li1 a{ background:url(../../images/flmes.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li2 a{ background:url(../../images/kf-emails.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li3 a{ background:url(../../images/fltel.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li4 a{ background:url(../../images/right_pic6.png) no-repeat center 3px; padding-top:27px}


.pcshow{ display:block}
.phshow{ display:none }


@media screen and (max-width: 1366px){
.banner .ban-txt{ margin-top:-60px;}
.banner .ban-txt h3{ font-size:55px; line-height:55px; letter-spacing:0px;}
.banner .ban-txt p{ font-size:24px; letter-spacing:0px;}
.title{ margin:80px 0 20px 0;}


.title{ margin:120px 0 20px 0;}
.i-news .newtitle{ font-size:18px;}

.title h3{ font-size:36px;}

.nbanner .text h3{ font-size:45px;line-height:45px; }
.nbanner .text p{ line-height:26px; font-size:30px;}

.nbanner { height:550px;}
.nserivce101 .wenzi p{ font-size:16px; line-height:45px;}

.nbanner .text{ margin-top:-50px}


.nabout01 .pic{ float:left; width:50%;}
.nabout01 .wenzi{ float:right; width:48%;}
.nabout01 .wenzi .intro{ line-height:32px;}
.ntitle { margin:20px 0}
.ntitle h3{ margin-bottom:20px}

.nmain.section{ padding:80px 0 100px 0}
.nmain.sectionpre{ padding-top:80px}
.nmain.sectionnext{ padding-bottom:100px}
.nabout02.section{ padding:80px 0 160px 0}

.header .menu li{margin: 0 20px !important;}
.wrap, .wrap02{ width:94%}
.nbanner .text{width:94%; left: 3%;}

.space{ height:90px;}
.header .wrap{ height:90px;}
.header .menu li{ line-height:90px;}

.nbanner .text p.biaologo{padding-left: 270px;}

.ntitle h3{ font-size:28px; line-height:30px;}
.banner .ban-txt h3{ margin-bottom:20px;}

.title h3{ font-size:36px;}
.title p{ font-size:18px; }

.ntitle02 h3{ font-size:32px;padding-bottom:15px;}
.cullist .intro{ margin:0 10px}


.i-serivce .intro h3{ font-size:30px;}
.i-serivce .intro p{ font-size:16px;}
.i-serivce .intro .serivceys .item .wenzi{ font-size:18px;}
.i-serivce .intro .serivceys .item  .wenzi span{ font-size:26px;}

.nabout02 .wenzi:after{height: calc(100% - 50px);}

.js-main{ height:550px;}
}

@media screen and (max-width: 1240px){
.banner .ban-txt h3{ font-size:45px; line-height:45px;}
.banner .ban-txt p{ font-size:20px;}	
.title h3{ font-size:32px;}
.title p{ font-size:18px;}

.nbanner .text h3{ font-size:40px;line-height:40px; }
.nbanner .text p{ line-height:24px; font-size:25px;}

.nbanner { height:500px;}

.nserivce101 .wenzi h3{ font-size:28px;}
.header .logo{margin-top:-13px; }
.header .logo img{ height:26px}

.footer li:nth-child(1) img{ width:auto; height:26px;}
.wrap, .wrap02{ width:96%}
.nbanner .text{width:96%; left: 2%;}
.nbanner .text p.biaologo{padding-left: 240px;}

.header .menu li{margin: 0 15px !important;}


.title h3{ font-size:32px;}
.title p{ font-size:17px; }


.zuoyou .text{padding-bottom:80px}


.pcshow{ display:none !important}
.phshow{ display:block !important }

.i-serivce .intro{ width:98%; margin:0 auto}
}

@media screen and (max-width: 1024px){
.ffp-auto-height,.fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell{ height:auto !important}

.banner .ban-txt h3{ font-size:35px; line-height:35px;}
.banner .ban-txt p{ font-size:18px;}


.nbanner .text h3{ font-size:36px;line-height:40px; }
.nbanner .text p{ line-height:22px; font-size:22px;}

.nbanner { height:450px;}

.nmain.section{ padding:60px 0 80px 0}
.nmain.sectionpre{ padding-top:60px}
.nmain.sectionnext{ padding-bottom:80px}
.nabout02.section{ padding:60px 0 140px 0}

.space{ height:85px;}
.header .wrap{ height:85px;}
.header .menu li{ line-height:85px;}
.header .language a{ margin:0 5px}

.nbanner .text p.biaologo{padding-left: 200px;}

.ntitle h3{ font-size:26px;}
.header .menu{ display:none}


.banner .ban-txt{ margin-top:-20px}
.banner .ban-txt h3{ margin-bottom:10px;}

.title{ margin:0 auto 20px auto}
.i-news { padding:60px 0}

.banner .swiper-slide .ban-img{ min-height:490px}

.title h3{ font-size:28px;}
.title p{ font-size:16px; }

.nbanner .text h3{ margin-bottom:20px; line-height:30px}


.zuoyou .text{padding-bottom:50px}

.i-serivce { padding:60px 0 0 0 }
.i-serivce .intro .serivceys .item{ margin:1.5% 3%% 2% 3%}
.i-serivce .intro .serivceys .item .icon img{ height:35px; }
.i-serivce .intro h3{ font-size:26px;}
.i-serivce .intro p{ font-size:15px;}
.i-serivce .intro .serivceys .item .wenzi{ font-size:17px;}
.i-serivce .intro .serivceys .item  .wenzi span{ font-size:24px;}
}
@media screen and (max-width: 920px){
	
.banner .swiper-slide .ban-img{ min-height:440px}
.space{ height:80px;}
.header .wrap{ height:80px;}
.header .menu li{ line-height:80px;}

.ntitle02 h3{ font-size:28px;}



*{ line-height:21px;}

.zuoyou .text{ padding-bottom:0}
}


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

.banner .ban-txt h3{ font-size:30px; margin-bottom:0}
.banner .ban-txt p{ font-size:18px;}


.nbanner { height:350px;}

.nserivce101 .wenzi h3{ font-size:24px;}


.banner .swiper-slide .ban-img{ min-height:365px}

.header .logo img{ height:20px}
.footer li:nth-child(1) img{ width:auto; height:20px;}
.header .logo{margin-top:-10px; }

.space{ height:75px;}
.header .wrap{ height:75px;}
.header .menu li{ line-height:75px;}

.header .language{ display:none}
.amenu dl:last-child{ display: block}

.topjj{ margin-top:-9%}


.i-news .more{ margin:30px 0}

.footer{ padding:50px 0 0 0;}

.nbannernews .text{ margin-top:-5px !important}

.newstitle{ margin-bottom:25px;}
.newstitle h3{ font-size:26px;}

.cullist li{ width:48.5%;margin-right:0%}
.cullist li:nth-child(2n){ float:right; margin-bottom:2.5%}
.cullist li:nth-child(2n+1){ clear:both}


.i-serivce .intro .serivceys{ margin:30px 0}
.i-serivce .intro .serivceys .item{ margin:15px 0}
.i-serivce .intro .serivceys .item .icon img{ height:35px; }
.i-serivce .intro h3{ font-size:24px;}
.i-serivce .intro p{ font-size:14px;}
.i-serivce .intro .serivceys .item .wenzi{ font-size:16px;}
.i-serivce .intro .serivceys .item  .wenzi span{ font-size:22px;}


.nabout02 .wenzi{ width:100%}

.nabout02{ background:#f3f3f3}
.nabout02 .tu{ float:none; width:100%}
.nabout02 .wenzi{ position: relative; width:100%; height:auto; }
.nabout02 .wenzi:after{ display:none}
.nabout02 .wenzi .wrap .inwenzi{width:100%;}

.nabout02 .wenzi .conn{ padding-top:0px}
.nabout02 .wenzi .nys{ margin-top:30px; }

.nabout02 .wenzi .nys .item h3{ font-size:18px;}
.nabout02 .wenzi .nys .item h3 span{ font-size:35px;}

.nabout02 .tu{ width:100%; position: relative; top:0px;}
.nabout02 .wenzi{ width:100%;padding-bottom:40px;}
.nabout02 .wenzi .wrap .inwenzi{width:100%; }

.js-main .box .list .num-box .num{font-size:80px;}
}


@media screen and (max-width: 640px){
.pcshow{ display:none}
.phshow{ display:block }

.i-news .swiper-pagination-bullet{ height:12px;width:12px; background:#ddd; opacity:1; margin:0 5px}
.i-news .swiper-pagination-bullet-active{ background:#30ac36}
.i-news .swiper-pagination{ display:block}
.i-news .swiper-slide{ margin-bottom:40px; }
.i-news .swiper-container-horizontal>.swiper-pagination-bullets, .i-news .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0 !important}


.nbanner .text h3{ font-size:24px;}
.nbanner .text p{ font-size:16px;}

.nbanner { height:250px;}

.ntitle h3{ font-size:23px;}

.banner .swiper-slide .ban-img{ min-height:300px}

.banner .ban-txt h3{ font-size:26px;}
.banner .ban-txt p{ font-size:16px;}

.bann2{ display:none !important}

.banner .swiper-slide .ban-img{ background-size: 160% !important}
.banner .swiper-pagination{ text-align:center; left:auto}

.i-news { padding:50px 0}

.title h3{ font-size:24px;}
.title p{ font-size:15px; margin-top:0 }




.footer ul {width: 100%;display:block;}
.footer li {width: 100%;display:block;}
.footer li:nth-child(1){ margin-bottom:25px;}
.footer li:nth-child(2), .footer li:nth-child(3), .footer li:nth-child(4){ display:none}
.footer li:nth-child(2){ width:40%}
.footer li:nth-child(5){ width:120px; text-align:center; margin:30px auto 0 auto; clear:both}

.copyright p:nth-child(1){ float:none; text-align:center; }
.copyright p:nth-child(2){ text-align:center; float:none}

.nserivce101 .pic{ float:none; width:100%;}
.nserivce101 .wenzi{ float:none; width:100%; padding:30px 3% }
.nserivce101 .conn:nth-child(2n+1) .pic{ float:none}
.nserivce101 .conn:nth-child(2n+1) .wenzi{ float:none}
.nserivce101 .conn:nth-child(2n+1) .wenzi p span{ width:15px;}
.nserivce101 .wenzi h3{ margin-bottom:10px}
.nserivce101 .wenzi p{ float:none !important; width:100% !important}
.nserivce101 .wenzi p{ line-height:28px; padding:5px 0}


.topnews .newsrolls .wenzi h3{ font-size:20px; margin-bottom:5px;}

.topnews .newsrolls .pic{ float:none; width:100%}
.topnews .newsrolls .wenzi{ float:none; width:100%; padding:15px}

.nabout01 .pic{ float:none; width:100%;}
.nabout01 .wenzi{ float:none; width:100%;}

.ncontact ul{ margin-bottom:30px; margin-top:-20px}
.ncontact li{ float:none; width:100%; clear:both}
.ncontact li .icon{ float:left; width:30%}
.ncontact li .icon img{ width:100%;}
.ncontact li .wenzi{ float:right; width:65%; text-align:left; margin-top:30px; margin-bottom:0px;}

.message .item{ float:none; clear:both; width:100%; position:relative}
.message .submit{ position:relative; margin:0 auto;margin-top:20px; bottom:auto; right:auto}


.nhr .hrkuai{ float:none; width:100%; position:relative; margin-bottom:3%}
.nhr .hrkuai:nth-child(2n){ float:none}
.nhr .hrkuai .text{ position:absolute; min-height:auto; padding:15px; line-height:28px;}
.nhr .hrkuai .button{ margin:15px 0}

.nbannerabout .text{ margin-top:-20px !important}
.cullist .tit{ margin:20px 0; font-size:20px}

.message input[type=text], .message textarea{ line-height:40px;}
.message label{ line-height:43px;}


.nserivce03 .item{ float:none; width:100%}
.nserivce03 .item:nth-child(1){ margin-bottom:20px}

.zuoyou{ display:block; width: 100%; margin: 0 auto 50px auto;}
.zuoyou .ppic{display: block;width: 100%; padding:0%}
.zuoyou .text{display: block; width:100%; font-size:16px; line-height:35px;}

.i-serivce{ padding-top:50px;}

.nabout02 .wenzi .intro p{ font-size:16px}

.js-main .box .list .ms{ font-size:16px; line-height:30px;}


.nserivce00201 .connintro .img{ display:none}
.nserivce00201 .connintro .wenzi{ float:none; width:100%; margin-left:0%; line-height:32px; font-size:16px;}
.nserivce00201 .conn .item{ float:left; width:48%; margin:1%}
.nserivce00201 .conn .item:nth-child(2n+1){ clear:both}
.nserivce00201 .conn .item h3{ font-size:20px; padding-bottom:15px; margin-bottom:15px; }
.nserivce00201 .conn .item p{ line-height:36px; font-size:16px }


}

@media screen and (max-width: 540px){
.banner .swiper-slide .ban-img{ min-height:280px}	
.nbanner{ height:220px}
.space{ height:65px;}
.header .wrap{ height:65px;}
.header .menu li{ line-height:65px;}
.i-news .more{ margin:25px 0}

.nbanner .text h3{ margin-bottom:5px;}
.nbanner .text{ margin-top:-20px}
.location { line-height:30px; height:45px; margin-top:-45px;}





.nbanner .text { margin-top:-20px}

.othernews .item{ float:none; width:100%; position:relative;  margin-right:0%; margin-bottom:2%}
.othernews .item .newtitle{ font-size:18px;}
.newstitle h3{ font-size:24px;}

.nbannerser .pic{background:url(/public/static/home/images/nbannerser.jpg) no-repeat 60% bottom !important; background-size:cover !important}
.nbannernews .pic{background:url(/public/static/home/images/nbannernews.jpg) no-repeat 20% bottom !important; background-size:cover !important}
.nbannerabout .pic{background:url(/public/static/home/images/nbannerabout.jpg) no-repeat 20% bottom !important; background-size:cover !important}


.location {background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.5)); }

.videolist li{ float:none; width:100%;margin:1% 0% 1% 0;position:relative}
.videolist .wenzi h3{font-size:16px;}


.nserivce03 p, .nserivce03 p span{ font-size:16px !important}
.nserivce03 .item h3{ font-size:18px; line-height:40px}
.nserivce03 .item .intro{ line-height:32px}

.i-serivce .intro h3{ font-size:20px;}

.js-main .box .list .num-box .name{font-size:18px;}
.js-main .box .list .num-box .name{ line-height:30px;}
.js-main .box .list .num-box .num{ font-size:65px}

.js-main .box .list .che img{ width:78%;}

.js-main{ height:1200px;}
.js-main{background: url(../images/jsbg.jpg) repeat-y top center; background-size:auto 52.6%;}
.js-main .box .list{height:400px;float:none;width:100%; background:rgba(0,0,0,0.3);}
.js-main .box .list.active{ width:100%}

.js-main .box .list .che{ bottom:-20px; }
.js-main .box .list.active .che{ bottom:-20px}
}

@media screen and (max-width: 460px){
.space{ height:55px;}
.header .wrap{ height:55px ;}
.header .menu li{ line-height:55px;}

.nbanner .text p.biaologo{padding-left: 160px; line-height:22px; height:22px;}
.nbanner .text p.biaologo {background: url(../../images/enlogo.png) no-repeat left center;background-size: auto 16px;}

body{ font-size:14px;}
*{ font-family: Arial, Helvetica, sans-serif !important}
.videolist .wenzi h3{font-size:15px;}

.nabout01 .wenzi .intro p{font-size:15px}
.nabout01 .ntitle h3, .ntitle h3, .nbanner .text h3{ font-size:19px}
.cullist .tit{ font-size:17px}

.ncontact li .icon{ float:left; width:25%}
.ncontact li .wenzi{ width:70%;}
.ncontact li .icon img{border: solid 10px #d6eed6;}
.ncontact li .wenzi h3{ font-size:18px;}
.ncontact li .wenzi{ font-size:15px; line-height:24px; margin-top:20px;}

.ntitle02 h3{ font-size:18px; line-height:28px}
.nhr .hrkuai .text h3{ font-size:18px; margin-bottom:10px}
.nhr .hrkuai .button{ line-height:21px; width:145px;}

.newtitle h3{ font-size:16px}
.othernews .item .time, .newstitle .time, .newsrolls .time{margin: 15px 0 10px 0; margin-bottom:0px !important}
.othernews .item .more{ margin:20px 0 40px 0}

.topnews .newsrolls .wenzi .intro{ line-height:25px;}
.topnews .newsrolls .wenzi h3{ font-size:18px;}

.newstitle h3{ font-size:19px;}
.nserivce101 .wenzi h3{ font-size:19px}

.banner .ban-txt h3{ font-size:21px; line-height:22px; margin-bottom:10px;}

.nhr .hrkuai .text p{ line-height:18px; font-size:14px;}

.title h3{ font-size:19px;}
.nhr .hrkuai:nth-child(1) p{ padding-bottom:15px}

.nbanner .text{ margin-top:-5px !important}
.nbanner .text p{ display:none !important}


.cullist .ico{ width:32%;}

.cullist .tit{ margin:10px 0 5px 0; }
.cullist .intro{ font-size:13px; opacity:1; }
.cullist .intro p{line-height:16px !important}
.message input[type=text], .message textarea{ line-height:40px;}
.message label{ line-height:43px;}
.cullist li .txtcon{top:15% !important; margin:0  !important; font-size:13.6px;}
.cullist li:nth-child(2) .txtcon, .cullist li:nth-child(3) .txtcon, .cullist li:nth-child(4) .txtcon{ top:5% !important}
.cullist li .txtcon .phhuan{ display: block}
.cullist li:hover .tit{ margin:10px 0 0 0}


.footer li .add{background: url(../../images/fadd.png) no-repeat 2px 4px;padding-left:32px;}
.footer li .tel{background: url(../../images/fltel.png) no-repeat left 4px;padding-left:32px;}
.footer li .mail{background: url(../../images/fmail.png) no-repeat 2px 6px;padding-left:32px;}
.footer li h3{ margin:15px 0 5px 0}

.nserivce03 .item h3{ font-size:17px; line-height:35px}
.nserivce03 .item .intro{ line-height:32px}

.zuoyou .ppic img{ width:70%; margin:0 auto}


.i-serivce{ padding-bottom:60px}
.i-serivce .intro .serivceys{ margin:20px 0}
.i-serivce .intro h3{ font-size:17px;}
.i-serivce .intro .serivceys .item{ display:block; }
.i-serivce .phshow img{ width:160%; margin-left:-30%; margin-top:0px}

.nabout02 .ntitle h3{ font-size:20px;}
.nabout02 .wenzi p{ font-size:15px}
.nabout02 .wenzi .nys .item h3{ font-size:16px;}
.nabout02 .wenzi .nys .item h3 span{ font-size:25px;}

ntitle02 { margin:0 0 20px 0}
.ntitle h3{ padding-bottom:15px}




.nserivce101 .wenzi p{ font-size:15px}

.nserivce101.nserivce1001  .wenzi{ padding: 0px 3% 30px 3% !important;}
.nserivce101.nserivce1001 .wenzi p:nth-child(2), .nserivce101.nserivce1001 .wenzi p:nth-child(3), .nserivce101.nserivce1001 .wenzi p:nth-child(4){float: left !important; width: 33.33% !important;}

.zuoyou .ppic img{ width:70%; margin:0 auto}
.nserivce00201 .conn .item{ margin-bottom:35px}
.nserivce00201 .conn .item h3{ padding-bottom:0; margin-top:10px 0; font-size:17px}
.nserivce00201 .conn .item p{ line-height:24px; font-size:14px}

.nserivce1001 .wenzi{ position:relative; width:106%; margin-left:-3%}

.nserivce1001 .wenzi p:nth-child(2), .nserivce1001 .wenzi p:nth-child(3), .nserivce1001 .wenzi p:nth-child(4){ margin-bottom:20px}
.nserivce1001 .icon li img{ width:45px; height:auto}
.nserivce1001 .wenzi p { font-size:14px}
.nserivce1001 .icon li img{ margin:10px auto}
.nserivce00201 .conn{padding:50px 5% 7% 5%}
.nserivce1001 .wenzi p:nth-child(5), .nserivce1001 .wenzi p:nth-child(6){ margin:0 auto; width:90% !important}


.i-serivce .intro .serivceys .item .wenzi{ font-size:15px;}
.i-serivce .intro .serivceys .item  .wenzi span{ font-size:18px;}
}