@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";font-weight: 400!important;}
.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:#0f6446;}
/*ie scroll*/
@-ms-viewport {width:device-width;}
@keyframes sec { 0%{ transform: scale(1); } 50%{ transform: scale(1.01); } 100%{ transform: scale(1); } } 
@keyframes sss { 0%{ transform: translateY(0); } 100%{ transform: translateY(-10px); } } 
@keyframes sss1 { 0%{ transform: translateY(0); } 100%{ transform: translateY(-5px); } } 
@keyframes sss2 { 0%{ transform: translateY(-10px); } 100%{ transform: translateY(0); } } 
@keyframes sss3 { 0%{ transform: translateY(-20px); } 100%{ transform: translateY(0); } }

/* 上边不要动 */
.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:#111;font-weight: 700;}
.crumbs img{margin-right:14px;margin-top:0px}
.crumbs a{font-size:14px;color:#111;}
.crumbs span{float:right;display:block;color:#0f6446;font-size:20px;}

/*主导航多级菜单*/
.hbg{width: 100%;height: 108px;position: fixed;top: 0px;z-index: 9999;background: none;text-align: center;background: rgba(255,255,255,0.8);}
#logo{margin: 0;position: absolute;left: 20px;top: 16px;transition: .5s;}
#logo:hover{left: 10px;}
.ttel { margin: 31px 31px  0 0; position: absolute; right: 0; top: 0; }
#nav{width: 50%;height: 100%;display: inline-block;}
#nav>ul{width:100%;position: relative;margin: 0;}
#nav>ul::after{content:'';clear:both;display:block;visibility:hidden;}
#nav>ul>li{width:16.6%;text-align:center;float:left;}
#nav>ul>li a{display:block;position:relative;z-index:1;line-height:108px;padding: 0 2%;color: #333;transition: .3s;background: rgba(0,0,0,0);}
#nav>ul>li>a.act, #nav>ul>li a:hover{color: #fff;background: #0f6446;line-height: 88px; padding-top: 20px;}
#nav>ul>li>a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:108px;z-index:-1;background:url(images/nico.png) no-repeat center 20px;transition:all .3s;top: 0;}
#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:100%;top:108px;position:absolute;left:0;background:#0f6446;color:#fff;z-index: 9999;}
#nav ul ul li{float:left;width:16.66%;margin:0}
#nav ul li:nth-child(2) ul li{width: 20%;}
#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:100%;display:block;}
#nav>ul>li ul li a p{line-height:30px;font-size: 14px;margin: 0;    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;color: #fff;}
#nav>ul>li ul li a:hover{background: #f49a12;}



/* ------------------------ */
#banner{position:relative;overflow:hidden;width:100%}
#banner ul{position:relative;overflow:hidden;width:400%;margin: 0;}
#banner ul li{width:25%;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:110px;position:absolute;right:0;left:0;bottom:7%;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:#0f6446}
.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}


/*简介*/
.about{padding: 0;background: #fff url(images/abg.jpg) no-repeat center top;position: relative;min-height: 1073px;}
.about>.w1300{top: 0px;position: absolute;left: 0;right: 0;}
.ab {position: relative;}
.ab .apic{position: relative;right: 0;top: 0;left: 50%;display: block;width: 1920px;margin-left: -960px;}
.ab dl{position: relative;}
.ab .abt{position: absolute;left: 570px;top: 100px;transition: .3s;}
.ab .abt:hover{margin-left: 10px;}
.ab .atxt{overflow: hidden;width: 800px;position: absolute;top: 268px;right: 0;}
.ab ul {text-align: center;padding: 20px 0 30px 0;width: 93%; margin: 0 auto;}
.ab ul li{width: 25%;float: left;}
.ab ul li:last-of-type{border: 0;}
.ab ul li h4{color: #333;font-size: 24px;font-weight: 400;margin-bottom: 0;}
.ab ul li h4 span{color: #1b80c7;font-size: 50px;font-weight: 700;}
.ab ul li p{color: #333;}
.ab dt{position: absolute;right: 75px; top: 491px;animation: sss2 1s infinite alternate linear;}
.ab dd{width: 100%;padding: 0 ;position: relative;transition: .8s;z-index: 9999;}
.ab dd .w1300{float: left;padding: 160px 0 0 150px;}
.ab dd .w1300>a{position: absolute;right: 0;top: -183px}
.ab dd .w1300>a img{transition: .5s;animation: sec 3s infinite linear;}
.ab dd .w1300>img{position: absolute;right: 0;top: -400px;}
.ab dd h3{border-bottom: 1px solid #ffffff57;}
.ab dd h3 a{font-size: 60px;color: #0f6446;font-weight: bold;height: 150px;font-family: Arial;}
.ab dd h3 a em{font-size: 16px;color: #fff;font-weight: normal;display: block;padding-bottom: 20px;font-style: normal;}
.ab dd p{font-size: 16px;color: #ffffff;line-height: 30px;margin: 0;}
.ab dd:hover{background-position: center 450px}

/* Common style */
.grid .figure{position:relative;z-index:1;display:inline-block;overflow:hidden;	/*margin: -0.135em;*/width:100%;height:252px;text-align:center;cursor:pointer;}
.grid .figure img{position:relative;display:block;opacity:1;width:100%}
.grid .figure .figcaption{padding:0em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;}
.grid .figure .figcaption::before,.grid .figure .figcaption::after{pointer-events:none;}
.grid .figure .figcaption,.grid .figure a{position:absolute;top:0;left:0;height:100%;}
.grid .figure a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
.grid .figure h2{word-spacing:-0.15em;font-weight:300;}
.grid .figure h2 span{font-weight:800;}
.grid .figure h2,.grid .figure p{margin:0;}
.grid .figure p{letter-spacing:1px;font-size:14px;}
.figure.effect-zoe .figcaption{top:auto;bottom:0;height:2.75em;color:#3c4a50;-webkit-transition:-webkit-transform 0.35s;-moz-transition:-webkit-transform 0.35s;-ms-transition:-webkit-transform 0.35s;-o-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);}
.figure.effect-zoe h2{float:left;}
.figure.effect-zoe .figcaption > span{}
.figure.effect-zoe p span{position:absolute;text-align:center;width:100%;color:#fff;text-transform:none;font-size:16px;opacity:1;left:0;}
.figure.effect-zoe span.con{width:190px;text-align:center;margin-top:-25px;padding:5px 0px;color:#fff;text-transform:none;font-size:14px;opacity:1;left:0px;display:block;}
.figure.effect-zoe p{position:absolute;bottom:8em;text-align:center;width:100%;color:#fff;text-transform:none;opacity:1;-webkit-transition:opacity 0.35s;-moz-transition:opacity 0.35s;-ms-transition:opacity 0.35s;-o-transition:opacity 0.35s;transition:opacity 0.35s;left:0}
.figure.effect-zoe p img{margin:0 auto;}
.figure.effect-zoe h2,.figure.effect-zoe .figcaption > span{-webkit-transition:-webkit-transform 0.35s;-moz-transition:-webkit-transform 0.35s;-ms-transition:-webkit-transform 0.35s;-o-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translateY(200%);transform:translateY(200%);-moz-transform:translateY(200%);-ms-transform:translateY(200%);-o-transform:translateY(200%);}
.figure.effect-zoe .figcaption > span::before{display:inline-block;padding:5px 10px;font-family:'feathericons';speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-eye::before{content:'\e000';}
.icon-paper-clip::before{content:'\e001';}
.icon-heart::before{content:'\e024';}
.figure.effect-zoe h2{display:inline-block;}
.figure.effect-zoe:hover p{opacity:1;}
.figure.effect-zoe:hover .figcaption,.figure.effect-zoe:hover h2,.figure.effect-zoe:hover .figcaption > span{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.figure.effect-zoe:hover h2{-webkit-transition-delay:0.05s;-moz-transition-delay:0.05s;-ms-transition-delay:0.05s;-o-transition-delay:0.05s;transition-delay:0.05s;}
.figure.effect-zoe:hover .figcaption > span:nth-child(4){-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-ms-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s;}
.figure.effect-zoe:hover .figcaption > span:nth-child(3){-webkit-transition-delay:0.15s;-moz-transition-delay:0.15s;-ms-transition-delay:0.15s;-o-transition-delay:0.15s;transition-delay:0.15s;}
.figure.effect-zoe:hover .figcaption > span:nth-child(2){-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-ms-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;}
/*产品*/
.cp01_t{position: relative;z-index: 99999;}
.cp01_t a{font-size: 34px;color: #0f6446;line-height: 50px;display: block;}
.cp01_t p{display: block;font-size: 16px;color: #696969; line-height: 25px;margin: 10px 0 0 0;}
.cp01_t span{display: block;font-size: 22px;color: #777; background:url(img/cp_line03.gif) no-repeat 0 15px; padding:0 0 0 55px;line-height: 30px;}
.tx_index_pro{ overflow:hidden;
	width:100%; padding:0px; clear:both;  position:relative;background: url(images/pnbg.jpg) no-repeat top center;padding: 15px 0;}
	.tx_index_pro_right{float: right;position: relative;z-index: 999999;}
	.cssimg img{-webkit-transition-duration:.5s;transition-duration:.5s;}
	.cssimg:hover img{-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}
	.tx_index_pro_left{
	float:left; width:640px;}	
	.tx_index_pro_left .swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; }  
	.tx_index_pro_left .swiper-slide .title { text-align:left; line-height:35px;   font-size: 20px; color:#b7946e; padding-bottom:45px; } 
	.tx_index_pro_left .swiper-slide .title span{
	font-size:35px; font-weight:bold; padding-right:10px;}
	.tx_index_pro_left .pagination { position: absolute; z-index: 20; right: 50px; top: 10px; } 
	.tx_index_pro_left .swiper-pagination-switch { display: inline-block; width: 16px; height: 16px; background-position:center; background-repeat:no-repeat; background-image:url(img/11.png);   margin-right: 0px;   cursor: pointer; } 
	.tx_index_pro_left .swiper-active-switch {  background-image:url(img/10.png); }
	.tx_index_pro_left img{
	max-width:100%;}
	.rtCont{position:relative;width: 94%;margin: 0 auto;overflow: hidden;}
.rtCont ul{margin:0 auto;width:208px;overflow:hidden;}
.rtCont li{float:left;text-align:center;margin-right: 25px;    margin-left: 25px;margin-top: 80px;width: 254px;position: relative;padding-bottom: 60px;}
.rtCont li::before{content: "";width:102px;height: 29px;background: url(images/pnbgt.png) no-repeat top center;display: block;position: absolute;top: -40px;left: 0;right: 0;margin: auto;transition: .3s;}
.rtCont li::after{content: "";width:102px;height: 29px;background: url(images/pnbgb.png) no-repeat top center;display: block;position: absolute;bottom: 20px;left: 0;right: 0;margin: auto;transition: .3s;}
.rtCont li:hover:before{top: -50px;background-image: url(images/pnbgth.png)}
.rtCont li:hover:after{bottom: 10px;background-image: url(images/pnbgbh.png)}
.rtCont li a{display:block;position: relative;transition:all .2s ease;background: url(images/pnbg.png) no-repeat top center;padding-top: 35px;height: 401px;}
.rtCont li a div{width:195px;height:195px;border:5px solid #fff;border-radius: 50%;transition:all .2s ease;-webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0 0px 20px rgba(0,0,0,0.1);display:inline-block;overflow: hidden;}
.rtCont li a img{font-size:0px;height: 100%;position: relative;}
.rtCont li a h5{font-size: 30px;color: #fff;margin-top: 20px;}
.rtCont .btnLeft,.rtCont .btnRight{position:absolute;top:150px;margin-top:-15px;width:46px;height:46px;background: #0f6446;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: -25px;font-size: 18px;color: #fff;margin-bottom: 0;background: #0f6446;border-radius: 50px;line-height: 35px;position: relative;}
.rtCont li a:hover{background: url(images/pnbgh.png);}
.rtCont li a:hover div{-webkit-box-shadow: 0 0px 15px rgba(211,0,17,1);
	box-shadow: 0 0px 15px rgba(211,0,17,1);border-color: #f94f4b;}
.rtCont li a:hover p{background: #0f6446}
.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);}

.rtCont1{position:relative;}
.rtCont1 ul{margin:0 auto;width:208px;overflow:hidden;padding: 30px 0;background: url(images/pavbg.jpg) top center}
.rtCont1 li{float:left;text-align:center;margin-right: 15px;    margin-left: 15px;}
.rtCont1 li a{display:block;position: relative;transition:all .2s ease;padding-top: }
.rtCont1 li a div{width:195px;height:195px;overflow: hidden;border:5px solid #fff;border-radius: 50%;display: block;position: relative;}
.rtCont1 li a img{font-size:0px;transition:all .2s ease;height: 100%;position: absolute;left: -18%;right: 0;margin: auto;}
.rtCont1 li a p{margin-top: 10px;font-size: 18px;color: #666;margin-bottom: 0;}
.rtCont1 li a:hover img{-webkit-box-shadow: 0 0px 15px rgba(196,25,25,1);
	box-shadow: 0 0px 15px rgba(196,25,25,1);border-color: #c41919;}
.rtCont1 li a:hover p{color: #fff}
.rtCont1 .btnLeft{left:-50px;}
.rtCont1 .btnRight{right:-50px;}
.rtCont1>a{transition: .5s;}
.rtCont1>a:hover{background: #fff;color: #999;box-shadow: 0 0px 10px rgba(0,0,0,0.3);}


.pnavbt{text-align: center;}
.pnavbt p{font-size: 20px;color: #0f6446;margin-top: 20px;}
.psub{width: 100%;background: #f1f3f2 url(images/psub.jpg) no-repeat center;height: 954px;overflow: hidden;padding-top: 56px;}
.psub>img{width:780px;margin: 0 auto;    display: block;}
.pro {padding: 1px 0 40px 0;position: relative;background: url(images/pbg.jpg);text-align: center;}
.pro>.more{display: inline-block;font-size: 35px;font-family: "cuya";color: #fff;background: #fbb040;border-radius: 25px;    margin-top: -20px;overflow: hidden;transition: .3s;}
.pro>.more span{font-size: 20px;color: #fff;}
.pro>.more a{padding: 10px 20px;}
.pro>.more:hover{background: #156447;}
.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%;}

.atxt .more{display: block;font-size: 16px;color: #ffffff;background: #fbb040;line-height: 43px;text-align: center; border-radius: 50px;padding: 0 20px;width: 189px;float: right;border:1px solid #fbb040;transition: .3s;}
.atxt .more:hover{background: none;border:1px solid #fff;}


/*案例*/
.al{width: 100%;padding: 60px 0;}
.albt {text-align: center;}
/* focus_Box */
#focus_Box{position:relative;width:1180px;height:490px;margin:40px auto 0 auto;}
#focus_Box li{ z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px; overflow: hidden;border:10px solid #fff;    -webkit-box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 10px rgba(0,0,0,0.2);}
#focus_Box li img{width:100%;height:100%;vertical-align:top;transition: .5s;}
#focus_Box li:hover img{transform: scale(1.05,1.05);}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:53px;height:101px;top:131px;transition: 0.5s;opacity: 0.6;}
#focus_Box .prev{background:url(img/btnl.png) no-repeat; left:-90px; top:190px;}
#focus_Box .next{background:url(img/btnr.png) no-repeat;right:-90px; top:190px;} 
#focus_Box .prev:hover{left: -110px;opacity: 1;}
#focus_Box .next:hover{right:-110px;opacity: 1;}
.albom{text-align: center;position: relative;}
.albom a{display: inline-block;line-height: 50px;color: #fff;width: 300px;position: relative;border-radius: 25px;margin: 0 10px;transition: all .5s;}
.albom a.more {background: #0f6446;font-size: 20px;top: -4px;border:1px solid #0f6446;transition: all .5s;}
.albom a.tel {background: #fbb040 url(img/altel.png) no-repeat 30px 10px;font-size: 30px;padding-left: 40px;border:1px solid #fbb040;}
.albom a.more:hover{color: #0f6446;background: #fff;border-color: #0f6446}
.albom a.tel:hover{background-color: #0f6446;border-color: #0f6446}

/* ---------------新闻----------- */
.news{background: url(images/nbg.jpg) no-repeat center;background-attachment: fixed;padding-top: 64px;padding-bottom: 1px;}
.news .pbt{text-align: center;}
.news .nlist{margin:180px 0;position:relative;overflow:hidden;}
.news .nlist ul{width:90%;margin: 0 auto;}
.news .nlist li{width:31%;margin-right:2.3%;float:left;border: 1px solid #fff;position: relative;}
.news .nlist .img{display:block;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;opacity: 0;transition: .3s;}
.news .nlist li:hover .stit a{color:#156447;transition: .3s;}
.news .nlist li:hover img{transform:scale(1.1,1.1);opacity: 1;}
.news .nlist li:hover  .cont{opacity: 0;}
.news .nlist .cont{padding:30px 30px 0 30px;position: absolute;top: 0;width: 100%;height: 100%;transition: .3s;}
.news .nlist .stit{font-size:16px;font-weight:bold;color:#000;line-height:36px;    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news .nlist .stit a{color:#fff;font-size: 20px;font-weight: 700;}
.news .nlist .word{display:block;line-height:24px;margin-top:13px;}
.news .nlist .word a{display:inline-block;color:#fff;font-size:16px;}
.news .nlist .date-box{color: #fff;}

/* 联系 */
.contact{background: url(images/cbg.jpg) no-repeat top center;width: 100%;height: 697px;}
.contact .w1300{position: relative;padding-top: 56px;}
.contact .w1300 .fl h2{font-size: 36px;color: #fff;}
.contact .w1300 .fl h2::after{content: "";width: 84px;height: 2px;display: block;background: #f4ae40;margin-top: 15px;}
.contact .w1300 .conr {position: absolute;right: 31px;top: 0;}
.contact .w1300 .cewm{position: absolute;right: 288px;top: 324px;z-index: 999;}
.contact .w1300 .three {position: absolute;left: 36px;top: 274px;animation: sss2 1s infinite alternate linear;}

/*底*/
.bMxin{
	background: #181818;
	padding-top: 60px;
}
.bMxin p{
	color: #fff;
}
.bMxin p img{font-size: 0;}
.bMxin a{
	color: #fff;
	line-height: 40px;
}
.bMxin a:hover{
	text-decoration: underline;
}
.bMxin img{
	margin-top: 8px;
}
.foot_logo{
	display: block;
	margin: 0 auto;
}
.ful{
	width: 900px;
	margin: 40px auto;
	text-align: center;
}
.ful li{
	float: left;
	width: 12.5%;
	text-align: center;	
}
.ful li a{
	color: #fff;	
} 
.dbtp{ background:url(images/db1.jpg) center no-repeat; height:104px; margin-bottom:60px;}
.footer{ color:#8991a3; font-size:16px;    background: #21242b;}
.footer a{ color:#8991a3;font-size:16px}
.footer1{ width:257px; border-right:1px solid #2f333d; height:337px;}
.footer1 a{ height:30px; line-height:30px;}
.footer h3{ color:#fff; margin-bottom:15px;}
.footer h3 em{ display:block; text-transform:uppercase}
.footer2{ margin-left:62px; width:580px; border-right:1px solid #2f333d; background:url(images/map1.jpg) 200px 120px no-repeat; height:337px;}
.footer3 ul li{ height:30px; line-height:30px;}
.footer3 ul{ margin-bottom:20px;}
.footer3 img{ float:left; margin-right:10px;}
.footer3 p{ color:#8991a3}


/*产品竖向滚动*/
.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:72%;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;}
.cppicsz a div{position:absolute;width:100%;height:100%;background:rgba(15,100,70,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;}
.cppicsz1{width:640px;height:450px;margin:0px auto 20px auto;}
.cppicsz1 a{float:left;width:49%;margin-right:1%;text-align:center;position:relative;margin-bottom:2%;border-bottom: 1px solid #e1dfe0;}
.cppicsz1 a:nth-child(4n){margin-right: 0;}
.cppicsz1 a span{overflow:hidden;}
.cppicsz1 a span img{width:100%;display:block;}
.cppicsz1 a em{background:#fff;line-height:2;font-size:16px;display:block;font-style:normal;}
.cppicsz1 a div{position:absolute;width:100%;height:100%;background:rgba(211,0,17,0.7);color:#fff;left:0;top:20px;opacity:0;transition:all .3s;}
.cppicsz1 a div::before{content:'';background:url(img/356.png) center/cover;width:60px;height:60px;margin:auto;margin-top:60px;display:block;}
.cppicsz1 a:hover div{top:0;opacity:1;}
.cppicsz1 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: 160px;}
.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 p{text-align: center;font-size: 16px;color: #000;margin-top: 5px;color: #fff;background: #0f6446;border-radius: 25px;line-height: 30px;transition: .3s;}
.pnav ul li a:hover .pnimg{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg);border: 4px solid #fdb92b}
.pnav ul li a:hover p{background: #fdb92b}


/*内页*/
#nyba{width:100%;height:578px;background:url(img/nyba.jpg) top center no-repeat #333;}
#main{max-width:1300px;height:auto;margin:0 auto;font-size:16px;line-height:35px;}
#main::after{content:'';display:block;visibility:hidden;opacity:0;clear:both;height:0;overflow:hidden;}
#main2{width: 96%; margin: auto; }
#main3{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:52px;color:#333;text-align:center;}
.sec_aa div.fl h5{margin-bottom:35px;font-size:24px;color:#666;text-align:center;line-height:38px;letter-spacing:10px;}
.sec_aa div.fl h5 i{display:inline-block;padding:0 7px 0 15px;margin-right:15px;background:#0f6446;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%;vertical-align: text-top;}
.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:#0f6446;}
.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:#156447;}
.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: #0f6446;border-radius: 45px;font-size: 26px;margin: 0 10px}