@charset "utf-8";
html{overflow-x:hidden}
body{font-size:16px;font-family:"微软雅黑";}
html,body{height:100%;width:100%;}
p,h1,h2,h3,h4,h5,h6,dd,dt,dl,li,ol,body,html,form,textarea,input,select,table,ul{margin:0;padding:0;}
ul,li,ol{list-style:none;}
a,u,button{text-decoration:none;color:inherit;}
section,article,aside,nav,header,footer,main{display:block;}
input,button{background:#fff;border:0;outline:0;}
img{border:0;}
.clear::after{content:'';display:block;visibility:hidden;opacity:0;clear:both;height:0;overflow:hidden;}
@font-face { 
  font-family:'cuya'; 
  src: url('img/cuya.ttf'); 
}
.cuya{font-family: "cuya";}
.w1300{max-width: 1300px;margin:0 auto;clear: both;position: relative;}
.w1200{max-width: 1200px;margin:0 auto;clear: both;position: relative;}
/*webkit scroll*/
::-webkit-scrollbar-track-piece {background-color:#f5f5f5;border-left:1px solid #d2d2d2;}
::-webkit-scrollbar {width:8px;height:13px;}
::-webkit-scrollbar-thumb {background-color:#c6c6c6;background-clip:padding-box;min-height:28px;border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background-color:#48a359;}
/*ie scroll*/
@-ms-viewport {width:device-width;}


/* 上边不要动 */
.navg{width:100%;height:60px;background:#fff;border-bottom: 1px solid #ccc;}
.nav_cnt{width: 100%;padding: 19px 2% 0 2%;position:relative;}
.crumbs{color:#8f8f8f;}
.crumbs img{margin-right:14px;margin-top:0px}
.crumbs a{font-size:14px;color:#8f8f8f;}
.crumbs span{float:right;display:block;color:#ff0000;font-size:20px;}

/*主导航多级菜单*/
.hbg{width: 100%;height: 50px;position: absolute;top: 0px;z-index: 9999;background: none;text-align: center;}
#logo{margin-left: 36px;transition: .5s;}
#logo a{position: relative;z-index: 99;}
#logo::after{content: "";display: block;width: 190px;height: 170px;background: url(images/logo1.png) no-repeat top center;    position: absolute;top: 0;
animation: sss1 1s infinite alternate linear;
}
@keyframes sss1 {
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0.5;
	}
}
.cxico{margin: 30px 0 0 20px;}
.thonor{margin: 30px 30px 0 0;}
#nav{width: 55%;height: 100%;display: inline-block;margin: 0;margin-top: 50px;}
#nav>ul{width:100%;position: relative;margin: 0;}
#nav>ul::after{content:'';clear:both;display:block;visibility:hidden;}
#nav>ul>li{width:14.28571428571429%;text-align:center;float:left;}
#nav>ul>li a{display:block;position:relative;z-index:1;line-height:50px;padding: 0 2%;color: #fff;font-size: 18px;}
#nav>ul>li a.act, #nav>ul>li a:hover{color: #fff;}
#nav>ul>li>a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:50px;z-index:-1;background:#46a657;opacity:0;transition:all .3s;top: 0;border-radius: 25px}
#nav>ul>li:last-child a:after{display: none;}
#nav>ul>li:last-child a{transition: .3s;font-size:14px;padding: 0;line-height: 25px;}
#nav>ul>li:last-child a:hover{background: #46a657}
#nav>ul>li>a:hover::after{content:'';opacity:1;width:100%;}
#nav>ul>li>a.act:after{width:100%;opacity:1;}
#nav ul ul{display:none;width:80%;top:50px;position:absolute;left:0;background:rgba(0,0,0,.8);color:#fff;z-index: 9999;}
#nav ul ul li{float:left;width:33.33%;margin:0}
#nav ul li:nth-child(4) ul{width: 60%;}
#nav ul li:nth-child(4) ul li{width: 50%;}
#nav>ul>li ul li a{padding:2%!important;transition: .5s}
#nav>ul>li ul li a span{display:block;overflow: hidden;}
#nav>ul>li ul li a img{width:269px;display:block; height: 269px;}
#nav>ul>li ul li a p{line-height:30px;font-size: 14px;margin: 0;color: #fff;}
#nav>ul>li ul li a:hover{background: #48a359;}
@media all and (max-width:1700px){
	.tel {display: none;}
	#nav>ul>li>a>img{width: 100%}
	#logo{position: relative;}
}

a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:100%;position:absolute;z-index:999999;height: 1px;display:none}
.mean-container a.meanmenu-reveal{width:25px;height:25px;padding:14px 14px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:2px;margin-top:4px}
.mean-container .mean-nav{float:left;width:100%; background:#1baf45;margin-top:70px}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%}
.mean-container .mean-nav>ul>li:first-child>a{width: 50%;padding: 1em 0;background: #0f7fca;text-align: center;border-right: 1px solid rgba(255,255,255,.5);box-sizing: border-box}
.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:29px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover{opacity: .9;}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}

/* ------------------------ */
#banner{position:relative;overflow:hidden;width:100%}
#banner ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner ul li{width:33.333%;float:left}
#banner ul li img{width:100%;display:block;}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner:hover aside span{opacity:1;}
#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner>div{width:85px;position:absolute;right:0;left:0;bottom:3%;margin:auto}
#banner>div em{display:block;float:left;width:18px;height:18px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner>div em.act{background:#46a657}
.sl{width: 100%;margin: 40px auto 0 auto;}
.sl,.st,.st div,.sl div{overflow:hidden;}
.nextinfo{width:100%;overflow:hidden;}
.nextinfo span{background:#eee;margin:20px 1%;width:48%;float:left;text-align:center;border-radius:20px;font-size: 14px;}
.nextinfo span a{color: #000}


.sygsjj { background: url(images/abg.jpg) top center no-repeat; height: 975px; text-align: center; } 
.sygsjj h2 { text-align: center; color: #fff; font-size: 28px; padding-top: 80px; } 
.sygsjj h2 em { display: block; font-size: 18px; font-weight: normal; margin-top: 8px; }
 .sygsjj .gs_con { max-width: 950px; margin: 30px auto; }
 .sygsjj .gs_con p { color: #fff; line-height: 200%; text-align: center; } 
.sygsjj img { text-align: center; animation: sss 1s infinite alternate linear;width: 800px;}
@keyframes sss {
	0%{
		transform: translateY(0);
	}
	100%{
		transform: translateY(-10px);
	}
}

.cppichz a{float: left; width: 280px; margin-right: 20px;text-align: center; position: relative; }
.cppichz a span{overflow: hidden; }
.cppichz a span img{width: 100%;display: block;border:5px solid #fff;height: 212px;}
.cppichz a em{line-height: 2; font-size: 16px; display: block; font-style: normal;color: #fff}
.cppichz a div{position: absolute;width: 100%; height: 100%; background: rgba(249,128,62,0.9); color: #fff; left: 0; top: 20px; opacity: 0; transition: all .3s;}
.cppichz a div::before{content: ''; background: url(img/356.png) center/cover; width: 60px;height: 60px; margin: auto; margin-top: 60px;display: block;}
.cppichz a:hover div{top: 0; opacity: 1;}
.cppichz a div p{position: absolute; left: 0; right: 0; bottom: 0; top: 30px; margin: auto;  line-height: 30px;font-size: 14px;text-align: center; border: 1px solid #fff;  height: 30px; width: 80px; }
.about .row{width: 90%;margin:0 auto;}
.grid{overflow:hidden;margin:0;width:100%;list-style:none;text-align:center;}
.rtCont{position:relative;background: #f7f7f7;padding: 20px 0;overflow: hidden;width: 100%;}
.rtCont ul{margin:0 auto;overflow:hidden;text-align: center;}
.rtCont li{text-align:center;margin-right: 15px;    margin-left: 15px;display: inline-block;}
.rtCont li a{display:inline-block;position: relative;transition:all .2s ease;padding-top: }
.rtCont li a img{display:block;font-size:0px;width:180px;height:180px;transition:all .2s ease;border:8px solid #fff;border-radius: 50%;-webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.1);
    box-shadow: 0 0px 20px rgba(0,0,0,0.1);}
.rtCont .btnLeft,.rtCont .btnRight{position:absolute;top:150px;margin-top:-15px;width:46px;height:46px;background: #009541;font-size: 33px;color: #fff;font-family: "宋体";text-align: center;line-height: 46px;    box-shadow: 0 0px 10px rgba(27,175,69,1);}
.rtCont li a p{margin-top: 10px;font-size: 18px;color: #666;margin-bottom: 0;}
.rtCont li a:hover img{-webkit-box-shadow: 0 0px 15px rgba(27,175,69,1);
	box-shadow: 0 0px 15px rgba(27,175,69,1);border-color: #009541;}
.rtCont li a:hover p{color: #009541}
.rtCont .btnLeft{left:-50px;}
.rtCont .btnRight{right:-50px;}
.rtCont>a{transition: .5s;}
.rtCont>a:hover{background: #fff;color: #999;box-shadow: 0 0px 10px rgba(0,0,0,0.3);}

.pro {padding: 0 0 40px 0;position: relative;}
.pbt{text-align: center;color: #e8b16b;font-size: 16px;margin-top: 60px;}
.pbt h3{color: #f49a12;font-size: 36px;font-weight: bold;}
.pbt p{margin-top: 10px;font-size: 22px;color: #666;}
.pro .prolist{width: 100%;margin:40px 0 0;background:#fff;}
.pro .prolist ul{margin: 0 auto;}
.pro .prolist ul li{position: relative;transition:.5s;float: left;width:13.8%;margin:0 0.2%;}
.pro .prolist ul li img{width: 100%;}
.pro .prolist ul img{width: 14.2%;margin: 0;}
.pro .prolist ul li a{color:#111;font-size:18px;display:block;transition:.2s;line-height:2.5;overflow: hidden;background: #e2e2e2;text-align: center;border-radius: 25px;margin-top: 20px;}
.pro .prolist ul li.cur a{background: #fb8233;color: #fff;}
.pro .f_cb{width: 100%;background: #fff;padding: 1%}
.pro .f_cb li{width: 24%;margin: 0 1% 1% 0;}
.pro .f_cb li a{color:#fff;display: block;overflow: hidden;position: relative;}
.pro .f_cb li a h5{line-height: 45px;text-align: left;position: absolute;bottom: 0px;background: rgba(0,0,0,0.6);color: #fff;z-index: 9999;width: 100%;font-size: 16px;transition: .5s;text-indent: 16px;margin: 0px; transition: .5s;}
.pro .f_cb li a:hover h5{background: rgba(253,132,36,0.75);height: 100%;font-size: 26px;padding: 20% 10% 0 10%;text-align: center;line-height: 30px;}
.pro .f_cb li a p{position: absolute;top: 50%;color: #fff;font-size: 30px;z-index: 9999;width: 100%;text-align: center;opacity: 0;transition: .5s;}
.pro .f_cb li a:hover p{opacity: 1;}
.pro .f_cb li{float: left;zoom:1; }
.pro .f_cb li img{width:100%;display: block; position: relative;z-index: 52; transition: .5s;}
.pro .f_cb li:hover img{filter: brightness(120%);}
.pro .f_cb li a:after{content:">";position: absolute;right: 2%;bottom: 2%;z-index: 99999;transition: .5s;font-family: "SimSun";font-style: normal;font-size: 18px;background: #fff;border-radius: 50%;overflow: hidden;width: 30px;height: 30px;color: #db0014;text-align: center;line-height: 30px;font-weight: bold;}
.pro .f_cb li:hover a:after{content:"+";width: 50px;height: 50px;line-height: 50px;left: 0;right: 0;margin: 0 auto;font-size: 42px;bottom: 6%;}
@media all and (max-width:1600px){
	.pro .prolist ul li a{font-size: 14px;}
}

@media all and (max-width:1470px){
	.pro .f_cb li a h5{line-height: 70px;font-size: 20px;}
	.pro .prolist ul li a:after{width: 30px;height: 30px;line-height: 30px;text-indent: 9px;}
	
}
@media all and (max-width:1366px){
	.pro .f_cb li a h5{line-height: 60px;font-size: 18px;}
	.pro .prolist ul li a:after{width: 25px;height: 25px;line-height: 25px;text-indent: 7px;}

}
.more {text-align: center;margin-top: 50px;}
.more a{display: inline-block;font-size: 31px;color: #fff;font-family: cuya;background: url(images/moretel.png) no-repeat top center;width: 497px;line-height: 47px;    text-align: left; text-indent: 292px;}





/*案例*/
.cbt{text-align: center;padding:  100px 0 70px 0;}
.syal_pic {background:url(images/1_05.jpg) left center no-repeat;height:746px;}
.syal_pic .slider,.syal_pic .slider .main,.syal_pic .slider .main .main-i {width:1300px;margin:0 auto;height:712px;position:relative;}
.syal_pic .slider .main {overflow:hidden;}
.syal_pic .main-i img {width:898px;position:absolute;top:90px;left: 0;height:712px;}
.syal_pic .caption {position:absolute;right:0;top:0%;z-index:9;width: 27%;}
.syal_pic .caption h2 {line-height:38px;position:relative;}
.syal_pic .caption h2 b {font-size:34px;color:#363636;position:relative;}
.syal_pic .caption h2 em {color:#c4c4c4;font-size:40px;font-family:Arial,Helvetica,sans-serif;display:block;text-transform:uppercase;position:relative;font-style: normal}
.syal_pic .caption h2 em::before {position:absolute;content:"";left:0;bottom:-15px;height:6px;background:#feb300;width:100px;}
.syal_pic .caption h3 {font-size:16px;line-height:35px;color:#000;margin-top:60px;font-weight:normal;}
.syal_pic .caption h4 {margin-top:60px;border:1px solid #ccc;}
.syal_pic .caption h4 a {display:block;height:40px;line-height:40px;text-align:center;font-weight:normal;transition: .3s;}
.syal_pic .caption h4 a:nth-child(1) {color:#fff;background:#24963a;}
.syal_pic .caption h4 a:hover {background:#feb300;color:#fff;}
.syal_pic .ctrl {width:100%;height:13px;line-height:13px;position:absolute;right:0;bottom:0;}
.syal_pic .ctrl .ctrl-i {display:inline-block;width:80px;height:13px;background-color:#dfdfdf;box-shadow:0 1px 1px rgba(0,0,0,0.3);position:relative;margin-left:1px;margin-right:6px;float: right;}
.syal_pic .ctrl .ctrl-i img {width:100%;position:absolute;left:0;bottom:50px;z-index:1;opacity:0;-webkit-transition:all .2s;}
.syal_pic .ctrl .ctrl-i:hover {background-color:#f0f0f0;}
.syal_pic .ctrl .ctrl-i:hover img {bottom:13px;/*鍥剧墖鍊掑奖*/  -webkit-box-reflect:below 0px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),to(rgba(255,255,255,0.3)));opacity:1;}
.syal_pic .ctrl .ctrl-i-active,.syal_pic .ctrl .ctrl-i-active:hover {background-color:#0f7fca;}
.syal_pic .ctrl-i-active:hover img {opacity:0;}
.syal_pic .slider .main .main-i {opacity:0;position:absolute;top:0;right:50%;-webkit-transition:all .5s;}
.syal_pic .slider .main .main-i h2 {margin-right:45px;}
.syal_pic .slider .main .main-i h3 {margin-right:-45px;}
.syal_pic .slider .main .main-i h2,.syal_pic .slider .main .main-i h3 {-webkit-transition:all 1s .5s;opacity:0;}
.syal_pic .slider .main .main-i-active {opacity:1;right:0;}
.syal_pic .slider .main .main-i-active h2,.syal_pic .slider .main .main-i-active h3 {margin-right:0;opacity:1;}
/* 案例展示1 */
.al_pic {width:1300px;overflow:hidden;margin:60px auto 20px auto;}
.al_pic li {float:left;margin-right:20px;width:409px;}
.al_pic li a:hover {background:#0f7fca;color:#fff;}
.al_pic li a:hover ol {color:#fff;margin-left:30px;}
.al_pic li a {display:block;}
.al_pic li a img {display:block;width:100%;}
.al_pic li a ol {text-align:left;font-size:18px;margin:15px 0 0 0;position:relative;height:60px;transition:all .6s;}

  /*左右滚动*/
.al_pic1 {width:100%;overflow:hidden;margin:10px auto 20px auto;}
.al_pic1 li {float:left;margin-left:1%;margin-right:1%;width:48%;margin-bottom:10px;}
.al_pic1 li a {display:block;position:relative;}
.al_pic1 li a img {display:block;width:100%;}
.al_pic1 li a ol {text-align:left;font-size:18px;margin:15px 0 0px 0;height:50px;position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.527);color:#fff;line-height:50px;text-align:center;overflow: hidden;white-space: nowrap;    text-overflow: ellipsis;}


@media (min-width: 1281px) {
	/*左右滚动*/
	.al_pic, .syal_pic {
	  display: block; }
  
	.al_pic1, .sycp_lb, .syal_pic1 {
	  display: none; } }


.cbg{width: 100%;background: url(images/cbg.jpg) no-repeat top center;padding-top: 144px;padding-bottom: 189px;}
.cbg .w1300{position: relative;}
.conbt{background: url(images/conbt.png) top left no-repeat;width: 341px;padding-top: 190px;margin-top: 124px;margin-left: 50px;}
.conbt a{width: 230px;height: 50px;line-height: 50px;font-size: 18px;color: #fff;text-align: center;background: #1baf45;display: block;margin-left: 50px;transition: .3s;}
.conbt a:hover{background: #0f7fca;}
.czbg{width: 302px;height:382px;background: url(images/czbg.jpg) center -50px no-repeat;position: absolute;left: -125px;right: 0;margin: auto;text-align: center; animation: sss 1s infinite alternate linear;z-index: 999;}
.czbg a{color: #fff;display: block;padding: 60px 0 0 0;height: 100%;}
.czbg a h4{font-size: 14px;font-weight: 700;}
.czbg a p{font-size:16px}
.ctxt{width:677px;height: 390px;background: #fff url(images/crbg.jpg) no-repeat right bottom;padding-left: 135px;    margin-top: 15px;}
.ctxt h3{font-weight: 700;color: #333;font-size: 20px;}

/* ---------------新闻----------- */
.news .nlist{margin-top:50px;position:relative;overflow:hidden;}
.news .nlist ul{width:101.3%;}
.news .nlist li{width:31%;margin-right:2.3%;padding-bottom:55px;float:left;}
.news .nlist .img{display:block;position:relative;overflow:hidden;}
.news .nlist img{width:100%;-webkit-transform:translateZ(0px);transform:translateZ(0px);-webkit-transition:-webkit-transform 0.6s ease 0s;transition:transform 0.6s ease 0s;height: 300px;}
.news .nlist li:hover .stit a{color:#019064;}
.news .nlist li:hover img{transform:scale(1.1,1.1);}
.news .nlist .date-box{display:block;width:90px;position:absolute;left:0;top:0;background-color:#009541;text-align:center;padding-top:9px;font-weight:bold;color:#fff;}
.news .nlist .date-box .month{line-height:16px;font-family:"Arial";}
.news .nlist .date-box .day{line-height:38px;font-size:38px;font-style:italic;}
.news .nlist .date-box .year{line-height:22px;}
.news .nlist .date-box .lab{display:block;line-height:24px;text-align:center;background-color:#019064;font-family:"Arial";text-transform:uppercase;}
.news .nlist .cont{padding-top:20px;}
.news .nlist .stit{font-size:16px;font-weight:bold;color:#000;line-height:36px;}
.news .nlist .stit a{color:#000;}
.news .nlist .word{display:block;line-height:24px;font-size:14px;margin-top:13px;}
.news .nlist .word a{display:inline-block;color:#666;}
.news .nlist .more{display:inline-block;line-height:30px;margin-top:15px;padding-right:20px;background:url(img/ico_18.png) no-repeat right center;font-size:14px;color:#019064;transition: .5s;}
.news .nlist li:hover .more{padding-right: 30px;}



/*底*/
.l { float: left;}.r { float: right;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.footWrap{background:#272727;overflow:hidden;font-family:"Microsoft Yahei";padding-bottom: 50px}
.footer{max-width:1300px;margin: 0 auto; position: relative;padding-top:52px;}
.ft_fl{float:left;width:251px;}
.ft_logo{width:170px;border-bottom:1px solid #242424;    margin: 0 auto;}
.ft_logo img {width:170px;height:219px;}
.ft_bn{padding-top:10px;font-size:14px;color: #a5a5a5;line-height: 30px;text-align: center;}
.ft_bn a {color: #a5a5a5;margin-top: 15px;display: inline-block}
.ft_bn span {padding-left:40px;}
.lianx{float:left;width:340px;margin-right: 30px;}
.lianx h4{font-size:18px;color: #fff;height: 48px;line-height: 48px;margin: 0;font-weight: 700;}
.lianx p {font-size:14px;color: #fff;line-height:24px;padding-bottom:10px;}
.lianx p span {display: block;margin:8px 0;font-size: 30px;color: #5cb51a;font-family: "cuya";text-align: left;line-height: 35px;}
.lianx p:last-child span{font-size: 15px;color: #fff;font-weight: 400;line-height: 26px;font-family: "微软雅黑";}
.ft_nav {float:left;width:320px;color: #fff;}
.ft_nav h3{font-weight: 700;}
.footWrap p {text-indent:0;}
.ft_nav a{font-size:14px;color: #a8a8a8;line-height:33px;float: left;margin-right: 10px;}
.ft_nav a:hover{color: #5cb51a;}
.qnav {width: 200px;}
.qnav li{font-size: 24px;font-weight: 700;color: #fff;}
.qnav li:first-child{margin-bottom: 20px;}
.qnav li a{font-weight: 400;font-size: 18px;transition: .3s;}
.qnav li a:hover{background: #5cb51a}

.erwm {float:right;margin-top: 15px;}
.erwm em {display: block;height: 48px;line-height: 48px;font-size:22px;font-style:italic;color: #fff;margin-bottom:12px;text-align: center;}
.erwm p {text-align: center;margin-right:17px;color: #fff;}
.erwm p img {width:150px;}
.erwm p span {padding-top:8px;font-size:18px;color: #a8a8a8;line-height: 20px;display: block;}
.erwm p:last-child{margin:0;}


#footer{overflow-x:hidden;width:100%;min-height:80px;position:fixed;z-index:9999999;bottom:0;display:flex;background:#1baf45;display: none;}
#footer li{width:33.33333%;text-align:center;}
#footer li a{font-size:16px;color:#fff;}
#footer li a img{display:block;margin:5px auto 0px auto;}

/*产品竖向滚动*/
.cppichz{float: right;width: 81%;}
.cppichz>div{ padding-bottom: 50px;}
.cppichz a{float: left; width: 280px; margin-right: 10px;text-align: center; position: relative; }
.cppichz a span{overflow: hidden; }
.cppichz a span img{width: 100%;display: block;}
.cppichz a em{background: #f5f5f5; line-height: 2; font-size: 16px; display: block; font-style: normal;}
.cppichz a div{position: absolute;width: 100%; height: 100%; background: rgba(28,113,234,0.7); color: #fff; left: 0; top: 20px; opacity: 0; transition: all .3s;}
.cppichz a div::before{content: ''; background: url(img/356.png) center/cover; width: 60px;height: 60px; margin: auto; margin-top: 60px;display: block;}
.cppichz a:hover div{top: 0; opacity: 1;}
.cppichz a div p{position: absolute; left: 0; right: 0; bottom: 0; top: 30px; margin: auto;  line-height: 30px;font-size: 14px;text-align: center; border: 1px solid #fff;  height: 30px; width: 80px; }

.cppicsz{width:85%;height:800px;margin:60px auto 20px auto;}
.cppicsz a{float:left;width:24.25%;margin-right:1%;text-align:center;position:relative;margin-bottom:2%;border-bottom: 1px solid #e1dfe0;}
.cppicsz a:nth-child(4n){margin-right: 0;}
.cppicsz a span{overflow:hidden;}
.cppicsz a span img{width:100%;display:block;}
.cppicsz a em{background:#fff;line-height:4;font-size:18px;display:block;font-style:normal;overflow: hidden;white-space: nowrap;    text-overflow: ellipsis;}
.cppicsz a div{position:absolute;width:100%;height:100%;background:rgba(70,166,87,0.7);color:#fff;left:0;top:20px;opacity:0;transition:all .3s;}
.cppicsz a div::before{content:'';background:url(img/356.png) center/cover;width:60px;height:60px;margin:auto;margin-top:60px;display:block;}
.cppicsz a:hover div{top:0;opacity:1;}
.cppicsz a div p{position:absolute;left:0;right:0;bottom:0;top:30px;margin:auto;line-height:30px;font-size:14px;text-align:center;border:1px solid #fff;height:30px;width:80px;}
.fl{float:left;}
.fr{float:right;}
.tac{text-align:center;}
.page22{width:900px;height:40px;margin:0 auto;line-height:40px;}
.page22 li{width:400px;height:40px;float:left;text-align:center;}
.page11{line-height:40px;font-weight:bold;color:#333;text-align:center;}
.page11 i{color:#999;font-size:14px;font-weight:normal;}
.content h1{text-align:center;font-size:20px;line-height:80px;}

.pnav{width: 100%;padding-top: 180px;}
.pnav ul{margin-top: 10px;text-align: center;}
.pnav ul li {display: block;display: inline-block;}
.pnav ul li a{display: block;transition: all .3s;}
.pnav ul li a .pnimg{border-radius: 50%;overflow: hidden;transition:  1s;}
.pnav ul li a img{border-radius: 50%;width: 130px;height: 130px;display: block;}
.pnav ul li a p{text-align: center;font-size: 16px;color: #000;margin-top: 5px;color: #fff;background: #46a657;border-radius: 25px;line-height: 30px;}
.pnav ul li a:hover{transform: translateY(-14px);}
.pnav ul li a:hover .pnimg{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg);}



/*内页*/
#nyba{width:100%;height:409px;background:url(img/nyba.jpg) top center no-repeat #333;background-attachment: fixed;}
#main{max-width:1300px;height:auto;margin:0 auto;font-size:16px;line-height:35px;padding:  0 2%;}
#main::after{content:'';display:block;visibility:hidden;opacity:0;clear:both;height:0;overflow:hidden;}
#main2{max-width: 96%; margin: auto;}
#main3{max-width: 100%;}

/*内页简介*/
.sec_mian{overflow:hidden;}
.sec_aa{padding:60px 0 0;}
.sec_aa div.fl img{width: 100%}
.sec_aa div.fl h4{margin:0 0 24px 0;font-size:26px;color:#333;text-align:center;}
.sec_aa div.fl h5{margin-bottom:35px;font-size:26px;color:#666;text-align:center;line-height:38px;}
.sec_aa div.fl h5 i{display:inline-block;padding:0 7px 0 15px;margin-right:15px;background:#48a359;color:#fff;vertical-align:top;border-radius:50px;font-style: normal;}
.sec_aa div.fl p{font-size:14px;color:#666;line-height:30px;}
.sec_aa div.fr{width:640px;height:314px;background:no-repeat center;background-size:cover;}

.bass{height:60px;line-height:60px;font-size:18px;color:#666;width:100%;margin:0 auto 30px;border-bottom:solid 2px #ddd;}
.bass a{color:#2f44c3;text-decoration:none;font-weight:bold;font-size:18px;}
.love-pic-box{width:100%;overflow:hidden;margin:20px auto;}
.love-pic-box li{width:18%;background:#fff;margin:15px 1%;float:left;list-style:none;overflow:hidden;position:relative;z-index:0;box-shadow:0px 0px 15px #cccccc7d;border:solid 10px #ffffff;box-sizing:border-box;}
.love-pic-box li img{width:100%;padding:0;margin:0;}
.love-pic-box li p{position:absolute;width:100%;height:40px;background:#fff;z-index:999;left:0;bottom:0;margin: 0;}
.love-pic-box li p>a{width:100%;line-height:30px;height:30px;text-align:center;font-size:16px;color:#000;display:block;padding-top:5px;}
.h30{height:30px;}
.ny_left{width:320px;height:auto;float:left;}
.ny_right{height:auto;}
.nr20 ul{text-align: center;}
.nr20 ul li{display: inline-block;text-align: center;width: 25%;}
.left-lx{width:290px;overflow:hidden;border:solid 1px #ddd;box-sizing:border-box;padding-bottom:20px;box-shadow:0px 0px 10px #ccc;margin-bottom:20px;}
.lx-tt{height:50px;margin-bottom:10px;background:#2f44c3;color:#888;width:100%;margin:0 auto 10px;box-sizing:border-box;}
.lx-tt h2{font-size:20px;color:#fff;line-height:50px;float:left;font-weight:initial;padding-left:15px;}
.lx-tt a{font-size:14px;color:#eee;float:right;padding-top:10px;padding-right:10px;}
.lx-tt a:hover{color:#48a359;}
.left-lx p{padding:0px 20px;font-size:16px;color:#333;line-height:30px;}
.pc_tt{background:#2f44c3;color:#fff;width:290px;height:90px;box-sizing:border-box;}
.pc_tt h2{font-size:24px;line-height:30px;text-align:center;padding-top:20px;font-weight:initial;}
.pc_tt>p{font-size:14px;line-height:30px;text-align:center;color:#ccc!important;width:250px;margin:0 auto;}
.left_cplei{width:290px;height:auto;padding:5px 0px;color:#fff;}
.left_cplei a{width:230px;height:40px;background:url(img/left1.png) 15px center no-repeat #666;margin:10px auto;text-align:left;line-height:40px;font-size:18px;padding-left:40px;position:relative;z-index:1;display:block;}
.left_cplei a::after{content:'';background:url(img/left1.png) 15px center no-repeat #2f44c3;z-index:-1;position:absolute;width:0px;height:40px;left:0;right:0;opacity:0;transition:all .3s}
.left_cplei a:hover::after{content:'';opacity:1;width:100%;}
.left_cplei a.act::after{content:'';opacity:1;width:100%;}
.ny_news,.ny_news li{width:100%;}
.ny_news li{transition:.3s;}
.ny_news li:nth-child(2n){background-color:#f8f8f8;}
.ny_news .center{max-width:1100px;margin:0 auto;position:relative;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;left:0;}
.ny_news>li>a{padding:50px 0;display:block;}
.ny_news .num{display:block;width:20%;font-weight:bold;font-style:italic;}
.ny_news .num img{text-indent:-9999px;height:120px;}
.ny_news .font{display:block;width:80%;font-size:18px;line-height:30px;}
.ny_news .font .intro{font-size:14px;color:#bbb;}
.ny_news li:hover{background:#48a359;}
.ny_news li:hover .num,.ny_news li:hover .font p,.ny_news li:hover .font .intro{color:#fff;}
.ny_news li:hover .center{left:-16px;}
.nynews_list{margin-bottom:30px;width:100%;overflow:hidden;}
.nynews_list h1{margin-bottom:20px;}
.nynews_list li{width:49%;height:45px;margin:5px 0.5%;float:left;border:solid 1px #ddd;background:url(img/news1.jpg) left center no-repeat #fff;box-sizing:border-box;line-height:45px;color:#666;}
.nynews_list li a{color:#555;padding-left:10px;}
.nynews_list li a:hover{color:#d7a02b;}

.ystab{text-align: center;margin-top: 50px;}
.ystab a{display: inline-block;width: 300px;height: 60px;line-height: 60px;color: #fff;background: #48a359;border-radius: 45px;font-size: 26px;margin: 0 10px}


.hbg nav{display: none;}
	@media only screen and (max-width: 1240px) {
	  .news	.w1200 { width:940px; }
	  .news_con .title_en{font-size:32px;}
	.news_con .title{font-size:32px;}
	#nav{display: none;}
	.mean-container .mean-bar{display: block;}
	.thonor{margin: 30px 80px 0 0;}
	}
	@media only screen and (max-width: 992px) {
		.news	.w1200 { width:740px; }
		.sygsjj img{width: 700px;}
		
	}
	@media only screen and (max-width: 760px) {
		.news	.w1200 { padding-left: 2%; padding-right: 2%; width: auto;}
		.news_con .title_en{font-size:26px; line-height:32px; margin-bottom:10px;}
	.news_con .title{font-size:26px;}
	.sygsjj img{width: 98%;margin: 0 1%}
}
.row{width:101%;transition:.2s width ease;*zoom:1;margin: 0 0 0 0;}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%}

@media (max-width: 1310px) {
	.cppicsz {
	  width: 98%; }
  
	.w1300 {
	  width: 100%; } }
@media (max-width: 1600px){
	.sub_right .lx span{font-size: 30px!important;;}
}
@media (max-width: 1366px){
	.sub_right{display: none;}
	.showlist{width: 100%!important;}
	.frame-ct{width: 100%!important;}
}
@media (max-width: 1280px){
#home-posi, .anliroll li a span, .syal li a ol::before, .syal::before, .al_pic, .syal_pic, .footer_con ul li:nth-of-type(3) .db_lx img:nth-of-type(3), .footer2, .footer_con ul li:nth-of-type(2) { display: none;}
.ab dd{width: 90%;    padding: 160px 8% 50px 50px;}
.nr20 ul li{width: 50%;}
.pnav{display: none;}
.footer .ft_t>div{width: 100%;margin: 20px 0 0 0;text-align: center;}
.cbg{background-size:cover;padding-top: 44px;padding-bottom: 44px;}
.conbt{float: none;margin: 0;}
.czbg{display: none;}
.ctxt{padding-left: 2%;padding-top: 1px;float: none;width: 100%;background: rgba(255,255,255,.8)}
}
@media only screen and (max-width: 1024px){
	.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}
	.ys1bg{display: none;}
	.ys1pic{width: 100%;position: relative;}
	.ys1pic img{width: 100%}
	.g_ys1{padding:  0;background: #eee;}
	.g_ys1 .m_ys1{padding-bottom: 40px;padding-top: 40px;background: #eee;display: inline-block;padding-left: 0;text-align: left}
	.g_ys1 .w1300{text-align: center;}
	.nynews_list li{width: 99%}
	#nyba{height: 190px;overflow: hidden;background-size: cover;background-attachment: inherit;}
	.g_ys4{background-position: 40% 80px;}
	.nr20 ul li{width: 100%;}
	.ysbt h2{font-size: 1.75em;}
	.ysbt h2 span{font-size: 16px;}
	.about .abg{width: 1000px;margin-left: -500px;}
	.about{    padding: 430px 0 0;}
	.atel{display: none;}
	#footer{display: flex}
	.footWrap{margin: 0 0 80px 0;}
  #logo::after, .thonor, .cxico{display: none}
  #logo{margin: 0;}
}
@media only screen and (max-width: 1000px){
	#nav{display: none;}
	a.meanmenu-reveal{display: block;}
}
	@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}
	.footer .gs {display: none;}
	.footer .by{position: relative;left: 0;right: 0;margin: auto;display: inherit;bottom: 0;}
	.rtCont li a img{width: 130px;height: 130px;border-width: 3px;}
	.rtCont li{margin-left: 5px;margin-right: 5px;}
	.pbt p{font-size: 18px;}
	.news .nlist li{width: 80%;margin: 0 auto;float: none;}
	.news .nlist img{height: auto;}
}
	@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}
	.pcon li{width: 100%;margin-top: 30px;}
	.pcon li img{display: none;}
	.proIBox{ padding: 0 2%!important;}
	.proIBox img{width: 100%;}
	.news .nlist li{width: 100%;margin: 0 auto;float: none;}

}
@media (max-width: 1200px){
	.ys3bg{display: none;}
	.ys3pic{width: 100%;background-size:cover}
	.g_ys3 .w1300{text-align: center;}
	.g_ys3 .m_ys3{float: none;display: inline-block;margin:0 auto;text-align: left;}
	.fnav{display: none;}
	.flogo{left: 0;right: 0;margin: auto;position: relative;}
	.fwz{margin-top: 30px;}
	.fwz::before{display: none;}
	.fwz p{width: 100%;line-height: normal;}
}
@media all and (max-width:850px){
	.ny_news .num{display: none;}
	.ny_news .font{width: 100%;}
	.ny_news .center{padding:0 2%;}
	.ny_news li:hover .center{left: 0!important;}
	.ab dd{width: 95%;    padding: 160px 8% 50px 8%;}
}
@media (max-width: 676px){
	.cppicsz a {
		width: 49%;
		display: none;
	}
	.cppicsz a:nth-of-type(1),.cppicsz a:nth-of-type(2),.cppicsz a:nth-of-type(3),.cppicsz a:nth-of-type(4),.cppicsz a:nth-of-type(5),.cppicsz a:nth-of-type(6),.cppicsz a:nth-of-type(7),.cppicsz a:nth-of-type(8),.cppicsz a:nth-of-type(9),.cppicsz a:nth-of-type(10),.cppicsz a:nth-of-type(11),.cppicsz a:nth-of-type(12),.cppicsz a:nth-of-type(13),.cppicsz a:nth-of-type(14),.cppicsz a:nth-of-type(15),.cppicsz a:nth-of-type(16){
		  display: block;
	  }
	.cppicsz{height: auto;}
.cbt{padding: 2em 0;}
.pbt img, .cbt img{width: 100%;}
}
@media all and (max-width:640px){
	.ny_news .num{width: 100%;display: block;}
	.ny_news .num img{height: auto;width: 100%;}
	.ny_news .font{width: 100%;margin-top: 15px;}
	.ny_news .center{padding:0 2%;}
	#logo{width: 25%;}
	#logo img{width: 100%;}
	.crumbs span{display: none;}
	.showpics li{height: 400px!important;}
	.more{display: none;}
	.g_ys1 .m_ys1 span img{width: 100%;}
	.g_ys1 .m_ys1 h3 em{font-size: 1em;}
	.g_ys3 .m_ys3 span img{width: 100%;}
}