@charset "utf-8";

*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-family:"微软雅黑"}
HTML {OVERFLOW-X: hidden; }
body{ font-size:15px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;color:#333; }
a{color:#333; text-decoration:none;outline:none;}
a:hover{color:#30ac36;text-decoration:none;}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.fl{float:left;}
.fr{float:right}
table{ border-collapse:collapse;}
img{ border:none; display:block}
input,textarea,select,button{ outline:none;-webkit-appearance: none ;font-size:16px;}

.container{width:100%; margin:0 auto}

.wrap{ width:90%; margin:0 auto}
.wrap02{ width:90%; margin:0 auto;}


.flex{display:-webkit-flex; display:flex;flex-wrap:wrap;align-item:flex-start;}


#a01{ position: absolute;  margin-top:-80px;}
#a02{ position:absolute; margin-top:-80px;}
#a03{ position:absolute; margin-top:-80px;}
#a04{ position:absolute; margin-top:-80px;}

.mbg{ background:#f3f3f3}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
.pic:hover img, .kuai:hover .pic img{transform:scale(1.1);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}

.jvzhong{ text-align:center}
.title{ margin:80px 0 30px 0;}
.title h3{ font-size:38px;}
.title p{ margin-top:10px; font-size:20px; text-transform:uppercase; color:#999;}
.title p a{ color:#30ac36; }

.ntitle{ margin:30px 0;}
.ntitle h3{ font-size:30px; position:relative; line-height:35px; padding-bottom:30px;}
.ntitle h3:after{ content:""; position:absolute; left:0; bottom:0; width:60px; height:3px; background:#30ac36}


.ntitle02{ margin:0 0 40px 0;}
.ntitle02 h3{ font-size:34px; position:relative; line-height:35px; padding-bottom:25px;}
.ntitle02 h3:after{ content:""; position:absolute; left:50%; margin-left:-30px; bottom:0; width:60px; height:3px; background:#30ac36}
.ntitle02 p{ margin-top:25px; font-size:20px; line-height:35px;}

.space{ height:95px;}

.header{width: 100%;top:0;left:0;  position:fixed; z-index:999;background: linear-gradient(to bottom,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 100%); -webkit-transition:all .5s;transition:all .5s; }
.header .wrap{ position:relative; height:95px;}
.header .logo{position:absolute; top:50%; margin-top:-15px; left:0; -webkit-transition:all .5s;transition:all .5s; z-index:99}
.header .logo img{ height:30px; width:auto; display:block; position:absolute; left:0; top:0}
.header .logo .img001{opacity:0}
.header .logo .img002{ opacity:1}
.header:hover .logo .img002{ opacity:0}
.header:hover .logo .img001{ opacity:1}

.fp-viewing-serivce .header,.fp-viewing-news .header, .fp-viewing-footer .header, .header02.scroll.end, .header:hover, .header02:hover{ background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1); top:0; padding:0px; }
.fp-viewing-serivce .header .logo .img001,.fp-viewing-news .header .logo .img001, .fp-viewing-footer .header .logo .img001, .header02.scroll.end .logo .img001{opacity:1}
.fp-viewing-serivce .header .logo .img002,.fp-viewing-news .header .logo .img002, .fp-viewing-footer .header .logo .img002, .header02.scroll.end .logo .img002{opacity:0}




.header .menu{ position:absolute; top:50%; top:0; text-align:center; width:100%}
.header .menu li{ text-align:center; display:inline-block; position:relative}
.header .menuin{display:inline-block;}
.header .menu li .menu_a{ line-height:95px; display:block; position:relative; font-size:18px; padding:0 40px; }
.header .menu li .menu_a:after{ content:""; height:0; width:100%; background:#30ac36; position:absolute; left:0; bottom:0;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s; z-index:-1 }
.header .menu li .menu_a:hover:after, .header .menu li .menu_a.cur:after{ height:100%}
.header .menu li .menu_a:hover, .header .menu li .menu_a.cur{ color:#fff !important}
.header .menu li .menu_a span{ position:relative; z-index:9}
.header .menu li .sub{ position:absolute; text-align:center; display:none;clear:both; z-index:999;width:100%; left:0%;overflow:hidden;  line-height:40px;}
.header .menu li .sub .insub{ max-width:640px; margin:0 auto; }
.header .menuin li:nth-child(1) .sub{ width:150%; margin-left:-25%}
@media screen and (max-width:1600px){
.header .menuin li:nth-child(1) .sub{ width:160%; margin-left:-30%}	
}
.header .menu li .sub a{ display:block; color:#333; padding:0 15px; margin:0 auto;}
.header .menu li .sub a:hover{ background:#30ac36; color:#fff;}
.header .menuin .bg{background-color: rgba(255,255,255,0.6);position:absolute;display:none; z-index:1; width:120%;height:138px; left:0; margin-left:-10% }


.header .menu a{ color:#fff;}
.header .menu li a:hover{ color:#fff;}
.fp-viewing-serivce .header .menu li .menu_a, .fp-viewing-news .header .menu li .menu_a, .fp-viewing-footer .header .menu li .menu_a, .header02.scroll.end .menu li .menu_a, .header:hover .menu li .menu_a, .header02:hover .menu li .menu_a{ color:#333}

.header .language{ line-height:36px; position:absolute; top:50%; margin-top:-18px; right:60px; color:#fff}
.header .language a{ color:rgba(255,255,255,0.7); margin:0 10px}
.header .language a.cur, .header .language a:hover{ color:#fff;}
.fp-viewing-serivce .header .language, .fp-viewing-news .header .language,.fp-viewing-footer .header .language, .header02.scroll.end .language, .header:hover .language, .header02:hover .language{ color:#333 }
.fp-viewing-serivce .header .language a, .fp-viewing-news .header .language a, .fp-viewing-footer .header .language a, .header02.scroll.end .language a, .header:hover .language a, .header02:hover .language a{color:rgba(0,0,0,0.7);}
.fp-viewing-serivce .header .language a.cur,.fp-viewing-news .header .language a.cur, .fp-viewing-news .header .language a:hover, .fp-viewing-footer .header .language a.cur, .fp-viewing-footer .header .language a:hover, .header02.scroll.end .language a.cur, .header02.scroll.end .language a:hover,  .header:hover .language a.cur, .header:hover .language a:hover, .header02:hover .language a.cur, .header02:hover .language a:hover{ color:#333;}


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

.header .menu { padding-left:100px;}
.header .menu li .menu_a{font-size:17px;}	
	
}

/*banner*/

.topjj{ margin-top:-5%}
.banner{ position:relative; overflow:hidden}
.banner a{ display:block; width:100%;overflow:hidden}
.banner .ban-img{position:relative;}
.banner .swiper-slide .ban-img{ min-height:550px}
.banner .ban-img img{ display:block;width:100%;-moz-transition:1s linear 2s;-webkit-transition:1s linear 2s;transition:1s linear 2s;}
.banner .ban-txt{ position:absolute; width:100%; text-align:center; top:50%; margin-top:-90px; color:#fff; opacity: 0; -webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);-moz-transition:1s;-webkit-transition:1s;transition:1s;text-shadow: 0px 0px 10px #666;}
.banner .ban-txt h3{ font-size:60px; line-height:65px; margin-bottom:30px; letter-spacing:10px;}
.banner .ban-txt p{ font-size:26px; text-transform:uppercase; letter-spacing:2px;}
.banner .swiper-slide-active .ban-txt{-moz-transform: scale(1);-webkit-transform: scale(1);transform: scale(1); opacity:1;-moz-transition:1s .4s;-webkit-transition:1s .4s;transition:1s .4s;}
.banner .swiper-slide-active .ban-img img, .banner .swiper-slide-duplicate-active .ban-img img{transition:16s linear;-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
/*分页器*/
.banner .swiper-pagination{bottom:5%; left:5%; text-align:left;}
.banner .swiper-pagination-bullet{ width:40px; height:2px;background:#fff; border-radius:0px;opacity:1;position:relative;}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.banner .swiper-pagination-bullet-active{ opacity:1;height:4px; background:#fff}

.bann2 a{ float:left; width:20px; height:34px; position:absolute; right:3%; bottom:44px; margin-left:-10px; background:url(../images/bann2.png) center bottom no-repeat;  cursor:pointer; z-index:10;}

.wzxg{text-shadow: 0px 0px 8px #333;}


.i-serivce {}
.i-serivce .intro{ margin:8% 0}
.i-serivce .intro h3{ font-size:32px; font-weight:bold; margin-bottom:5px; }
.i-serivce .intro p{ font-size:17px; color:#666}
.i-serivce .intro .serivceys{ margin:60px 0}
.i-serivce .intro .serivceys .item{ margin:2% 0}
.i-serivce .intro .serivceys .item .icon img{ height:40px; width:auto;margin:0 auto 15px auto}
.i-serivce .intro .serivceys .item .wenzi{ font-size:22px;}
.i-serivce .intro .serivceys .item  .wenzi span{ font-size:30px; font-weight:bold; color:#30ac36}
.i-serivce .serivcevideo{z-index:-1; position:absolute; bottom:-1px; height:82%;width:100%; text-align:right;}
.i-serivce video#bgvid { max-height:100%; width:auto; max-width:100%; display:block; position:absolute;right:0;bottom:0}




.i-news .linebg {width:100%; height:100%; background:url(../images/dc-item01-bg.jpg) no-repeat center center; background-size:cover; box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.05) inset; position:absolute; left:0; bottom:0; z-index:-1}
.i-news .item, .i-news .swiper-slide{ float:left; width:32%; position:relative; overflow:hidden; margin-right:2% }
.i-news .item:nth-child(3n){ margin-right:0}
.i-news .item:after, .i-news .swiper-slide:after{content:""; position:absolute; z-index:9; width:100%; height:3px; background:#30ac36; left:-100%; bottom:0px;-webkit-transition:all .5s;transition:all .5s;}
.i-news .item:hover:after, .i-news .swiper-slide:hover:after{ left:0}
.i-news .time{ color:#666; line-height: 20px;margin:20px 0 15px 0; background:url(../images/shijian.png) left center no-repeat; padding-left:20px;}
.i-news .newtitle{ font-size:20px; line-height:25px; height:50px;}
.i-news .intro{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#666}
.i-news .more{color:#30ac36; margin:40px 0;-webkit-transition:all .5s;transition:all .5s; background:url(../images/icon5.png) no-repeat right center;padding-right:45px; display: inline-block }
.i-news .item:hover .more, .i-news .swiper-slide:hover .more{padding-right:55px; }

.footer{ padding:70px 0 0 0; background:#2f3034}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between; }
.footer li {color:#fff;display:inline-block;cursor:pointer; position:relative}
.footer li:nth-child(1) img{ display:block; max-width:350px; margin-bottom:30px;}
.footer li:last-child img{ max-width:120px;}
.footer li .add{ background:url(../images/fadd.png) no-repeat 2px 10px; padding-left:32px; }
.footer li .tel{ background:url(../images/fltel.png) no-repeat left 10px; padding-left:32px; }
.footer li .mail{ background:url(../images/fmail.png) no-repeat 2px 10px; padding-left:32px; }
.footer li h3{ color:#fff; margin:15px 0; font-size:18px; height:30px; display:block}
.footer li h3{ margin-top:2px}
.footer li a, .footer li p{color: rgba(255,255,255,0.5);}
.footer li a:hover{ color:#fff;}
.copyright{padding:50px 0 30px 0 ;color: rgba(255,255,255,0.5); background:#2f3034; line-height:28px;}
.copyright a{color: rgba(255,255,255,0.5);}
.copyright a:hover{ color:#fff;}
.copyright p:nth-child(1){ float:left}
.copyright p:nth-child(2){ text-align:right; float:right}

.nbanner { position:relative; overflow:hidden; height:630px;}
.nbanner .pic{ height:100%; -webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.nbanner .pic.anim{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-moz-transition:5s ease;-webkit-transition:5s ease; transition:5s ease}
@keyframes zoom{ 0%{transform:scale(1.05);} 50%{transform:scale(1.0);} 100%{transform:scale(1.05);} } 
@-webkit-keyframes zoom{ 0%{transform:scale(1.05);} 50%{transform:scale(1.0);} 100%{transform:scale(1.05);} }

.nbanner .text{ position:absolute; left:5%; width:90%; top:50%; margin-top:-80px;}
.nbanner .text02{ width:40%; left:60%}
.nbanner .text h3{ line-height:40px; font-size:52px; font-weight:bold;  line-height:60px;  margin-bottom:35px; color:#fff; text-transform:uppercase;}
.nbanner .text p{ line-height:30px; font-size:35px;color:#fff; text-transform:uppercase}
.nbanner .text p.biaologo{ background:url(../images/enlogo.png) no-repeat left bottom; padding-left:310px; background-size:auto 100%;}
.nbanner .text p.biaologo span{ width:18px; font-weight:lighter; padding:0 15px;}


.nguide{ background:#f3f3f3; border-bottom:solid 1px #ddd; text-align:center; line-height:40px; padding:15px 0; position:relative;}
.nguide li{ display:inline-block; font-size:18px; margin:0 10px; position:relative }
.nguide li a{ display:block; border:solid 1px #ddd; border-radius:10px; padding:0 40px}
.nguide li a:hover, .nguide li .cur {color: #fff;background-color:#30ac36; border:solid 1px #30ac36;}
.nguide li a:hover:after, .nguide li a.cur:after {content: "";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #30ac36;position: absolute;left: 50%;margin-left: -5px;bottom: -5px;}

.location{  line-height:50px; position:relative; margin-top:-60px; color:#fff}
.location span{ padding:0 5px}
.location a{ color:#fff}



.nmain.section{ padding:100px 0 120px 0}
.nmain.sectionpre{ padding-top:100px}
.nmain.sectionnext{ padding-bottom:120px}



.nabout01 .pic{ float:left; width:48.5%;}
.nabout01 .wenzi{ float:right; width:48.5%;}
.nabout01 .wenzi .intro{ line-height:35px;}
.nabout01 .wenzi .intro p{ padding:10px 0; font-size:17px;}

.nabout02 { position:relative; width:100%}

.nabout02 .tu{ width:50%; position:absolute; top:-30px; right:0%}
.nabout02 .tu img{ display:block; width:100%; height:auto}
.nabout02 .wenzi{ width:100%; position:relative; padding-bottom:60px;}
.nabout02 .wenzi:after{ content:""; position:absolute; left:0; width:100%; height:calc(100% - 59.4px); background:#f3f3f3; bottom:0; z-index:-1}
.nabout02 .wenzi .wrap .inwenzi{width:45%; }

.nabout02 .ntitle02 { margin-top:30px}
.nabout02 .ntitle02 h3:after{ left:0%; margin-left:0px;}
.nabout02 .wenzi .conn{ padding-top:30px}
.nabout02 .wenzi .nys{ margin-top:35px; }
.nabout02 .wenzi .nys .item{display:inline-block; float:left; width:33.33%}
.nabout02 .wenzi .nys .item .text{ margin-top:15px;}
.nabout02 .wenzi .nys .item h3{ font-size:20px;}
.nabout02 .wenzi .nys .item h3 span{ font-size:45px; font-weight:bold}


.cullist ul{}
.cullist li{ width:23.5%;color:#fff; text-align:center; position:relative; float:left; margin-right:2%}
.cullist li:nth-child(4n){ margin-right:0}
.cullist .pic{ position:relative; overflow:hidden}
.cullist .pic img{ display:block; width:100%;-moz-transition: 0.6s;-webkit-transition: 0.6s;transition: 0.6s;}
.cullist .pic:after{ content:""; width:100%; height:100%; position:absolute; left:0;top:0; background:rgba(0,0,0,.4);-moz-transition: 0.6s;-webkit-transition: 0.6s;transition: 0.6s;}
.cullist .txt{position: absolute;left: 0;top: 0;z-index:2;width: 100%;height: 100%;}
.cullist .txtcon{position: absolute;left: 0;top: 50%;margin-top: -59px;width: 100%;text-align: center;transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.cullist .ico{ margin:0 auto; display:flex; display:-webkit-flex; align-items:center; justify-content:center; width:40%;}
.cullist .ico img{ display:block; width:auto; max-width:100%; height:auto}
.cullist .tit{ margin:45px 0 25px 0; font-size:24px;}
.cullist .intro{ opacity:0; line-height:24px; margin:0 30px}
.cullist li:hover .txtcon{top:25%; margin-top:0; font-size:18px;}
.cullist li:hover .intro{ opacity:1}
.cullist li:hover .pic:after{background:rgba(0,0,0,.2);}
.cullist li:hover .pic img{-moz-transform:scale(1.02);-webkit-transform:scale(1.02); transform:scale(1.02)}

.cullist li .txtcon .phhuan{ display: inline-block}




.fazlist li{ width:49%; float:left; position:relative; overflow:hidden} 
.fazlist li:nth-child(2), .fazlist li:nth-child(3){ float:right}
.fazlist li:nth-child(2){ margin-bottom:2%}
.fazlist li img{ display:block; width:100%; height:auto}
.fazlist .item img{/*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%);*/opacity:1; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.fazlist .picbox{ position:relative; overflow:hidden}
.fazlist .picbox .bg{width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); opacity:0; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.fazlist .text{ position:absolute; left:0;top:calc(100% - 80px);background-image: linear-gradient(rgba(0,0,0,0.2), 0,0,0,0.5)); width:100%; padding:30px; color:#fff; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s; text-align:left}
.fazlist .time{ font-size:20px; margin-bottom:20px}
.fazlist h2{ font-size:32px}
.fazlist .intro{ font-size:18px; line-height:30px; margin-top:30px}
.fazlist .intro .dian{ color:#f4b217; margin-right:10px;}
.fazlist li:hover .picbox .bg{ opacity:1}
.fazlist li:hover .text{top:10%}
/*.fazlist .item:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0); filter: grayscale(0);}
*/
.message form{ position:relative}
.message .conn{ width:100%; max-width:1400px; margin:0 auto}
.message .red{ color:#e72c35}
.message .conn p { color:#999; margin-bottom:10px;}
.message .item{ margin-bottom:20px; float:left; width:48%; position:relative}
.message .item:nth-child(even){ float:right}
.message label{ display:block;line-height:53px; color:#999;position:absolute; left:15px;top:0;bottom:0; font-size:14px;}
.message label span{ margin-right:5px;}
.message input[type=text], .message textarea {display: block;width: 100%;border:solid 1px #ddd;background:#fff; padding: 0 10px; padding-left:120px; line-height:50px;color: #333;font-size:14px;}

.message textarea{ height:120px;}
.message .item2{ width:100%}
.message .item2 label{ bottom:auto;top:0}
.message .item3{ float:left !important; width:100%}
.message .yzm[type=text]{ padding-left:85px; width:30%; float:left}
.message .submit{ width:160px; height:46px; display:block; font-size:18px; line-height:46px; border:0; color:#fff; background:#30ac36; border-radius:25px; cursor:pointer; clear:both; position:absolute; right:0; bottom:0}
.message .submit:hover{ background:#f4b217;}
.message02 .item:nth-child(8) input[type=text]{ padding-left:100px}

.recruit{ width:100%; max-width:1400px; margin:0 auto}
.recruit li{ padding:30px 0; border-bottom:1px solid #d8d8d8}
.recruit li:first-child{ border-top:1px solid #d8d8d8}
.recruit-top{background:#30ac36;color: #fff;height:70px;font-size: 16px; line-height:70px; padding: 0 45px;}
.recruit-top .colum{float: left;display: inline-block;}
.recruit-top .colum1 {width: 30%;}
.recruit-top .colum2 {width: 15%;}
.recruit-top .colum3 {width: 20%;}
.recruit-top .colum4 {width: 20%;}
.recruit-top .colum5 {width: 15%;}

.recruit-con{ margin-top:10px;}
.recruit-con .item{ margin-bottom:10px;}
.recruit-con .colum{float: left;display:block;}
.recruit-con .colum1 {width: 30%; font-size:20px}
.recruit-con .colum2 {width: 15%;}
.recruit-con .colum3 {width: 20%;}
.recruit-con .colum4 {width: 20%;font-size:14px}
.recruit-con .colum5 {width: 15%;}

.main .content .recruit-con p{ margin-bottom:0}
.recruit-con .tit {color: #333; height: 65px; font-size: 16px; line-height: 65px; padding: 0 45px;  border: 1px solid #e6e6e6; background:#f8f8f8; cursor:pointer; transition:.3s; overflow:hidden}
.recruit-con .item:nth-child(2n) .tit{ background:#fff}
.recruit-con .tit.on{ background:#30ac36 !important;color:#fff;}
.recruit-con .cont{display: none; padding:30px 45px;background: #fff; border:solid 1px #ddd; margin-top:-2px; font-size: 15px;}
.recruit-con .rec-a{display: inline-block;height:36px; line-height:36px; background: #333; text-align: center; color: #fff;  font-size: 14px; padding: 0 25px; margin-top:30px}
.recruit-con .rec-a:hover{background:#30ac36;}
.recruit-con-mtit{ display:none; margin-bottom:10px}
.recruit-con-mtit .colum{ float:none; display:inline-block; margin-right:20px}
.recruit-con-mtit .colum:last-child{ margin-right:0}

.ncontact{width:100%; max-width:1400px; margin:0 auto}
.ncontact li{ float:left; width:33.33%; position:relative}
.ncontact li .icon{transition: all 0.6s ease 0s;position:relative;top:0px; margin:20px 0 10px 0;border-radius:50%; }
.ncontact li .icon img{ display:block; width:60%; max-width:125px;background:#30ac36;  border-radius:50%; height:auto;border:solid 16px #d6eed6; margin:0 auto}
.ncontact li:hover .icon{top:-10px;}
.ncontact li .wenzi{ text-align:center;font-size:17px;  margin-bottom:40px;}
.ncontact li .wenzi h3{ display:inline-block;font-size:20px; line-height:50px;}


#allmap{width: 100%;height:500px; border:solid 1px #ddd; background: #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; line-height:22px; font-size:14px; margin-top:30px}
.BMap_bubble_title{ white-space:normal !important;color: #CC5522; font-weight:bold; font-size:15px; margin-bottom:5px}


.topnews{ background:#f3f3f3; margin-bottom:70px}
.topnews .newsrolls .swiper-slide, .topnews .newsrolls .swiper-slide a{ position:relative; display:block}
.topnews .newsrolls .pic{ float:left; width:50%}
.topnews .newsrolls .wenzi{ float:right; width:50%; padding:3%}
.topnews .newsrolls .wenzi .shijian{ font-size:14px;}
.topnews .newsrolls .wenzi h3{ font-size:24px; margin-bottom:15px;}
.topnews .newsrolls .wenzi .intro{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; color:#666}
.topnews .newsrolls .wenzi .more{color:#30ac36; margin:40px 0;-webkit-transition:all .5s;transition:all .5s; background:url(../images/icon5.png) no-repeat right center;padding-right:45px; display: inline-block }
.topnews .newsrolls .swiper-slide:hover  .more{padding-right:55px; }


.newsrolls .swiper-pagination{bottom:3%; margin-left:25%}
.newsrolls .swiper-pagination-bullet{ width:14px; height:14px; border:solid 1px #ddd; background:#ddd; border-radius:0px;opacity:1;position:relative; border-radius:50%; }
.newsrolls .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.newsrolls .swiper-pagination-bullet-active{ opacity:1; background:#30ac36; border:solid 1px #30ac36; }

.topnews .topnewslist{float:left; width:44%; margin-left:2%}
.topnews .topnewslist .kuai{ padding:3.8% 0; border-bottom:solid 1px #ddd}
.topnews .topnewslist .kuai p{ color:#666; font-size:14px;}



.othernews .item{ float:left; width:32%; position:relative; overflow:hidden; margin-right:2%; margin-bottom:2%}
.othernews .item:nth-child(3n){ margin-right:0}
.othernews .item:nth-child(3n+1){ clear:both}
.othernews .item:after{content:""; position:absolute; z-index:9; width:100%; height:3px; background:#30ac36; left:-100%; bottom:0px;-webkit-transition:all .5s;transition:all .5s;}

.othernews .item:hover:after{ left:0}
.othernews .item .time, .newstitle .time, .newsrolls .time{ color:#666; line-height: 20px;margin:20px 0 15px 0; background:url(../images/shijian.png) left center no-repeat; padding-left:25px;}
.othernews .item .newtitle{ font-size:20px; margin-bottom:20px;}
.othernews .item .intro{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#666}
.othernews .item .more{color:#30ac36; margin:40px 0;-webkit-transition:all .5s;transition:all .5s; background:url(../images/icon5.png) no-repeat right center;padding-right:45px; display: inline-block }
.othernews .item:hover  .more{padding-right:55px; }

.newsxiang { max-width:1400px; margin:0 auto}
.newsxiang .more { margin-top:40px}
.newsxiang .more a{width: 160px;height: 46px;display: block;font-size: 18px;line-height: 46px;border: 0;color: #fff;background: #30ac36; margin:0 auto; text-align:center; border-radius:25px;}

.newstitle{ margin-bottom:35px;}
.newstitle h3{ font-size:30px; line-height:35px; margin-bottom:10px}




.tran300{transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}
.js-main{background: url(../images/jsbg.jpg) no-repeat center center; background-size:cover; text-align:center;padding:30px 0;height:660px; position:relative}
.js-main .box{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;}
.js-main .box .list{width:32%;float:left; background-color:rgba(0,0,0,0.3);height:100%;padding-top:40px;position:relative;}
.js-main .box .list:nth-child(1){background: url(../images/mg01.jpg) no-repeat center center; background-size:auto 100% }
.js-main .box .list:nth-child(2){background: url(../images/mg02.jpg) no-repeat center center; background-size:auto 100%}
.js-main .box .list:nth-child(3){background: url(../images/mg03.jpg) no-repeat center center;background-size:auto 100% }

.js-main .box .list:last-child{border-right:none !important;}
.js-main .box .list .num-box{position:relative; z-index:1}
.js-main .box .list .bg{ position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.5)}
.js-main .box .list .num-box .num{font-size:100px;line-height:1;opacity:.08;}
.js-main .box .list .num-box .name{font-size:24px;width:90%; margin:0 auto; line-height:40px;}
.js-main .box .list .ms{max-width:40%;margin:0 auto;line-height:32px; font-size:17px;  height:96px; opacity:1 !important; display:block !important}
.js-main .box .list .ms img{ display:block; width:80px !important; margin:0 auto}
.js-main .box .list .icon{width:48px;height:48px;margin:0 auto;position:absolute;border-radius:100%;left:50%;transform:translateX(-50%);bottom:20px;}
.js-main .box .list .icon:before,
.js-main .box .list .icon:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:100%;}
.js-main .box .list .icon:before{width:20px;height:24px;background:#fff;opacity:.1;}
.js-main .box .list .icon:after{width:8px;height:8px;background:#fff;}
.js-main .box .list .che{ margin:50px auto; position:absolute; bottom:20px; width:100%;}
.js-main .box .list .che img{ display:block; width:43%; height:auto; margin:0 auto}
.js-main .box .list.active{ width:36%}
.js-main .box .list.active .bg{ background-color:rgba(0,70,3,0.3)}



.js-main .box .list.active .icon{background:rgba(255,255,255,.1);}
.js-main .box .list.active .icon:before{opacity:1;}
.js-main .box .list.active .icon:after{background:#30ac36;}
.js-main .box .list.active .ms{opacity:1;transform:translateY(0);transition-delay:.2s;display:block;}
.js-main .box .list.active .ms img{ width:auto !important}
.js-main .box .list.active .che{ bottom:-20px}


.nserivce02{ background: url(../images/jsbg.jpg) no-repeat center center; }


.nserivce03 { margin:0 auto}
.nserivce03 .text img{ display:block; width:auto; max-width:100%;  height:auto; margin:0 auto}
.nserivce03 .item{ float:left; width:20%; text-align:center}
.nserivce03 .item h3{ font-size:20px; font-weight:bold; line-height:60px; background:#30ac36; color:#fff; border-right:solid 1px #ddd;}
.nserivce03 .item .intro{ border-right:solid 1px #ddd;border-bottom:solid 1px #ddd; line-height:40px; font-size:17px; padding:15px 0 30px 0;}
.nserivce03 .item:first-child{border-left:solid 1px #ddd;}



.nserivce101 .conn{background:#f3f3f3}
.nserivce101 .conn:nth-child(3){ margin-top:50px}
.nserivce101 .pic{ float:left; width:50%;}
.nserivce101 .wenzi{ float:right; width:50%; padding:30px 3% 0 3%; }
.nserivce101 .conn:nth-child(2n+1) .pic{ float:right}
.nserivce101 .conn:nth-child(2n+1) .wenzi{ float:left}
.nserivce101 .wenzi h3{ font-size:30px; font-weight:bold; margin-bottom:25px}
.nserivce101 .wenzi p{ padding:9px 0; font-size:17px;  border-bottom:solid 1px #ddd}
.nserivce101 .wenzi p span{ display:inline-block; width:140px; font-weight:bold}
.nserivce101 .conn:nth-child(2n+1) .wenzi p span{ width:30px; color:#30ac36}
.nserivce101 .wenzi p .font15{ font-size:15px; width:auto !important; font-weight:normal !important; font-style:normal !important}


.mirrorRotateVertical {        /* 垂直镜像翻转 */
            -moz-transform:scaleY(-1);
            -webkit-transform:scaleY(-1);
            -o-transform:scaleY(-1);
            transform:scaleY(-1);
            /*兼容IE*/
            filter:FlipV;background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.3));
            -webkit-background-clip: text;
            color: transparent !important; 
}

.nhr .conn{ width:100%; max-width:1400px; margin:0 auto}
.nhr .hrkuai{ float:left; width:48.5%; position:relative}
.nhr .hrkuai:nth-child(2n){ float:right}
.nhr .hrkuai .text{ position:absolute; min-height:220px;transition: all 1.5s;  z-index:999; left:0; bottom:0; width:100%; padding:5%; color:#fff;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.4));}
.nhr .hrkuai .bg{ position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.3); z-index:99; top:0; left:0}
.nhr .hrkuai .text h3{ font-size:24px; font-weight:bold; margin-bottom:20px; }
.nhr .hrkuai .text p{ font-size:16px;}
.nhr .hrkuai:hover .pic img{transform:scale(1.1);}

.nhr .hrkuai .button { border:solid 1px #fff; color:#fff; padding:5px 0px; width:160px; text-align:center; overflow:hidden;  line-height:30px; margin-top:30px; display:inline-block; position:relative; margin-bottom:-20px}
.nhr .hrkuai .button a{ display:block; color:#fff; position:relative; z-index:99}
.nhr .hrkuai .button:hover a{ color:#30ac36 }
.nhr .hrkuai .button:before {content: '';position: absolute; z-index:-1; bottom: 0;left: 0; background:#fff; width: 300%;height: -webkit-calc(100% + 4px);height: calc(100% + 4px);-webkit-transform: translateX(-150%) skew(-45deg);-ms-transform: translateX(-150%) skew(-45deg);transform: translateX(-150%) skew(-45deg);-webkit-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;z-index: 0;}
.nhr .hrkuai .button:hover:before{ left: 300%;}


.videolist li{ float:left; width:49%;margin:1% 2% 1% 0;position:relative}
.videolist li:nth-child(2n){ margin-right:0}
.videolist li:nth-child(2n+1){ clear:both}
.videolist .picbox{ position:relative;}
.videolist .img1{ display:block; width:100%; height:auto}
.videolist .img2{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; margin:auto; z-index:2}
.videolist .video-btn{position:absolute; left:0;top:0;right:0;bottom:0;margin:auto; z-index:3}
.videolist video{ width:100%; height:100%;position:absolute; left:0;top:0;right:0;bottom:0;margin:auto;background: #000;z-index:1}
.videolist .wenzi h3{ overflow:hidden; -webkit-box-orient:vertical; text-overflow:ellipsis;margin:15px 0; text-align:center; font-size:20px;}
.videolist li:hover .img2, .videolist li:hover .video-btn{ opacity:0}

.er { width:100%;  margin:50px auto 0 auto;}
.er .item{ float:left; width:48%}
.er .item:nth-child(2n){ float:right;}
.er .item img{ display:block; width:100%; height:auto}

.nserivce00201 .connintro{display: flex;align-items: center; max-width:1400px; margin:0 auto}
.nserivce00201 .connintro .img{ float:left; width:20%}
.nserivce00201 .connintro .img img{ display:block; width:auto;max-width:100%; height:auto}
.nserivce00201 .connintro .wenzi{ float:right; width:75%; margin-left:5%; line-height:40px; font-size:18px;}
.nserivce00201 .conn{ background: url(../images/abbg02.jpg) no-repeat center center; background-size:cover; padding:4% 5% 7% 5%; color:rgba(255,255,255,0.8)}
.nserivce00201 .conn .item{ float:left; width:18%; margin:1%; position:relative;}
.nserivce00201 .conn .item .quan{}
.nserivce00201 .conn .item .quan{ display: block; width: 40px;height: 40px; border-radius: 50%;border: 1px solid #fff; position: relative; margin: auto; transition: .5s; -webkit-transition: .5s;}
.nserivce00201 .conn .item .quan:before{ position: absolute; left: 7px;top: 7px;right: 7px;bottom: 7px;border-radius: 50%;content: '';border: 1px solid #fff;}
.nserivce00201 .conn .item .quan:after{ position: absolute; left: 15px;top: 15px;right: 15px;bottom: 15px;border-radius: 50%;content: '';background: #fff;transition: .5s; -webkit-transition: .5s;}
.nserivce00201 .conn .item .on .quan, .nserivce00201 .conn .item:hover .quan{border: 1px solid #30ac36;transform: scale(1.5); -webkit-transform: scale(1.5);}
.nserivce00201 .conn .item .on .quan:before, .nserivce00201 .conn .item:hover .quan:before{ border: 1px solid #30ac36;}
.nserivce00201 .conn .item .on .quan:after, .nserivce00201 .conn .item:hover .quan:after{ left: 12px;right: 12px;top: 12px;bottom: 12px;background: #30ac36;}

.nserivce00201 .conn .item h3{ font-size:24px; text-align:center; margin:30px 0; color:#fff}
.nserivce00201 .conn .item p{ line-height:32px; text-align:center; font-size:16px; display:none; color:#fff}
.nserivce00201 .conn .item .icon { margin-bottom:30px;}
.nserivce00201 .conn .item .icon img{ display:block; height:60px; width:auto}
.nserivce00201 .conn .item .on p, .nserivce00201 .conn .item:hover p{ display:block}




.zuoyou{ display:table; width: 100%; max-width:1500px; margin: 0 auto 50px auto;}
.zuoyou .ppic{display: table-cell;vertical-align: middle;width:40%; padding-right:10%}
.zuoyou .ppic img{ display:block; width:auto; max-width:100%; height:auto}
.zuoyou .text{display: table-cell;vertical-align: middle;width:50%; font-size:18px; line-height:40px; padding-bottom:120px}


.nserivce1001 .pic{ width:45%}
.nserivce1001 .wenzi{ width:55%}
.nserivce1001 .icon li p{ margin:0; padding:0; border:none}
.nserivce1001 .wenzi p:nth-child(2), .nserivce1001 .wenzi p:nth-child(3), .nserivce1001 .wenzi p:nth-child(4){ width:33.33%; margin-bottom:40px; display:inline-block; float:left; border:none; font-weight:bold; text-align:center}
.nserivce1001 .wenzi p:nth-child(5){ clear:both; border-top:solid 1px #ddd}
.nserivce1001 .icon ul{ text-align:center}
.nserivce1001 .icon li{ display:inline-block; width:33.33%; float:left;}
.nserivce1001 .icon li img{ transition: .5s; -webkit-transition: .5s; display:block; margin:30px auto 10px auto}
.nserivce1001 .icon li:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}