@charset "utf-8";
/* CSS Document */
/*----------定义全局------------*/
*html,body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none;}
html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {padding:0;margin:0;}
ul,li,img,p,dl,dt,dd{ padding:0; margin:0; border:0; list-style:none;}
ul,ol,li,dl,dt,dd{ list-style:none;}
img{vertical-align:top;}
a{ outline:none; text-decoration:none;}
a:hover{ text-decoration:none;}
.c{ clear:both;}

body{ font-family:"微软雅黑"; }
a{font-family:"微软雅黑"; color:#fcf5e9;}



.mainBox{ width:1100px; margin:0 auto;}
.pcBanner img ,.wapbanner img{ display:block; width:100%;}
.wapbanner{ display:none;}

.text{ padding-bottom:40px;}
.textBox{position:relative; }
.tTitle{ background:url(../images/index4_04.png) no-repeat; background-size:310px 69px; width:310px; height:69px; font-size:24px; color:#ffffff; font-weight:bold; text-align:center; line-height:81px; position:absolute; left:50%; top:-49px; z-index:999; margin-left:-146px;}
.text p{ border:2px solid #ddd; border-image: -webkit-linear-gradient(to right,#86d05a,#35b18a) 30 30; border-image: -moz-linear-gradient(to right,#86d05a,#35b18a,) 30 30;  border-image: linear-gradient(to right,#86d05a,#35b18a) 30 30; border-radius:10px; padding:35px 25px 25px; margin-top:60px; font-size:18px; line-height:30px;clip-path: inset(0 0 round 3px);}

.title{ background:url(../images/index4_08.png) no-repeat top center; width:353px; height:67px;font-size:24px; color:#ffffff; font-weight:bold; text-align:center; line-height:81px; margin:0 auto; }


.talkBox{ padding:40px 0 60px;}
.gray{ background:#f5f5f5 url(../images/graybg_10.png) repeat-y top center;}
.talkthree{ width:1100px; overflow:hidden;}
.talkthree ul{ width:1140px;}
.talkthree ul:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.talkthree ul li{ float:left; background:#ffffff; border:1px solid #86d05a; border-radius:5px; box-shadow: 0px 1px 4px 0px rgba(195, 195, 195, 0.5); padding:0 20px 25px; margin-right:40px; width:298px; height:325px; margin-top:40px; }
.talkthree ul li a em{ display:block; width:78px; height:5px; background-image: linear-gradient(to right,#86d05a,#35b18a); margin-left:232px;}
.talkthree ul li a dl dt{ display:block; width:298px; height:168px; margin-top:15px; border-radius:3px; overflow:hidden;}
.talkthree ul li a dl dt img{ display:block; width:100%;-webkit-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: transform .8s;
-o-transition: transform .8s;transition: transform .8s; -webkit-backface-visibility: hidden;}
.talkthree ul li a dl dt img:hover{-webkit-transform: scale(1.1;)-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }
.talkthree ul li a dl dd b{ display:block; font-size:16px; line-height:24px; color:#333333; font-weight:bold; margin-top:8px;}
.talkthree ul li a dl dd p{ display:block; font-size:14px; line-height:24px; color:#666666; margin-top:10px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;  word-wrap: normal}
.talkthree ul li.more{ padding:0; }
.talkthree ul li.more a p{ display:none;}
.gray .talkthree ul li{ border-image:0; clip-path:none; border:0; width:298px; border-radius:3px;}


.talktwo{ width:1100px; overflow:hidden;}
.talktwo ul{ width:1230px;}
.talktwo ul:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.talktwo ul li{ float:left; background:#ffffff; border:1px solid #86d05a; border-radius:5px; box-shadow: 0px 1px 4px 0px rgba(195, 195, 195, 0.5); padding:0 20px 25px; margin-right:40px; width:488px; margin-top:40px; height:193px; }
.talktwo ul li a em{ display:block; width:78px; height:5px; background-image: linear-gradient(to right,#86d05a,#35b18a); margin-left:420px;}
.talktwo ul li a dl:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.talktwo ul li a dl{ margin-top:20px; }
.talktwo ul li a dl dt{ display:block; width:298px; height:168px;border-radius:3px; overflow:hidden; float:left; margin-right:15px;}
.talktwo ul li a dl dt img{ display:block; width:100%;-webkit-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: transform .8s;
-o-transition: transform .8s;transition: transform .8s; -webkit-backface-visibility: hidden;}
.talktwo ul li a dl dt img:hover{-webkit-transform: scale(1.1;)-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }
.talktwo ul li a dl dd{ float:left; width:175px;}
.talktwo ul li a dl dd b{ display:block; font-size:16px; line-height:24px; color:#333333; font-weight:bold; }
.talktwo ul li a dl dd p{ display:block; font-size:14px; line-height:24px; color:#666666; margin-top:10px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;  word-wrap: normal}
.talktwo ul li.more{ padding:0; width:510px; border:0;}

.policy{ padding:40px 0;}
.poList ul li{ position:relative;}
.poList ul li em{ display:block; position:absolute; right:0; bottom:0; background:url(../images/index4_20.png) no-repeat top center; background-size:66px 69px; width:66px; height:69px;}
.poList ul li dl{ border:1px solid #86d05a; border-radius:3px; margin-top:80px; padding:35px 25px 25px; height:210px;}
.poList ul li dl:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.poList ul li dl dt{ float:left; width:480px; height:270px; border-radius:5px; border:1px solid #eee; box-shadow: 0px 1px 4px 0px rgba(195, 195, 195, 0.5); position:absolute; top:-43px;}
.poList ul li dl dt img{ display:block; width:100%;}
.poList ul li dl dd{ float:left; width:520px; margin-left:500px;}
.poList ul li dl dd b{ display:block; font-size:24px; color:#333333; font-weight:bold;}
.poList ul li dl dd p{ display:block; font-size:14px; line-height:24px; color:#333333;  margin-top:20px;}

.moreInfo{background-image: linear-gradient(to right,#86d05a,#35b18a); height:64px; border-radius:5px; margin-top:40px; line-height:64px;}
.moreInfo a{ display:block; text-align:center;}
.moreInfo a span{ display:inline-block; background:url(../images/index4_20-07.png) no-repeat left center; font-size:24px; font-weight:bold; color:#ffffff; padding-left:60px;}


.zn{padding:40px 0;}
.zn ul{}
.zn ul li{background:#ffffff; border:1px solid #86d05a; border-radius:10px; box-shadow: 0px 1px 4px 0px rgba(195, 195, 195, 0.5); position:relative; margin-top:40px; overflow:hidden;}
.zn ul li em{display:block; position:absolute; right:0; bottom:0; background:url(../images/index4_20.png) no-repeat top center; background-size:66px 69px; width:66px; height:69px;}
.zn ul li dl:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.zn ul li dl dt{ float:left;width:480px; height:270px; border-radius:5px; margin-right:35px;}
.zn ul li dl dt i{ display:block; background:url(../images/index4_28.png) no-repeat; width:22px; height:55px; position:absolute; top:10px; left:458px; z-index:66;}
.zn ul li dl dt img{ display:block; width:100%;}
.zn ul li dl dd{ float:left; width:520px; padding-top:20px;}
.zn ul li dl dd b{ display:block; font-size:24px; color:#333333; font-weight:bold;}
.zn ul li dl dd p{ display:block; font-size:14px; line-height:24px; color:#333333;  margin-top:20px;}
.gray .zn ul li { border:0;}

.rightBar{position:fixed;bottom:10px;right:29px;width: 100px;height:240px;}
.barbox{border-left:1px solid #dddddd; height:240px;position:relative; }
.rightBar ul{ display:block;position:absolute; left:-4px;}
.rightBar ul li a{display:block;background:url(../images/graydot.png) no-repeat left center;background-size: 8px 8px;padding-left:12px;margin-bottom:5px;}
.rightBar ul li a span{display:block; background-image: linear-gradient(to right,#ffffff,#ebedeb);/* height: 36px; */width: 100px;padding-left: 8px;padding-right: 8px;padding: 5px 8px;font-size: 12px;line-height:18px;color:#333;border:1px solid #ebedeb; }
.rightBar ul li a:hover ,.rightBar ul li.cur a{ background:url(../images/greendot.png) no-repeat left center; background-size:8px 8px; padding-left:12px; margin-bottom:5px; }
.rightBar ul li a:hover span ,.rightBar ul li.cur a span{background-image: linear-gradient(to right,#86d05a,#35b18a); color:#ffffff;}

.lastBox{ padding-bottom:20px;}
.wapNav{ display:none;}

@media screen and ( max-width:600px){
	
.mainBox{ width:96%; padding:0 2%;}

.pcBanner{ display:none;}
.wapbanner{ display:block;}

.text{ padding-bottom:20px;}
.textBox{position:relative; }
.tTitle{ background:url(../images/index4_04.png) no-repeat; background-size:206px 49px; width:206px; height:49px; font-size:18px; color:#ffffff; font-weight:bold; text-align:center; line-height:62px; position:absolute; left:50%; top:-28px; z-index:999; margin-left:-103px;}
.text p{border:1px solid #ddd;border-image: -webkit-linear-gradient(to right,#86d05a,#35b18a) 30 30;border-image: -moz-linear-gradient(to right,#86d05a,#35b18a,) 30 30;border-image: linear-gradient(to right,#86d05a,#35b18a) 30 30;border-radius:10px;padding: 30px 15px 12px;margin-top:40px;font-size:14px;line-height: 24px;clip-path: inset(0 0 round 2px);}

.title{ background:url(../images/index4_08.png) no-repeat top center; background-size:245px 49px; width:245px; height:49px; font-size:18px; color:#ffffff; font-weight:bold; text-align:center; line-height:62px; margin:0 auto; }


.talkBox{ padding:20px 0 20px;}
.gray{ background:#f5f5f5 url(../images/graybg_10.png) repeat-y top center;}
.talkthree{ width:100%; overflow:hidden;}
.talkthree ul{ width:100%;}
.talkthree ul:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.talkthree ul li{ float:none; background:#ffffff; border:1px solid #86d05a; border-radius:5px; box-shadow: 0px 1px 4px 0px rgba(195, 195, 195, 0.5); padding:0 2.5% 15px; margin-right:0; width:94%; margin:15px auto 0; height:auto; }
.talkthree ul li a em{ display:block; width:40px; height:3px; background-image: linear-gradient(to right,#86d05a,#35b18a); margin-left:0; float:right; margin-right:0px;}
.talkthree ul li a dl{display:-webkit-box;  display:flex;display:-ms-flex; display:-webkit-flex; width:100%; padding-top:10px; }
.talkthree ul li a dl dt{ display:block; width:130px; height:73px; margin-top:5px; border-radius:3px; overflow:hidden; margin-right:10px;}
.talkthree ul li a dl dd{ flex:1; -ms-flex:1; -webkit-flex:1; -webkit-box-flex:1;  width:100%;}
.talkthree ul li a dl dt img{ display:block; width:100%;-webkit-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: transform .8s;
-o-transition: transform .8s;transition: transform .8s; -webkit-backface-visibility: hidden;}
.talkthree ul li a dl dt img:hover{-webkit-transform: scale(1.1;)-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }
.talkthree ul li a dl dd b{ display:block; font-size:15px; line-height:20px; color:#333333; font-weight:bold; margin-top:0px;}
.talkthree ul li a dl dd p{ display:block; font-size:13px; line-height:18px; color:#666666; margin-top:5px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;  word-wrap: normal;}
.talkthree ul li.more{ padding:0; width:100%!important; }
.talkthree ul li.more img{ display:none;}
.talkthree ul li.more a p{ background:linear-gradient(to right,#86d05a,#35b18a); display:block; width:100%; height:32px; border-radius:5px; text-align:center; line-height:32px;}
.talkthree ul li.more a p span{ display:inline-block; background:url(../images/index4_20-07.png) no-repeat left center; background-size:auto 25px; padding-left:32px; font-size:13px;}
.gray .talkthree ul li{ border-image:0; clip-path:none; border:0; width:94%; border-radius:3px;height:auto;}

.talktwo{ width:100%; overflow:hidden;}
.talktwo ul{ width:100%;}
.talktwo ul:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.talktwo ul li{ float:none; background:#ffffff; border:1px solid #86d05a; border-radius:5px; box-shadow: 0px 1px 4px 0px rgba(195, 195, 195, 0.5);  padding:0 3% 15px; margin-right:0; width:93.5%; margin-top:15px; height:auto; }
.talktwo ul li a em{  display:block; width:40px; height:3px; background-image: linear-gradient(to right,#86d05a,#35b18a); margin-left:0; float:right; margin-right:0px;}
.talktwo ul li a dl:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.talktwo ul li a dl{display:-webkit-box;  display:flex;display:-ms-flex; display:-webkit-flex; width:100%; padding-top:10px; margin-top:0; }
.talktwo ul li a dl dt{ display:block; width:130px; height:73px; float:none; margin-top:5px; border-radius:3px; overflow:hidden; margin-right:10px;}
.talktwo ul li a dl dt img{ display:block; width:100%;-webkit-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: transform .8s;
-o-transition: transform .8s;transition: transform .8s; -webkit-backface-visibility: hidden;}
.talktwo ul li a dl dt img:hover{-webkit-transform: scale(1.1;)-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }
.talktwo ul li a dl dd{ flex:1; -ms-flex:1; -webkit-flex:1; -webkit-box-flex:1;  width:100%;}
.talktwo ul li a dl dd b{ display:block; font-size:15px; line-height:20px; color:#333333; font-weight:bold; margin-top:0px;}
.talktwo ul li a dl dd p{ display:block; font-size:13px; line-height:18px; color:#666666; margin-top:5px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;  word-wrap: normal;}
.talktwo ul li.more{ padding:0;width:100%!important;}
.talktwo ul li.more img{ display:none;}
.talktwo ul li.more a p{ background:linear-gradient(to right,#86d05a,#35b18a); display:block; width:100%; height:32px; border-radius:5px; text-align:center; line-height:32px;}
.talktwo ul li.more a p span{ display:inline-block; background:url(../images/index4_20-07.png) no-repeat left center; background-size:auto 25px; padding-left:32px; font-size:13px;}

.policy{ padding:20px 0;}
.poList ul li{ position:relative;}
.poList ul li em{ display:block; position:absolute; right:0; bottom:0; background:url(../images/index4_20.png) no-repeat top center; background-size:40px 40px; width:40px; height:40px;}
.poList ul li dl{ border:1px solid #86d05a; border-radius:3px; margin-top:20px; padding:20px 15px; height:auto;}
.poList ul li dl dt{ float:none; width:100%; height:auto; border-radius:5px; border:1px solid #eee; box-shadow: 0px 1px 4px 0px rgba(195, 195, 195, 0.5); position:static; top:0;}
.poList ul li dl dt img{ display:block; width:100%;}
.poList ul li dl dd{ float:none; width:100%; margin-left:0;}
.poList ul li dl dd b{ display:block; font-size:18px; line-height:24px; color:#333333; font-weight:bold; margin-top:15px;}
.poList ul li dl dd p{ display:block; font-size:13px; line-height:24px; color:#333333;  margin-top:10px;}

.moreInfo{background-image: linear-gradient(to right,#86d05a,#35b18a); display:block; width:100%; height:32px; border-radius:5px; text-align:center; line-height:32px; margin-top:20px;}
.moreInfo a{ display:block; text-align:center;}
.moreInfo a span{display:inline-block; background:url(../images/index4_20-07.png) no-repeat left center; background-size:auto 25px; padding-left:32px; font-size:13px;}

.zn{padding:20px 0;}
.zn ul{}
.zn ul li{background:#ffffff; border:1px solid #86d05a; border-radius:10px; box-shadow: 0px 1px 4px 0px rgba(195, 195, 195, 0.5); position:relative; margin-top:20px; overflow:hidden;}
.zn ul li em{display:block; position:absolute; right:0; bottom:0; background:url(../images/index4_20.png) no-repeat top center; background-size:40px 40px; width:40px; height:40px;}
.zn ul li dl{  padding:20px 15px; height:auto;}
.zn ul li dl:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.zn ul li dl dt{ float:none;width:100%; height:auto; border-radius:5px; margin-right:0;}
.zn ul li dl dt i{ display:none; background:url(../images/index4_28.png) no-repeat; width:22px; height:55px; position:absolute; top:10px; left:458px; z-index:66;}
.zn ul li dl dt img{ display:block; width:100%;}
.zn ul li dl dd{float:none; width:100%; margin-left:0; padding:0;}
.zn ul li dl dd b{ display:block; font-size:18px; line-height:24px; color:#333333; font-weight:bold; margin-top:15px;}
.zn ul li dl dd p{ display:block; font-size:13px; line-height:24px; color:#333333;  margin-top:10px;}
.gray .zn ul li { border:0;}

.rightBar{ display:none;}

.lastBox{ padding-bottom:90px;}
.wapNav{ background:#37b289; position:fixed; bottom:0; width:100%; display:block;}
.wapNav ul:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.wapNav ul li{ float:left; width:49%; border-right:1px solid #43c69a; height:30px; font-size:13px; line-height:30px; color:#ffffff; text-align:center;border-bottom:1px solid #43c69a;}
.wapNav ul li:nth-child(even){ border-right:0;}

}