﻿/* CSS Document */
@import url("style/base.css");

/*header*/
.head-fixed{ position:relative; top:0; left:0; z-index:999; width:100%;}
#header{ height:90px;background:#fff; overflow:visible; position:relative;}
#header .w1200{ overflow:visible; position:relative; z-index:10;}
#header .logo{ float:left; margin:10px 0 0; position:relative}
#header .logo a{ display:block;}
#header .logo img{ max-width:100%; height:auto;}
#header .logo span{ display:block; font-size:18px; line-height:1.1; color:#008242; position:absolute; top:12px; left:252px; letter-spacing:0px; border-left:1px solid #acacac; height:46px; width:180px; padding-left:14px;}
#header .logo span i{ display:block; font-style:normal; padding-top:6px;}

.mobile-nav, .top-box{ display:none;}
@media(max-width:767px){
	#header{ height:70px; padding:10.5px 10px 12.5px; position:relative;-webkit-box-shadow:0 0 10px 0 rgba(12,36,134,0.1); box-shadow:0 0 10px 0 rgba(12,36,134,0.1);}
	#header:after{ display:none; width:0;}
	#header .logo{ margin:0; display:block; width:85%;}
	#header .logo img{ max-width:100%; height:50px;}
	#header .logo span{ display:block; font-size:.8rem; position:absolute; top:5px; left:180px; height:36px; letter-spacing:-.03rem; width:120px; padding-left:10px;}
	#header .logo span i{ padding-top:5px;}
	
	.e_box{position:fixed;right:0px;top:0;z-index:100;width:45%;transform:translateX(100%);}
	.mobile-nav{width:36px;height:35px;padding:6px 0/*7.5px 12px*/;cursor:pointer;margin-top:7px;float:right;display:block; text-align:center; line-height:35px;}
	.mobile-nav .icon.more{font-size:23px;color:#393c4a;width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden;}
    .mobile-box{display:block;width:100%;height:100%;position:relative; display:none;}
    .mobile-box .line{display:block;width:100%;height:2px;background-color:#fff;position:absolute;left:0;transition:width 0.3s ease 0s;}
    .mobile-box  .line1{width:12px;top:0;}
    .mobile-box  .line2{width:20px;top:6px;}
    .mobile-box  .line3{width:16px;top:13px;} 
	.top-box{display:block;height:59px;background:#333;width:100%;padding:0 10%} 
    .top-box a{color:#fff;text-align:right;line-height:59px;float:right;}
}


.menu{ float:right; margin-right:80px;}
.menu .nav{ width:100%; height:auto;}
.menu li{ float:left;border-right:1px solid #eaeaea;position:relative;}
.menu li .svb a{position:relative;z-index:2;overflow:hidden;display:block;font-size:16px;line-height:90px;color:#333; padding:0 22px;}
/*.menu li:last-child{ border-right:none;}
.menu li:last-child .svb a{ padding-right:0;}*/
.menu li:before{ background:#278a2f; right:0; bottom:0; height:3px; width:100%; content:""; position:absolute; z-index:-1; width:0; transition:all .5s ;} 
.menu li:hover .svb a,.menu li .svb a:hover{color:#278a2f;}
.menu li:hover:before{ width:100%; left:0; }
/*.menu li:last-child:hover:before{ width:calc(100% + 25px);}*/
.menu .menuBox{display:none; width:100%; position:absolute;z-index:99999;background-color:rgba(255,255,255,1);-webkit-transform-origin:top center;-webkit-animation-duration:0.3s; animation-duration:0.3s;-moz-transform-origin top center;-ms-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;text-transform:uppercase;box-shadow:0 6px 14px -4px rgba(0,0,0,0.1);-webkit-box-shadow:0 6px 14px -4px rgba(0,0,0,0.1);-moz-box-shadow:0 6px 14px -4px rgba(0,0,0,0.1); left:50%; top:90px; font-size:0; text-align:left; transform:translateX(-50%); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:none;background:rgba(255, 255, 255, 1);padding:8px 0;}
.menu .menuBox a{display:block; width:100%; text-align:center; box-sizing:border-box; overflow:hidden; padding:0 15px; font-size:15px; line-height:36px; color:#333; }
.menu .menuBox a:hover{ color:#278a2f;}
.menu li:hover .menuBox{ display:block;}
@media(max-width:767px){
	.menu{display:block;position:fixed;right:0px;top:0px;width:80%;float:none;height:100vh;background:#fff;z-index:99;transform:translateX(100%);transition:all 0.5s ease; margin:0;}
    .menu li{width:100%;float:none;border-right:none; padding:0 10px;}
	.menu li.home{ padding:15px 10px 0;}
    .menu li .svb a{display:inline-block;width:80%;height:100%; line-height:50px; padding:0;padding-left:0;}
	.menu li:before{ display:none;}
	.menu li:hover .menuBox{ display:none;}
	.menu li .menuBox{ display:none; position:relative; top:0; left:50%; padding:0;}
	.menu .menuBox a{ text-align:left; padding:0 15px; font-size:15px; line-height:32px;}
	.menu li .svb .jt{ position:relative; display:inline-block; width:10%; height:50px; text-align:center; background:none; float:right; } 
	.menu li .svb .jt:after{ content:''; display:block; width:26px; height:26px; background:url(/images/jia.png) no-repeat center; background-size:17px auto; position:absolute; right:3%; top:15px; } 
	.menu li .svb .jt.jtRote:after{ background:url(/images/jian.png) no-repeat center; background-size:20px auto; } 
}

/* 热点 */
.hotKeys{position: absolute;top:5px;right:50%;width:80px; height:80px; margin-right:-600px; padding:0;z-index: 10; background: url(/images/sbtn2.png) no-repeat 50%; background-size:60px auto; cursor:pointer;}
.hotKeys .keyleft{margin:140px 0 0 0;position: absolute;z-index: 1;opacity: 0;transition:all 0.3s ease-in-out;left:500px;}
.hotKeys .keyleft .title .title_more{ color:#6d6d6d; }
.hotKeys .keyleft .content{ width: 570px; }
.hotKeys .keyleft .content a{ padding-left:0px; font-size:14px;}
.hotKeys .keyleft .content a:after{ position:absolute;left:3px; top:50%; width:6px; height:6px; margin-top:-3px; background: #3f8449; content: ""; display:none;}
.hotKeys .keyleft .content a:hover{ color:#3f8449; }
/* 搜索 */
.searchformBox{ right:-1330px; margin-right:0; background:#f7f6f6; transition:all 0.3s ease-in-out; opacity:0; }
.searchformBox form .serach_input{ background:#fff; color:#666; outline:none;}
.searchformBox form .btn_serach{ background:url(/images/sbtn.png) no-repeat #3f8449 center; color:#666; }
.hotKeys:hover .keyleft{margin-left:-545px;opacity:1;transition:all 0.3s ease-in-out;left:0;}
.hotKeys:hover .searchformBox{ right:-0; opacity:1; transition:all 0.3s ease-in-out; }
/* placeholder 颜色 */
.searchformBox .serach_input::-webkit-input-placeholder{ color:#999; }
.searchformBox .serach_input:-moz-placeholder{ color:#999; }
.searchformBox .serach_input::-moz-placeholder{ color:#999; }
.searchformBox .serach_input:-ms-input-placeholder{ color:#999; }
.searchformBox:hover .serach_input::-webkit-input-placeholder{ color:#999; }
.searchformBox:hover .serach_input:-moz-placeholder{ color:#999; }
.searchformBox:hover .serach_input::-moz-placeholder{ color:#999; }
.searchformBox:hover .serach_input:-ms-input-placeholder{ color:#999; }
@media(max-width:767px){
	.hotKeys{ display:none;}
}



/*--------------------------------------------------------------
# Banner One
--------------------------------------------------------------*/
.banner{ width:100%; padding-top:0; height:100%; box-sizing: border-box;}
.banner .swiper-container{ width:100%; height:100%; position:relative;}
.banner .swiper-container .swiper-slide{ width:100%; height:545px; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-container .swiper-slide .wen{ width:60%; height:100%; margin-left:8%; overflow:hidden; display:flex; flex-direction: column; justify-content:center; position:relative; margin-top:-30px;}
.banner .swiper-container .swiper-slide .wen .w01{ width:100%; font-size:20px; line-height:1; color:#fff; text-transform:uppercase; display:none;}
.banner .swiper-container .swiper-slide .wen .w02{ width:100%; font-size:40px; line-height:50px; color:#fff; font-weight:bold; margin-top:0vw;}
.banner .swiper-container .swiper-slide .wen .w03{ width:100%; font-size:16px; line-height:30px; color:#fff; margin-top:1.5vw;}
.banner .swiper-container .swiper-slide .wen .w04{ width:100%; margin-top:3vw;}
.banner .swiper-container .swiper-slide .wen .w04 a{ display:block; float:left; position:relative;}
.banner .swiper-container .swiper-slide .wen .w04 strong{ width:40px; height:40px; display:block; position:absolute; left:0; top:0; z-index:1; background-color:#fff; opacity:.3; border-radius:100%;}
.banner .swiper-container .swiper-slide .wen .w04 p{ display:block; position:relative; z-index:3; height:40px; line-height:40px; font-size:14px; color:#fff; margin-left:10px;}
.banner .swiper-container .swiper-slide .wen .w04 p b{ display:block; width:10px; height:2px; background-color:#fff; margin:19px 5px; overflow:hidden; float:left;}
.banner .swiper-container .swiper-slide .wen .w04 a:hover strong{ background-color:#278a2f;}
.banner .button{ position:absolute; right:8%; top:50%; transform:translateY(-50%); z-index:9;}
.banner .button div{ width:40px; height:40px; border-radius:100%; background-position:center; background-repeat:no-repeat; border:1px solid #fff;}
.banner .button div:hover{ border:1px solid #278a2f; background-color:#278a2f;}
.banner .swiper-button-prev{ background-image:url(/images/prev.png);}
.banner .swiper-button-next{ background-image:url(/images/next.png); margin-top:2vw;}
.banner .swiper-container .swi{ position:absolute; left:50%; bottom:2vw; transform:translateX(-50%); z-index:9;}
.banner .swiper-container .swi .line{ width:calc(100% - 20px); height:2px; background-color:#fff; opacity:.3; position:absolute; left:10px; top:9px; z-index:1;}
.banner .swiper-container .swiper-pagination{ position:relative; z-index:3;}
.banner .swiper-container .swiper-pagination span{ width:20px; height:20px; background-image:url(/images/ban.png); overflow:hidden; display:block; float:left; margin:0 .78vw;}
.banner .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(/images/banh.png);}
.banner .swiper-container .swiper-pagination span:last-child{ margin-right:0;}
.banner .swiper-container .swiper-pagination span:first-child{ margin-left:0;}
@media screen and (min-width:1024px) and (max-width:1439px){
	.banner .swiper-container .swiper-slide .wen{ width:70%; margin-left:3%;}
	.banner .swiper-container .swiper-slide .wen .w01{ font-size:18px;}
	.banner .swiper-container .swiper-slide .wen .w02{ font-size:30px; line-height:40px;}
	.banner .swiper-container .swiper-slide .wen .w03{ line-height:26px;}
	.banner .button{ right:3%; }
	.banner .button div{ width:38px; height:38px;}
}

@media only screen and (max-width:1023px){
	.banner .swiper-container .swiper-slide{ height:100%;}
	.banner .swiper-container .swiper-slide .wen{ width:calc(94% - 40px); margin-left:3%; margin-top:-10px;}
	.banner .swiper-container .swiper-slide .wen .w01{ font-size:16px;}
	.banner .swiper-container .swiper-slide .wen .w02{font-size:20px; line-height:30px; margin-top:0px;}
	.banner .swiper-container .swiper-slide .wen .w03{ font-size:14px; line-height:24px; margin-top:10px;}
	.banner .swiper-container .swiper-slide .wen .w04{ margin-top:20px;}
	.banner .swiper-container .swiper-slide .wen .w04 strong{ width:34px; height:34px;}
	.banner .swiper-container .swiper-slide .wen .w04 p{ height:34px; line-height:34px; margin-left:7px;}
	.banner .swiper-container .swiper-slide .wen .w04 p b{ margin:16px 5px;}
	.banner .button{ right:3%;}
	.banner .button div{ width:30px; height:30px;}
	.banner .swiper-button-next{ margin-top:15px;}
	.banner .swiper-container .swi{bottom:15px;}
	.banner .swiper-container .swiper-pagination span{ margin:0 5px;}
}
@media only screen and (max-width:767px){
	.banner{ height:80vw; min-height:280px;}

}

/*main*/
.mainTit{ text-align:center;width:100%; margin-bottom:40px; padding:0 0 5px; position:relative;}
.mainTit h5{font-size:30px;font-weight:bold;color:#333;line-height:40px;}
.mainTit p{font-size:14px;color:#888;line-height:30px; text-transform:uppercase;} 
.mainTit:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:-20px; width:40px; height:2px; background:#aaa;}
@media(max-width:767px){
	.mainTit{ margin-bottom:1.2rem;}
	.mainTit h5{font-size:1.4rem;line-height:1.5;}
	.mainTit p{font-size:.9rem;line-height:1.8;} 
	.mainTit:after{ margin-left:-15px; width:30px;}
}

.main2{ padding:60px 0 40px; background:#fff;}
.main2 .mainTit{ display:none;}
.main2Con{ width:100%; height:auto;}
.main2Con ul{width:100%; overflow:hidden; display:block;}
.main2Con ul li{width:24.7%;height:auto;float:left;margin-right:.4%; margin-bottom:20px;text-align:center; background:#FFF; border-radius:5px; position:relative;}
.main2Con ul li:nth-child(4n){ margin-right:0;}
.main2Con ul li .pic{ width:100%;min-height:330px;position:relative;z-index:1;overflow:hidden;}
.main2Con ul li .pic .bg,.main2Con ul li .pic .bg-overlay{position:absolute;top:0;left:0;right:0;bottom:0;transition:all .4s;}
.main2Con ul li .pic .bg{background-size:cover;background-position: 50%;z-index: 1;--e-bg-lazyload-loaded: var(--e-bg-lazyload);filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );transition-duration:1500ms;}
.main2Con ul li .pic .bg-overlay{transition-duration:1500ms;z-index:2;}
.main2Con ul li .tit{z-index:1;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;align-content:center;padding:25px;position:relative;color:#232323;transition:all .4s;width:100%;text-align:center;background-color:#eee;}
.main2Con ul li .tit h5{width:100%;border-color:#3f444b;fill:#3f444b;font-weight:500;color:#232323;margin-bottom:0;font-size:20px;}
.main2Con ul li:hover .pic .bg-overlay{background-color:rgba(0,0,0,.3)}
@media(max-width:767px){
	.main2{ padding:1.5rem 10px 1rem;}
	.main2Con ul{ overflow:visible;}
	.main2Con ul li{width:49%;margin-right:2%; margin-bottom:1rem;padding-bottom:0;}
	.main2Con ul li:nth-child(2n){ margin-right:0;}
	.main2Con ul li:nth-child(2n+1){ margin-right:2%;}
	.main2Con ul li .pic{ min-height:40vw}
	.main2Con ul li .tit{ padding:10px 5px;}
	.main2Con ul li .tit h5{font-size:1rem;}
}

.main3{ padding:60px 0; background-image:url(/images/main3.jpg); width:100%; min-height:calc(100% - 100px); display: flex; align-items:center; position:relative; z-index:1; background-color:#fff; background-size:cover; background-position:center; background-repeat:no-repeat;}
.main3>.w1200{ position:relative; z-index:3;}
.main3 .bg{ width:100%; height:100%; background-color:#eee; opacity:.9; position: absolute; left: 0; top: 0; z-index:2;}
.mTit{ width:100%; text-align: center;}
.mTit p{ font-size:30px; line-height:1; color:#278a2f; text-transform:uppercase; font-weight:600;}
.mTit h5{ font-size:30px; line-height:40px; color:#333; margin-top:5px;}
.main3Con{ padding:0;}
.main3Con ul{ width:100%; display:block; padding-top:1vw;}
.main3Con ul li{ display: block; float: left; overflow: hidden; position: relative; margin-top: 1vw; margin-left: 1.25%; background-color: #fff;}
.main3Con ul li .w01{ color: #fff; font-size:24px; line-height:34px; text-overflow:ellipsis; white-space:nowrap;}
.main3Con ul li .w02{ width:50px; height:2px; margin: 0.78vw 0; background-color:#fff;}
.main3Con ul li .w03{color:#fff;font-size:16px;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.main3Con ul li .w04{color:#333;font-size:24px;line-height:34px;font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.main3Con ul li .w05{ color: #666; font-size: 18px; line-height: 28px; font-weight: bold; text-transform: uppercase; text-overflow:ellipsis; white-space:nowrap;}
.main3Con ul li .w06{ width:50px; height: 2px; margin-top: .5vw; background-color:#278a2f;}
.main3Con ul li .w07{ color: #666; font-size: 16px; line-height: 30px; margin-top: .78vw; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.main3Con ul li:nth-child(1){display:flex;align-items:center;margin-left:0;width:20%;height:12.075vw;background-color:#278a2f;}
.main3Con ul li:nth-child(1) a{ display: block; margin: auto; width:87.5%;}
.main3Con ul li:nth-child(2){display:flex;align-items:center; width: 28.125%; height: 12.075vw;}
.main3Con ul li:nth-child(2) a{ width:88%; margin: auto;display:block;}
.main3Con ul li:nth-child(2) .w01{color:#333;}
.main3Con ul li:nth-child(2) .w02{ background-color:#278a2f;}
.main3Con ul li:nth-child(2) .w03{ color:#666;}
.main3Con ul li:nth-child(3){ width: 49.375%; height: 21.525vw; background-position: center; background-size: cover;}
.main3Con ul li:nth-child(3) b{width:10%;display:block;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.main3Con ul li:nth-child(3) b img{ display: block; width: 100%; display:none;}
.main3Con ul li:nth-child(4){margin-left:0; width:49.375%; margin-top:-8.45vw; height:21.525vw; background-position:center; background-size: cover;}
.main3Con ul li:nth-child(4) a{ display: block; width: 100%; height: 100%; overflow: hidden;}
.main3Con ul li:nth-child(5){ width: 25.0625%; height: 12.075vw; background-color: #fff;}
.main3Con ul li:nth-child(6){ width: 23.0625%; height: 12.075vw; background-color: #fff;}
.main3Con ul li:nth-child(5) a,.main3Con ul li:nth-child(6) a{ display: block; overflow: hidden; padding: 1.5vw 7.8%;}
.main3Con ul li:hover{ background-color: #278a2f;}
.main3Con ul li:hover:nth-child(2) .w01,.main3Con ul li:hover:nth-child(2) .w03{ color:#fff;}
.main3Con ul li:hover .w04,.main3Con ul li:hover .w05,.main3Con ul li:hover .w07{ color:#fff;}
.main3Con ul li:hover .w06,.main3Con ul li:hover:nth-child(2) .w02{ background-color:#fff;}
@media screen and (min-width:1024px) and (max-width:1439px){
	.mTit p{ font-size: 24px;}
	.mTit h5{ font-size: 24px; line-height: 34px; margin-top:5px;}
	.main3Con ul{ padding-top:10px;}
	.main3Con ul li{ margin-top: 15px; margin-left: 1.25%;}
	.main3Con ul li .w01{ font-size:20px; line-height: 30px;}
	.main3Con ul li .w02{ margin:5px 0;}
	.main3Con ul li .w03{ font-size:16px; line-height:26px;}
	.main3Con ul li .w04{ font-size: 20px; line-height:30px;}
	.main3Con ul li .w05{ font-size: 16px; line-height:26px;}
	.main3Con ul li .w06{ margin-top:5px;}
	.main3Con ul li .w07{ line-height: 26px; margin-top:10px;}
	.main3Con ul li:nth-child(1){ width:24.0625%; height:150px;}
	.main3Con ul li:nth-child(1) a{ padding:10px 15px; width: 100%;}
	.main3Con ul li:nth-child(2){ width: 24.0625%; height:150px;}
	.main3Con ul li:nth-child(2) a{ padding:10px 15px;}
	.main3Con ul li:nth-child(3){ width: 49.375%; height:270px;}
	.main3Con ul li:nth-child(4){ margin-top:-105px; height:270px;}
	.main3Con ul li:nth-child(5){ width: 26.0625%; height:150px;}
	.main3Con ul li:nth-child(6){ width: 22.0625%; height:150px;}
	.main3Con ul li:nth-child(5) a,.main3Con ul li:nth-child(6) a{ padding:10px 15px;}
}

@media only screen and (max-width:1023px){
	.main3{ padding:1.5rem 10px;}
	.mTit p{ font-size:20px;}
	.mTit h5{ font-size:20px; line-height: 30px; margin-top:0;}
	.main3Con ul{ padding-top:5px; padding-bottom:calc(48.78vw + 10px);}
	.main3Con ul li{ margin-top: 10px; margin-left:2%;}
	.main3Con ul li .w01{ font-size: 16px; line-height:26px;}
	.main3Con ul li .w02{ margin:5px 0;}
	.main3Con ul li .w03{ font-size: 14px; line-height: 24px;}
	.main3Con ul li .w04{ font-size: 16px; line-height: 26px;}
	.main3Con ul li .w05{ font-size: 14px; line-height:20px;}
	.main3Con ul li .w06{ margin-top:5px;}
	.main3Con ul li .w07{ font-size: 14px; line-height: 24px; margin-top:10px;}
	.main3Con ul li:nth-child(1){ width:41%; height:130px;}
	.main3Con ul li:nth-child(1) a{ padding:10px 15px; width:100%;}
	.main3Con ul li:nth-child(2){ width:57%; height:130px;}
	.main3Con ul li:nth-child(2) a{ padding:10px 15px;}
	.main3Con ul li:nth-child(3){ width:100%; height:48.78vw; margin-left:0;}
	.main3Con ul li:nth-child(3) b{ width:40px;}
	.main3Con ul li:nth-child(4){ position: absolute; left: 0; bottom: 0; width:100%; height:48.78vw; background-size:100%;}
	.main3Con ul li:nth-child(5){ width:49%; height:130px; margin-left: 0;}
	.main3Con ul li:nth-child(6){ width:49%; height:130px;}
	.main3Con ul li:nth-child(5) a,.main3Con ul li:nth-child(6) a{ padding:10px 15px;}
}



.main6{ padding:50px 0 30px; display:none;}
.main6 .mainTit{ margin-bottom:40px;}
.main6Con{ width:100%; height:auto;}
.main6Con ul li{ float:left; width:285px; margin-right:20px; margin-bottom:0;}
.main6Con ul li:nth-child(4n){ margin-right:0;}
.main6Con ul li .pic{ width:100%; overflow:hidden; position:relative; border-radius:35px 0px 35px 0; -webkit-transition:all ease 0.8s; transition:all ease 0.8s; border:1px solid #ddd;}
.main6Con ul li .pic img{ width:100%; height:auto; -webkit-transition:all 1s; transition:all 1s; }
.main6Con ul li .tit{ position:relative; padding:5px 0 20px; text-align:center;}
.main6Con ul li .tit a{ position:relative; display:block; text-align:left;}
.main6Con ul li .tit h5{ font-size:16px; color:#222; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600;}
.main6Con ul li .tit span{ display:block; font-size:13px; color:#898989; line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.main6Con ul li .tit a:after{ content:''; display:none; width:27px; height:2px; background:#666; position:absolute; left:45%; bottom:0;}
.main6Con ul li .tit a:hover h5{cursor:pointer; color:#043383;}
.main6Con ul li:hover .pic{ border-radius:0px; }
.main6Con ul li:hover .pic img{ -webkit-transform:scale(1.1); transform:scale(1.1); }
@media(max-width:767px){
	.main6{ padding:1.5rem 10px 1.2rem;}
	.main6 .mainTit{ margin-bottom:1.5rem;}
	.main6Con ul li{ width:48%; margin-right:4%; margin-bottom:0;}
	.main6Con ul li:nth-child(2n){ margin-right:0;}
	.main6Con ul li:nth-child(2n+1){ margin-right:4%;}
	.main6Con ul li .pic{ border-radius:20px 0px 20px 0;}
	.main6Con ul li .tit{ padding:5px 0 10px;}
	.main6Con ul li .tit h5{ font-size:1rem; line-height:32px;}
	.main6Con ul li .tit span{ font-size:.85rem;}
}


.main4{ padding:60px 0; background:url(/images/main4.jpg) no-repeat center top; position:relative; background-size:cover;}
.main4 .mainTit p{ margin:5px 0;}
.main4Con{width:100%;height:auto;color:#3d3d3d;} 
.main4Con ul li{ float:left; width:24.25%; margin:0 1% 0 0; padding:25px 0;background:rgba(255,255,255,.45);}
.main4Con ul li:nth-child(4n){ margin-right:0;}
.main4Con ul li .pic{ text-align:center; position:relative; width:100px; height:100px; margin:0 auto; border-radius:50%;}
.main4Con ul li .pic span{ display:block; width:100px; height:100px; line-height:100px; border-radius:50%; overflow:hidden; color:#4a4a4a; font-size:66px; text-align:center; position:relative; z-index:99;box-shadow:0 0 0 0px #4a4a4a; box-sizing:content-box;-webkit-transition:background 0.3s, color 0.3s, box-shadow 0.3s;-moz-transition:background 0.3s, color 0.3s, box-shadow 0.3s;transition:background 0.3s, color 0.3s, box-shadow 0.3s;}
.main4Con ul li .pic img{ max-width:100%; height:auto;}
.main4Con ul li:hover{ cursor:pointer; background:#fff;}
.main4Con ul li h5{ text-align:center; font-size:20px; font-weight:600; padding:25px 0 0;}
.main4Con ul li .text{ font-size:15px; color:#686868; text-align:center; line-height:1.75; padding:12px 18px 0; min-height:70px;}
@-webkit-keyframes toRightFromLeft{
  49%{
    -webkit-transform:translate(100%);
  }
  50%{
    opacity:0;
    -webkit-transform:translate(-100%);
  }
  51%{
    opacity:1;
  }
}
@-moz-keyframes toRightFromLeft{
  49%{
    -moz-transform:translate(100%);
  }
  50%{
    opacity:0;
    -moz-transform:translate(-100%);
  }
  51%{
    opacity:1;
  }
}
@keyframes toRightFromLeft{
  49%{
    transform:translate(100%);
  }
  50%{
    opacity:0;
    transform:translate(-100%);
  }
  51%{
    opacity:1;
  }
}
@media(max-width:767px){
	.main4{ padding:1.5rem 10px;}
	.main4Con ul li{ float:left; width:47.5%; margin-right:3%; margin-bottom:1rem;}
	.main4Con ul li.mnone{ display:none;}
	.main4Con ul li:last-child{ display:block;}
	.main4Con ul li:nth-child(2n){ margin-right:0;}
	.main4Con ul li .pic{ width:80px; height:auto;}
	.main4Con ul li .pic span{ width:80px; height:80px; line-height:80px; font-size:44px;}
	.main4Con ul li:nth-child(4) .pic span{ font-size:48px;}
	.main4Con ul li h5{ font-size:1.1rem; padding:.8rem 15px 0;}
	.main4Con ul li .text{ font-size:.85rem; padding:.4rem 15px 0;}
	.main4Con ul li:nth-child(5){ width:100%; margin-right:0;}
	
	.main4Con.swiper-container{ padding:0 0 10px;}
	.main4Con ul{ overflow:visible;}
	.main4Con .swiper-pagination{ bottom:0px; text-align:center;}
	.main4Con .swiper-pagination-bullet{ display:inline-block; cursor:pointer; width:8px;height:8px; background:#999;text-indent:-999px;border-radius:50%;opacity:1;position:relative; margin:0 5px;}
	.main4Con .swiper-pagination-bullet-active{background-color:#278a2f;}
	
}



.main1{ padding:0; background:/*#4b9f30*//*#12588B;*/rgba(75,159,48,.8)}
.main1 .mainTit{ display:none;}
.main1Con{ width:100%; height:auto; overflow:visible; padding:0; position:relative; z-index:10;}
.main1Con .aboutBox{display:flex; margin:0 auto;}
.main1Con .left{ float:left; width:63.86%; color:#fff;display:flex; min-height:1px;}
.main1Con .left .box{ width:100%;display:flex;flex-wrap:wrap;align-content:flex-start;align-content:center;align-items: center;padding:10px 25px;}
.main1Con .left h5{line-height:1.2;font-weight:bold;margin:8px 0 30px;font-size:30px; text-align:center; width:100%;}
.main1Con .left h5 span{ margin:0 4px; display:inline-block; vertical-align:middle; position:relative;}
.main1Con .left h5 svg{position:absolute;top:50%;left:50%;width:calc(100% + 20px);height:calc(100% + 20px);transform: translate(-50%,-50%);overflow:visible;z-index:2;}
.main1Con .left p{ width:100%;font-size:16px;line-height:1.75; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
.main1Con .right{ width:36.096%; float:right; padding:40px 10px;}
.main1Con .right img{ max-width:100%; height:auto;}
@media(max-width:767px){
	.main1{ padding:2rem 10px;}
	.main1 .mainTit{ margin-bottom:1.5rem;}
	.main1Con .shadow,.main1Con .line{ display:none;}
	.main1Con:before,.main1Con:after{ width:0; height:0;}	
	.main1Con .right{ display:none;}
	.main1Con{ padding:0;}
	.main1Con .left{ float:none; width:100%;}
	.main1Con .left .box{padding:0 10px;}
	.main1Con .left h5{ font-size:18px; margin:0 0 15px;}
	.main1Con .left p{font-size:14px;line-height:2;-webkit-line-clamp:10; text-align:left;}
	.main1Con .left a{width:132px;line-height:32px; margin:1rem 0 0; font-size:.9rem;}
	.main1Con .left a i{ width:32px; height:32px; font-size:.9rem; }
	
}

.main7{background:#f8f8f8;padding:50px 0;}
.main7Con{ width:100%;}
.main7Con ul{ padding:0;}
.main7Con ul li{ float:left; width:33.133%; margin-right:.3%; margin-bottom:0;}
.main7Con ul li:last-child{ margin-right:0;}
.main7Con ul li .pic{ width:100%;-webkit-transition: all .4s ease;transition:all .4s ease;position:relative;overflow:hidden;}
.main7Con ul li .pic img{display:block;-webkit-transition: all .4s ease;transition: all .4s ease;-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity:1;max-width:100%;height: auto;}
.main7Con ul li .info{background-color:rgba(255,255,255,0.9);padding:55px 0px 55px 0px;box-shadow:-1.21px 3.894px 5px 0px rgb(0 0 0 / 7%);/*box-shadow:none;*/ min-height:327px;}
.main7Con ul li .inner{border-left:3px solid #278a2f; padding:0 40px;transition: border-color .3s;}
.main7Con ul li .info h2{font-size:18px;margin-bottom:20px;color:#000;display:block;font-weight:700;-webkit-transition: all .4s ease;transition: all .4s ease;}
.main7Con ul li .info p{margin:0px 0px 14px 0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.75;color:#333; font-size:16px;}
.main7Con ul li .info .btn{line-height:1;margin:20px 0 0; padding:0 40px; width:100%; height:auto;}
.main7Con ul li .info .btn a{padding:14px 20px 14px 20px;color:#278a2f;background-color:#ffffff;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f7f9fb;border-radius:5px 5px 5px 5px;font-size:15px;position:relative;display: inline-block;line-height:1;text-align:center;-webkit-transition:all .4s ease;transition: all .4s ease;}
.main7Con ul li:hover .info h2{ color:#278a2f;}
.main7Con ul li:hover .pic img{opacity:1;-webkit-transform:scale(1.06);transform:scale(1.06)}
.main7Con ul li .info .btn a:hover{color:#ffffff;background-color:#278a2f;}
@media(max-width:767px){
	.main7{padding:1.5rem 10px .5rem;}
	.main7Con ul li{ width:100%; margin-right:0%; margin-bottom:1rem}
	.main7Con ul li .pic img{ width:100%;}
	.main7Con ul li .info{padding:25px 0px 25px 0px; min-height:167px;}
	.main7Con ul li .inner{ padding:0 20px;}
	.main7Con ul li .info h2{font-size:17px;margin-bottom:10px;}
	.main7Con ul li .info p{margin:0px 0px 10px 0px; font-size:14px;}
	.main7Con ul li .info .btn{margin:15px 0 0; padding:0 20px;}
}

/*footer*/
.footer{background:#007e34/*5ca280*/;line-height:30px;color:#fff;padding:45px 0 40px;border-top:0px solid #ff7aac; font-size:14px;}
.footer>div{ overflow:visible;}
.footer dl{ float:left; width:155px; margin-right:50px; line-height:1.42857143;}
.footer dl dt{ font-weight:500; color:#FFF; font-size:16px; height:22px; margin-bottom:35px;position:relative;}
.footer dl dt a{ font-weight:500; color:#FFF; font-size:16px;}
.footer dl dt:before{content:"";position:absolute;left:0;bottom:-15px;width:28px;height:3px;background:#fff;}
.footer dl:nth-child(3) dt:before,.footer dl:nth-child(4) dt:before{ height:0;}
.footer dl dd a{ display:block; line-height:35px; font-size:15px;color:rgba(255,255,255,.7);}
.footer dl dd a:hover{ color:rgba(255,255,255,.9);}
.footer dl.fCons{ width:290px;}
.footer .fCons .tel{position:relative;margin-bottom:15px;font-size:26px;color:#fff; font-weight:bold;}
.footer .fCons .time{color:rgba(255,255,255,.7);font-size:14px;padding-bottom:0}
.footer dl.fewm{ width:220px;}
.footer dl.last{ margin-right:0; float:right;}
.footer dl.fewm .pic{ float:left; width:130px;}
.footer dl.fewm .pic img{ width:100%; height:auto; background:#FFF; padding:2px;}
.footer dl.fewm .info{ float:right; width:60px; padding:25px 0 0;}
.footer dl.fewm .text{ padding:5px 0 0;font-size:14px;color:rgba(255,255,255,.7);}
.footer dl.fewm .icon .erweima-box{display:none;position:absolute;left:50%;margin-left:-75px;top:-160px;padding:10px;width:150px;height:150px;border-radius:4px;background:#fff;-webkit-box-shadow:0 10px 15px 0 rgba(0,0,0,.06),0 15px 40px 0 rgba(0,0,0,.12);box-shadow:0 10px 15px 0 rgba(0,0,0,.06),0 15px 40px 0 rgba(0,0,0,.12) }
.footer dl.fewm .icon .erweima-box img{width:100%}
.footer dl.fewm .icon .erweima-box .arrow{position:absolute;bottom:-8px;left:50%;margin-left:-8px; width:18px}
.footer dl.fewm:hover .icon .erweima-box{display:block;-webkit-animation:wxshow .2s ease-in 1 forwards;-moz-animation:wxshow .2s ease-in 1 forwards;-o-animation:wxshow .2s ease-in 1 forwards;-ms-animation:wxshow .2s ease-in 1 forwards;animation:wxshow .2s ease-in 1 forwards }

.footer .tit{width:100%;height:50px;margin-bottom:20px;height:48px;line-height:48px;font-size:18px;color:#f0f0f0;}
.footer .tit i{width:36px;height:2px;display:block;background:#4c4c4c;}

.bottomBox{padding:18px 0;background:#007e34/*003c23*/;text-align:center;line-height:24px;color:rgba(255,255,255,.7); border-top:1px solid rgba(255,255,255,.2)}
.bottomBox .footcopy{line-height:1.8;}
.bottomBox .footcopy,.bottomBox .footcopy a{font-size:13px;color:rgba(255,255,255,.7);}
.bottomBox .footcopy i{ font-style:normal;}
.flink{ float:left; width:100%;padding:8px 0 0;color:rgba(255,255,255,.7); font-size:14px;}
.flink a{margin:0 8px 0 0;color:rgba(255,255,255,.7);}
.bottomBox a:hover{color:#fff;transition:.5s;-webkit-transition:.5s;}
.index_foot{ display:none;}
@media(max-width:767px){
	.footer,.flink{ display:none;}	
	.bottomBox{padding:1rem 10px;}
	.bottomBox .footcopy i{ display:block;}
	
	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width:640px; margin:0 auto; margin-top:12%;}
	.app_con{ height:auto;max-width:640px;margin:0 auto; overflow:hidden;width:100%; display:block;}
	#fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display:inline-block;background:#fff;-webkit-box-shadow:0 0 10px 0 rgba(12,36,134,.1); box-shadow:0 0 10px 0 rgba(12,36,134,.1); padding:5px;}
	#fixed-foot .btn1{width:100%; max-width:640px; margin:0 auto;display:block;text-align:center; }
	#fixed-foot .btn1 a{ cursor:pointer; display:block; color:#FFFFFF;float:left; text-align:center;width:100%; background-color:#278a2f; border-radius:8px; line-height:40px; text-align:center; font-size:0;}
	#fixed-foot .btn1 a:nth-child(1){ border-left:none; margin-right:0%;}
	#fixed-foot .btn1 a img{ display:inline-block; margin:0 8px 0 0; vertical-align:middle; width:20px; height:auto;}
	#fixed-foot .btn1 a span{ display:inline-block;font-size:15px; vertical-align:middle;}
}

.sideBar{} 
.fixqq{position:fixed;right:3px;top:50%;margin-top:108px;z-index:11; display:none;}
.fixqq a{display: block;width:82px;height:82px;background-image:url(/images/qq.png);cursor: pointer;}
.fixtel{position: fixed;right:3px;top:50%;margin-top:104px;z-index:10;width:283px;}
.fixtel-icon{position: absolute;top:0;right: 0;}
.fixtel-bg{width:214px;border-radius:8px;background:#fff;box-shadow:0 3px 14px 0 rgba(36, 55, 67, 0.2);display:none;margin-top: 10px;}
.fixtel-bg img:nth-child(1){float:left;padding:13px 12px;}
.fixtel-bg span:nth-child(2){float:left;padding:6px 0 0 !important;margin:0 !important;color:#181818 !important;font-size:14px !important;}
.fixtel-bg div:nth-child(3){float:left;padding:0 0 6px !important;margin:0 !important;color:#fa8f00 !important;font-size:18px !important;font-weight:bold;}
.fixtel-bg div:nth-child(4){float: left;color: #000;margin: -8px 0 5px 25px;}
.fixtel:hover .fixtel-bg{display: block;}
.fixweixin{position:fixed;right:3px;top:50%;margin-top:148px;z-index: 10;width:191px;}
.fixweixin-icon{position: absolute;top:11px;right: 0;}
.erweima{display: none;width:120px;height:140px;border-radius:8px;box-shadow:0 3px 14px 0 rgba(36, 55, 67, 0.2);background:#fff;/* position: fixed; */z-index: 10;/* top:600px; *//* right:75px; */}
.erweima img{padding:5px;}
.erweima span{ font-size:12px; line-height:1;color:#333; display:block; text-align:center;}
.fixweixin:hover .erweima{display: block;}
#scroll-top-link{background-color: #ffffff; }
#scroll-top-link{color:#278a2f; border:1px solid #e1e1e1; font-size:20px;}
#scroll-top-link{position:fixed;border-radius:2px;height:50px;width:50px;line-height: 50px;text-decoration: none;text-align: center;opacity: 0;right:20px;bottom:80px;z-index: 1030;visibility: hidden;}
#scroll-top-link.avia_pop_class{opacity: 0.7;visibility: visible;}
#scroll-top-link .avia_hidden_link_text{display: none;}
@media(max-width:767px){
	.sideBar{ display:none;}
}

@font-face {font-family: 'entypo-fontello'; font-weight: normal; font-style: normal;
src: url('/style/fonts/entypo-fontello.eot?v=3');
src: url('/style/fonts/entypo-fontello.eot?v=3#iefix') format('embedded-opentype'), 
url('/style/fonts/entypo-fontello.woff?v=3') format('woff'), 
url('/style/fonts/entypo-fontello.ttf?v=3') format('truetype'), 
url('/style/fonts/entypo-fontello.svg?v=3#entypo-fontello') format('svg');
} html body [data-av_iconfont='entypo-fontello']:before{font-family: 'entypo-fontello';}

.inBan{width:100%;position:relative; height:380px; background:url(/images/inban.jpg) no-repeat center;-webkit-transform:scale(1); transform:scale(1); background-size:cover;}
.inBan img{ display:none;}
@media(max-width:767px){
	.inBan{ height:auto; background:none;}
	.inBan img{ display:block !important; width:100%; height:auto;}
}

.par80{ padding-right:80px;}
.pal80{ padding-left:80px;}

/*content*/
.contentBox{ background-color:#fff;position:relative;padding:20px 0 50px;}
.contentBox>.w1200{ position:relative; overflow:visible;}

.sideL{float:left; width:220px;overflow:hidden; padding:0;}
.pagernav{ width:100%; height:auto;}
.leftTit{ width:100%; height:auto; background:#278a2f; color:#FFF; font-size:28px; line-height:1.1; text-align:center; font-weight:600; padding:40px 14px 20px; position:relative;}
.leftTit span{ display:block; font-size:44px; opacity:.1; text-transform:uppercase; position:absolute; top:15px; left:0; z-index:0; width:100%; text-align:center; line-height:1; font-family:"dbold";}
.leftTit em{ display:inline-block; padding:0 5px; background:#278a2f; font-style:normal; position:relative; z-index:1;}
.pagernavbox{width:100%;overflow:hidden;border-top:0;zoom:1; padding:0 12px 0; background:#278a2f;}
.pagernavbox ul{padding:20px 10px 110px; background:#fff;position:relative;}
.pagernavbox ul li{display:flex;align-items:center; position:relative; margin:0 0 10px}
.pagernavbox ul li a{flex:1;text-align:center; color:#333;font-size:15px;height:38px;line-height:38px;text-decoration:none;display:block; background:#fff/*043383*/; border-radius:40px;}
.pagernavbox ul li:hover a{ color:#278a2f;}
.pagernavbox ul li.cur a{color:#fff; background:#278a2f;}
.pagernavbox .sTel{background-color:#278a2f;bottom:0;height:96px;left:0;position:absolute;width:100%;text-align:center;color:white;line-height:30px;font-size:18px;font-weight:bold; padding:10px 0 0;}
.pagernavbox .sTel b{font-size:21px;display:block;}

.sideL .leftSearch{ padding:0 12px 25px; background:#278a2f;}
.sideL .leftSearch .search-form{ width:100%;padding:0;position:relative;}
.sideL .leftSearch .search-form .form-control{color:#666;border:solid 0px #ddd;box-shadow:none;border-radius:0;border-right:none;padding:5px 5px 5px 10px; font-size:14px; line-height:24px; width:138px; border-radius:4px 0 0 4px; outline:none;}
.sideL .leftSearch .search-form .form-control:focus{border-color:#ccc;}
.sideL .leftSearch .search-form .btn{position:absolute;bottom:0;right:0;box-shadow:none;width:58px;padding:6px;border-radius:0;background-color:#f39a00;color:#fff;opacity:1; font-size:14px; line-height:22px; cursor:pointer; border-radius:0 4px 4px 0; border:none; outline:none;}
.sideL .leftSearch .search-form .btn:hover,.sideL .leftSearch .search-form .btn:focus{opacity:.9; background:#f39a00;}
@media(max-width:767px){
	.contentBox{padding:1.5rem 0;}
	.sideL{ padding:0 10px 0; width:100%; float:none;}
	.sideL.mon{ display:none;}
	.leftTit,.sideL .leftSearch,.pagernavbox .sTel{ display:none;}
	.pagernavbox{ background:none; padding:0}
	.pagernavbox ul{margin:0 auto; padding:0; border:none;}
	.pagernavbox ul li{ float:left; display:block; width:48%;line-height:34px; border-radius:38px; margin:0 4% .8rem 0; border:none;}
	.pagernavbox ul li:nth-child(2n){ margin-right:0;}
	.pagernavbox ul li a{padding:0; font-size:.9rem; text-align:center;border:1px solid #e5e5e5; height:auto; line-height:35px; border-radius:50px;}
	.pagernavbox ul li.cur a{ color:#FFF; background:#278a2f; border-color:#278a2f;}
	.pagernavbox ul li img,.pagernavbox ul li:hover:before,.pagernavbox ul li.cur:before{ display:none;}
}

.side_r{ width:79%;overflow:hidden;float:right; padding-bottom:10px;}
.sideWrap{ width:100%;}
.side_rt{border-bottom:1px solid #eaeaea;padding:20px 0px 10px;}
.side_rt .name{ float:left;font-size:18px;color:#278a2f;height:30px;line-height:30px;width:20%;overflow:hidden;text-align:left; font-weight:600;}
.position{color:#6e6e6e; font-size:14px; line-height:20px; float:right; margin-top:12px;}
.position a{color:#6e6e6e; font-size:14px;}
.position a:hover{color:#278a2f;}

.side_rc{ width:100%; height:auto; padding:0;}
@media(max-width:767px){
	.side_r{ width:100%;float:none;}
	.side_rt{ display:none;}
	.position{ font-size:.9rem; line-height:1.5; padding:.5rem 10px;}
	.position a{ font-size:.9rem;}
}

/*图文展示*/
.showList{ width:100%; padding:20px 0;}
.showList li{position:relative;width:32.3333%;margin:0 1.5% 15px 0;overflow:hidden;cursor:pointer; float:left;border:1px solid #ddd;padding:0px;text-align:center;border-radius:5px;}
.showList li:nth-of-type(3n){margin-right:0}
.showList li .img{ margin-bottom:0; height:195px; overflow:hidden;}
.showList li .img img{width:100%;transition:.5s;-webkit-transition:.5s;}
.showList li .title{color:#333;padding:0 10px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; background:#f0f0f0; line-height:36px;}
.showList li:hover .title{ color:#278a2f;}
.showList li:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
@media(max-width:767px){
	.showList{ width:100%; padding:1.5rem 10px 1rem;}
	.showList li{position:relative;width:48%;margin:0 4% 15px 0;padding:0;}
	.showList li:nth-of-type(2n){margin-right:0}
	.showList li:nth-of-type(2n+1){margin-right:4%}
	.showList li .img{ margin-bottom:0; height:auto;}
	.showList li .title{padding:0 8px;font-size:.85rem; line-height:34px;}
}

.atlasList{ padding:20px 0 50px;}
.atlasCon{ width:100%; height:100%; overflow:visible; position:relative;}
.atlasCon ul{ width:110%; height:auto; overflow:visible; padding:0;}
.atlasCon li{ width:384px; height:auto; overflow:visible; float:left;margin-bottom:15px; margin-right:24px;overflow: hidden;position:relative;box-shadow:0 0px 6px rgba(0,0,0,.25); background:#FFF; border-radius:0; border:1px solid #e2e2e2; display:inline-block; vertical-align:top;}
.atlasCon li a{ display:block;}
.atlasCon li .pic{ width:100%; height:auto;position: relative;}
.atlasCon li img{ max-width:100%; height:auto; border-radius:0 0 0 0; display:block;}
.atlasCon li .tit{height:42px; padding:10px; color:#333; line-height:22px; font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.atlasCon li a:hover .tit{ color:#278a2f; text-decoration:none;}
.atlasCon li .bg{background: #278a2f none repeat scroll 0 0;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;
transition: all 400ms ease 0s;width: 100%;}
.atlasCon li .i5 {left:10%;margin:-34px 0 0 -34px;opacity:0;position:absolute;top:50%;transition:all 400ms ease 0s;}
.atlasCon li .i6 {left:90%;margin:-16px 0 0 -17px;opacity:0;position:absolute;top:50%;transition: all 400ms ease 0s;}
.atlasCon li:hover .bg {opacity: 0.8;}
.atlasCon li:hover .i5 {left: 50%;opacity: 1;}
.atlasCon li:hover .i6 {left: 50%;opacity: 1;}
.listMore{ text-align:center; font-size:16px; color:#737373; margin-top:30px;}
.listMore a{ display:inline-block; width:138px; height:38px; border:1px solid #1a1a1a; text-align:center; overflow:hidden;-webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);border-radius:4px;color:#1a1a1a; line-height:36px;}
.listMore a:hover{ border:1px solid #278a2f; color:#278a2f;}
@media (max-width: 767px) {
	.atlasList{ padding:0 10px;}
	.atlasCon{ padding:0; position:relative;}
	.atlasCon{ width:100%;}
	.atlasCon ul{ width:100%;}
	.atlasCon ul li{ width:calc(50% - 8px); height:auto; margin-bottom:15px; margin-right:8px;}	
	.atlasCon ul li .tit{padding:5px; height:auto; line-height:20px;}
	.atlasCon ul li a:hover .tit{ color:#0B98DE; text-decoration:none;}	
}


.productList{ width:100%; padding:20px 0;}
.productList li{position:relative;width:49%;margin:0 2% 15px 0;overflow:hidden;cursor:pointer; float:left;text-align:center;}
.productList li:nth-of-type(2n){margin-right:0}
.productList li .img{ width:100%; overflow:hidden; position:relative; border-radius:0; -webkit-transition:all ease 0.8s; transition:all ease 0.8s; border:1px solid #ddd;}
.productList li .img img{ width:100%; height:auto; -webkit-transition:all 1s; transition:all 1s; }
.productList li .title{ position:relative; padding:5px 0 0; text-align:left; text-align:center;}
.productList li .title p{ font-size:16px; color:#222; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; display:block; font-weight:500;}
.productList li .title span{ display:block; font-size:13px; color:#898989; line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; padding-right:5px;}
.productList li:hover .title p{cursor:pointer; color:#278a2f;}
.productList li:hover .img{ border-radius:0px; }
.productList li:hover .img img{ -webkit-transform:scale(1.1); transform:scale(1.1);}
@media(max-width:767px){
	.productList{ width:100%; padding:0 10px 1rem;}
	.productList li{position:relative;width:48%;margin:0 4% 15px 0;}
	.productList li:nth-of-type(2n){margin-right:0}
	.productList li .img{ border-radius:0;}
	.productList li .title{padding:0 8px;font-size:.85rem; line-height:24px;}
}

/*下载*/
.dl_list{margin-top:0; line-height:none;}
.dl_list li{width:47%;margin-right:6%;margin-bottom:20px;background-color:#f7f7f7;padding:56px 35px 54px; float:left;}
.dl_list li:nth-of-type(2n){margin-right:0}
.dl_list li .dlLeft{width:calc(100% - 51px);margin-right:20px; float:left;}
.dl_list li .title{font-size:16px;}
.dl_list li .date{font-size:12px;color:#666;margin-top:6px}
.dl_list li .down{ float:right;}
.dl_list li:hover{background-color:#fff;box-shadow:0px 10px 60px 0px rgba(0, 0, 0, 0.16)}


/*简介*/
.side_rc .infor,.side_rc .contact{ padding:20px 0; line-height:2; color:#3C3C3C; font-size:14px;text-align:justify; min-height:500px;}
.side_rc .infor img{ max-width:98%; height:auto; vertical-align:inherit;}
.side_rc .contact img{ max-width:inherit;}
.side_rc .contact .map{ width:100%; height:450px; margin-top:10px;}
.side_rc .contact .map *{ box-sizing:content-box !important;}
.side_rc .infor table{ border-color:#ccc;}
.side_rc .infor table tr,.side_rc .infor table td{ border-color:#ccc;}
.side_rc .infor table td{ line-height:1.5; padding:10px 5px;}
.side_rc .infor br{ line-height:normal;}
@media(max-width:767px){
	.side_rc .infor,.side_rc .contact{ padding:10px 10px 1rem; min-height:150px;}
	.side_rc .infor img{ max-width:98%; width:auto; height:auto;}
}

/*合作伙伴*/
.brandList{ width:100%; padding:5px 0 0;}
.brandList ul li{ float:left; width:219px; margin:0 18px 20px 0; border:2px solid #ddd; text-align:center; background:#FFF; padding:4px 0;}
.brandList ul li:nth-child(4n){ margin-right:0;}
.brandList ul li img{ max-height:100px; display:block; margin:0 auto;}

/*新闻*/
.newsBox{ width:100%; padding:20px 0; min-height:400px;}
.news_list{ float:left; width:100%;}
.news_list ul{ width:100%; height:auto; padding:0;}
.news_list ul li{ width:100%; float:left; margin-bottom:20px; padding:0 0 20px 0;border-bottom:1px solid #eee; position:relative;}
.news_list ul li .tit{ width:100%;font-size:16px; color:#222;}
.news_list ul li .tit h5{ font-size:18px;/*font-weight:bold;*/ float:left; max-width:78%; height:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_list ul li .tit h5 a{ color:#222;}
.news_list ul li .tit span{ float:right;color:#666;font-family:Arial; font-size:15px;}
.news_list ul li .desc{color:#6a6a6a;margin-top:10px;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; font-size:15px; line-height:2;}
.news_list ul li .more{margin-top:12px;height:36px;line-height:36px; display:none;}
.news_list ul li .more a{ display:inline-block;background-color:#999;color:#fff;padding:0 20px;background-repeat:no-repeat;background-position:right 20px center; font-size:14px; border-radius:5px;}
.news_list ul li .tit a:hover{color:#278a2f}
.news_list ul li .more a:hover{background-color:#ff7aac;}
.news_list ul li .box-time{ position:absolute; right:0; top:5px; padding-left:40px; width:12%; border-left:1px solid #e1e1e1;}
.news_list ul li .box-time .time{ font-size:14px;color:#6a6a6a;margin-top:14px; display:block;}
.news_list ul li .box-time i{color:#fbbed2;font-style:normal;font-size:26px;font-weight:bold;line-height:1;}
.news_list ul li .box-time p{ color:#787878;font-size:14px; line-height:24px;}
@media(max-width:767px){	
	.newsBox{ padding:0; min-height:100px;}
	.news_list{ width:100%;}
	.news_list ul{ padding:0 10px;}
	.news_list ul li{ margin-bottom:.8rem; padding:0 0 .8rem 0;}
	.news_list ul li.pL215{ padding-left:6.75rem;}
	.news_list ul li .pic{ width:6.1rem; height:auto;}
	.news_list ul li .tit{font-size:1rem;}
	.news_list ul li .tit h5{ font-size:1rem; max-width:100%;}
	.news_list ul li .tit h5 a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block; max-width:100%; line-height:1;}
	.news_list ul li .tit span{ font-size:.85rem; display:none;}
	.news_list ul li .desc{margin-top:5px;height:3.06rem; font-size:.85rem; line-height:1.8;}
}

/*page*/
#page{ height:auto; margin:10px 0 0;overflow:hidden; width:100%; text-align:center;}
#page a.active{color:#fff; cursor:pointer; background:#278a2f; border:1px solid #278a2f;}
#page a{ display:inline-block; vertical-align:middle; padding:0 13px; margin:0 3px; border:1px solid #ededed; line-height:30px; text-align:center; color:#666; font-size:15px; background:#ededed;}
#page a.home{border-radius:32px 0 0 32px;}
#page a.end{border-radius:0 32px 32px 0;}
#page a:nth-of-type(1){ margin:0 3px 0 0;}
#page a:hover{ color:#fff; cursor:pointer; background:#278a2f; border:1px solid #278a2f;}
#page a.next1{overflow:hidden;}
#page a.prev1{overflow:hidden;}
#page .none{ display:none;}
#page1{ display:none;} 
@media(max-width:767px){
	#page{ display:none;}
	#page1{ display:block; text-align:center; width:100%; height:auto; overflow:hidden;padding-top:5px;margin-bottom:10px;}
	#page1 a{ display:inline-block; margin-right:1px; padding:4px 12px; background:#043383; border-radius:5px; color:#FFF; font-size:14px;}
	#page1 a.num{ text-decoration:underline; color:#278a2f; font-weight:bold;}
	#page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:4px 12px;}
}

/*详情页*/
.detailWarper{ padding:0;}
.detail_con{ width:100%; height:auto; font-size:14px; padding:0 0 40px;}
.newsBox .detail_con{ float:left; width:100%; padding:0;}
.detail_contop{ width:100%; height:auto;}
.detail_title{ font-size:22px; font-weight:700; color:#333; line-height:1.75;padding-bottom:5px;text-align:center;}
.detail_title.line{ padding-bottom:0; margin-bottom:12px;}
.detail_time{ margin:0 0 15px; padding:10px 0 5px; font-size:14px; color:#bbb; text-align:center;}
.detail_time i{ display:inline-block; font-style:normal;}
.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
.dis_img{ text-align:center; margin-bottom:0;}
.dis_img img{ max-width:98%; height:auto;}
.details_info{ padding:5px 0 30px; width:100%; line-height:2; min-height:420px; color:#444;border-bottom:1px dashed #d6d6d6;}
.details_info img{ max-width:98%; height:auto; vertical-align:inherit;}
hr{ margin:5px 0;}
.cInfo p{ text-indent:2em;}

.details_video{ width:85%; height:auto; overflow:hidden; margin:0 auto 15px; border:5px solid #000; background:#000;}
.details_video .video-js.vjs-fluid{ height:auto; max-height:520px; width:100%;}

.smBox{ color:#999; font-size:14px; line-height:2; padding:15px 0 0;}
@media(max-width:767px){
	.detail_con{ font-size:.85rem; padding:0;}
	.newsBox .detail_con{ width:100%; padding:.5rem 10px 0;}
	.detail_title{ font-size:1.1rem; line-height:1.6;}
	.detail_time{ margin:0 0 .5rem; padding:.5rem 0 5px; font-size:.8rem;}
	.details_info{ padding:5px 0 1.5rem; line-height:2; min-height:20px;}
	.details_video{ width:100%;}
}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:15px 0 0;}
.detail_fenye .npagerbox{ float:left; max-width:820px;}
.detail_fenye .npagerlist{ display:block; line-height:20px; color:#333; font-size:14px; vertical-align:middle; margin-bottom:10px;}
.detail_fenye .npagerlist .name{ float:left; font-weight:500;}
.detail_fenye .npagerlist a{ color:#666; font-size:14px; vertical-align:middle; float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; max-width:560px; display:block;}
.detail_fenye .npagerlist a:hover{ color:#278a2f;}
.side_r .return{width:100px;height:38px;border-radius:4px;background-color:#278a2f;color:#fff;line-height:38px;font-weight:bold;padding:0 48px 0 23px;background-image:url(/images/nreturn.png);background-repeat:no-repeat;background-position:right 22px center;transition:background 0.3s; float:right; display:block;}
.side_r .return:hover{background-color:#f39a00}
@media(max-width:767px){
	.detail_fenye .npagerbox{ float:left; max-width:calc(100% - 110px);}
	.detail_fenye .npagerlist a{ max-width:74%;}
}

@keyframes bounce{
    0%,20%,53%,80%,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        transform:translateZ(0)
    }
    40%,43%{
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-14px,0)
    }
    70%{
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-7px,0)
    }
    90%{
        transform:translate3d(0,0,0)
    }
}

@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake{
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

/*图标抖动*/
@keyframes jitter{
  from, to{
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
  }
  25%{
    -webkit-transform:scale(0.9, 1.1);
    transform:scale(0.9, 1.1);
  }
  50%{
    -webkit-transform:scale(1.1, 0.9);
    transform:scale(1.1, 0.9);
  }
  75%{
    -webkit-transform:scale(0.95, 1.05);
    transform:scale(0.95, 1.05);
  }
}
@-webkit-keyframes jitter{
  from, to{
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
  }
  25%{
    -webkit-transform:scale(0.9, 1.1);
    transform:scale(0.9, 1.1);
  }
  50%{
    -webkit-transform:scale(1.1, 0.9);
    transform:scale(1.1, 0.9);
  }
  75%{
    -webkit-transform:scale(0.95, 1.05);
    transform:scale(0.95, 1.05);
  }
}

[class*=am-icon-]{display:inline-block;font-style:normal}
[class*=am-icon-]:before{display:inline-block;font:normal normal normal 1.6rem/1 FontAwesome,sans-serif;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
@font-face{font-family:FontAwesome;src:url(/style/font/fontawesome-webfont.eot?v=4.6.3);src:url(/style/font/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(/style/font/fontawesome-webfont.ttf?v=4.6.3) format('truetype');font-weight:400;font-style:normal}

