@charset "utf-8";
/* CSS Document */
@font-face{
    font-family: 'L-Black';
    src : url('../font/Lato-Black.ttf');
}

@font-face{
    font-family: 'L-Heavy';
    src : url('../font/Lato-Heavy.ttf');
}
*{ margin:0px; padding:0px;}
ul, li{ list-style:none; padding:0px; margin:0px; list-style-type:none;}
/*基本信息*/
body,td,th{ font-size:14px; font-family:Microsoft YaHei,Arial;overflow-x: hidden}
body{ margin:0px; padding:0px; font-family:Microsoft YaHei,Arial;}
img{ border:none}
a{ text-decoration:none;color:black;}
/*a:hover{ color:#b92e33}*/
i{ font-style:normal}
b{ font-weight:normal}
select{ vertical-align:middle;}
button, input, select, textarea{ font-size:100%; margin:0; outline:0 none; vertical-align:middle;}
textarea{ overflow:auto; vertical-align:top; resize:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"], .submit-btn{ -webkit-appearance:button; cursor:pointer; *overflow:visible;}
button[disabled], input[disabled], .disable{ cursor:default;}
input[type="checkbox"], input[type="radio"], .form-radio, .form-checkbox{ box-sizing:border-box; padding:0;}
legend{ border:0; padding:0; white-space:normal; *margin-left:-7px;}
button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0;}
a,input, button, select, textarea{ outline:none;}
.clear{ clear:both;}
input{ box-sizing:inherit;}
fieldset{ border-width:1px 0 0 0; border-style:solid; padding:0 10px 0 18px; border-color:#bebec0}
legend{ padding:0 5px; font-size:13px; font-weight:bold}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-weight:normal; font-size:30px; color:#292929;}
::-moz-focus-inner{ border:0px;}
.container{width: 1300px;margin: 0 auto}
.fl{float: left}
.fr{float: right}
body{overflow-x: hidden}

/*悬浮*/
.fubox{ width:1024px; height:640px; overflow:hidden; position: absolute; z-index:999; top:80px; left:20%; background:url(../img/images/gg.png) no-repeat;}
.fubox_c{ width:40px; height:40px; overflow:hidden; position: absolute; right:15px; top:15px; background:url(../img/images/close.png) no-repeat; cursor:pointer;}

@-webkit-keyframes bounceInLeft{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
    75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
    90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
    100%{-webkit-transform:none;transform:none}}
@keyframes bounceInLeft{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
    75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
    90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
    100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
    75%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
    90%{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}
    100%{-webkit-transform:none;transform:none}}
@keyframes bounceInRight{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
    75%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
    90%{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}
    100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}


/*首页头部*/
.commheads{ position:fixed;overflow:hidden; width:100%; z-index:99999; min-width:320px; top:30px; left:0;}
.commheads .chleft{ width:10%; float:left; margin-left:2.5vw;}
.commheads .chleft img{ width:100%; max-width:185px;}
.commheads .chleft2{ margin-top: 45px;}
.commheads .chright{ float:right; /*width:40px; height:40px;*/ margin-right:50px;}
.commheads .chright img{ width:100%; max-width:54px;}
.navigation ul li{width:auto;margin-left: 65px;font-size: 18px;float: left;overflow: hidden;line-height: 42px;}
.navigation ul li:hover a{color: #0b5447;font-weight: bold}
.menu_bg{ width:18%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:rgba(0,0,0,0.8); top:0; right:-18%; transition:all 0.7s;}
.menu_bgo{ width:18%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:rgba(0,0,0,0.8); top:0; right:0; transition:all 0.7s;}
.menu_cha{ width:36px; height:36px; overflow:hidden; float:right; margin:30px 30px 60px auto; background: url(../img/images/cha.png) no-repeat center; background-size:100%;}
.menu_nav{ width:100%; height:auto; overflow:hidden;}
.menu_nav li{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:25px; color:#fff; text-align:center; transition:all 0.4s;}
.menu_nav li:hover{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:25px; color:#fff; text-align:center; background-color:#067143; transition:all 0.4s;}


/*第一屏*/
.page1{width: 100%;height: 100%;overflow: hidden}
.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:0; text-align:center; width:100%;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:110px; height:110px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:110px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-prev:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:110px; height:110px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:110px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
#pcbanner{ display:none;}
#mbanner{ display:none;}

/*第二屏*/
.page2{width: 100%;height: 100%;overflow: hidden; background-color:#f5f5f5;}
.pages{width: 100%;height: 100%;overflow: hidden;}
.in_left{ width:14%; height:100vh; float:left; overflow:hidden;}
.in_left_menu{ width:80px; height:auto; margin:20vh 0 auto 2.5vw;}
.in_left_menu_en{ width:40px; height:auto; overflow:hidden; float:left; font-size:45px; color:#006e3d; line-height:100%; font-weight: bold; font-family:L-Black;writing-mode:tb-rl; text-align:left; }
.in_left_menu_cn{ width:40px; height:auto; overflow:hidden; float:left; font-size:26px; color:#006e3d; line-height:100%; writing-mode:tb-rl; text-align:left; }

.about{width: 68%; height: 500px; float:left; margin:20vh 9% auto 9%; overflow: hidden;}
.about_l{ width:60%; height:auto; overflow:hidden; float:left;}
.about_l_title{ width:100%; height:auto; line-height:130%; font-size:40px; color:#333; font-weight:bold;}
.about_l_en{ width:100%; height:auto; line-height:130%; font-size:18px; color:#333; font-weight:bold; font-family:L-Heavy;}
.about_l_con{ width:100%; height:auto; line-height:200%; margin-top:20px; font-size:16px; color:#333;}
.about_l_more{ width:130px; height:40px; line-height:40px; background-color:#067143; color:#fff; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:50px;}
.about_l_more:hover{ width:126px; height:36px; line-height:36px; background-color:#fff; color:#067143; border:2px solid #067143; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:50px;}
.about_r{ width:30%; height:465px; float:left; margin:20px auto 0 7%; background-color:#067143; position:relative; z-index:1;}
.about_r_img{width:390px; height:455px; float:left; border:5px solid #fff; margin-top:-20px; margin-left:-20px; position:relative; z-index:3; overflow:hidden;}
.about_r_img img{ width:100%;}

.page2.active .about .about_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.page2.active .about .about_r{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第三屏*/
.page3{width: 100%;height: 100%;overflow: hidden;}
.product{width:76%;height: auto;overflow: hidden;margin:20vh 5% 0 5%; float:left;}
.yewu_k{ width:100%; height:650px; border:0; overflow:hidden; position:relative; z-index:0; display:block;}
.yewu_box{ width:445px; height:585px; float:left; margin:0 20px; overflow:hidden; position: relative; z-index:3;}
.yewu_box_img{ width:445px; height:445px; overflow:hidden; background-color:#f5f5f5; }
.yewu_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_box:hover .yewu_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.yewu_box_tk{ width:439px; height:134px; overflow:hidden; border:3px solid #fff;transition:all 0.5s;}
.yewu_box_title{ width:90%; height:134px; overflow:hidden; margin:0 auto; line-height:134px; font-size:20px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_title{ width:90%; height:80px; overflow:hidden; margin:0 auto; line-height:80px; font-size:20px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_tk{ width:439px; height:134px; overflow:hidden; border:3px solid #067143;transition:all 0.5s;}
.yewu_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:50px; font-weight:lighter; color:#067143;text-align:center; }

.yewu_t{ width:100%; height:auto; border:0; overflow:hidden; position:relative; z-index:0; display: none;}
.yewu_t_box{ width:48%; height:200px; float:left; margin:0 1% 0 1%; overflow:hidden; position: relative; z-index:3;}
.yewu_t_box_img{ width:100%; height:160px; overflow:hidden; background-color:#f5f5f5; }
.yewu_t_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_t_box:hover .yewu_t_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1);}
.yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_t_box:hover .yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}

.yewu_pege{width:100%;height: auto;text-align: center;overflow: hidden;margin: 90px auto;}
.yewu_pege a{display:inline-block;width:auto;height:50px;line-height: 50px;font-size: 60px;margin: 0 20px;color: #deecea; font-family:serif; font-weight:bold;}
.current1{ font-family:L-Heavy; font-size:50px; font-weight:bold; color:#067143;}
.current2{ font-family:L-Heavy; font-size:35px; font-weight:bold; color:#deecea;}
.yewu_pege a:hover{color: #067143;}

.page3.active .product{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第四屏*/
.page4{width: 100%;height: 100%;overflow: hidden;}
.news{ width:80%; height:auto; float:left; margin:0 3%; overflow:hidden; display:block;}
.news_y{ width:94%; height:auto; float:left; margin:3vh 3% 0 3%; overflow:hidden; display: none;}
.news_l{ width:55%; height:auto; float:left; overflow:hidden;}
.news_l_img{ width:100%; height:70vh; overflow:hidden; position:relative; z-index:1;}
.news_l_img img{ width:100%; min-height:100%;transition: all 0.7s;}
.news_l:hover .news_l_img img{transition: all 0.7s;transform:scale(1.1) }
.news_l_time{ width:115px; height:115px; overflow:hidden; position: relative; z-index:2; background-color:#873c22; margin-top:-55px; float:right;}
.news_l_time_d{ width:100%; height:45px; line-height:45px; font-size:45px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; margin-top:25px;}
.news_l_time_y{ width:100%; height:20px; line-height:20px; font-size:14px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.news_l_tk{ width:90%; height:120px; overflow:hidden; margin:50px auto 0 auto;}
.news_l_title{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:26px; color:#333; font-weight:bold;}
.news_l:hover .news_l_title{color:#067143;}
.news_l_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.news_r{ width:45%; height:auto; overflow:hidden; float:left;}
.news_r_box{ width:100%; height:300px; overflow:hidden; border-top:1px solid #ebebeb; transition:all 0.5s;}
.news_r_k{ width:90%; height:110px; overflow:hidden; margin:95px auto;}
.news_r_time{ width:20%; height:110px; overflow:hidden; float:left; line-height:40px; font-size:35px; color:#333; font-family:L-Black; text-align:center; font-weight:bold; padding-top:20px;}
.news_r_time span{ line-height:30px; font-size:14px; color:#333; font-family:L-Black; text-align:center; font-weight:bold;}
.news_r_tk{ width:75%; height:110px; overflow:hidden; float:left; margin-left:5%;}
.news_r_title{ width:100%; height:50px; overflow:hidden; line-height:50px; font-size:20px; color:#333; font-weight:bold;}
.news_r_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.news_r_box:hover{ border-top:2px solid #067143; height:299px; transition:all 0.5s;}
.news_r_box:hover .news_r_title{ color:#067143; }

.page4.active .news_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.news_r_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}
.page4.active .news_r_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}



/*第五屏*/
.page5{width: 100%;height: 100%;overflow: hidden; background:url(../img/images/cg.jpg) no-repeat top center; background-size:100% 65%;}
.zhaob{ width:92%; height:auto; overflow:hidden; margin:550px 4% 0 4%;}
.zhaob_box{ width:20%; height: auto; overflow:hidden; float:left; margin:0 2.5%;}
.zhaob_time{ width:85px; height:75px; overflow:hidden; background-color:#fff; line-height:30px; font-size:35px; color:#333; font-family:L-Black; text-align:center; font-weight:bold; padding-top:20px;}
.zhaob_time span{ line-height:30px; font-size:14px; color:#333; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_title{ width:100%; height:45px; overflow:hidden; line-height:45px; font-size:26px; color:#333; font-weight:bold;}
.zhaob_con{ width:100%; height:90px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.zhaob_more{ width:108px; height:33px; overflow:hidden; line-height:33px; font-size:14px; color:#dbe5e4; background-color:#fff; font-family:L-Black; text-align:center; font-weight:bold; border:1px solid #dbe5e4;}
.zhaob_more:hover{color:#fff; background-color:#067143; border:1px solid #067143;}
.zhaob_box:hover .zhaob_time{ width:85px; height:75px; overflow:hidden; background-color:#067143; line-height:30px; font-size:35px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; padding-top:20px;}
.zhaob_box:hover .zhaob_time span{ line-height:30px; font-size:14px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_box:hover .zhaob_title{ width:100%; height:45px; overflow:hidden; line-height:45px; font-size:26px; color:#067143; font-weight:bold;}

.zhaob_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}

.page5.active .zhaob_box:nth-child(1){transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;}
.page5.active .zhaob_box:nth-child(2){transition: all 1s ease .2s;-webkit-transition: all 1s ease .2s;-moz-transition: all 1s ease .2s;}
.page5.active .zhaob_box:nth-child(3){transition: all 1s ease .4s;-webkit-transition: all 1s ease .4s;-moz-transition: all 1s ease .4s;}
.page5.active .zhaob_box:nth-child(4){transition: all 1s ease .6s;-webkit-transition: all 1s ease .6s;-moz-transition: all 1s ease .6s;}
.page5.active .zhaob_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第六屏*/
.page6{width: 100%;height: 100%;overflow: hidden;}
.case{ width:86%; height:100%; overflow:hidden; float:left;}
#mcase{ display: none;}
#pccase{ display: block;}
.case_box{ width:413px; height:100vh; float:left; overflow:hidden; position:relative; z-index:1;}
.case_box_img{ width:100%; height:100vh; overflow:hidden; margin-top:0; transition:all 0.5s;}
.case_box_img img{ width:auto; height:100%;}
.case_box1{width:405px; height:100vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-413px; opacity: 0; transition:all 0.5s;}
.case_box1_b{width:100%; height:330px; background-color:#067143; position:absolute; z-index:4; bottom:-330px; transition:all 0.5s;}
.case_box1_title{ width:90%; height:55px; overflow:hidden; margin:40px auto 0 auto; line-height:55px; font-size:26px; color:#fff; text-align:center; font-weight:bold;}
.case_box1_con{ width:90%; height:90px; overflow:hidden; margin:10px auto 0 auto; line-height:30px; font-size:14px; color:#b9edd7;}
.case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:30px auto 0 auto; line-height:30px; font-size:50px; color:#b9edd7; font-weight:lighter; text-align:center;}
.Cont a:hover .case_box1{width:405px; height:100vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-413px; opacity: 1; transition:all 0.5s;}
.Cont a:hover .case_box1_b{width:100%; height:330px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.Cont a:hover .case_box_img{margin-top:-330px; transition:all 0.5s;}
.blk_l {
	OVERFLOW: hidden;
	ZOOM: 1;
	POSITION: relative;
}
.blk_l .LeftBotton { width:80px; height:80px; color:#8fb7a6; font-size:40px; text-align:center; line-height:80px; float:left; left:30px; top:20%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .RightBotton { width:80px; height:80px; color:#8fb7a6; font-size:40px; text-align:center; line-height:80px; float:right; right:70px; top:20%; font-family:serif; cursor:pointer; POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .Cont {MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 1651px; height:auto;}
.rollphotos {WIDTH: 1651px;}

.page6.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第七屏*/
.page7{width: 100%;height: 100%;overflow: hidden; background: url(../img/images/map.jpg) no-repeat top center; background-size:100%;}
.contact{ width:70%; height:auto; float:left; overflow:hidden; margin:20vh 8% 0 8%;}
.contact_top{ width:100%; height:auto; overflow: hidden;}
.contact_title{ width:100%; height:50px; overflow:hidden; line-height:50px; font-size:36px; color:#067143; font-weight:bold; margin-bottom:30px;}
.contact_con{ width:100%; height:auto; overflow:hidden; line-height:40px; font-size:16px; color:#333;}
.contact_down{ width:100%; height:auto; overflow:hidden; margin-top:60px;}
.contact_down_box{ width:48%; height:auto; float:left; overflow:hidden; margin-right:2%;}
.contact_down ul{ width:100%; height:auto; overflow:hidden; background-color:#30a673; margin-bottom:10px;}
.contact_down_wenzi{ width:15%; height:42px; float:left; overflow:hidden; text-align:center; line-height:42px; color:#fff; font-size:16px;}
.contact_down_in{ width:75%; height:auto; float:left; overflow:hidden;}
.login_text_input{ width:100%; height:auto; border:0; background:none; line-height:42px; color:#fff; font-size:16px; float:left;}
.contact_down_tijiao{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.butinput{ width:98%; height:50px; background-color:#30a673; border:0; font-size:16px; color:#fff; line-height:50px;}

.page7.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}


/*第八屏*/
.footer{width: 100%;height: 60px; background-color:#1a1a1a; line-height: 60px; text-align: center;font-size: 16px;color: #fff;}
.footer a{color: #fff}

/*内页-header*/
.header{ width:100%; height:80px; overflow:hidden; margin:0 auto; background-color:#fff;}
.logo{ width:10%; margin:15px auto 0 2.5vw;}
.logo img{ width:100%; max-width:185px;}
.nav{width: auto;float: right;margin-right:60px; margin-top:25px;}
.nav ul li{width: 110px;height:30px;float:left;line-height: 30px;position: relative;text-align: center}
.nav ul li a{display:inline-block;width: auto;color: #333;font-size: 16px;line-height:30px}
.nav ul li:hover a{color: #067143;}
.nav li ul li:hover a{color: #067143!important;font-size: 16px;}
.nav ul li a.active{color: #067143;}


/*子导航*/
.subnav{width: 100%;height:60px;background:url("../img/foot.png") repeat;overflow: hidden;text-align: center}
.subnav a{display:inline-block;padding:0 45px;line-height: 60px;font-size: 16px;color: #3b3b3b;}
.subnav a:hover{color: #47a60a;}
.subnav a.mr{color: #47a60a}

/*子标题*/
.subtitle{text-align: center;margin-top: 60px;}
.subtitle h3{font-size: 30px;color: #067143;font-weight: bold}
.subtitle p{font-size: 50px;color: #067143; font-family:L-Heavy; font-weight:bold;}

/*产品内页*/
.products{width:100%;height: auto;overflow: hidden; margin-top:70px;}
.products_box{ width:32%; height:auto; float:left; margin:0 0.5%; overflow:hidden; position: relative; z-index:3;}
.products_box_img{ width:100%; height:390px; overflow:hidden; background-color:#f5f5f5; }
.products_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.products_box:hover .products_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.products_box_tk{ width:98%; height:134px; overflow:hidden; border:3px solid #fff;transition:all 0.5s;}
.products_box_title{ width:90%; height:134px; overflow:hidden; margin:0 auto; line-height:134px; font-size:20px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_title{ width:90%; height:80px; overflow:hidden; margin:0 auto; line-height:80px; font-size:20px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_tk{ width:98%; height:134px; overflow:hidden; border:3px solid #067143;transition:all 0.5s;}
.products_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:50px; font-weight:lighter; color:#067143;text-align:center; }


/*新闻内页*/
.new{width: 100%;height: auto;overflow: hidden; border-bottom:1px dashed #dedede; transition:all 0.3s;}
.new:hover{width: 100%;height: auto;overflow: hidden;  background-color:#067143; border-bottom:1px double #dedede; transition:all 0.3s;}
.new_box{ width:80%; height:auto; overflow:hidden; margin:0 auto; padding:50px 0;}
.new_box_l{ width:10%; height:100%; overflow:hidden; float:left;}
.new_box_l_t{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:44px; color:#067143; font-family:L-Heavy; font-weight:bold;}
.new_box_l_b{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:16px; color:#c6c6c6; font-family:L-Heavy; }
.new_box_c{ width:80%; height:100%; overflow:hidden; float:left;}
.new_box_c_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:24px; color:#333; font-weight:bold;}
.new_box_c_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:16px; color:#666;}
.new_box_r{ width:10%; height:100%; overflow:hidden; float:left; line-height:100px; font-size:50px;  color:#067143;text-align:center;}
.new:hover .new_box_l_t{ color:#fff;}
.new:hover .new_box_l_b{ color:#fff;}
.new:hover .new_box_c_title{ color:#fff;}
.new:hover .new_box_c_con{ color:#fff;}
.new:hover .new_box_r{ color:#fff;}

/*关于我们-内页*/
.n_nav{ width:100%; height:80px; overflow:hidden; background-color:#262626; margin:0 auto; top:0; z-index:999; text-align:center;}
.n_nav li{ width:150px; height:80px; display:inline-block; line-height:80px; font-size:16px; color:#fff; text-align:center;}
.n_nav li:hover{ width:150px; height:80px; display:inline-block; line-height:80px; font-size:16px; color:#fff; text-align:center; background-color:#067143;}
.n_about1{ width:100%; height:1073px; overflow:hidden; margin:0 auto;background: url(../img/images/aboutbg.jpg) no-repeat top center; background-size:100% 100%;}
.n_company{ width:1500px; height:auto; overflow:hidden; margin:110px auto 0 auto;}
.n_company_en{ width:100%; height:60px; overflow:hidden; line-height:60px; color:#067143; font-size:54px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_company_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#067143; font-size:26px; text-align:center;}
.n_company_con{ width:100%; height:auto; overflow:hidden; line-height:40px; color:#333; font-size:16px; margin-top:40px;}
.n_company_img{ width:100%; height:auto; overflow:hidden; margin-top:40px;}
.n_company_img img{ width:100%; height:auto;}

.n_about2{ width:100%; height:775px; overflow:hidden; margin:0 auto;background: url(../img/images/culturebg.jpg) no-repeat top center; background-size:100% 100%;}
.n_culture{ width:1500px; height:auto; overflow:hidden; margin:130px auto 0 auto;}
.n_culture_en{ width:100%; height:60px; overflow:hidden; line-height:60px; color:#fff; font-size:54px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_culture_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:26px; text-align:center;}
.n_culture_con{ width:100%; height:auto; overflow:hidden; line-height:40px; color:#d7d7d7; font-size:16px; margin-top:80px;}

.n_about3{ width:100%; height:600px; overflow:hidden; margin:0 auto; background: url(../img/images/jiag.jpg) no-repeat top left;}
.n_organi{ width:1500px; height:auto; overflow:hidden; margin:80px auto 0 auto;}
.n_organi_l{ width:50%; height:auto; float:left; overflow:hidden;}
.n_organi_l_en{ width:100%; height:60px; overflow:hidden; line-height:60px; color:#fff; font-size:54px; font-family:L-Heavy; font-weight:bold; margin-top:30px;}
.n_organi_l_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:26px;}
.n_organi_r{ width:50%; height:auto; float:right; overflow:hidden; text-align:right;}
.n_organi_r img{ width:95%; height:auto;}

.n_about4{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_evolve_t{ width:100%; height:auto; overflow:hidden; margin:120px auto 0 auto;}
.n_evolve_t_en{ width:100%; height:60px; overflow:hidden; line-height:60px; color:#067143; font-size:54px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_evolve_t_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#067143; font-size:26px; text-align:center;}

.n_evolve_d{ width:100%; height:640px; overflow:hidden; margin:60px auto 0 auto; display:block;}
.n_evolve_d_m{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; display: none;}
.n_evolve_box{ width:24.8%; height:640px; overflow:hidden; float:left; margin:0 0.1%; background-color:#ededed; transition:all 0.3s;}
.n_evolve_box_w{ width:90%; height:300px; max-height:250px; overflow:hidden; margin:50px 5% 0 5%;}
.n_evolve_box_w_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:28px; color:#333; font-weight:bold; transition:all 0.3s;}
.n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:14px; color:#333; margin-top:15px; transition:all 0.3s;}
.n_evolve_box_i{ width:100%; height:340px; overflow:hidden;}
.n_evolve_box_i img{ width:100%; min-height:340px;}
.n_evolve_box:hover{ width:24.8%; height:640px; overflow:hidden; float:left; margin:0 0.1%; background-color:#067143; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:28px; color:#fff; font-weight:bold; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:14px; color:#fff; margin-top:15px; transition:all 0.3s;}

.n_about5{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_process_d{ width:100%; height:450px; overflow:hidden; margin:80px auto 0 auto; position:relative; background: url(../img/images/liuc.png) no-repeat center;}
.n_process_d_k1{ width:300px; height:auto; overflow:hidden; position:absolute; left:200px; top:20px;}
.n_process_d_k2{ width:300px; height:auto; overflow:hidden; position:absolute; left:370px; bottom:40px;}
.n_process_d_k3{ width:300px; height:auto; overflow:hidden; position:absolute; left:560px; top:90px;}
.n_process_d_k4{ width:300px; height:auto; overflow:hidden; position:absolute; left:730px; bottom:40px;}
.n_process_d_k5{ width:300px; height:auto; overflow:hidden; position:absolute; right:650px;}
.n_process_d_k6{ width:300px; height:auto; overflow:hidden; position:absolute; right:500px; bottom:40px;}
.n_process_d_k7{ width:300px; height:auto; overflow:hidden; position:absolute; right:340px; top:40px;}
.n_process_d_k8{ width:300px; height:auto; overflow:hidden; position:absolute; right:170px; bottom:40px;}
.n_process_d_k_l{ width:35px; height:auto; overflow:hidden; float:left; margin-right:10px; line-height:150%; font-size:25px; color:#067143; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_process_d_k_r{ width:255px; height:auto; overflow:hidden; float:left; line-height:25px; font-size:14px; color:#333;}

.n_about6{ width:100%; height:auto; overflow:hidden; margin:0 auto; background: url(../img/images/shouh.jpg) no-repeat top center; background-size:100% 100%;}
.service{width:1500px; height:1140px; overflow:hidden; margin:120px auto 0 auto;}

.n_about7{ width:100%; height:auto; overflow:hidden; margin:0 auto 100px auto;}


/*联系我们-内页*/
.n_contact{width: 100%;height:auto; overflow:hidden; margin:0 auto;}
.n_contact_left{ width:50%; height:100%; overflow:hidden; float:left; background-color:#067143;}
.n_contact_left_t{ width:80%; height:auto; margin:10% auto 3% 15%; line-height:50px; overflow:hidden; color:#fff; font-size:38px; font-weight:bold; }
.n_contact_left_c{ width:80%; height:auto; margin:3% auto 3% 15%; line-height:30px; overflow:hidden; color:#8ac3aa; font-size:16px; font-weight:bold;}
.n_contact_left_c pre{line-height:30px; color:#8ac3aa; font-size:16px; font-weight:bold; font-family:microsoft yehei;}
.n_contact_left_c span{color:#fff;}
.n_contact_right{ width:50%; height:550px; overflow:hidden; float:left;}

/*内页案例*/
.n_case_bg{ width:100%; height:90vh; display:table; table-layout:fixed;}
.n_case{ width:86%; height:100%; overflow:hidden; float:left;}
.n_case_box{ width:413px; height:90vh; float:left; overflow:hidden; position:relative; z-index:1;}
.n_case_box_img{ width:100%; height:90vh; overflow:hidden; margin-top:0; transition:all 0.5s;}
.n_case_box_img img{ width:auto; min-width:100%; height:100%}
.n_case_box1{width:405px; height:90vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-413px; opacity: 0; transition:all 0.5s;}
.n_case_box1_b{width:100%; height:330px; background-color:#067143; position:absolute; z-index:4; bottom:-330px; transition:all 0.5s;}
.n_case_box1_title{ width:90%; height:55px; overflow:hidden; margin:40px auto 0 auto; line-height:55px; font-size:26px; color:#fff; text-align:center; font-weight:bold;}
.n_case_box1_con{ width:90%; height:90px; overflow:hidden; margin:10px auto 0 auto; line-height:30px; font-size:14px; color:#b9edd7;}
.n_case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:30px auto 0 auto; line-height:30px; font-size:50px; color:#b9edd7; font-weight:lighter; text-align:center;}
.conbox ul li a:hover .n_case_box1{width:405px; height:90vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-413px; opacity: 1; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box1_b{width:100%; height:330px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box_img{margin-top:-330px; transition:all 0.5s;}

.Box_team { display:table-cell; table-layout:fixed; width:100%; height:100%;}
.Box_team .content_team {width:100%; height:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 13px;height: 50px;position: absolute;top:60px;cursor: pointer;}
.Box_team .btnl_team { width:100px; height:100px; color:#8fb7a6; font-size:45px; text-align:center; line-height:100px; float:left; left:30px; top:35%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .btnr_team { width:100px; height:100px; color:#8fb7a6; font-size:45px; text-align:center; line-height:100px; float:right; right:30px; top:35%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:413px; height:90vh; float:left; overflow:hidden;}



/*内页banner*/
.slider{width: 100%;height: 710px;overflow: hidden;background-size: cover!important;}

/*当前位置*/
.location{width: 100%;height: 85px;line-height: 85px;background-color: #0086bf}
.local{width: 100%;color: #fff;font-weight: bold;text-align: right;font-size: 18px;}
.local i{font-size: 32px;display: inline-block;float: left}
.local a{color: #fff;}

/*page*/
.page{width:100%;height: auto;text-align: center;overflow: hidden;margin: 90px auto;}
.page a{display:inline-block;width:35px;height: 37px;line-height: 37px;font-size: 18px;margin: 0 8px;color: #0b5447;border: 1px solid #b4b4b4;box-sizing: border-box;border-radius: 3px;}
.page span{display:inline-block;width:35px;height: 37px;line-height: 37px;font-size: 18px;margin: 0 8px;background-color: #0b5447;border-color: #0b5447;border-radius: 3px;color: #d9b184}
.current{color: #d9b184!important;cursor: pointer;}
.page a:hover{background-color: #0b5447;color: #d9b184;border-color: #0b5447}
.page a:first-child{width: 80px;!important}
.page a:last-child{width: 80px;!important}
/*page-end*/

/*view*/
.content{width: 100%;padding:60px 0px;font-size: 16px;line-height: 35px;overflow: hidden; margin:0 auto;}
.content .view_title{text-align: center}
.con{font-size: 16px;line-height: 2;min-height: 500px;padding: 20px 0;}
.con img{max-width: 100%}
.pn a:hover{color: #0b5447;font-size: 16px;}
/*view-end*/

@media \0screen\,screen\9 {
/*首页头部*/
.commheads{ position:fixed;overflow:hidden; width:100%; z-index:99999; min-width:320px; top:30px; left:0;}
.commheads .chleft{ width:10%; float:left; margin-left:2.5%;}
.commheads .chleft img{ width:100%; max-width:185px;}
.commheads .chleft2{ margin-top: 45px;}
.commheads .chright{ float:right; /*width:40px; height:40px;*/ margin-right:50px;}
.commheads .chright img{ width:100%; max-width:54px;}
.navigation ul li{width:auto;margin-left: 65px;font-size: 18px;float: left;overflow: hidden;line-height: 42px;}
.navigation ul li:hover a{color: #0b5447;font-weight: bold}
.menu_bg{ width:18%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:#000; top:0; right:-18%; transition:all 0.7s;}
.menu_bgo{ width:18%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:#000; top:0; right:0; transition:all 0.7s;}
.menu_cha{ width:36px; height:36px; overflow:hidden; float:right; margin:30px 30px 60px auto; background: url(../img/images/cha.png) no-repeat center; background-size:100%;}
.menu_nav{ width:100%; height:auto; overflow:hidden;}
.menu_nav li{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:25px; color:#fff; text-align:center; transition:all 0.4s;}
.menu_nav li:hover{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:25px; color:#fff; text-align:center; background-color:#067143; transition:all 0.4s;}


/*第一屏*/
.page1{width: 100%;height: 100%;overflow: hidden;position:absolute; left:0; top:0; z-index:1;}
.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:0; text-align:center; width:100%;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:110px; height:110px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:110px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-prev:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:110px; height:110px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:110px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/*第二屏*/
.page2{width: 100%;height: 100%;overflow: hidden; background-color:#f5f5f5;position:absolute; left:0; top:100%; z-index:1;}
.pages{width: 100%;height: 100%;overflow: hidden; min-height:900px;}
.in_left{ width:14%; height:100%; float:left; overflow:hidden;}
.in_left_menu{ width:80px; height:auto; margin:60px 0 auto 20%;}
.in_left_menu_en{ width:40px; height:auto; overflow:hidden; float:left; font-size:45px; color:#006e3d; line-height:100%; font-weight: bold; font-family:L-Black;writing-mode:tb-rl; text-align:left; }
.in_left_menu_cn{ width:40px; height:auto; overflow:hidden; float:left; font-size:26px; color:#006e3d; line-height:100%; writing-mode:tb-rl; text-align:left; }

.about{width: 68%; height: 500px; float:left; margin:150px 9% auto 9%; overflow: hidden;}
.about_l{ width:60%; height:auto; overflow:hidden; float:left;}
.about_l_title{ width:100%; height:auto; line-height:130%; font-size:40px; color:#333; font-weight:bold;}
.about_l_en{ width:100%; height:auto; line-height:130%; font-size:18px; color:#333; font-weight:bold; font-family:L-Heavy;}
.about_l_con{ width:100%; height:auto; line-height:200%; margin-top:20px; font-size:16px; color:#333;}
.about_l_more{ width:130px; height:40px; line-height:40px; background-color:#067143; color:#fff; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:50px;}
.about_l_more:hover{ width:126px; height:36px; line-height:36px; background-color:#fff; color:#067143; border:2px solid #067143; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:50px;}
.about_r{ width:30%; height:465px; float:left; margin:20px auto 0 7%; background-color:#067143; position:relative; z-index:1;}
.about_r_img{width:390px; height:455px; float:left; border:5px solid #fff; margin-top:-20px; margin-left:-20px; position:relative; z-index:3; overflow:hidden;}
.about_r_img img{ width:100%;}

.page2.active .about .about_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.page2.active .about .about_r{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第三屏*/
.page3{width: 100%;height: 100%;overflow: hidden;position:absolute; left:0; top:200%; z-index:1;}
.product{width:76%;height: auto;overflow: hidden;margin:100px 5% 0 5%; float:left;}
.yewu_k{ width:100%; height:650px; border:0; overflow:hidden; position:relative; z-index:0; display:block;}
.yewu_box{ width:445px; height:585px; float:left; margin:0 10px; overflow:hidden; position: relative; z-index:3;}
.yewu_box_img{ width:445px; height:445px; overflow:hidden; background-color:#f5f5f5; }
.yewu_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_box:hover .yewu_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.yewu_box_tk{ width:439px; height:134px; overflow:hidden; border:3px solid #fff;transition:all 0.5s;}
.yewu_box_title{ width:90%; height:134px; overflow:hidden; margin:0 auto; line-height:134px; font-size:20px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_title{ width:90%; height:80px; overflow:hidden; margin:0 auto; line-height:80px; font-size:20px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_tk{ width:439px; height:134px; overflow:hidden; border:3px solid #067143;transition:all 0.5s;}
.yewu_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:50px; font-weight:lighter; color:#067143;text-align:center; }

.yewu_t{ width:100%; height:auto; border:0; overflow:hidden; position:relative; z-index:0; display: none;}
.yewu_t_box{ width:48%; height:200px; float:left; margin:0 1% 0 1%; overflow:hidden; position: relative; z-index:3;}
.yewu_t_box_img{ width:100%; height:160px; overflow:hidden; background-color:#f5f5f5; }
.yewu_t_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_t_box:hover .yewu_t_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1);}
.yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_t_box:hover .yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}

.yewu_pege{width:100%;height: auto;text-align: center;overflow: hidden;margin: 90px auto;}
.yewu_pege a{display:inline-block;width:auto;height:50px;line-height: 50px;font-size: 60px;margin: 0 20px;color: #deecea; font-family:serif; font-weight:bold;}
.current1{ font-family:L-Heavy; font-size:50px; font-weight:bold; color:#067143;}
.current2{ font-family:L-Heavy; font-size:35px; font-weight:bold; color:#deecea;}
.yewu_pege a:hover{color: #067143;}

.page3.active .product{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第四屏*/
.page4{width: 100%;height: 100%;overflow: hidden;position:absolute; left:0; top:300%; z-index:1;}
.news{ width:80%; height:auto; float:left; margin:0 3%; overflow:hidden; display:block;}
.news_y{ width:94%; height:auto; float:left; margin:3vh 3% 0 3%; overflow:hidden; display: none;}
.news_l{ width:55%; height:auto; float:left; overflow:hidden;}
.news_l_img{ width:100%; height:70vh; overflow:hidden; position:relative; z-index:1;}
.news_l_img img{ width:100%; min-height:100%;transition: all 0.7s;}
.news_l:hover .news_l_img img{transition: all 0.7s;transform:scale(1.1) }
.news_l_time{ width:115px; height:115px; overflow:hidden; position: relative; z-index:2; background-color:#873c22; margin-top:-55px; float:right;}
.news_l_time_d{ width:100%; height:45px; line-height:45px; font-size:45px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; margin-top:25px;}
.news_l_time_y{ width:100%; height:20px; line-height:20px; font-size:14px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.news_l_tk{ width:90%; height:120px; overflow:hidden; margin:50px auto 0 auto;}
.news_l_title{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:26px; color:#333; font-weight:bold;}
.news_l:hover .news_l_title{color:#067143;}
.news_l_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.news_r{ width:45%; height:auto; overflow:hidden; float:left;}
.news_r_box{ width:100%; height:300px; overflow:hidden; border-top:1px solid #ebebeb; transition:all 0.5s;}
.news_r_k{ width:90%; height:110px; overflow:hidden; margin:95px auto;}
.news_r_time{ width:20%; height:110px; overflow:hidden; float:left; line-height:40px; font-size:35px; color:#333; font-family:L-Black; text-align:center; font-weight:bold; padding-top:20px;}
.news_r_time span{ line-height:30px; font-size:14px; color:#333; font-family:L-Black; text-align:center; font-weight:bold;}
.news_r_tk{ width:75%; height:110px; overflow:hidden; float:left; margin-left:5%;}
.news_r_title{ width:100%; height:50px; overflow:hidden; line-height:50px; font-size:20px; color:#333; font-weight:bold;}
.news_r_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.news_r_box:hover{ border-top:2px solid #067143; height:299px; transition:all 0.5s;}
.news_r_box:hover .news_r_title{ color:#067143; }

.page4.active .news_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.news_r_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}
.page4.active .news_r_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}



/*第五屏*/
.page5{width: 100%;height: 100%;overflow: hidden; background:url(../img/images/cg.jpg) no-repeat top center; background-size:100% 65%;position:absolute; left:0; top:400%; z-index:1;}
.zhaob{ width:92%; height:auto; overflow:hidden; margin:550px 4% 0 4%;}
.zhaob_box{ width:20%; height: auto; overflow:hidden; float:left; margin:0 2.5%;}
.zhaob_time{ width:85px; height:75px; overflow:hidden; background-color:#fff; line-height:30px; font-size:35px; color:#333; font-family:L-Black; text-align:center; font-weight:bold; padding-top:20px;}
.zhaob_time span{ line-height:30px; font-size:14px; color:#333; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_title{ width:100%; height:45px; overflow:hidden; line-height:45px; font-size:26px; color:#333; font-weight:bold;}
.zhaob_con{ width:100%; height:90px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.zhaob_more{ width:108px; height:33px; overflow:hidden; line-height:33px; font-size:14px; color:#dbe5e4; background-color:#fff; font-family:L-Black; text-align:center; font-weight:bold; border:1px solid #dbe5e4;}
.zhaob_more:hover{color:#fff; background-color:#067143; border:1px solid #067143;}
.zhaob_box:hover .zhaob_time{ width:85px; height:75px; overflow:hidden; background-color:#067143; line-height:30px; font-size:35px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; padding-top:20px;}
.zhaob_box:hover .zhaob_time span{ line-height:30px; font-size:14px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_box:hover .zhaob_title{ width:100%; height:45px; overflow:hidden; line-height:45px; font-size:26px; color:#067143; font-weight:bold;}

.zhaob_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}

.page5.active .zhaob_box:nth-child(1){transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;}
.page5.active .zhaob_box:nth-child(2){transition: all 1s ease .2s;-webkit-transition: all 1s ease .2s;-moz-transition: all 1s ease .2s;}
.page5.active .zhaob_box:nth-child(3){transition: all 1s ease .4s;-webkit-transition: all 1s ease .4s;-moz-transition: all 1s ease .4s;}
.page5.active .zhaob_box:nth-child(4){transition: all 1s ease .6s;-webkit-transition: all 1s ease .6s;-moz-transition: all 1s ease .6s;}
.page5.active .zhaob_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第六屏*/
.page6{width: 100%;height: 100%;overflow: hidden;position:absolute; left:0; top:500%; z-index:1;}
.case{ width:86%; height:100%; overflow:hidden; float:left;}
#mcase{ display: none;}
#pccase{ display: block;}
.case_box{ width:413px; height:100%; float:left;position:relative; z-index:1;}
.case_box_img{ width:100%; height:100vh; overflow:hidden; margin-top:0; transition:all 0.5s;}
.case_box_img img{ width:auto; height:100%;}
.case_box1{width:405px; height:955px; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-413px; display:none;  transition:all 0.5s;}
.case_box1_b{width:100%; height:330px; background-color:#067143; position:absolute; z-index:4; bottom:-330px; transition:all 0.5s;}
.case_box1_title{ width:90%; height:55px; overflow:hidden; margin:40px auto 0 auto; line-height:55px; font-size:26px; color:#fff; text-align:center; font-weight:bold;}
.case_box1_con{ width:90%; height:90px; overflow:hidden; margin:10px auto 0 auto; line-height:30px; font-size:14px; color:#b9edd7;}
.case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:30px auto 0 auto; line-height:30px; font-size:50px; color:#b9edd7; font-weight:lighter; text-align:center;}
.Cont a:hover .case_box1{width:405px; height:height:955px;; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-413px; display:block; transition:all 0.5s;}
.Cont a:hover .case_box1_b{width:100%; height:330px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.Cont a:hover .case_box_img{margin-top:-330px; transition:all 0.5s;}
.blk_l {
	OVERFLOW: hidden;
	ZOOM: 1;
	POSITION: relative;
}
.blk_l .LeftBotton { width:80px; height:80px; color:#8fb7a6; font-size:40px; text-align:center; line-height:80px; float:left; left:30px; top:20%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .RightBotton { width:80px; height:80px; color:#8fb7a6; font-size:40px; text-align:center; line-height:80px; float:right; right:70px; top:20%; font-family:serif; cursor:pointer; POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .Cont {MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 1651px; height:auto;}
.rollphotos {WIDTH: 1651px;}

.page6.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第七屏*/
.page7{width: 100%;height: 100%;overflow: hidden; background: url(../img/images/map.jpg) no-repeat top center; background-size:100%;position:absolute; left:0; top:600%; z-index:1;}
.contact{ width:70%; height:auto; float:left; overflow:hidden; margin:150px 8% 0 8%;}
.contact_top{ width:100%; height:auto; overflow: hidden;}
.contact_title{ width:100%; height:50px; overflow:hidden; line-height:50px; font-size:36px; color:#067143; font-weight:bold; margin-bottom:30px;}
.contact_con{ width:100%; height:auto; overflow:hidden; line-height:40px; font-size:16px; color:#333;}
.contact_down{ width:100%; height:auto; overflow:hidden; margin-top:60px;}
.contact_down_box{ width:48%; height:auto; float:left; overflow:hidden; margin-right:2%;}
.contact_down ul{ width:100%; height:auto; overflow:hidden; background-color:#30a673; margin-bottom:10px;}
.contact_down_wenzi{ width:15%; height:42px; float:left; overflow:hidden; text-align:center; line-height:42px; color:#fff; font-size:16px;}
.contact_down_in{ width:75%; height:42px; float:left; overflow:hidden;}
.login_text_input{ width:100%; height:42px; border:0; background:none; line-height:42px; color:#fff; font-size:16px; float:left;}
.contact_down_tijiao{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.butinput{ width:98%; height:50px; background-color:#30a673; border:0; font-size:16px; color:#fff; line-height:50px;}

.page7.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}


/*第八屏*/
.page8{width: 100%;height: 60px;overflow: hidden; position:absolute; left:0; top:700%; z-index:1;}
.footer{width: 100%;height: 60px; background-color:#1a1a1a; line-height: 60px; text-align: center;font-size: 16px;color: #fff;}
.footer a{color: #fff}

/*内页-header*/
.header{ width:100%; height:80px; overflow:hidden; margin:0 auto; background-color:#fff;}
.logo{ width:10%; margin:15px auto 0 2.5%;}
.logo img{ width:100%; max-width:185px;}
.nav{width: auto;float: right;margin-right:60px; margin-top:25px;}
.nav ul li{width: 110px;height:30px;float:left;line-height: 30px;position: relative;text-align: center}
.nav ul li a{display:inline-block;width: auto;color: #333;font-size: 16px;line-height:30px}
.nav ul li:hover a{color: #067143;}
.nav li ul li:hover a{color: #067143!important;font-size: 16px;}
.nav ul li a.active{color: #067143;}


/*子导航*/
.subnav{width: 100%;height:60px;background:url("../img/foot.png") repeat;overflow: hidden;text-align: center}
.subnav a{display:inline-block;padding:0 45px;line-height: 60px;font-size: 16px;color: #3b3b3b;}
.subnav a:hover{color: #47a60a;}
.subnav a.mr{color: #47a60a}

/*子标题*/
.subtitle{text-align: center;margin-top: 60px;}
.subtitle h3{font-size: 30px;color: #067143;font-weight: bold}
.subtitle p{font-size: 50px;color: #067143; font-family:L-Heavy; font-weight:bold;}

/*产品内页*/
.products{width:100%;height: auto;overflow: hidden; margin-top:70px;}
.products_box{ width:32%; height:auto; float:left; margin:0 0.5%; overflow:hidden; position: relative; z-index:3;}
.products_box_img{ width:100%; height:auto; overflow:hidden; background-color:#f5f5f5; }
.products_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.products_box:hover .products_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.products_box_tk{ width:98%; height:134px; overflow:hidden; border:3px solid #fff;transition:all 0.5s;}
.products_box_title{ width:90%; height:134px; overflow:hidden; margin:0 auto; line-height:134px; font-size:20px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_title{ width:90%; height:80px; overflow:hidden; margin:0 auto; line-height:80px; font-size:20px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_tk{ width:98%; height:134px; overflow:hidden; border:3px solid #067143;transition:all 0.5s;}
.products_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:50px; font-weight:lighter; color:#067143;text-align:center; }


/*新闻内页*/
.new{width: 100%;height: auto;overflow: hidden; border-bottom:1px dashed #dedede; transition:all 0.3s;}
.new:hover{width: 100%;height: auto;overflow: hidden;  background-color:#067143; border-bottom:1px double #dedede; transition:all 0.3s;}
.new_box{ width:80%; height:auto; overflow:hidden; margin:0 auto; padding:50px 0;}
.new_box_l{ width:10%; height:100%; overflow:hidden; float:left;}
.new_box_l_t{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:44px; color:#067143; font-family:L-Heavy; font-weight:bold;}
.new_box_l_b{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:16px; color:#c6c6c6; font-family:L-Heavy; }
.new_box_c{ width:80%; height:100%; overflow:hidden; float:left;}
.new_box_c_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:24px; color:#333; font-weight:bold;}
.new_box_c_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:16px; color:#666;}
.new_box_r{ width:10%; height:100%; overflow:hidden; float:left; line-height:100px; font-size:50px;  color:#067143;text-align:center;}
.new:hover .new_box_l_t{ color:#fff;}
.new:hover .new_box_l_b{ color:#fff;}
.new:hover .new_box_c_title{ color:#fff;}
.new:hover .new_box_c_con{ color:#fff;}
.new:hover .new_box_r{ color:#fff;}

/*关于我们-内页*/
.n_nav{ width:100%; height:80px; overflow:hidden; background-color:#262626; margin:0 auto; top:0; z-index:999; text-align:center;}
.n_nav li{ width:150px; height:80px; display:inline-block; line-height:80px; font-size:16px; color:#fff; text-align:center;}
.n_nav li:hover{ width:150px; height:80px; display:inline-block; line-height:80px; font-size:16px; color:#fff; text-align:center; background-color:#067143;}
.n_about1{ width:100%; height:1073px; overflow:hidden; margin:0 auto;background: url(../img/images/aboutbg.jpg) no-repeat top center; background-size:100% 100%;}
.n_company{ width:1500px; height:auto; overflow:hidden; margin:110px auto 0 auto;}
.n_company_en{ width:100%; height:60px; overflow:hidden; line-height:60px; color:#067143; font-size:54px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_company_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#067143; font-size:26px; text-align:center;}
.n_company_con{ width:100%; height:auto; overflow:hidden; line-height:40px; color:#333; font-size:16px; margin-top:40px;}
.n_company_img{ width:100%; height:auto; overflow:hidden; margin-top:40px;}
.n_company_img img{ width:100%; height:auto;}

.n_about2{ width:100%; height:775px; overflow:hidden; margin:0 auto;background: url(../img/images/culturebg.jpg) no-repeat top center; background-size:100% 100%;}
.n_culture{ width:1500px; height:auto; overflow:hidden; margin:130px auto 0 auto;}
.n_culture_en{ width:100%; height:60px; overflow:hidden; line-height:60px; color:#fff; font-size:54px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_culture_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:26px; text-align:center;}
.n_culture_con{ width:100%; height:auto; overflow:hidden; line-height:40px; color:#d7d7d7; font-size:16px; margin-top:80px;}

.n_about3{ width:100%; height:600px; overflow:hidden; margin:0 auto; background: url(../img/images/jiag.jpg) no-repeat top left;}
.n_organi{ width:1500px; height:auto; overflow:hidden; margin:80px auto 0 auto;}
.n_organi_l{ width:50%; height:auto; float:left; overflow:hidden;}
.n_organi_l_en{ width:100%; height:60px; overflow:hidden; line-height:60px; color:#fff; font-size:54px; font-family:L-Heavy; font-weight:bold; margin-top:30px;}
.n_organi_l_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:26px;}
.n_organi_r{ width:50%; height:auto; float:right; overflow:hidden; text-align:right;}
.n_organi_r img{ width:95%; height:auto;}

.n_about4{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_evolve_t{ width:100%; height:auto; overflow:hidden; margin:120px auto 0 auto;}
.n_evolve_t_en{ width:100%; height:60px; overflow:hidden; line-height:60px; color:#067143; font-size:54px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_evolve_t_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#067143; font-size:26px; text-align:center;}

.n_evolve_d{ width:100%; height:640px; overflow:hidden; margin:60px auto 0 auto; display:block;}
.n_evolve_d_m{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; display: none;}
.n_evolve_box{ width:24.8%; height:640px; overflow:hidden; float:left; margin:0 0.1%; background-color:#ededed; transition:all 0.3s;}
.n_evolve_box_w{ width:90%; height:300px; max-height:250px; overflow:hidden; margin:50px 5% 0 5%;}
.n_evolve_box_w_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:28px; color:#333; font-weight:bold; transition:all 0.3s;}
.n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:14px; color:#333; margin-top:15px; transition:all 0.3s;}
.n_evolve_box_i{ width:100%; height:340px; overflow:hidden;}
.n_evolve_box_i img{ width:100%; min-height:340px;}
.n_evolve_box:hover{ width:24.8%; height:640px; overflow:hidden; float:left; margin:0 0.1%; background-color:#067143; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:28px; color:#fff; font-weight:bold; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:14px; color:#fff; margin-top:15px; transition:all 0.3s;}

.n_about5{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_process_d{ width:100%; height:450px; overflow:hidden; margin:80px auto 0 auto; position:relative; background: url(../img/images/liuc.png) no-repeat center;}
.n_process_d_k1{ width:300px; height:auto; overflow:hidden; position:absolute; left:200px; top:20px;}
.n_process_d_k2{ width:300px; height:auto; overflow:hidden; position:absolute; left:370px; bottom:40px;}
.n_process_d_k3{ width:300px; height:auto; overflow:hidden; position:absolute; left:560px; top:90px;}
.n_process_d_k4{ width:300px; height:auto; overflow:hidden; position:absolute; left:730px; bottom:40px;}
.n_process_d_k5{ width:300px; height:auto; overflow:hidden; position:absolute; right:650px;}
.n_process_d_k6{ width:300px; height:auto; overflow:hidden; position:absolute; right:500px; bottom:40px;}
.n_process_d_k7{ width:300px; height:auto; overflow:hidden; position:absolute; right:340px; top:40px;}
.n_process_d_k8{ width:300px; height:auto; overflow:hidden; position:absolute; right:170px; bottom:40px;}
.n_process_d_k_l{ width:35px; height:auto; overflow:hidden; float:left; margin-right:10px; line-height:150%; font-size:25px; color:#067143; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_process_d_k_r{ width:255px; height:auto; overflow:hidden; float:left; line-height:25px; font-size:14px; color:#333;}

.n_about6{ width:100%; height:auto; overflow:hidden; margin:0 auto; background: url(../img/images/shouh.jpg) no-repeat top center; background-size:100% 100%;}
.service{width:1500px; height:1140px; overflow:hidden; margin:120px auto 0 auto;}

.n_about7{ width:100%; height:auto; overflow:hidden; margin:0 auto 100px auto;}


/*联系我们-内页*/
.n_contact{width: 100%;height:auto; overflow:hidden; margin:0 auto;}
.n_contact_left{ width:50%; height:100%; overflow:hidden; float:left; background-color:#067143;}
.n_contact_left_t{ width:80%; height:auto; margin:10% auto 3% 15%; line-height:50px; overflow:hidden; color:#fff; font-size:38px; font-weight:bold; }
.n_contact_left_c{ width:80%; height:auto; margin:3% auto 3% 15%; line-height:30px; overflow:hidden; color:#8ac3aa; font-size:16px; font-weight:bold;}
.n_contact_left_c pre{line-height:30px; color:#8ac3aa; font-size:16px; font-weight:bold; font-family:microsoft yehei;}
.n_contact_left_c span{color:#fff;}
.n_contact_right{ width:50%; height:550px; overflow:hidden; float:left;}

/*内页案例*/
.n_case_bg{ width:100%; height:100%;}
.n_case{ width:100%; height:100%; overflow:hidden; float:left;}
.n_case_box{ width:413px; height:100%; float:left; overflow:hidden; position:relative; z-index:1;}
.n_case_box_img{ width:100%; height:90vh; overflow:hidden; margin-top:0; transition:all 0.5s;}
.n_case_box_img img{ width:auto; min-width:100%; height:100%}
.n_case_box1{width:405px; height:955px; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-413px; display:none; transition:all 0.5s;}
.n_case_box1_b{width:100%; height:330px; background-color:#067143; position:absolute; z-index:4; bottom:-330px; transition:all 0.5s;}
.n_case_box1_title{ width:90%; height:55px; overflow:hidden; margin:40px auto 0 auto; line-height:55px; font-size:26px; color:#fff; text-align:center; font-weight:bold;}
.n_case_box1_con{ width:90%; height:90px; overflow:hidden; margin:10px auto 0 auto; line-height:30px; font-size:14px; color:#b9edd7;}
.n_case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:30px auto 0 auto; line-height:30px; font-size:50px; color:#b9edd7; font-weight:lighter; text-align:center;}
.conbox ul li a:hover .n_case_box1{width:405px; height:955px; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-413px; display:block; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box1_b{width:100%; height:330px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box_img{margin-top:-330px; transition:all 0.5s;}

.Box_team { display:table-cell; table-layout:fixed; width:100%; height:100%;}
.Box_team .content_team {width:100%; height:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 13px;height: 50px;position: absolute;top:60px;cursor: pointer;}
.Box_team .btnl_team { width:100px; height:100px; color:#8fb7a6; font-size:45px; text-align:center; line-height:100px; float:left; left:30px; top:35%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .btnr_team { width:100px; height:100px; color:#8fb7a6; font-size:45px; text-align:center; line-height:100px; float:right; right:30px; top:35%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .Box_con .conbox { width:100%; position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:413px; height:100%; float:left; overflow:hidden;}



/*内页banner*/
.slider{width: 100%;height: 710px;overflow: hidden;background-size: cover!important;}

/*当前位置*/
.location{width: 100%;height: 85px;line-height: 85px;background-color: #0086bf}
.local{width: 100%;color: #fff;font-weight: bold;text-align: right;font-size: 18px;}
.local i{font-size: 32px;display: inline-block;float: left}
.local a{color: #fff;}

/*page*/
.page{width:100%;height: auto;text-align: center;overflow: hidden;margin: 90px auto;}
.page a{display:inline-block;width:35px;height: 37px;line-height: 37px;font-size: 18px;margin: 0 8px;color: #0b5447;border: 1px solid #b4b4b4;box-sizing: border-box;border-radius: 3px;}
.page span{display:inline-block;width:35px;height: 37px;line-height: 37px;font-size: 18px;margin: 0 8px;background-color: #0b5447;border-color: #0b5447;border-radius: 3px;color: #d9b184}
.current{color: #d9b184!important;cursor: pointer;}
.page a:hover{background-color: #0b5447;color: #d9b184;border-color: #0b5447}
.page a:first-child{width: 80px;!important}
.page a:last-child{width: 80px;!important}
/*page-end*/

/*view*/
.content{width: 100%;padding:60px 0px;font-size: 16px;line-height: 35px;overflow: hidden; margin:0 auto;}
.content .view_title{text-align: center}
.con{font-size: 16px;line-height: 2;min-height: 500px;padding: 20px 0;}
.con img{max-width: 100%}
.pn a:hover{color: #0b5447;font-size: 16px;}
/*view-end*/
}


@media screen and (max-width:1600px){
/*第一屏*/
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:90px; height:90px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:90px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-prev:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:90px; height:90px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:90px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next:hover{ background-color:#067143; color:#fff;}

/*第三屏*/
.page3{width: 100%;height: 100%;overflow: hidden;}
.product{width:76%;height: auto;overflow: hidden;margin:15vh 5% 0 5%; float:left;}
.yewu_k{ width:100%; height:490px; border:0; overflow:hidden; position:relative; z-index:0; display:block;}
.yewu_box{ width:32%; height:auto; float:left; margin:0 0.5%; overflow:hidden; position: relative; z-index:3;}
.yewu_box_img{ width:100%; height:390px; overflow:hidden; background-color:#f5f5f5; }
.yewu_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_box:hover .yewu_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.yewu_box_tk{ width:98%; height:100px; overflow:hidden; border:3px solid #fff;transition:all 0.5s;}
.yewu_box_title{ width:90%; height:100px; overflow:hidden; margin:0 auto; line-height:100px; font-size:18px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_title{ width:90%; height:60px; overflow:hidden; margin:0 auto; line-height:60px; font-size:18px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_tk{ width:98%; height:100px; overflow:hidden; border:3px solid #067143;transition:all 0.5s;}
.yewu_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:40px; font-weight:lighter; color:#067143;text-align:center; }

.yewu_t{ width:100%; height:auto; border:0; overflow:hidden; position:relative; z-index:0; display: none;}
.yewu_t_box{ width:48%; height:200px; float:left; margin:0 1% 0 1%; overflow:hidden; position: relative; z-index:3;}
.yewu_t_box_img{ width:100%; height:160px; overflow:hidden; background-color:#f5f5f5; }
.yewu_t_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_t_box:hover .yewu_t_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1);}
.yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_t_box:hover .yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}

.yewu_pege{width:100%;height: auto;text-align: center;overflow: hidden;margin: 50px auto;}
.yewu_pege a{display:inline-block;width:auto;height:50px;line-height: 50px;font-size: 60px;margin: 0 20px;color: #deecea; font-family:serif; font-weight:bold;}
.current1{ font-family:L-Heavy; font-size:50px; font-weight:bold; color:#067143;}
.current2{ font-family:L-Heavy; font-size:35px; font-weight:bold; color:#deecea;}
.yewu_pege a:hover{color: #067143;}

.page3.active .product{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第四屏*/
.page4{width: 100%;height: 100%;overflow: hidden;}
.news{ width:80%; height:auto; float:left; margin:0 3%; overflow:hidden; display:block;}
.news_y{ width:94%; height:auto; float:left; margin:3vh 3% 0 3%; overflow:hidden; display: none;}
.news_l{ width:55%; height:auto; float:left; overflow:hidden;}
.news_l_img{ width:100%; height:70vh; overflow:hidden; position:relative; z-index:1;}
.news_l_img img{ width:100%; min-height:100%;transition: all 0.7s;}
.news_l:hover .news_l_img img{transition: all 0.7s;transform:scale(1.1) }
.news_l_time{ width:115px; height:115px; overflow:hidden; position: relative; z-index:2; background-color:#873c22; margin-top:-55px; float:right;}
.news_l_time_d{ width:100%; height:45px; line-height:45px; font-size:45px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; margin-top:25px;}
.news_l_time_y{ width:100%; height:20px; line-height:20px; font-size:14px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.news_l_tk{ width:90%; height:120px; overflow:hidden; margin:50px auto 0 auto;}
.news_l_title{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:26px; color:#333; font-weight:bold;}
.news_l:hover .news_l_title{color:#067143;}
.news_l_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.news_r{ width:45%; height:auto; overflow:hidden; float:left;}
.news_r_box{ width:100%; height:220px; overflow:hidden; border-top:1px solid #ebebeb; transition:all 0.5s;}
.news_r_k{ width:90%; height:110px; overflow:hidden; margin:55px auto;}
.news_r_time{ width:20%; height:110px; overflow:hidden; float:left; line-height:40px; font-size:35px; color:#333; font-family:L-Black; text-align:center; font-weight:bold; padding-top:20px;}
.news_r_time span{ line-height:30px; font-size:14px; color:#333; font-family:L-Black; text-align:center; font-weight:bold;}
.news_r_tk{ width:75%; height:110px; overflow:hidden; float:left; margin-left:5%;}
.news_r_title{ width:100%; height:50px; overflow:hidden; line-height:50px; font-size:20px; color:#333; font-weight:bold;}
.news_r_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.news_r_box:hover{ border-top:2px solid #067143; height:219px; transition:all 0.5s;}
.news_r_box:hover .news_r_title{ color:#067143; }

.page4.active .news_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.news_r_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}
.page4.active .news_r_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第五屏*/
.page5{width: 100%;height: 100%; overflow: hidden; background:url(../img/images/cg.jpg) no-repeat top center; background-size:100% 65%;}
.zhaob{ width:92%; height:auto; overflow:hidden; margin:440px 4% 0 4%;}
.zhaob_box{ width:20%; height: auto; overflow:hidden; float:left; margin:0 2.5%;}
.zhaob_time{ width:85px; height:75px; overflow:hidden; background-color:#fff; line-height:30px; font-size:35px; color:#333; font-family:L-Black; text-align:center; font-weight:bold; padding-top:20px;}
.zhaob_time span{ line-height:30px; font-size:14px; color:#333; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_title{ width:100%; height:45px; overflow:hidden; line-height:45px; font-size:26px; color:#333; font-weight:bold;}
.zhaob_con{ width:100%; height:90px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.zhaob_more{ width:108px; height:33px; overflow:hidden; line-height:33px; font-size:14px; color:#dbe5e4; background-color:#fff; font-family:L-Black; text-align:center; font-weight:bold; border:1px solid #dbe5e4;}
.zhaob_more:hover{color:#fff; background-color:#067143; border:1px solid #067143;}
.zhaob_box:hover .zhaob_time{ width:85px; height:75px; overflow:hidden; background-color:#067143; line-height:30px; font-size:35px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; padding-top:20px;}
.zhaob_box:hover .zhaob_time span{ line-height:30px; font-size:14px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_box:hover .zhaob_title{ width:100%; height:45px; overflow:hidden; line-height:45px; font-size:26px; color:#067143; font-weight:bold;}

.zhaob_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}

.page5.active .zhaob_box:nth-child(1){transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;}
.page5.active .zhaob_box:nth-child(2){transition: all 1s ease .2s;-webkit-transition: all 1s ease .2s;-moz-transition: all 1s ease .2s;}
.page5.active .zhaob_box:nth-child(3){transition: all 1s ease .4s;-webkit-transition: all 1s ease .4s;-moz-transition: all 1s ease .4s;}
.page5.active .zhaob_box:nth-child(4){transition: all 1s ease .6s;-webkit-transition: all 1s ease .6s;-moz-transition: all 1s ease .6s;}
.page5.active .zhaob_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第六屏*/
.page6{width: 100%;height: 100%;overflow: hidden;}
.case{ width:86%; height:100%; overflow:hidden; float:left;}
#mcase{ display: none;}
#pccase{ display: block;}
.case_box{ width:344px; height:100vh; float:left; overflow:hidden; position:relative; z-index:1;}
.case_box_img{ width:100%; height:100vh; overflow:hidden; margin-top:0; transition:all 0.5s;}
.case_box_img img{ width:auto; height:100%;}
.case_box1{width:336px; height:100vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-344px; opacity: 0; transition:all 0.5s;}
.case_box1_b{width:100%; height:270px; background-color:#067143; position:absolute; z-index:4; bottom:-270px; transition:all 0.5s;}
.case_box1_title{ width:90%; height:55px; overflow:hidden; margin:30px auto 0 auto; line-height:55px; font-size:26px; color:#fff; text-align:center; font-weight:bold;}
.case_box1_con{ width:90%; height:90px; overflow:hidden; margin:10px auto 0 auto; line-height:30px; font-size:14px; color:#b9edd7;}
.case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:30px auto 0 auto; line-height:30px; font-size:50px; color:#b9edd7; font-weight:lighter; text-align:center;}
.Cont a:hover .case_box1{width:336px; height:100vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-344px; opacity: 1; transition:all 0.5s;}
.Cont a:hover .case_box1_b{width:100%; height:270px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.Cont a:hover .case_box_img{margin-top:-270px; transition:all 0.5s;}
.blk_l {
	OVERFLOW: hidden;
	ZOOM: 1;
	POSITION: relative;
}
.blk_l .LeftBotton { width:80px; height:80px; color:#8fb7a6; font-size:40px; text-align:center; line-height:80px; float:left; left:30px; top:20%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .RightBotton { width:80px; height:80px; color:#8fb7a6; font-size:40px; text-align:center; line-height:80px; float:right; right:70px; top:20%; font-family:serif; cursor:pointer; POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .Cont {MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 1376px; height:auto;}
.rollphotos {WIDTH: 1376px;}

.page6.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第七屏*/
.page7{width: 100%;height: 100%;overflow: hidden; background: url(../img/images/map.jpg) no-repeat top center; background-size:100%;}
.contact{ width:70%; height:auto; float:left; overflow:hidden; margin:20vh 8% 0 8%;}
.contact_top{ width:100%; height:auto; overflow: hidden;}
.contact_title{ width:100%; height:50px; overflow:hidden; line-height:50px; font-size:36px; color:#067143; font-weight:bold; margin-bottom:30px;}
.contact_con{ width:100%; height:auto; overflow:hidden; line-height:40px; font-size:16px; color:#333;}
.contact_down{ width:100%; height:auto; overflow:hidden; margin-top:60px;}
.contact_down_box{ width:48%; height:auto; float:left; overflow:hidden; margin-right:2%;}
.contact_down ul{ width:100%; height:auto; overflow:hidden; background-color:#30a673; margin-bottom:10px;}
.contact_down_wenzi{ width:15%; height:42px; float:left; overflow:hidden; text-align:center; line-height:42px; color:#fff; font-size:16px;}
.contact_down_in{ width:75%; height:auto; float:left; overflow:hidden;}
.login_text_input{ width:100%; height:auto; border:0; background:none; line-height:42px; color:#fff; font-size:16px; float:left;}
.contact_down_tijiao{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.butinput{ width:98%; height:50px; background-color:#30a673; border:0; font-size:16px; color:#fff; line-height:50px;}

.page7.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}


/*第八屏*/
.footer{width: 100%;height: 60px; background-color:#1a1a1a; line-height: 60px; text-align: center;font-size: 14px;color: #fff;}
.footer a{color: #fff}

/*内页-header*/
.header{ width:100%; height:80px; overflow:hidden; margin:0 auto; background-color:#fff;}
.logo{ width:10%; margin:15px auto 0 2.5vw;}
.logo img{ width:100%; max-width:185px;}
.nav{width: auto;float: right;margin-right:60px; margin-top:25px;}
.nav ul li{width: 110px;height:30px;float:left;line-height: 30px;position: relative;text-align: center}
.nav ul li a{display:inline-block;width: auto;color: #333;font-size: 16px;line-height:30px}
.nav ul li:hover a{color: #067143;}
.nav li ul li:hover a{color: #067143!important;font-size: 16px;}
.nav ul li a.active{color: #067143;}


/*子导航*/
.subnav{width: 100%;height:60px;background:url("../img/foot.png") repeat;overflow: hidden;text-align: center}
.subnav a{display:inline-block;padding:0 45px;line-height: 60px;font-size: 16px;color: #3b3b3b;}
.subnav a:hover{color: #47a60a;}
.subnav a.mr{color: #47a60a}

/*子标题*/
.subtitle{text-align: center;margin-top: 60px;}
.subtitle h3{font-size: 30px;color: #067143;font-weight: bold}
.subtitle p{font-size: 50px;color: #067143; font-family:L-Heavy; font-weight:bold;}

/*产品内页*/
.products{width:100%;height: auto;overflow: hidden; margin-top:70px;}
.products_box{ width:32%; height:585px; float:left; margin:0 0.5%; overflow:hidden; position: relative; z-index:3;}
.products_box_img{ width:100%; height:auto; overflow:hidden; background-color:#f5f5f5; }
.products_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.products_box:hover .products_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.products_box_tk{ width:98%; height:134px; overflow:hidden; border:3px solid #fff;transition:all 0.5s;}
.products_box_title{ width:90%; height:134px; overflow:hidden; margin:0 auto; line-height:134px; font-size:20px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_title{ width:90%; height:80px; overflow:hidden; margin:0 auto; line-height:80px; font-size:20px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_tk{ width:98%; height:134px; overflow:hidden; border:3px solid #067143;transition:all 0.5s;}
.products_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:50px; font-weight:lighter; color:#067143;text-align:center; }


/*新闻内页*/
.new{width: 100%;height: auto;overflow: hidden; border-bottom:1px dashed #dedede; transition:all 0.3s;}
.new:hover{width: 100%;height: auto;overflow: hidden;  background-color:#067143; border-bottom:1px double #dedede; transition:all 0.3s;}
.new_box{ width:80%; height:auto; overflow:hidden; margin:0 auto; padding:50px 0;}
.new_box_l{ width:10%; height:100%; overflow:hidden; float:left;}
.new_box_l_t{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:44px; color:#067143; font-family:L-Heavy; font-weight:bold;}
.new_box_l_b{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:16px; color:#c6c6c6; font-family:L-Heavy; }
.new_box_c{ width:80%; height:100%; overflow:hidden; float:left;}
.new_box_c_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:24px; color:#333; font-weight:bold;}
.new_box_c_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:16px; color:#666;}
.new_box_r{ width:10%; height:100%; overflow:hidden; float:left; line-height:100px; font-size:50px;  color:#067143;text-align:center;}
.new:hover .new_box_l_t{ color:#fff;}
.new:hover .new_box_l_b{ color:#fff;}
.new:hover .new_box_c_title{ color:#fff;}
.new:hover .new_box_c_con{ color:#fff;}
.new:hover .new_box_r{ color:#fff;}

/*关于我们-内页*/
.n_nav{ width:100%; height:80px; overflow:hidden; background-color:#262626; margin:0 auto; top:0; z-index:999; text-align:center;}
.n_nav li{ width:150px; height:80px; display:inline-block; line-height:80px; font-size:16px; color:#fff; text-align:center;}
.n_nav li:hover{ width:150px; height:80px; display:inline-block; line-height:80px; font-size:16px; color:#fff; text-align:center; background-color:#067143;}
.n_about1{ width:100%; height:1073px; overflow:hidden; margin:0 auto;background: url(../img/images/aboutbg.jpg) no-repeat top center; background-size:100% 100%;}
.n_company{ width:1300px; height:auto; overflow:hidden; margin:110px auto 0 auto;}
.n_company_en{ width:100%; height:60px; overflow:hidden; line-height:60px; color:#067143; font-size:54px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_company_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#067143; font-size:26px; text-align:center;}
.n_company_con{ width:100%; height:auto; overflow:hidden; line-height:30px; color:#333; font-size:14px; margin-top:40px;}
.n_company_img{ width:100%; height:auto; overflow:hidden; margin-top:40px;}
.n_company_img img{ width:100%; height:auto;}

.n_about2{ width:100%; height:635px; overflow:hidden; margin:0 auto;background: url(../img/images/culturebg.jpg) no-repeat top center; background-size:100%;}
.n_culture{ width:1300px; height:auto; overflow:hidden; margin:130px auto 0 auto;}
.n_culture_en{ width:100%; height:60px; overflow:hidden; line-height:60px; color:#fff; font-size:54px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_culture_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:26px; text-align:center;}
.n_culture_con{ width:100%; height:auto; overflow:hidden; line-height:30px; color:#d7d7d7; font-size:14px; margin-top:60px;}

.n_about3{ width:100%; height:600px; overflow:hidden; margin:0 auto; background: url(../img/images/jiag.jpg) no-repeat top left; background-size:50%;}
.n_organi{ width:1500px; height:auto; overflow:hidden; margin:80px auto 0 auto;}
.n_organi_l{ width:50%; height:auto; float:left; overflow:hidden;}
.n_organi_l_en{ width:100%; height:60px; overflow:hidden; line-height:60px; color:#fff; font-size:54px; font-family:L-Heavy; font-weight:bold; margin-top:30px;}
.n_organi_l_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:26px;}
.n_organi_r{ width:50%; height:auto; float:right; overflow:hidden; text-align:right;}
.n_organi_r img{ width:95%; height:auto;}

.n_about4{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_evolve_t{ width:100%; height:auto; overflow:hidden; margin:120px auto 0 auto;}
.n_evolve_t_en{ width:100%; height:60px; overflow:hidden; line-height:60px; color:#067143; font-size:54px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_evolve_t_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#067143; font-size:26px; text-align:center;}

.n_evolve_d{ width:100%; height:640px; overflow:hidden; margin:60px auto 0 auto; display:block;}
.n_evolve_d_m{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; display: none;}
.n_evolve_box{ width:24.8%; height:640px; overflow:hidden; float:left; margin:0 0.1%; background-color:#ededed; transition:all 0.3s;}
.n_evolve_box_w{ width:90%; height:300px; max-height:250px; overflow:hidden; margin:50px 5% 0 5%;}
.n_evolve_box_w_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:28px; color:#333; font-weight:bold; transition:all 0.3s;}
.n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:28px; font-size:14px; color:#333; margin-top:15px; transition:all 0.3s;}
.n_evolve_box_i{ width:100%; height:340px; overflow:hidden;}
.n_evolve_box_i img{ width:100%; min-height:340px;}
.n_evolve_box:hover{ width:24.8%; height:640px; overflow:hidden; float:left; margin:0 0.1%; background-color:#067143; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:28px; color:#fff; font-weight:bold; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:28px; font-size:14px; color:#fff; margin-top:15px; transition:all 0.3s;}

.n_about5{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_process_d{ width:100%; height:450px; overflow:hidden; margin:80px auto 0 auto; position:relative; background: url(../img/images/liuc.png) no-repeat center; background-size:100%;}
.n_process_d_k1{ width:300px; height:auto; overflow:hidden; position:absolute; left:150px; top:20px;}
.n_process_d_k2{ width:250px; height:auto; overflow:hidden; position:absolute; left:300px; bottom:40px;}
.n_process_d_k3{ width:300px; height:auto; overflow:hidden; position:absolute; left:450px; top:90px;}
.n_process_d_k4{ width:250px; height:auto; overflow:hidden; position:absolute; left:600px; bottom:40px;}
.n_process_d_k5{ width:300px; height:auto; overflow:hidden; position:absolute; right:500px; top:20px;}
.n_process_d_k6{ width:250px; height:auto; overflow:hidden; position:absolute; right:420px; bottom:40px;}
.n_process_d_k7{ width:300px; height:auto; overflow:hidden; position:absolute; right:250px; top:60px;}
.n_process_d_k8{ width:250px; height:auto; overflow:hidden; position:absolute; right:150px; bottom:40px;}
.n_process_d_k_l{ width:15%; height:auto; overflow:hidden; float:left; line-height:150%; font-size:25px; color:#067143; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_process_d_k_r{ width:80%; height:auto; overflow:hidden; float:left; line-height:25px; font-size:14px; color:#333;}

.n_about6{ width:100%; height:auto; overflow:hidden; margin:0 auto; background: url(../img/images/shouh.jpg) no-repeat top center; background-size:100%}
.service{width:1300px; height:815px; overflow:hidden; margin:120px auto 0 auto; }

.n_about7{ width:100%; height:auto; overflow:hidden; margin:0 auto 100px auto;}


/*联系我们-内页*/
.n_contact{width: 100%;height:auto; overflow:hidden; margin:0 auto;}
.n_contact_left{ width:50%; height:100%; overflow:hidden; float:left; background-color:#067143;}
.n_contact_left_t{ width:80%; height:auto; margin:10% auto 3% 15%; line-height:50px; overflow:hidden; color:#fff; font-size:38px; font-weight:bold; }
.n_contact_left_c{ width:80%; height:auto; margin:3% auto 3% 15%; line-height:30px; overflow:hidden; color:#8ac3aa; font-size:16px; font-weight:bold;}
.n_contact_left_c pre{line-height:30px; color:#8ac3aa; font-size:16px; font-weight:bold; font-family:microsoft yehei;}
.n_contact_left_c span{color:#fff;}
.n_contact_right{ width:50%; height:657px; overflow:hidden; float:left;}

/*内页案例*/
.n_case_bg{ width:100%; height:90vh; display:table; table-layout:fixed;}
.n_case{ width:100%; height:100%; overflow:hidden; float:left;}
.n_case_box{ width:344px; height:90vh; float:left; overflow:hidden; position:relative; z-index:1;}
.n_case_box_img{ width:100%; height:90vh; overflow:hidden; margin-top:0; transition:all 0.5s;}
.n_case_box_img img{ width:auto; min-width:100%; height:100%}
.n_case_box1{width:336px; height:90vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-344px; opacity: 0; transition:all 0.5s;}
.n_case_box1_b{width:100%; height:270px; background-color:#067143; position:absolute; z-index:4; bottom:-270px; transition:all 0.5s;}
.n_case_box1_title{ width:90%; height:55px; overflow:hidden; margin:30px auto 0 auto; line-height:55px; font-size:26px; color:#fff; text-align:center; font-weight:bold;}
.n_case_box1_con{ width:90%; height:90px; overflow:hidden; margin:10px auto 0 auto; line-height:30px; font-size:14px; color:#b9edd7;}
.n_case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:30px auto 0 auto; line-height:30px; font-size:50px; color:#b9edd7; font-weight:lighter; text-align:center;}
.conbox ul li a:hover .n_case_box1{width:336px; height:90vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-344px; opacity: 1; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box1_b{width:100%; height:270px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box_img{margin-top:-270px; transition:all 0.5s;}

.Box_team { display:table-cell; table-layout:fixed; width:100%; height:100%;}
.Box_team .content_team {width:100%; height:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 13px;height: 50px;position: absolute;top:60px;cursor: pointer;}
.Box_team .btnl_team { width:100px; height:100px; color:#8fb7a6; font-size:45px; text-align:center; line-height:100px; float:left; left:30px; top:45%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .btnr_team { width:100px; height:100px; color:#8fb7a6; font-size:45px; text-align:center; line-height:100px; float:right; right:30px; top:45%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:344px; height:90vh; float:left; overflow:hidden;}



/*内页banner*/
.slider{width: 100%;height: 583px;overflow: hidden;background-size: 100%!important;}

/*当前位置*/
.location{width: 100%;height: 85px;line-height: 85px;background-color: #0086bf}
.local{width: 100%;color: #fff;font-weight: bold;text-align: right;font-size: 18px;}
.local i{font-size: 32px;display: inline-block;float: left}
.local a{color: #fff;}

/*page*/
.page{width:100%;height: auto;text-align: center;overflow: hidden;margin: 90px auto;}
.page a{display:inline-block;width:35px;height: 37px;line-height: 37px;font-size: 18px;margin: 0 8px;color: #0b5447;border: 1px solid #b4b4b4;box-sizing: border-box;border-radius: 3px;}
.page span{display:inline-block;width:35px;height: 37px;line-height: 37px;font-size: 18px;margin: 0 8px;background-color: #0b5447;border-color: #0b5447;border-radius: 3px;color: #d9b184}
.current{color: #d9b184!important;cursor: pointer;}
.page a:hover{background-color: #0b5447;color: #d9b184;border-color: #0b5447}
.page a:first-child{width: 80px;!important}
.page a:last-child{width: 80px;!important}
/*page-end*/

/*view*/
.content{width: 100%;padding:60px 0px;font-size: 16px;line-height: 35px;overflow: hidden; margin:0 auto;}
.content .view_title{text-align: center}
.con{font-size: 16px;line-height: 2;min-height: 500px;padding: 20px 0;}
.con img{max-width: 100%}
.pn a:hover{color: #0b5447;font-size: 16px;}
/*view-end*/


	}



@media screen and (max-width:1440px){
/*首页头部*/
.commheads{ position:fixed;overflow:hidden; width:100%; z-index:99999; min-width:320px; top:30px; left:0;}
.commheads .chleft{ width:10%; float:left; margin-left:2.5vw;}
.commheads .chleft img{ width:100%; max-width:185px;}
.commheads .chleft2{ margin-top: 45px;}
.commheads .chright{ float:right; /*width:40px; height:40px;*/ margin-right:50px;}
.commheads .chright img{ width:100%; max-width:40px;}
.navigation ul li{width:auto;margin-left: 65px;font-size: 18px;float: left;overflow: hidden;line-height: 42px;}
.navigation ul li:hover a{color: #0b5447;font-weight: bold}
.menu_bg{ width:15%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:rgba(0,0,0,0.8); top:0; right:-18%; transition:all 0.7s;}
.menu_bgo{ width:15%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:rgba(0,0,0,0.8); top:0; right:0; transition:all 0.7s;}
.menu_cha{ width:25px; height:25px; overflow:hidden; float:right; margin:30px 30px 60px auto; background: url(../img/images/cha.png) no-repeat center; background-size:100%;}
.menu_nav{ width:100%; height:auto; overflow:hidden;}
.menu_nav li{ width:100%; height:45px; overflow:hidden; line-height:45px; font-size:18px; color:#fff; text-align:center; transition:all 0.4s;}
.menu_nav li:hover{ width:100%; height:45px; overflow:hidden; line-height:45px; font-size:18px; color:#fff; text-align:center; background-color:#067143; transition:all 0.4s;}


/*第一屏*/
.page1{width: 100%;height: 100%;overflow: hidden}
.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:0; text-align:center; width:100%;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:75px; height:75px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:75px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-prev:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:75px; height:75px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:75px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/*第二屏*/
.page2{width: 100%;height: 100%;overflow: hidden; background-color:#f5f5f5;}
.pages{width: 100%;height: 100%;overflow: hidden}
.in_left{ width:14%; height:100vh; float:left; overflow:hidden;}
.in_left_menu{ width:60px; height:auto; margin:20vh 0 auto 2.5vw;}
.in_left_menu_en{ width:35px; height:auto; overflow:hidden; float:left; font-size:36px; color:#006e3d; line-height:100%; font-weight: bold; font-family:L-Black;writing-mode:tb-rl; text-align:left; }
.in_left_menu_cn{ width:25px; height:auto; overflow:hidden; float:left; font-size:20px; color:#006e3d; line-height:100%; writing-mode:tb-rl; text-align:left; }

.about{width: 68%; height: 500px; float:left; margin:20vh 9% auto 9%; overflow: hidden;}
.about_l{ width:60%; height:auto; overflow:hidden; float:left;}
.about_l_title{ width:100%; height:auto; line-height:130%; font-size:28px; color:#333; font-weight:bold;}
.about_l_en{ width:100%; height:auto; line-height:130%; font-size:16px; color:#333; font-weight:bold; font-family:L-Heavy;}
.about_l_con{ width:100%; height:auto; line-height:200%; margin-top:20px; font-size:14px; color:#333;}
.about_l_more{ width:110px; height:35px; line-height:35px; background-color:#067143; color:#fff; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:50px;}
.about_l_more:hover{ width:106px; height:31px; line-height:31px; background-color:#fff; color:#067143; border:2px solid #067143; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:50px;}
.about_r{ width:30%; height:350px; float:left; margin:20px auto 0 7%; background-color:#067143; position:relative; z-index:1;}
.about_r_img{width:290px; height:340px; float:left; border:5px solid #fff; margin-top:-20px; margin-left:-20px; position:relative; z-index:3; overflow:hidden;}
.about_r_img img{ width:100%;}

.page2.active .about .about_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.page2.active .about .about_r{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第三屏*/
.page3{width: 100%;height: 100%;overflow: hidden;}
.product{width:76%;height: auto;overflow: hidden;margin:15vh 5% 0 5%; float:left;}
.yewu_k{ width:100%; height:490px; border:0; overflow:hidden; position:relative; z-index:0; display:block;}
.yewu_box{ width:32%; height:auto; float:left; margin:0 0.5%; overflow:hidden; position: relative; z-index:3;}
.yewu_box_img{ width:100%; height:350px; overflow:hidden; background-color:#f5f5f5; }
.yewu_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_box:hover .yewu_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.yewu_box_tk{ width:98%; height:100px; overflow:hidden; border:3px solid #fff;transition:all 0.5s;}
.yewu_box_title{ width:90%; height:100px; overflow:hidden; margin:0 auto; line-height:100px; font-size:18px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_title{ width:90%; height:60px; overflow:hidden; margin:0 auto; line-height:60px; font-size:18px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_tk{ width:98%; height:100px; overflow:hidden; border:3px solid #067143;transition:all 0.5s;}
.yewu_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:40px; font-weight:lighter; color:#067143;text-align:center; }

.yewu_t{ width:100%; height:auto; border:0; overflow:hidden; position:relative; z-index:0; display: none;}
.yewu_t_box{ width:48%; height:200px; float:left; margin:0 1% 0 1%; overflow:hidden; position: relative; z-index:3;}
.yewu_t_box_img{ width:100%; height:160px; overflow:hidden; background-color:#f5f5f5; }
.yewu_t_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_t_box:hover .yewu_t_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1);}
.yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_t_box:hover .yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}

.yewu_pege{width:100%;height: auto;text-align: center;overflow: hidden;margin:0 auto;}
.yewu_pege a{display:inline-block;width:auto;height:50px;line-height: 50px;font-size: 45px;margin: 0 10px;color: #deecea; font-family:serif; font-weight:bold;}
.current1{ font-family:L-Heavy; font-size:40px; font-weight:bold; color:#067143;}
.current2{ font-family:L-Heavy; font-size:25px; font-weight:bold; color:#deecea;}
.yewu_pege a:hover{color: #067143;}

.page3.active .product{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第四屏*/
.page4{width: 100%;height: 100%;overflow: hidden;}
.news{ width:80%; height:auto; float:left; margin:0 3%; overflow:hidden; display:block}
.news_y{ width:94%; height:auto; float:left; margin:3vh 3% 0 3%; overflow:hidden; display: none;}
.news_l{ width:55%; height:auto; float:left; overflow:hidden;}
.news_l_img{ width:100%; height:65vh; overflow:hidden; position:relative; z-index:1;}
.news_l_img img{ width:100%; min-height:100%;transition: all 0.7s;}
.news_l:hover .news_l_img img{transition: all 0.7s;transform:scale(1.1) }
.news_l_time{ width:90px; height:90px; overflow:hidden; position: relative; z-index:2; background-color:#873c22; margin-top:-55px; float:right;}
.news_l_time_d{ width:100%; height:45px; line-height:45px; font-size:38px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; margin-top:10px;}
.news_l_time_y{ width:100%; height:20px; line-height:20px; font-size:14px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.news_l_tk{ width:90%; height:120px; overflow:hidden; margin:30px auto 0 auto;}
.news_l_title{ width:100%; height:50px; overflow:hidden; line-height:50px; font-size:24px; color:#333; font-weight:bold;}
.news_l:hover .news_l_title{color:#067143;}
.news_l_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.news_r{ width:45%; height:auto; overflow:hidden; float:left;}
.news_r_box{ width:100%; height:220px; overflow:hidden; border-top:1px solid #ebebeb; transition:all 0.5s;}
.news_r_k{ width:90%; height:110px; overflow:hidden; margin:55px auto;}
.news_r_time{ width:20%; height:110px; overflow:hidden; float:left; line-height:40px; font-size:28px; color:#333; font-family:L-Black; text-align:center; font-weight:bold; padding-top:20px;}
.news_r_time span{ line-height:30px; font-size:12px; color:#333; font-family:L-Black; text-align:center; font-weight:bold;}
.news_r_tk{ width:75%; height:110px; overflow:hidden; float:left; margin-left:5%;}
.news_r_title{ width:100%; height:40px; overflow:hidden; line-height:50px; font-size:24px; color:#333; font-weight:bold;}
.news_r_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:12px; color:#666;}
.news_r_box:hover{ border-top:2px solid #067143; height:219px; transition:all 0.5s;}
.news_r_box:hover .news_r_title{ color:#067143; }

.page4.active .news_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.news_r_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}
.page4.active .news_r_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第五屏*/
.page5{width: 100%;height: 100%; overflow: hidden; background:url(../img/images/cg.jpg) no-repeat top center; background-size:100% 65%;}
.zhaob{ width:92%; height:auto; overflow:hidden; margin:430px 4% 0 4%;}
.zhaob_box{ width:20%; height: auto; overflow:hidden; float:left; margin:0 2.5%;}
.zhaob_time{ width:70px; height:80px; overflow:hidden; background-color:#fff; line-height:40px; font-size:28px; color:#333; font-family:L-Black; text-align:center; font-weight:bold; padding-top:10px;}
.zhaob_time span{ line-height:30px; font-size:12px; color:#333; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:20px; color:#333; font-weight:bold;}
.zhaob_con{ width:100%; height:75px; overflow:hidden; line-height:25px; font-size:12px; color:#666;}
.zhaob_more{ width:78px; height:28px; overflow:hidden; line-height:28px; font-size:12px; color:#dbe5e4; background-color:#fff; font-family:L-Black; text-align:center; font-weight:bold; border:1px solid #dbe5e4;}
.zhaob_more:hover{color:#fff; background-color:#067143; border:1px solid #067143;}
.zhaob_box:hover .zhaob_time{ width:70px; height:80px; overflow:hidden; background-color:#067143; line-height:40px; font-size:28px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; padding-top:10px;}
.zhaob_box:hover .zhaob_time span{ line-height:30px; font-size:12px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_box:hover .zhaob_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:20px; color:#067143; font-weight:bold;}

.zhaob_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}

.page5.active .zhaob_box:nth-child(1){transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;}
.page5.active .zhaob_box:nth-child(2){transition: all 1s ease .2s;-webkit-transition: all 1s ease .2s;-moz-transition: all 1s ease .2s;}
.page5.active .zhaob_box:nth-child(3){transition: all 1s ease .4s;-webkit-transition: all 1s ease .4s;-moz-transition: all 1s ease .4s;}
.page5.active .zhaob_box:nth-child(4){transition: all 1s ease .6s;-webkit-transition: all 1s ease .6s;-moz-transition: all 1s ease .6s;}
.page5.active .zhaob_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第六屏*/
.page6{width: 100%;height: 100%;overflow: hidden;}
.case{ width:86%; height:100%; overflow:hidden; float:left;}
#mcase{ display: none;}
#pccase{ display: block;}
.case_box{ width:309px; height:100vh; float:left; overflow:hidden; position:relative; z-index:1;}
.case_box_img{ width:100%; height:100vh; overflow:hidden; margin-top:0; transition:all 0.5s;}
.case_box_img img{ width:auto; height:100%;}
.case_box1{width:301px; height:100vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-309px; opacity: 0; transition:all 0.5s;}
.case_box1_b{width:100%; height:250px; background-color:#067143; position:absolute; z-index:4; bottom:-250px; transition:all 0.5s;}
.case_box1_title{ width:90%; height:40px; overflow:hidden; margin:20px auto 0 auto; line-height:40px; font-size:22px; color:#fff; text-align:center; font-weight:bold;}
.case_box1_con{ width:90%; height:90px; overflow:hidden; margin:10px auto 0 auto; line-height:30px; font-size:14px; color:#b9edd7;}
.case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:30px auto 0 auto; line-height:30px; font-size:50px; color:#b9edd7; font-weight:lighter; text-align:center;}
.Cont a:hover .case_box1{width:301px; height:100vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-309px; opacity: 1; transition:all 0.5s;}
.Cont a:hover .case_box1_b{width:100%; height:250px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.Cont a:hover .case_box_img{margin-top:-245px; transition:all 0.5s;}
.blk_l {
	OVERFLOW: hidden;
	ZOOM: 1;
	POSITION: relative;
}
.blk_l .LeftBotton { width:80px; height:80px; color:#8fb7a6; font-size:40px; text-align:center; line-height:80px; float:left; left:30px; top:20%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .RightBotton { width:80px; height:80px; color:#8fb7a6; font-size:40px; text-align:center; line-height:80px; float:right; right:70px; top:20%; font-family:serif; cursor:pointer; POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .Cont {MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 1236px; height:auto;}
.rollphotos {WIDTH: 1236px;}

.page6.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第七屏*/
.page7{width: 100%;height: 100%;overflow: hidden; background: url(../img/images/map.jpg) no-repeat top center; background-size:100%;}
.contact{ width:70%; height:auto; float:left; overflow:hidden; margin:20vh 8% 0 8%;}
.contact_top{ width:100%; height:auto; overflow: hidden;}
.contact_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:28px; color:#067143; font-weight:bold; margin-bottom:20px;}
.contact_con{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:14px; color:#333;}
.contact_down{ width:100%; height:auto; overflow:hidden; margin-top:60px;}
.contact_down_box{ width:48%; height:auto; float:left; overflow:hidden; margin-right:2%;}
.contact_down ul{ width:100%; height:auto; overflow:hidden; background-color:#30a673; margin-bottom:10px;}
.contact_down_wenzi{ width:15%; height:42px; float:left; overflow:hidden; text-align:center; line-height:42px; color:#fff; font-size:16px;}
.contact_down_in{ width:75%; height:auto; float:left; overflow:hidden;}
.login_text_input{ width:100%; height:auto; border:0; background:none; line-height:42px; color:#fff; font-size:16px; float:left;}
.contact_down_tijiao{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.butinput{ width:98%; height:50px; background-color:#30a673; border:0; font-size:16px; color:#fff; line-height:50px;}

.page7.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}


/*第八屏*/
.footer{width: 100%;height: 60px; background-color:#1a1a1a; line-height: 60px; text-align: center;font-size: 14px;color: #fff;}
.footer a{color: #fff}

/*内页-header*/
.header{ width:100%; height:60px; overflow:hidden; margin:0 auto; background-color:#fff;}
.logo{ width:10%; margin:10px auto 0 2.5vw;}
.logo img{ width:100%; max-width:185px;}
.nav{width: auto;float: right;margin-right:60px; margin-top:15px;}
.nav ul li{width: 95px;height:30px;float:left;line-height: 30px;position: relative;text-align: center}
.nav ul li a{display:inline-block;width: auto;color: #333;font-size: 14px;line-height:30px}
.nav ul li:hover a{color: #067143;}
.nav li ul li:hover a{color: #067143!important;font-size: 14px;}
.nav ul li a.active{color: #067143;}


/*子导航*/
.subnav{width: 100%;height:60px;background:url("../img/foot.png") repeat;overflow: hidden;text-align: center}
.subnav a{display:inline-block;padding:0 45px;line-height: 60px;font-size: 16px;color: #3b3b3b;}
.subnav a:hover{color: #47a60a;}
.subnav a.mr{color: #47a60a}

/*子标题*/
.subtitle{text-align: center;margin-top: 60px;}
.subtitle h3{font-size: 25px;color: #067143;font-weight: bold}
.subtitle p{font-size: 40px;color: #067143; font-family:L-Heavy; font-weight:bold;}

/*产品内页*/
.products{width:100%;height: auto;overflow: hidden; margin-top:70px;}
.products_box{ width:32%; height:585px; float:left; margin:0 0.5%; overflow:hidden; position: relative; z-index:3;}
.products_box_img{ width:100%; height:auto; overflow:hidden; background-color:#f5f5f5; }
.products_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.products_box:hover .products_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.products_box_tk{ width:98%; height:134px; overflow:hidden; border:3px solid #fff;transition:all 0.5s;}
.products_box_title{ width:90%; height:134px; overflow:hidden; margin:0 auto; line-height:134px; font-size:20px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_title{ width:90%; height:80px; overflow:hidden; margin:0 auto; line-height:80px; font-size:20px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_tk{ width:98%; height:134px; overflow:hidden; border:3px solid #067143;transition:all 0.5s;}
.products_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:50px; font-weight:lighter; color:#067143;text-align:center; }


/*新闻内页*/
.new{width: 100%;height: auto;overflow: hidden; border-bottom:1px dashed #dedede; transition:all 0.3s;}
.new:hover{width: 100%;height: auto;overflow: hidden;  background-color:#067143; border-bottom:1px double #dedede; transition:all 0.3s;}
.new_box{ width:80%; height:auto; overflow:hidden; margin:0 auto; padding:50px 0;}
.new_box_l{ width:10%; height:100%; overflow:hidden; float:left;}
.new_box_l_t{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:38px; color:#067143; font-family:L-Heavy; font-weight:bold;}
.new_box_l_b{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:14px; color:#c6c6c6; font-family:L-Heavy; }
.new_box_c{ width:80%; height:100%; overflow:hidden; float:left;}
.new_box_c_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:20px; color:#333; font-weight:bold;}
.new_box_c_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.new_box_r{ width:10%; height:100%; overflow:hidden; float:left; line-height:100px; font-size:46px;  color:#067143;text-align:center;}
.new:hover .new_box_l_t{ color:#fff;}
.new:hover .new_box_l_b{ color:#fff;}
.new:hover .new_box_c_title{ color:#fff;}
.new:hover .new_box_c_con{ color:#fff;}
.new:hover .new_box_r{ color:#fff;}

/*关于我们-内页*/
.n_nav{ width:100%; height:60px; overflow:hidden; background-color:#262626; margin:0 auto; top:0; z-index:999; text-align:center;}
.n_nav li{ width:110px; height:60px; display:inline-block; line-height:60px; font-size:14px; color:#fff; text-align:center;}
.n_nav li:hover{ width:110px; height:60px; display:inline-block; line-height:60px; font-size:14px; color:#fff; text-align:center; background-color:#067143;}
.n_about1{ width:100%; height:900px; overflow:hidden; margin:0 auto;background: url(../img/images/aboutbg.jpg) no-repeat top center; background-size:100%;}
.n_company{ width:1024px; height:auto; overflow:hidden; margin:80px auto 0 auto;}
.n_company_en{ width:100%; height:50px; overflow:hidden; line-height:50px; color:#067143; font-size:45px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_company_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#067143; font-size:26px; text-align:center;}
.n_company_con{ width:100%; height:auto; overflow:hidden; line-height:30px; color:#333; font-size:14px; margin-top:40px;}
.n_company_img{ width:100%; height:auto; overflow:hidden; margin-top:40px;}
.n_company_img img{ width:100%; height:auto;}

.n_about2{ width:100%; height:471px; overflow:hidden; margin:0 auto;background: url(../img/images/culturebg.jpg) no-repeat top center; background-size:100%;}
.n_culture{ width:1300px; height:auto; overflow:hidden; margin:90px auto 0 auto;}
.n_culture_en{ width:100%; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:45px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_culture_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:26px; text-align:center;}
.n_culture_con{ width:100%; height:auto; overflow:hidden; line-height:30px; color:#d7d7d7; font-size:14px; margin-top:60px;}

.n_about3{ width:100%; height:492px; overflow:hidden; margin:0 auto; background: url(../img/images/jiag.jpg) no-repeat top left; background-size:50%;}
.n_organi{ width:1200px; height:auto; overflow:hidden; margin:80px auto 0 auto;}
.n_organi_l{ width:50%; height:auto; float:left; overflow:hidden;}
.n_organi_l_en{ width:100%; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:45px; font-family:L-Heavy; font-weight:bold; margin-top:30px;}
.n_organi_l_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:26px;}
.n_organi_r{ width:50%; height:auto; float:right; overflow:hidden; text-align:right;}
.n_organi_r img{ width:95%; height:auto;}

.n_about4{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_evolve_t{ width:100%; height:auto; overflow:hidden; margin:90px auto 0 auto;}
.n_evolve_t_en{ width:100%; height:50px; overflow:hidden; line-height:50px; color:#067143; font-size:45px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_evolve_t_cn{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#067143; font-size:26px; text-align:center;}

.n_evolve_d{ width:100%; height:474px; overflow:hidden; margin:50px auto 0 auto; display:block;}
.n_evolve_d_m{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; display: none;}
.n_evolve_box{ width:24.8%; height:474px; overflow:hidden; float:left; margin:0 0.1%; background-color:#ededed; transition:all 0.3s;}
.n_evolve_box_w{ width:90%; height:220px; max-height:250px; overflow:hidden; margin:20px 5% 0 5%;}
.n_evolve_box_w_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:20px; color:#333; font-weight:bold; transition:all 0.3s;}
.n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:20px; font-size:12px; color:#333; margin-top:10px; transition:all 0.3s;}
.n_evolve_box_i{ width:100%; height:244px; overflow:hidden;}
.n_evolve_box_i img{ width:100%; min-height:244px;}
.n_evolve_box:hover{ width:24.8%; height:474px; overflow:hidden; float:left; margin:0 0.1%; background-color:#067143; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:20px; color:#fff; font-weight:bold; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:20px; font-size:12px; color:#fff; margin-top:10px; transition:all 0.3s;}

.n_about5{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_process_d{ width:100%; height:450px; overflow:hidden; margin:80px auto 0 auto; position:relative; background: url(../img/images/liuc.png) no-repeat center; background-size:100%;}
.n_process_d_k1{ width:300px; height:auto; overflow:hidden; position:absolute; left:100px; top:30px;}
.n_process_d_k2{ width:250px; height:auto; overflow:hidden; position:absolute; left:250px; bottom:50px;}
.n_process_d_k3{ width:300px; height:auto; overflow:hidden; position:absolute; left:400px; top:100px;}
.n_process_d_k4{ width:250px; height:auto; overflow:hidden; position:absolute; left:520px; bottom:50px;}
.n_process_d_k5{ width:300px; height:auto; overflow:hidden; position:absolute; right:450px; top:30px;}
.n_process_d_k6{ width:250px; height:auto; overflow:hidden; position:absolute; right:390px; bottom:50px;}
.n_process_d_k7{ width:300px; height:auto; overflow:hidden; position:absolute; right:230px; top:70px;}
.n_process_d_k8{ width:250px; height:auto; overflow:hidden; position:absolute; right:120px; bottom:50px;}
.n_process_d_k_l{ width:15%; height:auto; overflow:hidden; float:left; line-height:150%; font-size:25px; color:#067143; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_process_d_k_r{ width:80%; height:auto; overflow:hidden; float:left; line-height:25px; font-size:14px; color:#333;}

.n_about6{ width:100%; height:auto; overflow:hidden; margin:0 auto; background: url(../img/images/shouh.jpg) no-repeat top center; background-size:100%}
.service{width:1100px; height:760px; overflow:hidden; margin:60px auto 0 auto; }

.n_about7{ width:100%; height:auto; overflow:hidden; margin:0 auto 100px auto;}


/*联系我们-内页*/
.n_contact{width: 100%;height:auto; overflow:hidden; margin:0 auto;}
.n_contact_left{ width:50%; height:100%; overflow:hidden; float:left; background-color:#067143;}
.n_contact_left_t{ width:80%; height:auto; margin:10% auto 3% 15%; line-height:50px; overflow:hidden; color:#fff; font-size:30px; font-weight:bold; }
.n_contact_left_c{ width:80%; height:auto; margin:3% auto 3% 15%; line-height:30px; overflow:hidden; color:#8ac3aa; font-size:14px; font-weight:bold;}
.n_contact_left_c pre{line-height:30px; color:#8ac3aa; font-size:14px; font-weight:bold; font-family:microsoft yehei;}
.n_contact_left_c span{color:#fff;}
.n_contact_right{ width:50%; height:643px; overflow:hidden; float:left;}

/*内页案例*/
.n_case_bg{ width:100%; height:90vh; display:table; table-layout:fixed;}
.n_case{ width:100%; height:100%; overflow:hidden; float:left;}
.n_case_box{ width:309px; height:90vh; float:left; overflow:hidden; position:relative; z-index:1;}
.n_case_box_img{ width:100%; height:90vh; overflow:hidden; margin-top:0; transition:all 0.5s;}
.n_case_box_img img{ width:auto; min-width:100%; height:100%}
.n_case_box1{width:301px; height:90vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-309px; opacity: 0; transition:all 0.5s;}
.n_case_box1_b{width:100%; height:250px; background-color:#067143; position:absolute; z-index:4; bottom:-250px; transition:all 0.5s;}
.n_case_box1_title{ width:90%; height:50px; overflow:hidden; margin:20px auto 0 auto; line-height:50px; font-size:22px; color:#fff; text-align:center; font-weight:bold;}
.n_case_box1_con{ width:90%; height:90px; overflow:hidden; margin:10px auto 0 auto; line-height:30px; font-size:14px; color:#b9edd7;}
.n_case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:30px auto 0 auto; line-height:30px; font-size:50px; color:#b9edd7; font-weight:lighter; text-align:center;}
.conbox ul li a:hover .n_case_box1{width:301px; height:90vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-309px; opacity: 1; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box1_b{width:100%; height:250px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box_img{margin-top:-245px; transition:all 0.5s;}

.Box_team { display:table-cell; table-layout:fixed; width:100%; height:100%;}
.Box_team .content_team {width:100%; height:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 13px;height: 50px;position: absolute;top:60px;cursor: pointer;}
.Box_team .btnl_team { width:80px; height:80px; color:#8fb7a6; font-size:45px; text-align:center; line-height:80px; float:left; left:30px; top:45%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .btnr_team { width:80px; height:80px; color:#8fb7a6; font-size:45px; text-align:center; line-height:80px; float:right; right:30px; top:45%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:309px; height:90vh; float:left; overflow:hidden;}



/*内页banner*/
.slider{width: 100%;height: 524px;overflow: hidden;background-size: 100%!important;}

/*当前位置*/
.location{width: 100%;height: 85px;line-height: 85px;background-color: #0086bf}
.local{width: 100%;color: #fff;font-weight: bold;text-align: right;font-size: 18px;}
.local i{font-size: 32px;display: inline-block;float: left}
.local a{color: #fff;}

/*page*/
.page{width:100%;height: auto;text-align: center;overflow: hidden;margin: 90px auto;}
.page a{display:inline-block;width:35px;height: 37px;line-height: 37px;font-size: 18px;margin: 0 8px;color: #0b5447;border: 1px solid #b4b4b4;box-sizing: border-box;border-radius: 3px;}
.page span{display:inline-block;width:35px;height: 37px;line-height: 37px;font-size: 18px;margin: 0 8px;background-color: #0b5447;border-color: #0b5447;border-radius: 3px;color: #d9b184}
.current{color: #d9b184!important;cursor: pointer;}
.page a:hover{background-color: #0b5447;color: #d9b184;border-color: #0b5447}
.page a:first-child{width: 80px;!important}
.page a:last-child{width: 80px;!important}
/*page-end*/

/*view*/
.content{width: 100%;padding:60px 0px;font-size: 16px;line-height: 35px;overflow: hidden; margin:0 auto;}
.content .view_title{text-align: center}
.con{font-size: 16px;line-height: 2;min-height: 500px;padding: 20px 0;}
.con img{max-width: 100%}
.pn a:hover{color: #0b5447;font-size: 16px;}
/*view-end*/


	}


@media screen and (max-width:1366px){
/*首页头部*/
.commheads{ position:fixed;overflow:hidden; width:100%; z-index:99999; min-width:320px; top:30px; left:0;}
.commheads .chleft{ width:10%; float:left; margin-left:2.5vw;}
.commheads .chleft img{ width:100%; max-width:185px;}
.commheads .chleft2{ margin-top: 45px;}
.commheads .chright{ float:right; /*width:40px; height:40px;*/ margin-right:50px;}
.commheads .chright img{ width:100%; max-width:40px;}
.navigation ul li{width:auto;margin-left: 65px;font-size: 18px;float: left;overflow: hidden;line-height: 42px;}
.navigation ul li:hover a{color: #0b5447;font-weight: bold}
.menu_bg{ width:18%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:rgba(0,0,0,0.8); top:0; right:-18%; transition:all 0.7s;}
.menu_bgo{ width:18%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:rgba(0,0,0,0.8); top:0; right:0; transition:all 0.7s;}
.menu_cha{ width:25px; height:25px; overflow:hidden; float:right; margin:30px 30px 60px auto; background: url(../img/images/cha.png) no-repeat center; background-size:100%;}
.menu_nav{ width:100%; height:auto; overflow:hidden;}
.menu_nav li{ width:100%; height:45px; overflow:hidden; line-height:45px; font-size:18px; color:#fff; text-align:center; transition:all 0.4s;}
.menu_nav li:hover{ width:100%; height:45px; overflow:hidden; line-height:45px; font-size:18px; color:#fff; text-align:center; background-color:#067143; transition:all 0.4s;}


/*第一屏*/
.page1{width: 100%;height: 100%;overflow: hidden}
.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:0; text-align:center; width:100%;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:75px; height:75px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:75px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-prev:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:75px; height:75px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:75px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/*第二屏*/
.page2{width: 100%;height: 100%;overflow: hidden; background-color:#f5f5f5;}
.pages{width: 100%;height: 100%;overflow: hidden}
.in_left{ width:14%; height:100vh; float:left; overflow:hidden;}
.in_left_menu{ width:60px; height:auto; margin:20vh 0 auto 2.5vw;}
.in_left_menu_en{ width:35px; height:auto; overflow:hidden; float:left; font-size:36px; color:#006e3d; line-height:100%; font-weight: bold; font-family:L-Black;writing-mode:tb-rl; text-align:left; }
.in_left_menu_cn{ width:25px; height:auto; overflow:hidden; float:left; font-size:20px; color:#006e3d; line-height:100%; writing-mode:tb-rl; text-align:left; }

.about{width: 68%; height: 500px; float:left; margin:20vh 9% auto 9%; overflow: hidden;}
.about_l{ width:60%; height:auto; overflow:hidden; float:left;}
.about_l_title{ width:100%; height:auto; line-height:130%; font-size:28px; color:#333; font-weight:bold;}
.about_l_en{ width:100%; height:auto; line-height:130%; font-size:16px; color:#333; font-weight:bold; font-family:L-Heavy;}
.about_l_con{ width:100%; height:auto; line-height:200%; margin-top:20px; font-size:14px; color:#333;}
.about_l_more{ width:110px; height:35px; line-height:35px; background-color:#067143; color:#fff; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:50px;}
.about_l_more:hover{ width:106px; height:31px; line-height:31px; background-color:#fff; color:#067143; border:2px solid #067143; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:50px;}
.about_r{ width:28%; height:320px; float:left; margin:20px auto 0 7%; background-color:#067143; position:relative; z-index:1;}
.about_r_img{width:250px; height:294px; float:left; border:5px solid #fff; margin-top:-20px; margin-left:-20px; position:relative; z-index:3; overflow:hidden;}
.about_r_img img{ width:100%;}

.page2.active .about .about_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.page2.active .about .about_r{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第三屏*/
.page3{width: 100%;height: 100%;overflow: hidden;}
.product{width:76%;height: auto;overflow: hidden;margin:12vh 5% 0 5%; float:left;}
.yewu_k{ width:100%; height:600px; border:0; overflow:hidden; position:relative; z-index:0; display:block;}
.yewu_box{ width:32%; height:auto; float:left; margin:0 0.5%; overflow:hidden; position: relative; z-index:3;}
.yewu_box_img{ width:100%; height:331px; overflow:hidden; background-color:#f5f5f5; }
.yewu_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_box:hover .yewu_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.yewu_box_tk{ width:98%; height:100px; overflow:hidden; border:3px solid #fff;transition:all 0.5s;}
.yewu_box_title{ width:90%; height:100px; overflow:hidden; margin:0 auto; line-height:100px; font-size:18px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_title{ width:90%; height:60px; overflow:hidden; margin:0 auto; line-height:60px; font-size:18px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_tk{ width:98%; height:100px; overflow:hidden; border:3px solid #067143;transition:all 0.5s;}
.yewu_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:40px; font-weight:lighter; color:#067143;text-align:center; }

.yewu_t{ width:100%; height:auto; border:0; overflow:hidden; position:relative; z-index:0; display: none;}
.yewu_t_box{ width:48%; height:200px; float:left; margin:0 1% 0 1%; overflow:hidden; position: relative; z-index:3;}
.yewu_t_box_img{ width:100%; height:160px; overflow:hidden; background-color:#f5f5f5; }
.yewu_t_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_t_box:hover .yewu_t_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1);}
.yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_t_box:hover .yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}


.yewu_pege{width:100%;height: auto;text-align: center;overflow: hidden;margin:0 auto;}
.yewu_pege a{display:inline-block;width:auto;height:50px;line-height: 50px;font-size: 45px;margin: 0 10px;color: #deecea; font-family:serif; font-weight:bold;}
.current1{ font-family:L-Heavy; font-size:40px; font-weight:bold; color:#067143;}
.current2{ font-family:L-Heavy; font-size:25px; font-weight:bold; color:#deecea;}
.yewu_pege a:hover{color: #067143;}

.page3.active .product{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第四屏*/
.page4{width: 100%;height: 100%;overflow: hidden;}
.news{ width:80%; height:auto; float:left; margin:0 3%; overflow:hidden; display:block;}
.news_y{ width:94%; height:auto; float:left; margin:3vh 3% 0 3%; overflow:hidden; display: none;}
.news_l{ width:50%; height:auto; float:left; overflow:hidden;}
.news_l_img{ width:100%; height:60vh; overflow:hidden; position:relative; z-index:1;}
.news_l_img img{ width:100%; min-height:100%;transition: all 0.7s;}
.news_l:hover .news_l_img img{transition: all 0.7s;transform:scale(1.1) }
.news_l_time{ width:90px; height:90px; overflow:hidden; position: relative; z-index:2; background-color:#873c22; margin-top:-55px; float:right;}
.news_l_time_d{ width:100%; height:45px; line-height:45px; font-size:38px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; margin-top:10px;}
.news_l_time_y{ width:100%; height:20px; line-height:20px; font-size:14px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.news_l_tk{ width:90%; height:120px; overflow:hidden; margin:30px auto 0 auto;}
.news_l_title{ width:100%; height:50px; overflow:hidden; line-height:50px; font-size:20px; color:#333; font-weight:bold;}
.news_l:hover .news_l_title{color:#067143;}
.news_l_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.news_r{ width:45%; height:auto; overflow:hidden; float:left;}
.news_r_box{ width:100%; height:170px; overflow:hidden; border-top:1px solid #ebebeb; transition:all 0.5s;}
.news_r_k{ width:90%; height:85px; overflow:hidden; margin:42px auto;}
.news_r_time{ width:20%; height:85px; overflow:hidden; float:left; line-height:35px; font-size:26px; color:#333; font-family:L-Black; text-align:center; font-weight:bold; padding-top:20px;}
.news_r_time span{ line-height:30px; font-size:12px; color:#333; font-family:L-Black; text-align:center; font-weight:bold;}
.news_r_tk{ width:75%; height:85px; overflow:hidden; float:left; margin-left:5%;}
.news_r_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:18px; color:#333; font-weight:bold;}
.news_r_con{ width:100%; height:50px; overflow:hidden; line-height:25px; font-size:12px; color:#666;}
.news_r_box:hover{ border-top:2px solid #067143; height:169px; transition:all 0.5s;}
.news_r_box:hover .news_r_title{ color:#067143; }

.page4.active .news_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.news_r_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}
.page4.active .news_r_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第五屏*/
.page5{width: 100%;height: 100%; overflow: hidden; background:url(../img/images/cg.jpg) no-repeat top center; background-size:100%;}
.zhaob{ width:92%; height:auto; overflow:hidden; margin:360px 4% 0 4%;}
.zhaob_box{ width:20%; height: auto; overflow:hidden; float:left; margin:0 2.5%;}
.zhaob_time{ width:60px; height:70px; overflow:hidden; background-color:#fff; line-height:25px; font-size:24px; color:#333; font-family:L-Black; text-align:center; font-weight:bold; padding-top:5px;}
.zhaob_time span{ line-height:35px; font-size:12px; color:#333; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#333; font-weight:bold;}
.zhaob_con{ width:100%; height:60px; overflow:hidden; line-height:20px; font-size:12px; color:#666;}
.zhaob_more{ width:68px; height:23px; overflow:hidden; line-height:23px; font-size:12px; color:#dbe5e4; background-color:#fff; font-family:L-Black; text-align:center; font-weight:bold; border:1px solid #dbe5e4;}
.zhaob_more:hover{color:#fff; background-color:#067143; border:1px solid #067143;}
.zhaob_box:hover .zhaob_time{ width:60px; height:70px; overflow:hidden; background-color:#067143; line-height:25px; font-size:24px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; padding-top:5px;}
.zhaob_box:hover .zhaob_time span{ line-height:35px; font-size:12px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_box:hover .zhaob_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#067143; font-weight:bold;}

.zhaob_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}

.page5.active .zhaob_box:nth-child(1){transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;}
.page5.active .zhaob_box:nth-child(2){transition: all 1s ease .2s;-webkit-transition: all 1s ease .2s;-moz-transition: all 1s ease .2s;}
.page5.active .zhaob_box:nth-child(3){transition: all 1s ease .4s;-webkit-transition: all 1s ease .4s;-moz-transition: all 1s ease .4s;}
.page5.active .zhaob_box:nth-child(4){transition: all 1s ease .6s;-webkit-transition: all 1s ease .6s;-moz-transition: all 1s ease .6s;}
.page5.active .zhaob_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第六屏*/
.page6{width: 100%;height: 100%;overflow: hidden;}
.case{ width:86%; height:100%; overflow:hidden; float:left;}
#mcase{ display:none;}
#pccase{ display: block;}
.case_box{ width:293px; height:100vh; float:left; overflow:hidden; position:relative; z-index:1;}
.case_box_img{ width:100%; height:100vh; overflow:hidden; margin-top:0; transition:all 0.5s;}
.case_box_img img{ width:auto; height:100%;}
.case_box1{width:285px; height:100vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-293px; opacity: 0; transition:all 0.5s;}
.case_box1_b{width:100%; height:220px; background-color:#067143; position:absolute; z-index:4; bottom:-220px; transition:all 0.5s;}
.case_box1_title{ width:90%; height:40px; overflow:hidden; margin:20px auto 0 auto; line-height:40px; font-size:20px; color:#fff; text-align:center; font-weight:bold;}
.case_box1_con{ width:90%; height:75px; overflow:hidden; margin:10px auto 0 auto; line-height:25px; font-size:12px; color:#b9edd7;}
.case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:20px auto 0 auto; line-height:30px; font-size:40px; color:#b9edd7; font-weight:lighter; text-align:center;}
.Cont a:hover .case_box1{width:285px; height:100vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-293px; opacity: 1; transition:all 0.5s;}
.Cont a:hover .case_box1_b{width:100%; height:220px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.Cont a:hover .case_box_img{margin-top:-215px; transition:all 0.5s;}
.blk_l {
	OVERFLOW: hidden;
	ZOOM: 1;
	POSITION: relative;
}
.blk_l .LeftBotton { width:60px; height:60px; color:#8fb7a6; font-size:40px; text-align:center; line-height:60px; float:left; left:30px; top:30%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .RightBotton { width:60px; height:60px; color:#8fb7a6; font-size:40px; text-align:center; line-height:60px; float:right; right:70px; top:30%; font-family:serif; cursor:pointer; POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .Cont {MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 1174px; height:auto;}
.rollphotos {WIDTH: 1174px;}

.page6.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第七屏*/
.page7{width: 100%;height: 100%;overflow: hidden; background: url(../img/images/map.jpg) no-repeat top center; background-size:100%;}
.contact{ width:70%; height:auto; float:left; overflow:hidden; margin:20vh 8% 0 8%;}
.contact_top{ width:100%; height:auto; overflow: hidden;}
.contact_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:26px; color:#067143; font-weight:bold; margin-bottom:15px;}
.contact_con{ width:100%; height:auto; overflow:hidden; line-height:25px; font-size:14px; color:#333;}
.contact_down{ width:100%; height:auto; overflow:hidden; margin-top:40px;}
.contact_down_box{ width:48%; height:auto; float:left; overflow:hidden; margin-right:2%;}
.contact_down ul{ width:100%; height:auto; overflow:hidden; background-color:#30a673; margin-bottom:10px;}
.contact_down_wenzi{ width:15%; height:42px; float:left; overflow:hidden; text-align:center; line-height:42px; color:#fff; font-size:16px;}
.contact_down_in{ width:75%; height:auto; float:left; overflow:hidden;}
.login_text_input{ width:100%; height:auto; border:0; background:none; line-height:42px; color:#fff; font-size:16px; float:left;}
.contact_down_tijiao{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.butinput{ width:98%; height:50px; background-color:#30a673; border:0; font-size:16px; color:#fff; line-height:50px;}

.page7.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}


/*第八屏*/
.footer{width: 100%;height: 60px; background-color:#1a1a1a; line-height: 60px; text-align: center;font-size: 14px;color: #fff;}
.footer a{color: #fff}

/*内页-header*/
.header{ width:100%; height:60px; overflow:hidden; margin:0 auto; background-color:#fff;}
.logo{ width:10%; margin:10px auto 0 2.5vw;}
.logo img{ width:100%; max-width:185px;}
.nav{width: auto;float: right;margin-right:60px; margin-top:15px;}
.nav ul li{width: 90px;height:30px;float:left;line-height: 30px;position: relative;text-align: center}
.nav ul li a{display:inline-block;width: auto;color: #333;font-size: 14px;line-height:30px}
.nav ul li:hover a{color: #067143;}
.nav li ul li:hover a{color: #067143!important;font-size: 14px;}
.nav ul li a.active{color: #067143;}


/*子导航*/
.subnav{width: 100%;height:60px;background:url("../img/foot.png") repeat;overflow: hidden;text-align: center}
.subnav a{display:inline-block;padding:0 45px;line-height: 60px;font-size: 16px;color: #3b3b3b;}
.subnav a:hover{color: #47a60a;}
.subnav a.mr{color: #47a60a}

/*子标题*/
.subtitle{text-align: center;margin-top: 60px;}
.subtitle h3{font-size: 22px;color: #067143;font-weight: bold}
.subtitle p{font-size: 34px;color: #067143; font-family:L-Heavy; font-weight:bold;}

/*产品内页*/
.products{width:100%;height: auto;overflow: hidden; margin-top:70px;}
.products_box{ width:32%; height:585px; float:left; margin:0 0.5%; overflow:hidden; position: relative; z-index:3;}
.products_box_img{ width:100%; height:auto; overflow:hidden; background-color:#f5f5f5; }
.products_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.products_box:hover .products_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.products_box_tk{ width:98%; height:134px; overflow:hidden; border:3px solid #fff;transition:all 0.5s;}
.products_box_title{ width:90%; height:134px; overflow:hidden; margin:0 auto; line-height:134px; font-size:20px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_title{ width:90%; height:80px; overflow:hidden; margin:0 auto; line-height:80px; font-size:20px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_tk{ width:98%; height:134px; overflow:hidden; border:3px solid #067143;transition:all 0.5s;}
.products_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:50px; font-weight:lighter; color:#067143;text-align:center; }


/*新闻内页*/
.new{width: 100%;height: auto;overflow: hidden; border-bottom:1px dashed #dedede; transition:all 0.3s;}
.new:hover{width: 100%;height: auto;overflow: hidden;  background-color:#067143; border-bottom:1px double #dedede; transition:all 0.3s;}
.new_box{ width:80%; height:auto; overflow:hidden; margin:0 auto; padding:50px 0;}
.new_box_l{ width:10%; height:100%; overflow:hidden; float:left;}
.new_box_l_t{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:36px; color:#067143; font-family:L-Heavy; font-weight:bold;}
.new_box_l_b{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:14px; color:#c6c6c6; font-family:L-Heavy; }
.new_box_c{ width:80%; height:100%; overflow:hidden; float:left;}
.new_box_c_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:20px; color:#333; font-weight:bold;}
.new_box_c_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.new_box_r{ width:10%; height:100%; overflow:hidden; float:left; line-height:100px; font-size:40px;  color:#067143;text-align:center;}
.new:hover .new_box_l_t{ color:#fff;}
.new:hover .new_box_l_b{ color:#fff;}
.new:hover .new_box_c_title{ color:#fff;}
.new:hover .new_box_c_con{ color:#fff;}
.new:hover .new_box_r{ color:#fff;}

/*关于我们-内页*/
.n_nav{ width:100%; height:60px; overflow:hidden; background-color:#262626; margin:0 auto; top:0; z-index:999; text-align:center;}
.n_nav li{ width:100px; height:60px; display:inline-block; line-height:60px; font-size:14px; color:#fff; text-align:center;}
.n_nav li:hover{ width:100px; height:60px; display:inline-block; line-height:60px; font-size:14px; color:#fff; text-align:center; background-color:#067143;}
.n_about1{ width:100%; height:820px; overflow:hidden; margin:0 auto;background: url(../img/images/aboutbg.jpg) no-repeat top center; background-size:100%;}
.n_company{ width:1024px; height:auto; overflow:hidden; margin:70px auto 0 auto;}
.n_company_en{ width:100%; height:50px; overflow:hidden; line-height:50px; color:#067143; font-size:36px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_company_cn{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#067143; font-size:22px; text-align:center;}
.n_company_con{ width:100%; height:auto; overflow:hidden; line-height:25px; color:#333; font-size:14px; margin-top:40px;}
.n_company_img{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.n_company_img img{ width:100%; height:auto;}

.n_about2{ width:100%; height:541px; overflow:hidden; margin:0 auto;background: url(../img/images/culturebg.jpg) no-repeat top center; background-size:100%;}
.n_culture{ width:1300px; height:auto; overflow:hidden; margin:80px auto 0 auto;}
.n_culture_en{ width:100%; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:36px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_culture_cn{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#fff; font-size:22px; text-align:center;}
.n_culture_con{ width:100%; height:auto; overflow:hidden; line-height:25px; color:#d7d7d7; font-size:14px; margin-top:40px;}

.n_about3{ width:100%; height:467px; overflow:hidden; margin:0 auto; background: url(../img/images/jiag.jpg) no-repeat top left; background-size:50%;}
.n_organi{ width:1200px; height:auto; overflow:hidden; margin:80px auto 0 auto;}
.n_organi_l{ width:50%; height:auto; float:left; overflow:hidden;}
.n_organi_l_en{ width:100%; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:36px; font-family:L-Heavy; font-weight:bold; margin-top:30px;}
.n_organi_l_cn{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#fff; font-size:22px;}
.n_organi_r{ width:50%; height:auto; float:right; overflow:hidden; text-align:right;}
.n_organi_r img{ width:95%; height:auto;}

.n_about4{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_evolve_t{ width:100%; height:auto; overflow:hidden; margin:70px auto 0 auto;}
.n_evolve_t_en{ width:100%; height:50px; overflow:hidden; line-height:50px; color:#067143; font-size:36px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_evolve_t_cn{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#067143; font-size:22px; text-align:center;}

.n_evolve_d{ width:100%; height:445px; overflow:hidden; margin:40px auto 0 auto; display:block;}
.n_evolve_d_m{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; display: none;}
.n_evolve_box{ width:24.8%; height:445px; overflow:hidden; float:left; margin:0 0.1%; background-color:#ededed; transition:all 0.3s;}
.n_evolve_box_w{ width:90%; height:205px; max-height:250px; overflow:hidden; margin:20px 5% 0 5%;}
.n_evolve_box_w_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:18px; color:#333; font-weight:bold; transition:all 0.3s;}
.n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:20px; font-size:12px; color:#333; margin-top:5px; transition:all 0.3s;}
.n_evolve_box_i{ width:100%; height:240px; overflow:hidden;}
.n_evolve_box_i img{ width:100%; min-height:240px;}
.n_evolve_box:hover{ width:24.8%; height:445px; overflow:hidden; float:left; margin:0 0.1%; background-color:#067143; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:18px; color:#fff; font-weight:bold; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:20px; font-size:12px; color:#fff; margin-top:5px; transition:all 0.3s;}

.n_about5{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_process_d{ width:100%; height:450px; overflow:hidden; margin:80px auto 0 auto; position:relative; background: url(../img/images/liuc.png) no-repeat center; background-size:100%;}
.n_process_d_k1{ width:250px; height:auto; overflow:hidden; position:absolute; left:120px; top:60px;}
.n_process_d_k2{ width:220px; height:auto; overflow:hidden; position:absolute; left:260px; bottom:70px;}
.n_process_d_k3{ width:250px; height:auto; overflow:hidden; position:absolute; left:390px; top:120px;}
.n_process_d_k4{ width:220px; height:auto; overflow:hidden; position:absolute; left:500px; bottom:70px;}
.n_process_d_k5{ width:250px; height:auto; overflow:hidden; position:absolute; right:450px; top:60px;}
.n_process_d_k6{ width:220px; height:auto; overflow:hidden; position:absolute; right:370px; bottom:70px;}
.n_process_d_k7{ width:250px; height:auto; overflow:hidden; position:absolute; right:220px; top:80px;}
.n_process_d_k8{ width:220px; height:auto; overflow:hidden; position:absolute; right:120px; bottom:70px;}
.n_process_d_k_l{ width:15%; height:auto; overflow:hidden; float:left; line-height:150%; font-size:25px; color:#067143; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_process_d_k_r{ width:80%; height:auto; overflow:hidden; float:left; line-height:20px; font-size:12px; color:#333;}

.n_about6{ width:100%; height:auto; overflow:hidden; margin:0 auto; background: url(../img/images/shouh.jpg) no-repeat top center; background-size:100%}
.service{width:1100px; height:726px; overflow:hidden; margin:70px auto 0 auto; }

.n_about7{ width:100%; height:auto; overflow:hidden; margin:0 auto 100px auto;}


/*联系我们-内页*/
.n_contact{width: 100%;height:auto; overflow:hidden; margin:0 auto;}
.n_contact_left{ width:50%; height:100%; overflow:hidden; float:left; background-color:#067143;}
.n_contact_left_t{ width:80%; height:auto; margin:8% auto 3% 15%; line-height:40px; overflow:hidden; color:#fff; font-size:26px; font-weight:bold; }
.n_contact_left_c{ width:80%; height:auto; margin:3% auto 3% 15%; line-height:25px; overflow:hidden; color:#8ac3aa; font-size:14px; font-weight:bold;}
.n_contact_left_c pre{line-height:25px; color:#8ac3aa; font-size:14px; font-weight:bold; font-family:microsoft yehei;}
.n_contact_left_c span{color:#fff;}
.n_contact_right{ width:50%; height:534px; overflow:hidden; float:left;}

/*内页案例*/
.n_case_bg{ width:100%; height:90vh; display:table; table-layout:fixed;}
.n_case{ width:100%; height:100%; overflow:hidden; float:left;}
.n_case_box{ width:293px; height:90vh; float:left; overflow:hidden; position:relative; z-index:1;}
.n_case_box_img{ width:100%; height:90vh; overflow:hidden; margin-top:0; transition:all 0.5s;}
.n_case_box_img img{ width:auto; min-width:100%; height:100%}
.n_case_box1{width:285px; height:90vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-293px; opacity: 0; transition:all 0.5s;}
.n_case_box1_b{width:100%; height:200px; background-color:#067143; position:absolute; z-index:4; bottom:-200px; transition:all 0.5s;}
.n_case_box1_title{ width:90%; height:35px; overflow:hidden; margin:10px auto 0 auto; line-height:35px; font-size:18px; color:#fff; text-align:center; font-weight:bold;}
.n_case_box1_con{ width:90%; height:75px; overflow:hidden; margin:10px auto 0 auto; line-height:25px; font-size:12px; color:#b9edd7;}
.n_case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:15px auto 0 auto; line-height:30px; font-size:40px; color:#b9edd7; font-weight:lighter; text-align:center;}
.conbox ul li a:hover .n_case_box1{width:285px; height:90vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-293px; opacity: 1; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box1_b{width:100%; height:200px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box_img{margin-top:-195px; transition:all 0.5s;}

.Box_team { display:table-cell; table-layout:fixed; width:100%; height:100%;}
.Box_team .content_team {width:100%; height:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 13px;height: 50px;position: absolute;top:60px;cursor: pointer;}
.Box_team .btnl_team { width:60px; height:60px; color:#8fb7a6; font-size:45px; text-align:center; line-height:60px; float:left; left:30px; top:45%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .btnr_team { width:60px; height:60px; color:#8fb7a6; font-size:45px; text-align:center; line-height:60px; float:right; right:30px; top:45%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:293px; height:90vh; float:left; overflow:hidden;}



/*内页banner*/
.slider{width: 100%;height: 497px;overflow: hidden;background-size: 100%!important;}

/*当前位置*/
.location{width: 100%;height: 85px;line-height: 85px;background-color: #0086bf}
.local{width: 100%;color: #fff;font-weight: bold;text-align: right;font-size: 18px;}
.local i{font-size: 32px;display: inline-block;float: left}
.local a{color: #fff;}

/*page*/
.page{width:100%;height: auto;text-align: center;overflow: hidden;margin: 90px auto;}
.page a{display:inline-block;width:35px;height: 37px;line-height: 37px;font-size: 18px;margin: 0 8px;color: #0b5447;border: 1px solid #b4b4b4;box-sizing: border-box;border-radius: 3px;}
.page span{display:inline-block;width:35px;height: 37px;line-height: 37px;font-size: 18px;margin: 0 8px;background-color: #0b5447;border-color: #0b5447;border-radius: 3px;color: #d9b184}
.current{color: #d9b184!important;cursor: pointer;}
.page a:hover{background-color: #0b5447;color: #d9b184;border-color: #0b5447}
.page a:first-child{width: 80px;!important}
.page a:last-child{width: 80px;!important}
/*page-end*/

/*view*/
.content{width: 90%;padding:60px 0px;font-size: 14px;line-height: 35px; margin:0 auto;overflow: hidden}
.content .view_title{text-align: center}
.content h3{ font-size:20px;}
.con{font-size: 14px;line-height: 2;min-height: 500px;padding: 20px 0;}
.con img{max-width: 100%}
.pn a:hover{color: #0b5447;font-size: 14px;}
/*view-end*/
}


@media screen and (max-width:1024px){
/*首页头部*/
.commheads{ position:fixed;overflow:hidden; width:100%; z-index:99999; min-width:320px; top:30px; left:0;}
.commheads .chleft{ width:10%; float:left; margin-left:2.5vw;}
.commheads .chleft img{ width:100%; max-width:185px;}
.commheads .chleft2{ margin-top: 45px;}
.commheads .chright{ float:right; /*width:40px; height:40px;*/ margin-right:50px;}
.commheads .chright img{ width:100%; max-width:40px;}
.navigation ul li{width:auto;margin-left: 65px;font-size: 18px;float: left;overflow: hidden;line-height: 42px;}
.navigation ul li:hover a{color: #0b5447;font-weight: bold}
.menu_bg{ width:18%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:rgba(0,0,0,0.8); top:0; right:-18%; transition:all 0.7s;}
.menu_bgo{ width:18%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:rgba(0,0,0,0.8); top:0; right:0; transition:all 0.7s;}
.menu_cha{ width:25px; height:25px; overflow:hidden; float:right; margin:30px 30px 60px auto; background: url(../img/images/cha.png) no-repeat center; background-size:100%;}
.menu_nav{ width:100%; height:auto; overflow:hidden;}
.menu_nav li{ width:100%; height:45px; overflow:hidden; line-height:45px; font-size:18px; color:#fff; text-align:center; transition:all 0.4s;}
.menu_nav li:hover{ width:100%; height:45px; overflow:hidden; line-height:45px; font-size:18px; color:#fff; text-align:center; background-color:#067143; transition:all 0.4s;}


/*第一屏*/
.page1{width: 100%;height: 100%;overflow: hidden}
.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:0; text-align:center; width:100%;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:75px; height:75px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:75px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-prev:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:75px; height:75px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:75px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/*第二屏*/
.page2{width: 100%;height: 100%;overflow: hidden; background-color:#f5f5f5;}
.pages{width: 100%;height: 100%;overflow: hidden}
.in_left{ width:14%; height:100vh; float:left; overflow:hidden;}
.in_left_menu{ width:60px; height:auto; margin:20vh 0 auto 2.5vw;}
.in_left_menu_en{ width:35px; height:auto; overflow:hidden; float:left; font-size:36px; color:#006e3d; line-height:100%; font-weight: bold; font-family:L-Black;writing-mode:tb-rl; text-align:left; }
.in_left_menu_cn{ width:25px; height:auto; overflow:hidden; float:left; font-size:20px; color:#006e3d; line-height:100%; writing-mode:tb-rl; text-align:left; }

.about{width: 76%; height: 500px; float:left; margin:20vh 5% auto 5%; overflow: hidden;}
.about_l{ width:55%; height:auto; overflow:hidden; float:left;}
.about_l_title{ width:100%; height:auto; line-height:130%; font-size:28px; color:#333; font-weight:bold;}
.about_l_en{ width:100%; height:auto; line-height:130%; font-size:16px; color:#333; font-weight:bold; font-family:L-Heavy;}
.about_l_con{ width:100%; height:auto; line-height:200%; margin-top:20px; font-size:14px; color:#333;}
.about_l_more{ width:110px; height:35px; line-height:35px; background-color:#067143; color:#fff; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:50px;}
.about_l_more:hover{ width:106px; height:31px; line-height:31px; background-color:#fff; color:#067143; border:2px solid #067143; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:50px;}
.about_r{ width:33%; height:300px; float:left; margin:20px auto 0 7%; background-color:#067143; position:relative; z-index:1;}
.about_r_img{width:250px; height:294px; float:left; border:5px solid #fff; margin-top:-20px; margin-left:-20px; position:relative; z-index:3; overflow:hidden;}
.about_r_img img{ width:100%;}

.page2.active .about .about_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.page2.active .about .about_r{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第三屏*/
.page3{width: 100%;height: 100%;overflow: hidden;}
.product{width:76%;height: auto;overflow: hidden;margin:25vh 7% 0 3%; float:left;}
.yewu_k{ width:100%; height:395px; border:0; overflow:hidden; position:relative; z-index:0; display: block;}
.yewu_box{ width:32%; height:auto; float:left; margin:0 0.5%; overflow:hidden; position: relative; z-index:3;}
.yewu_box_img{ width:100%; height:auto; overflow:hidden; background-color:#f5f5f5; }
.yewu_box_img img{ width:100%; height:249px;  transition: all 0.7s; }
.yewu_box:hover .yewu_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.yewu_box_tk{ width:98%; height:100px; overflow:hidden; border:3px solid #fff;transition:all 0.5s;}
.yewu_box_title{ width:90%; height:100px; overflow:hidden; margin:0 auto; line-height:100px; font-size:18px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_title{ width:90%; height:60px; overflow:hidden; margin:0 auto; line-height:60px; font-size:18px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_tk{ width:98%; height:100px; overflow:hidden; border:3px solid #067143;transition:all 0.5s;}
.yewu_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:40px; font-weight:lighter; color:#067143;text-align:center; }

.yewu_t{ width:100%; height:auto; border:0; overflow:hidden; position:relative; z-index:0; display: none;}
.yewu_t_box{ width:48%; height:200px; float:left; margin:0 1% 0 1%; overflow:hidden; position: relative; z-index:3;}
.yewu_t_box_img{ width:100%; height:160px; overflow:hidden; background-color:#f5f5f5; }
.yewu_t_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_t_box:hover .yewu_t_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1);}
.yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_t_box:hover .yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}



.yewu_pege{width:100%;height: auto;text-align: center;overflow: hidden;margin:0 auto;}
.yewu_pege a{display:inline-block;width:auto;height:50px;line-height: 50px;font-size: 45px;margin: 0 10px;color: #deecea; font-family:serif; font-weight:bold;}
.current1{ font-family:L-Heavy; font-size:40px; font-weight:bold; color:#067143;}
.current2{ font-family:L-Heavy; font-size:25px; font-weight:bold; color:#deecea;}
.yewu_pege a:hover{color: #067143;}

.page3.active .product{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第四屏*/
.page4{width: 100%;height: 100%;overflow: hidden;}
.news{ width:80%; height:auto; float:left; margin:0 3%; overflow:hidden; display:block;}
.news_y{ width:94%; height:auto; float:left; margin:3vh 3% 0 3%; overflow:hidden; display: none;}
.news_l{ width:50%; height:auto; float:left; overflow:hidden;}
.news_l_img{ width:100%; height:40vh; overflow:hidden; position:relative; z-index:1;}
.news_l_img img{ width:100%; min-height:100%;transition: all 0.7s;}
.news_l:hover .news_l_img img{transition: all 0.7s;transform:scale(1.1) }
.news_l_time{ width:65px; height:65px; overflow:hidden; position: relative; z-index:2; background-color:#873c22; margin-top:-33px; float:right;}
.news_l_time_d{ width:100%; height:35px; line-height:35px; font-size:30px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; margin-top:5px;}
.news_l_time_y{ width:100%; height:20px; line-height:20px; font-size:12px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.news_l_tk{ width:90%; height:120px; overflow:hidden; margin:20px auto 0 auto;}
.news_l_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:20px; color:#333; font-weight:bold;}
.news_l:hover .news_l_title{color:#067143;}
.news_l_con{ width:100%; height:50px; overflow:hidden; line-height:25px; font-size:14px; color:#666;}
.news_r{ width:45%; height:auto; overflow:hidden; float:left;}
.news_r_box{ width:100%; height:150px; overflow:hidden; border-top:1px solid #ebebeb; transition:all 0.5s;}
.news_r_k{ width:90%; height:85px; overflow:hidden; margin:32px auto;}
.news_r_time{ width:20%; height:85px; overflow:hidden; float:left; line-height:35px; font-size:26px; color:#333; font-family:L-Black; text-align:center; font-weight:bold; padding-top:20px;}
.news_r_time span{ line-height:30px; font-size:12px; color:#333; font-family:L-Black; text-align:center; font-weight:bold;}
.news_r_tk{ width:75%; height:85px; overflow:hidden; float:left; margin-left:5%;}
.news_r_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:18px; color:#333; font-weight:bold;}
.news_r_con{ width:100%; height:50px; overflow:hidden; line-height:25px; font-size:12px; color:#666;}
.news_r_box:hover{ border-top:2px solid #067143; height:149px; transition:all 0.5s;}
.news_r_box:hover .news_r_title{ color:#067143; }

.page4.active .news_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.news_r_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}
.page4.active .news_r_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第五屏*/
.page5{width: 100%;height: 100%; overflow: hidden; background:url(../img/images/cg.jpg) no-repeat top center; background-size:100%;}
.zhaob{ width:92%; height:auto; overflow:hidden; margin:330px 4% 0 4%;}
.zhaob_box{ width:46%; height: auto; overflow:hidden; float:left; margin:0 2% 2% 2%;}
.zhaob_time{ width:60px; height:60px; overflow:hidden; background-color:#067143; line-height:25px; font-size:24px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; padding-top:5px;}
.zhaob_time span{ line-height:35px; font-size:12px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#333; font-weight:bold;}
.zhaob_con{ width:100%; height:60px; overflow:hidden; line-height:20px; font-size:12px; color:#666;}
.zhaob_more{ width:68px; height:23px; overflow:hidden; line-height:23px; font-size:12px; color:#dbe5e4; background-color:#fff; font-family:L-Black; text-align:center; font-weight:bold; border:1px solid #dbe5e4; margin-top:10px;}
.zhaob_more:hover{color:#fff; background-color:#067143; border:1px solid #067143;}
.zhaob_box:hover .zhaob_time{ width:60px; height:60px; overflow:hidden; background-color:#067143; line-height:25px; font-size:24px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; padding-top:5px;}
.zhaob_box:hover .zhaob_time span{ line-height:35px; font-size:12px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_box:hover .zhaob_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#067143; font-weight:bold;}

.zhaob_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}

.page5.active .zhaob_box:nth-child(1){transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;}
.page5.active .zhaob_box:nth-child(2){transition: all 1s ease .2s;-webkit-transition: all 1s ease .2s;-moz-transition: all 1s ease .2s;}
.page5.active .zhaob_box:nth-child(3){transition: all 1s ease .4s;-webkit-transition: all 1s ease .4s;-moz-transition: all 1s ease .4s;}
.page5.active .zhaob_box:nth-child(4){transition: all 1s ease .6s;-webkit-transition: all 1s ease .6s;-moz-transition: all 1s ease .6s;}
.page5.active .zhaob_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第六屏*/
.page6{width: 100%;height: 100%;overflow: hidden;}
.case{ width:86%; height:100%; overflow:hidden; float:left;}
#mcase{ display: none;}
#pccase{ display:block;}
.case_box{ width:293px; height:90vh; float:left; overflow:hidden; position:relative; z-index:1;}
.case_box_img{ width:100%; height:100vh; overflow:hidden; margin-top:0; transition:all 0.5s;}
.case_box_img img{ width:auto; height:100%;}
.case_box1{width:285px; height:90vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-293px; opacity: 0; transition:all 0.5s;}
.case_box1_b{width:100%; height:220px; background-color:#067143; position:absolute; z-index:4; bottom:-220px; transition:all 0.5s;}
.case_box1_title{ width:90%; height:40px; overflow:hidden; margin:20px auto 0 auto; line-height:40px; font-size:20px; color:#fff; text-align:center; font-weight:bold;}
.case_box1_con{ width:90%; height:75px; overflow:hidden; margin:10px auto 0 auto; line-height:25px; font-size:12px; color:#b9edd7;}
.case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:20px auto 0 auto; line-height:30px; font-size:40px; color:#b9edd7; font-weight:lighter; text-align:center;}
.Cont a:hover .case_box1{width:285px; height:90vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-293px; opacity: 1; transition:all 0.5s;}
.Cont a:hover .case_box1_b{width:100%; height:220px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.Cont a:hover .case_box_img{margin-top:-200px; transition:all 0.5s;}
.blk_l {
	OVERFLOW: hidden;
	ZOOM: 1;
	POSITION: relative;
}
.blk_l .LeftBotton { width:60px; height:60px; color:#8fb7a6; font-size:40px; text-align:center; line-height:60px; float:left; left:30px; top:30%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .RightBotton { width:60px; height:60px; color:#8fb7a6; font-size:40px; text-align:center; line-height:60px; float:right; right:70px; top:30%; font-family:serif; cursor:pointer; POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .Cont {MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 880px; height:auto;}
.rollphotos {WIDTH: 880px;}

.page6.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第七屏*/
.page7{width: 100%;height: 100%;overflow: hidden; background: url(../img/images/map.jpg) no-repeat top center; background-size:100%;}
.contact{ width:70%; height:auto; float:left; overflow:hidden; margin:20vh 8% 0 8%;}
.contact_top{ width:100%; height:auto; overflow: hidden;}
.contact_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:26px; color:#067143; font-weight:bold; margin-bottom:15px;}
.contact_con{ width:100%; height:auto; overflow:hidden; line-height:25px; font-size:14px; color:#333;}
.contact_down{ width:100%; height:auto; overflow:hidden; margin-top:40px;}
.contact_down_box{ width:48%; height:auto; float:left; overflow:hidden; margin-right:2%;}
.contact_down ul{ width:100%; height:auto; overflow:hidden; background-color:#30a673; margin-bottom:10px;}
.contact_down_wenzi{ width:25%; height:42px; float:left; overflow:hidden; text-align:center; line-height:42px; color:#fff; font-size:16px;}
.contact_down_in{ width:65%; height:auto; float:left; overflow:hidden;}
.login_text_input{ width:100%; height:auto; border:0; background:none; line-height:42px; color:#fff; font-size:16px; float:left;}
.contact_down_tijiao{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.butinput{ width:98%; height:50px; background-color:#30a673; border:0; font-size:16px; color:#fff; line-height:50px;}

.page7.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}


/*第八屏*/
.footer{width: 100%;height: 60px; background-color:#1a1a1a; line-height: 60px; text-align: center;font-size: 14px;color: #fff;}
.footer a{color: #fff}

/*内页-header*/
.header{ width:100%; height:60px; overflow:hidden; margin:0 auto; background-color:#fff;}
.logo{ width:12%; margin:15px auto 0 2.5vw;}
.logo img{ width:100%; max-width:185px;}
.nav{width: auto;float: right;margin-right:20px; margin-top:15px;}
.nav ul li{width: 90px;height:30px;float:left;line-height: 30px;position: relative;text-align: center}
.nav ul li a{display:inline-block;width: auto;color: #333;font-size: 14px;line-height:30px}
.nav ul li:hover a{color: #067143;}
.nav li ul li:hover a{color: #067143!important;font-size: 14px;}
.nav ul li a.active{color: #067143;}


/*子导航*/
.subnav{width: 100%;height:60px;background:url("../img/foot.png") repeat;overflow: hidden;text-align: center}
.subnav a{display:inline-block;padding:0 45px;line-height: 60px;font-size: 16px;color: #3b3b3b;}
.subnav a:hover{color: #47a60a;}
.subnav a.mr{color: #47a60a}

/*子标题*/
.subtitle{text-align: center;margin-top: 60px;}
.subtitle h3{font-size: 22px;color: #067143;font-weight: bold}
.subtitle p{font-size: 34px;color: #067143; font-family:L-Heavy; font-weight:bold;}

/*产品内页*/
.container{width: 90%;margin: 0 auto}
.products{width:100%;height: auto;overflow: hidden; margin-top:50px;}
.products_box{ width:32%; height:auto; float:left; margin:0 0.6%; overflow:hidden; position: relative; z-index:3;}
.products_box_img{ width:100%; height:auto; overflow:hidden; background-color:#f5f5f5; }
.products_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.products_box:hover .products_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.products_box_tk{ width:98%; height:90px; overflow:hidden; border:3px solid #fff;transition:all 0.5s;}
.products_box_title{ width:90%; height:90px; overflow:hidden; margin:0 auto; line-height:90px; font-size:18px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_title{ width:90%; height:50px; overflow:hidden; margin:0 auto; line-height:50px; font-size:18px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_tk{ width:98%; height:90px; overflow:hidden; border:3px solid #067143;transition:all 0.5s;}
.products_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:40px; font-weight:lighter; color:#067143;text-align:center; }


/*新闻内页*/
.new{width: 100%;height: auto;overflow: hidden; border-bottom:1px dashed #dedede; transition:all 0.3s;}
.new:hover{width: 100%;height: auto;overflow: hidden;  background-color:#067143; border-bottom:1px double #dedede; transition:all 0.3s;}
.new_box{ width:80%; height:auto; overflow:hidden; margin:0 auto; padding:25px 0;}
.new_box_l{ width:10%; height:100%; overflow:hidden; float:left;}
.new_box_l_t{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:36px; color:#067143; font-family:L-Heavy; font-weight:bold;}
.new_box_l_b{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:14px; color:#c6c6c6; font-family:L-Heavy; }
.new_box_c{ width:80%; height:100%; overflow:hidden; float:left; margin:0 2.5%;}
.new_box_c_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:20px; color:#333; font-weight:bold;}
.new_box_c_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.new_box_r{ width:5%; height:100%; overflow:hidden; float:left; line-height:100px; font-size:40px;  color:#067143;text-align:center;}
.new:hover .new_box_l_t{ color:#fff;}
.new:hover .new_box_l_b{ color:#fff;}
.new:hover .new_box_c_title{ color:#fff;}
.new:hover .new_box_c_con{ color:#fff;}
.new:hover .new_box_r{ color:#fff;}

/*关于我们-内页*/
.n_nav{ width:100%; height:60px; overflow:hidden; background-color:#262626; margin:0 auto; top:0; z-index:999; text-align:center;}
.n_nav li{ width:100px; height:60px; display:inline-block; line-height:60px; font-size:14px; color:#fff; text-align:center;}
.n_nav li:hover{ width:100px; height:60px; display:inline-block; line-height:60px; font-size:14px; color:#fff; text-align:center; background-color:#067143;}
.n_about1{ width:100%; height:770px; overflow:hidden; margin:0 auto;background: url(../img/images/aboutbg.jpg) no-repeat top center; background-size:100%;}
.n_company{ width:90%; height:auto; overflow:hidden; margin:70px auto 0 auto;}
.n_company_en{ width:100%; height:50px; overflow:hidden; line-height:50px; color:#067143; font-size:36px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_company_cn{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#067143; font-size:22px; text-align:center;}
.n_company_con{ width:100%; height:auto; overflow:hidden; line-height:25px; color:#333; font-size:14px; margin-top:40px;}
.n_company_img{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.n_company_img img{ width:100%; height:auto;}

.n_about2{ width:100%; height:411px; overflow:hidden; margin:0 auto;background: url(../img/images/culturebg.jpg) no-repeat top center; background-size:100%;}
.n_culture{ width:90%; height:auto; overflow:hidden; margin:60px auto 0 auto;}
.n_culture_en{ width:100%; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:36px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_culture_cn{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#fff; font-size:22px; text-align:center;}
.n_culture_con{ width:100%; height:auto; overflow:hidden; line-height:25px; color:#d7d7d7; font-size:14px; margin-top:20px;}

.n_about3{ width:100%; height:354px; overflow:hidden; margin:0 auto; background: url(../img/images/jiag.jpg) no-repeat top left; background-size:50%;}
.n_organi{ width:90%; height:auto; overflow:hidden; margin:80px auto 0 auto;}
.n_organi_l{ width:50%; height:auto; float:left; overflow:hidden;}
.n_organi_l_en{ width:100%; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:36px; font-family:L-Heavy; font-weight:bold; margin-top:30px;}
.n_organi_l_cn{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#fff; font-size:22px;}
.n_organi_r{ width:50%; height:auto; float:right; overflow:hidden; text-align:right;}
.n_organi_r img{ width:95%; height:auto;}

.n_about4{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_evolve_t{ width:100%; height:auto; overflow:hidden; margin:60px auto 0 auto;}
.n_evolve_t_en{ width:100%; height:50px; overflow:hidden; line-height:50px; color:#067143; font-size:36px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_evolve_t_cn{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#067143; font-size:22px; text-align:center;}

.n_evolve_d{ width:100%; height:445px; overflow:hidden; margin:30px auto 0 auto; display:block;}
.n_evolve_d_m{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; display: none;}
.n_evolve_box{ width:24.8%; height:445px; overflow:hidden; float:left; margin:0 0.1%; background-color:#ededed; transition:all 0.3s;}
.n_evolve_box_w{ width:94%; height:225px; max-height:250px; overflow:hidden; margin:10px 3% 0 3%;}
.n_evolve_box_w_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:18px; color:#333; font-weight:bold; transition:all 0.3s;}
.n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:20px; font-size:12px; color:#333; margin-top:5px; transition:all 0.3s;}
.n_evolve_box_i{ width:100%; height:220px; overflow:hidden;}
.n_evolve_box_i img{ width:100%; min-height:220px;}
.n_evolve_box:hover{ width:24.8%; height:445px; overflow:hidden; float:left; margin:0 0.1%; background-color:#067143; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:18px; color:#fff; font-weight:bold; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:20px; font-size:12px; color:#fff; margin-top:5px; transition:all 0.3s;}

.n_about5{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_process_d{ width:100%; height:350px; overflow:hidden; margin:30px auto 0 auto; position:relative; background: url(../img/images/liuc.png) no-repeat center; background-size:100%;}
.n_process_d_k1{ width:230px; height:auto; overflow:hidden; position:absolute; left:60px; top:10px;}
.n_process_d_k2{ width:200px; height:auto; overflow:hidden; position:absolute; left:140px; bottom:30px;}
.n_process_d_k3{ width:230px; height:auto; overflow:hidden; position:absolute; left:260px; top:70px;}
.n_process_d_k4{ width:200px; height:auto; overflow:hidden; position:absolute; left:350px; bottom:15px;}
.n_process_d_k5{ width:230px; height:auto; overflow:hidden; position:absolute; right:320px; top:20px;}
.n_process_d_k6{ width:200px; height:auto; overflow:hidden; position:absolute; right:270px; bottom:15px;}
.n_process_d_k7{ width:230px; height:auto; overflow:hidden; position:absolute; right:140px; top:48px;}
.n_process_d_k8{ width:200px; height:auto; overflow:hidden; position:absolute; right:65px; bottom:15px;}
.n_process_d_k_l{ width:15%; height:auto; overflow:hidden; float:left; line-height:150%; font-size:25px; color:#067143; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_process_d_k_r{ width:80%; height:auto; overflow:hidden; float:left; line-height:20px; font-size:12px; color:#333;}

.n_about6{ width:100%; height:auto; overflow:hidden; margin:0 auto; background: url(../img/images/shouh.jpg) no-repeat top center; background-size:100% 100%;}
.service{width:90%; height:710px; overflow:hidden; margin:60px auto 0 auto; }
.service n_culture_con{ line-height:140%; font-size:13px;}
.n_about7{ width:100%; height:auto; overflow:hidden; margin:0 auto 80px auto;}


/*联系我们-内页*/
.n_contact{width: 100%;height:auto; overflow:hidden; margin:0 auto;}
.n_contact_left{ width:50%; height:100%; overflow:hidden; float:left; background-color:#067143;}
.n_contact_left_t{ width:85%; height:auto; margin:8% auto 3% 10%; line-height:40px; overflow:hidden; color:#fff; font-size:26px; font-weight:bold; }
.n_contact_left_c{ width:85%; height:auto; margin:3% auto 3% 10%; line-height:25px; overflow:hidden; color:#8ac3aa; font-size:14px; font-weight:bold;}
.n_contact_left_c pre{line-height:25px; color:#8ac3aa; font-size:14px; font-weight:bold; font-family:microsoft yehei;}
.n_contact_left_c span{color:#fff;}
.n_contact_right{ width:50%; height:534px; overflow:hidden; float:left;}

/*内页案例*/
.n_case_bg{ width:100%; height:78vh; display:table; table-layout:fixed;}
.n_case{ width:100%; height:100%; overflow:hidden; float:left;}
.n_case_box{ width:256px; height:78vh; float:left; overflow:hidden; position:relative; z-index:1;}
.n_case_box_img{ width:100%; height:78vh; overflow:hidden; margin-top:0; transition:all 0.5s;}
.n_case_box_img img{ width:auto; min-width:100%; height:100%}
.n_case_box1{width:248px; height:78vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-256px; opacity: 0; transition:all 0.5s;}
.n_case_box1_b{width:100%; height:200px; background-color:#067143; position:absolute; z-index:4; bottom:-200px; transition:all 0.5s;}
.n_case_box1_title{ width:90%; height:35px; overflow:hidden; margin:10px auto 0 auto; line-height:35px; font-size:18px; color:#fff; text-align:center; font-weight:bold;}
.n_case_box1_con{ width:90%; height:75px; overflow:hidden; margin:10px auto 0 auto; line-height:25px; font-size:12px; color:#b9edd7;}
.n_case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:15px auto 0 auto; line-height:30px; font-size:40px; color:#b9edd7; font-weight:lighter; text-align:center;}
.conbox ul li a:hover .n_case_box1{width:248px; height:78vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-256px; opacity: 1; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box1_b{width:100%; height:200px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box_img{margin-top:-190px; transition:all 0.5s;}

.Box_team { display:table-cell; table-layout:fixed; width:100%; height:100%;}
.Box_team .content_team {width:100%; height:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 13px;height: 50px;position: absolute;top:60px;cursor: pointer;}
.Box_team .btnl_team { width:60px; height:60px; color:#8fb7a6; font-size:45px; text-align:center; line-height:60px; float:left; left:30px; top:45%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .btnr_team { width:60px; height:60px; color:#8fb7a6; font-size:45px; text-align:center; line-height:60px; float:right; right:30px; top:45%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:256px; height:78vh; float:left; overflow:hidden;}



/*内页banner*/
.slider{width: 100%;height: 377px;overflow: hidden;background-size: 100%!important;}

/*当前位置*/
.location{width: 100%;height: 85px;line-height: 85px;background-color: #0086bf}
.local{width: 100%;color: #fff;font-weight: bold;text-align: right;font-size: 18px;}
.local i{font-size: 32px;display: inline-block;float: left}
.local a{color: #fff;}

/*page*/
.page{width:100%;height: auto;text-align: center;overflow: hidden;margin: 50px auto;}
.page a{display:inline-block;width:28px;height: 30px;line-height: 30px;font-size: 14px;margin: 0 4px;color: #0b5447;border: 1px solid #b4b4b4;box-sizing: border-box;border-radius: 3px;}
.page span{display:inline-block;width:28px;height: 30px;line-height: 30px;font-size: 14px;margin: 0 4px;background-color: #0b5447;border-color: #0b5447;border-radius: 3px;color: #d9b184}
.current{color: #d9b184!important;cursor: pointer;}
.page a:hover{background-color: #0b5447;color: #d9b184;border-color: #0b5447}
.page a:first-child{width: 60px;!important}
.page a:last-child{width: 60px;!important}
/*page-end*/

/*view*/
.content{width: 100%;padding:60px 0px;font-size: 14px;line-height: 35px;overflow: hidden}
.content .view_title{text-align: center}
.content h3{ font-size:20px;}
.con{font-size: 14px;line-height: 2;min-height: 500px;padding: 20px 0;}
.con img{max-width: 100%}
.pn a:hover{color: #0b5447;font-size: 14px;}
/*view-end*/


}



@media screen and (max-width:768px){
/*首页头部*/
.commheads{ position:fixed;overflow:hidden; width:100%; z-index:99999; min-width:320px; top:30px; left:0;}
.commheads .chleft{ width:20%; float:left; margin-left:2.5vw;}
.commheads .chleft img{ width:100%; max-width:185px;}
.commheads .chleft2{ margin-top: 45px;}
.commheads .chright{ float:right; /*width:40px; height:40px;*/ margin-right:50px;}
.commheads .chright img{ width:100%; max-width:55px;}
.chright{ float:right; /*width:40px; height:40px;*/ margin-right:20px; margin-top:15px;}
.chright img{ width:100%; max-width:40px;}
.navigation ul li{width:auto;margin-left: 65px;font-size: 18px;float: left;overflow: hidden;line-height: 42px;}
.navigation ul li:hover a{color: #0b5447;font-weight: bold}
.menu_bg{ width:30%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:rgba(0,0,0,0.8); top:0; right:-30%; transition:all 0.7s;}
.menu_bgo{ width:30%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:rgba(0,0,0,0.8); top:0; right:0; transition:all 0.7s;}
.menu_cha{ width:35px; height:35px; overflow:hidden; float:right; margin:30px 30px 60px auto; background: url(../img/images/cha.png) no-repeat center; background-size:100%;}
.menu_nav{ width:100%; height:auto; overflow:hidden;}
.menu_nav li{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:22px; color:#fff; text-align:center; transition:all 0.4s;}
.menu_nav li:hover{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:22px; color:#fff; text-align:center; background-color:#067143; transition:all 0.4s;}


/*第一屏*/
.page1{width: 100%;height: 100%;overflow: hidden}
.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:0; text-align:center; width:100%;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:75px; height:75px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:75px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-prev:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:75px; height:75px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:75px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/*第二屏*/
.page2{width: 100%;height: 100%;overflow: hidden; background-color:#f5f5f5;}
.pages{width: 100%;height: 100%;overflow: hidden}
.in_left{ width:100%; height:22vh; float: none; overflow:hidden;}
.in_left_menu{ width:100%; height:auto; margin:10vh auto 0 auto;}
.in_left_menu_en{ width:100%; height:auto; overflow:hidden; float: none; font-size:36px; color:#006e3d; line-height:150%; font-weight: bold; font-family:L-Black;writing-mode:inherit; text-align: center; }
.in_left_menu_cn{ width:100%; height:auto; overflow:hidden; float:none; font-size:20px; color:#006e3d; line-height:150%; writing-mode:inherit; text-align: center; }

.about{width: 90%; height: 500px; float:left; margin:5vh 5% auto 5%; overflow: hidden;}
.about_l{ width:55%; height:auto; overflow:hidden; float:left;}
.about_l_title{ width:100%; height:auto; line-height:130%; font-size:24px; color:#333; font-weight:bold;}
.about_l_en{ width:100%; height:auto; line-height:130%; font-size:14px; color:#333; font-weight:bold; font-family:L-Heavy;}
.about_l_con{ width:100%; height:auto; line-height:150%; margin-top:20px; font-size:14px; color:#333;}
.about_l_more{ width:110px; height:35px; line-height:35px; background-color:#067143; color:#fff; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:30px;}
.about_l_more:hover{ width:106px; height:31px; line-height:31px; background-color:#fff; color:#067143; border:2px solid #067143; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:50px;}
.about_r{ width:34%; height:280px; float:left; margin:20px auto 0 7%; background-color:#067143; position:relative; z-index:1;}
.about_r_img{width:230px; height:270px; float:left; border:5px solid #fff; margin-top:-20px; margin-left:-20px; position:relative; z-index:3; overflow:hidden;}
.about_r_img img{ width:100%;}

.page2.active .about .about_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.page2.active .about .about_r{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第三屏*/
.page3{width: 100%;height: 100%;overflow: hidden;}
.product{width:88%;height: auto;overflow: hidden;margin:5vh 5% 0 5%; float:left;}
.yewu_k{ width:100%; height:435px; border:0; overflow:hidden; position:relative; z-index:0; display:none;}
.yewu_box{ width:32%; height:385px; float:left; margin:0 0.6%; overflow:hidden; position: relative; z-index:3;}
.yewu_box_img{ width:100%; height:276px; overflow:hidden; background-color:#f5f5f5; }
.yewu_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_box:hover .yewu_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.yewu_box_tk{ width:98%; height:100px; overflow:hidden; border:1% solid #fff;transition:all 0.5s;}
.yewu_box_title{ width:90%; height:100px; overflow:hidden; margin:0 auto; line-height:100px; font-size:18px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_title{ width:90%; height:50px; overflow:hidden; margin:0 auto; line-height:50px; font-size:18px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_tk{ width:98%; height:100px; overflow:hidden; border:1% solid #067143;transition:all 0.5s;}
.yewu_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:40px; font-weight:lighter; color:#067143;text-align:center; }

.yewu_t{ width:90%; height:auto; border:0; overflow:hidden; position:relative; z-index:1; margin:0 auto; display:block;}
.yewu_t_box{ width:45%; height:auto; float:left; margin:0 2.5%; overflow:hidden; position: relative; z-index:3;}
.yewu_t_box_img{ width:100%; height:auto; overflow:hidden; background-color:#f5f5f5; }
.yewu_t_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_t_box:hover .yewu_t_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1);}
.yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_t_box:hover .yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}

.yewu_pege{width:100%;height: auto;text-align: center;overflow: hidden;margin:0 auto;}
.yewu_pege a{display:inline-block;width:auto;height:50px;line-height: 50px;font-size: 45px;margin: 0 10px;color: #deecea; font-family:serif; font-weight:bold;}
.current1{ font-family:L-Heavy; font-size:40px; font-weight:bold; color:#067143;}
.current2{ font-family:L-Heavy; font-size:25px; font-weight:bold; color:#deecea;}
.yewu_pege a:hover{color: #067143;}

.page3.active .product{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第四屏*/
.page4{width: 100%;height: 100%;overflow: hidden;}
.news{ width:94%; height:auto; float:left; margin:3vh 3% 0 3%; overflow:hidden; display:none;}
.news_y{ width:94%; height:auto; float:left; margin:3vh 3% 0 3%; overflow:hidden; display:block;}
.news_l{ width:50%; height:auto; float:left; overflow:hidden;}
.news_l_img{ width:100%; height:35vh; overflow:hidden; position:relative; z-index:1;}
.news_l_img img{ width:100%; min-height:100%;transition: all 0.7s;}
.news_l:hover .news_l_img img{transition: all 0.7s;transform:scale(1.1) }
.news_l_time{ width:65px; height:65px; overflow:hidden; position: relative; z-index:2; background-color:#873c22; margin-top:-40px; float:right;}
.news_l_time_d{ width:100%; height:35px; line-height:35px; font-size:30px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; margin-top:5px;}
.news_l_time_y{ width:100%; height:20px; line-height:20px; font-size:12px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.news_l_tk{ width:90%; height:120px; overflow:hidden; margin:20px auto 0 auto;}
.news_l_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:20px; color:#333; font-weight:bold;}
.news_l:hover .news_l_title{color:#067143;}
.news_l_con{ width:100%; height:50px; overflow:hidden; line-height:25px; font-size:14px; color:#666;}
.news_r{ width:100%; height:auto; overflow:hidden; float:left;}
.news_r_box{ width:100%; height:130px; overflow:hidden; border-top:1px solid #ebebeb; transition:all 0.5s;}
.news_r_k{ width:90%; height:80px; overflow:hidden; margin:25px auto;}
.news_r_time{ width:20%; height:60px; overflow:hidden; float:left; line-height:35px; font-size:26px; color:#333; font-family:L-Black; text-align:center; font-weight:bold; padding-top:10px;}
.news_r_time span{ line-height:20px; font-size:14px; color:#333; font-family:L-Black; text-align:center; font-weight:bold;}
.news_r_tk{ width:75%; height:80px; overflow:hidden; float:left; margin-left:5%;}
.news_r_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:16px; color:#333; font-weight:bold;}
.news_r_con{ width:100%; height:40px; overflow:hidden; line-height:20px; font-size:12px; color:#666;}
.news_r_box:hover{ border-top:2px solid #067143; height:128px; transition:all 0.5s;}
.news_r_box:hover .news_r_title{ color:#067143; }

.page4.active .news_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.news_r_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}
.page4.active .news_r_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第五屏*/
.page5{width: 100%;height: 100%; overflow: hidden; background:url(../img/images/cg.jpg) no-repeat top center; background-size:100%;}
.zhaob{ width:92%; height:auto; overflow:hidden; margin:280px 4% 0 4%;}
.zhaob_box{ width:46%; height: auto; overflow:hidden; float:left; margin:0 2% 30px 2%;}
.zhaob_time{ width:60px; height:60px; overflow:hidden; background-color:#067143; line-height:25px; font-size:24px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; padding-top:5px;}
.zhaob_time span{ line-height:35px; font-size:12px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_title{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:18px; color:#333; font-weight:bold;}
.zhaob_con{ width:100%; height:60px; overflow:hidden; line-height:20px; font-size:14px; color:#666;}
.zhaob_more{ width:68px; height:23px; overflow:hidden; line-height:23px; font-size:12px; color:#dbe5e4; background-color:#fff; font-family:L-Black; text-align:center; font-weight:bold; border:1px solid #dbe5e4; margin-top:10px;}
.zhaob_more:hover{color:#fff; background-color:#067143; border:1px solid #067143;}
.zhaob_box:hover .zhaob_time{ width:60px; height:60px; overflow:hidden; background-color:#067143; line-height:25px; font-size:24px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; padding-top:5px;}
.zhaob_box:hover .zhaob_time span{ line-height:35px; font-size:12px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_box:hover .zhaob_title{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:18px; color:#067143; font-weight:bold;}

.zhaob_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}

.page5.active .zhaob_box:nth-child(1){transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;}
.page5.active .zhaob_box:nth-child(2){transition: all 1s ease .2s;-webkit-transition: all 1s ease .2s;-moz-transition: all 1s ease .2s;}
.page5.active .zhaob_box:nth-child(3){transition: all 1s ease .4s;-webkit-transition: all 1s ease .4s;-moz-transition: all 1s ease .4s;}
.page5.active .zhaob_box:nth-child(4){transition: all 1s ease .6s;-webkit-transition: all 1s ease .6s;-moz-transition: all 1s ease .6s;}
.page5.active .zhaob_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第六屏*/
.page6{width: 100%;height: 100%;overflow: hidden;}
.page6 .pages .in_left{ display:none;}
#mcase{ display:block;}
#pccase{ display:none;}
.case{ width:100%; height:72%; overflow:hidden; float:left; margin-top:5%;}
.case_box{ width:256px; height:72vh; float:left; overflow:hidden; position:relative; z-index:1;}
.case_box_img{ width:100%; height:auto; overflow:hidden; margin-top:0; transition:all 0.5s;}
.case_box_img img{ width:100%; height:100%;}

.case_box1{width:100%; height:30vh; float:left; overflow:hidden; border:0; position: absolute; margin-left:0; bottom:0; z-index:1; background-color:#067143; opacity: 1; transition:all 0.5s;}
.case_box1_b{width:100%; height:30vh; background-color:#067143; position:absolute; z-index:1; bottom:0; transition:all 0.5s;}
.case_box1_title{ width:90%; height:35px; overflow:hidden; margin:10px auto 0 auto; line-height:35px; font-size:20px; color:#fff; text-align:center; font-weight:bold;}
.case_box1_con{ width:90%; height:90px; overflow:hidden; margin:10px auto 0 auto; line-height:30px; font-size:14px; color:#b9edd7;}
.case_box1_jia{ width:90%; height:40px; overflow:hidden; margin:10px auto 0 auto; line-height:40px; font-size:35px; color:#b9edd7; font-weight:lighter; text-align:center;}
.blk_l {
	OVERFLOW: hidden;
	ZOOM: 1;
	POSITION: relative;
}
.blk_l .LeftBotton { width:60px; height:60px; color:#8fb7a6; font-size:40px; text-align:center; line-height:60px; float:left; left:30px; top:30%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .RightBotton { width:60px; height:60px; color:#8fb7a6; font-size:40px; text-align:center; line-height:60px; float:right; right:70px; top:30%; font-family:serif; cursor:pointer; POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .Cont {MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 768px; height:auto;}
.rollphotos {WIDTH: 768px;}

.page6 .pages .touchsliderindex .touchslider-navtag{position:absolute; bottom:30vh; text-align:center; width:100%;}
.page6 .pages .touchsliderindex .touchslider-navtag .touchslider-prev{ width:40px; height:40px; background-color:#fff; color:#d7d7d7; font-size:30px; text-align:center; line-height:40px; float:left; left:0; bottom:30v; font-family:serif; cursor:pointer;}
.page6 .pages .touchsliderindex .touchslider-navtag .touchslider-prev:hover{ background-color:#067143; color:#fff;}
.page6 .pages .touchsliderindex .touchslider-navtag .touchslider-next{ width:40px; height:40px; background-color:#fff; color:#d7d7d7; font-size:30px; text-align:center; line-height:40px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.page6 .pages .touchsliderindex .touchslider-navtag .touchslider-next:hover{ background-color:#067143; color:#fff;}

.page6.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第七屏*/
.page7{width: 100%;height: 100%;overflow: hidden; background: url(../img/images/map.jpg) no-repeat top center; background-size:100%;}
.contact{ width:80%; height:auto; float:left; overflow:hidden; margin:8vh 10% 0 10%;}
.contact_top{ width:100%; height:auto; overflow: hidden;}
.contact_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:26px; color:#067143; font-weight:bold; margin-bottom:15px;}
.contact_con{ width:100%; height:auto; overflow:hidden; line-height:25px; font-size:14px; color:#333;}
.contact_down{ width:100%; height:auto; overflow:hidden; margin-top:40px;}
.contact_down_box{ width:48%; height:auto; float:left; overflow:hidden; margin-right:2%;}
.contact_down ul{ width:100%; height:auto; overflow:hidden; background-color:#30a673; margin-bottom:10px;}
.contact_down_wenzi{ width:25%; height:42px; float:left; overflow:hidden; text-align:center; line-height:42px; color:#fff; font-size:16px;}
.contact_down_in{ width:65%; height:auto; float:left; overflow:hidden;}
.login_text_input{ width:100%; height:auto; border:0; background:none; line-height:42px; color:#fff; font-size:16px; float:left;}
.contact_down_tijiao{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.butinput{ width:98%; height:50px; background-color:#30a673; border:0; font-size:16px; color:#fff; line-height:50px;}

.page7.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}


/*第八屏*/
.footer{width: 100%;height: 60px; background-color:#1a1a1a; line-height: 60px; text-align: center;font-size: 14px;color: #fff;}
.footer a{color: #fff}

/*内页-header*/
.header{ width:100%; height:60px; overflow:hidden; position:fixed; z-index:99; top:0; margin:0 auto; background-color:#fff;}
.logo{ width:15%; margin:15px auto 0 2.5vw; float:left;}
.logo img{ width:100%; max-width:185px;}
.nav{width: auto;float: right;margin-right:20px; margin-top:15px;}
.nav ul li{width: 90px;height:30px;float:left;line-height: 30px;position: relative;text-align: center}
.nav ul li a{display:inline-block;width: auto;color: #333;font-size: 14px;line-height:30px}
.nav ul li:hover a{color: #067143;}
.nav li ul li:hover a{color: #067143!important;font-size: 14px;}
.nav ul li a.active{color: #067143;}


/*子导航*/
.subnav{width: 100%;height:60px;background:url("../img/foot.png") repeat;overflow: hidden;text-align: center}
.subnav a{display:inline-block;padding:0 45px;line-height: 60px;font-size: 16px;color: #3b3b3b;}
.subnav a:hover{color: #47a60a;}
.subnav a.mr{color: #47a60a}

/*子标题*/
.subtitle{text-align: center;margin-top: 60px;}
.subtitle h3{font-size: 22px;color: #067143;font-weight: bold}
.subtitle p{font-size: 34px;color: #067143; font-family:L-Heavy; font-weight:bold;}

/*产品内页*/
.container{width: 90%;margin: 0 auto}
.products{width:100%;height: auto;overflow: hidden; margin-top:50px;}
.products_box{ width:32%; height:auto; float:left; margin:0 0.6%; overflow:hidden; position: relative; z-index:3;}
.products_box_img{ width:100%; height:auto; overflow:hidden; background-color:#f5f5f5; }
.products_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.products_box:hover .products_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.products_box_tk{ width:98%; height:90px; overflow:hidden; border:2px solid #fff;transition:all 0.5s;}
.products_box_title{ width:90%; height:90px; overflow:hidden; margin:0 auto; line-height:90px; font-size:18px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_title{ width:90%; height:50px; overflow:hidden; margin:0 auto; line-height:50px; font-size:18px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_tk{ width:98%; height:90px; overflow:hidden; border:2px solid #067143;transition:all 0.5s;}
.products_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:40px; font-weight:lighter; color:#067143;text-align:center; }


/*新闻内页*/
.new{width: 100%;height: auto;overflow: hidden; border-bottom:1px dashed #dedede; transition:all 0.3s;}
.new:hover{width: 100%;height: auto;overflow: hidden;  background-color:#067143; border-bottom:1px double #dedede; transition:all 0.3s;}
.new_box{ width:90%; height:auto; overflow:hidden; margin:0 auto; padding:25px 0;}
.new_box_l{ width:10%; height:100%; overflow:hidden; float:left;}
.new_box_l_t{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:36px; color:#067143; font-family:L-Heavy; font-weight:bold;}
.new_box_l_b{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:14px; color:#c6c6c6; font-family:L-Heavy; }
.new_box_c{ width:80%; height:100%; overflow:hidden; float:left; margin:0 2.5%;}
.new_box_c_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:20px; color:#333; font-weight:bold;}
.new_box_c_con{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.new_box_r{ width:5%; height:100%; overflow:hidden; float:left; line-height:100px; font-size:40px;  color:#067143;text-align:center;}
.new:hover .new_box_l_t{ color:#fff;}
.new:hover .new_box_l_b{ color:#fff;}
.new:hover .new_box_c_title{ color:#fff;}
.new:hover .new_box_c_con{ color:#fff;}
.new:hover .new_box_r{ color:#fff;}

/*关于我们-内页*/
.n_nav{ width:100%; height:60px; overflow:hidden; background-color:#262626; margin:0 auto; top:0; z-index:999; text-align:center;}
.n_nav li{ width:80px; height:60px; display:inline-block; line-height:60px; font-size:14px; color:#fff; text-align:center;}
.n_nav li:hover{ width:80px; height:60px; display:inline-block; line-height:60px; font-size:14px; color:#fff; text-align:center; background-color:#067143;}
.n_about1{ width:100%; height:600px; overflow:hidden; margin:0 auto;background: url(../img/images/aboutbg.jpg) no-repeat top center; background-size:100%;}
.n_company{ width:90%; height:auto; overflow:hidden; margin:50px auto 0 auto;}
.n_company_en{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#067143; font-size:30px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_company_cn{ width:100%; height:30px; overflow:hidden; line-height:30px; color:#067143; font-size:18px; text-align:center;}
.n_company_con{ width:100%; height:auto; overflow:hidden; line-height:20px; color:#333; font-size:12px; margin-top:20px;}
.n_company_img{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.n_company_img img{ width:100%; height:auto;}

.n_about2{ width:100%; height:308px; overflow:hidden; margin:0 auto;background: url(../img/images/culturebg.jpg) no-repeat top center; background-size:100%;}
.n_culture{ width:90%; height:auto; overflow:hidden; margin:40px auto 0 auto;}
.n_culture_en{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:30px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_culture_cn{ width:100%; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:18px; text-align:center;}
.n_culture_con{ width:100%; height:auto; overflow:hidden; line-height:20px; color:#d7d7d7; font-size:12px; margin-top:20px;}

.n_about3{ width:100%; height:266px; overflow:hidden; margin:0 auto; background: url(../img/images/jiag.jpg) no-repeat top left; background-size:50%;}
.n_organi{ width:90%; height:auto; overflow:hidden; margin:40px auto 0 auto;}
.n_organi_l{ width:50%; height:auto; float:left; overflow:hidden;}
.n_organi_l_en{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:30px; font-family:L-Heavy; font-weight:bold; margin-top:20px;}
.n_organi_l_cn{ width:100%; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:18px;}
.n_organi_r{ width:50%; height:auto; float:right; overflow:hidden; text-align:right;}
.n_organi_r img{ width:95%; height:auto;}

.n_about4{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_evolve_t{ width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto;}
.n_evolve_t_en{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#067143; font-size:30px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_evolve_t_cn{ width:100%; height:30px; overflow:hidden; line-height:30px; color:#067143; font-size:18px; text-align:center;}

.n_evolve_d{ width:100%; height:1000px; overflow:hidden; margin:30px auto 0 auto;}
.n_evolve_box{ width:49.8%; height:500px; overflow:hidden; float:left; margin:0 0.1%; background-color:#ededed; transition:all 0.3s;}
.n_evolve_box_w{ width:94%; height:240px; max-height:240px; overflow:hidden; margin:10px 3% 0 3%;}
.n_evolve_box_w_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:20px; color:#333; font-weight:bold; transition:all 0.3s;}
.n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:25px; font-size:14px; color:#333; margin-top:5px; transition:all 0.3s;}
.n_evolve_box_i{ width:100%; height:250px; overflow:hidden;}
.n_evolve_box_i img{ width:100%; min-height:250px;}
.n_evolve_box:hover{ width:49.8%; height:500px; overflow:hidden; float:left; margin:0 0.1%; background-color:#067143; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:20px; color:#fff; font-weight:bold; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:25px; font-size:14px; color:#fff; margin-top:5px; transition:all 0.3s;}

.n_about5{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_process_d{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; position:relative; background: none; background-size:100%;}
.n_process_d_k1{ width:80%; height:auto; overflow:hidden; position: inherit; left:auto; top:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k2{ width:80%; height:auto; overflow:hidden; position:inherit; left:auto; bottom:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k3{ width:80%; height:auto; overflow:hidden; position:inherit; left:auto; top:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k4{ width:80%; height:auto; overflow:hidden; position:inherit; left:auto; bottom:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k5{ width:80%; height:auto; overflow:hidden; position:inherit; right:auto; top:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k6{ width:80%; height:auto; overflow:hidden; position:inherit; right:auto; bottom:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k7{ width:80%; height:auto; overflow:hidden; position:inherit; right:auto; top:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k8{ width:80%; height:auto; overflow:hidden; position:inherit; right:auto; bottom:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k_l{ width:15%; height:auto; overflow:hidden; float:left; line-height:200%; font-size:30px; color:#067143; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_process_d_k_r{ width:80%; height:auto; overflow:hidden; float:left; line-height:25px; font-size:14px; color:#333;}

.n_about6{ width:100%; height:auto; overflow:hidden; margin:0 auto; background: url(../img/images/shouh.jpg) no-repeat top center; background-size:100% 100%;}
.service{width:90%; height:580px; overflow:hidden; margin:40px auto 0 auto; }
.service .n_culture_con{ line-height:150%; font-size:13px;}
.n_about7{ width:100%; height:auto; overflow:hidden; margin:0 auto 80px auto;}


/*联系我们-内页*/
.n_contact{width: 100%;height:auto; overflow:hidden; margin:60px auto 0 auto;}
.n_contact_left{ width:100%; height:100%; overflow:hidden; float:right; background-color:#067143;}
.n_contact_left_t{ width:85%; height:auto; margin:5% auto 3% 10%; line-height:40px; overflow:hidden; color:#fff; font-size:26px; font-weight:bold; }
.n_contact_left_c{ width:85%; height:auto; margin:3% auto 3% 10%; line-height:25px; overflow:hidden; color:#8ac3aa; font-size:14px; font-weight:bold;}
.n_contact_left_c pre{line-height:25px; color:#8ac3aa; font-size:14px; font-weight:bold; font-family:microsoft yehei;}
.n_contact_left_c span{color:#fff;}
.n_contact_right{ width:100%; height:534px; overflow:hidden; float:right;}

/*内页案例*/
.n_case_bg{ width:100%; height:72vh; display:table; table-layout:fixed; margin-top:60px;}
.n_case{ width:100%; height:100%; overflow:hidden; float:left; margin:0 auto;}
.n_case_box{ width:48%; height:auto; float:left; overflow:hidden; position:relative; z-index:1; margin:0 1% 20px 1%;}
.n_case_box_img{ width:100%; height:auto; overflow:hidden; margin-top:0; transition:all 0.5s;}
.n_case_box_img img{ width:100%;}
.n_case_box1{width:248px; height:72vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-256px; opacity: 0; transition:all 0.5s;}
.n_case_box1_b{width:100%; height:200px; background-color:#067143; position:absolute; z-index:4; bottom:-200px; transition:all 0.5s;}
.n_case_box1_title{ width:90%; height:35px; overflow:hidden; margin:10px auto 0 auto; line-height:35px; font-size:18px; color:#fff; text-align:center; font-weight:bold;}
.n_case_box1_con{ width:90%; height:75px; overflow:hidden; margin:10px auto 0 auto; line-height:25px; font-size:12px; color:#b9edd7;}
.n_case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:15px auto 0 auto; line-height:30px; font-size:40px; color:#b9edd7; font-weight:lighter; text-align:center;}
.conbox ul li a:hover .n_case_box1{width:248px; height:72vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-256px; opacity: 1; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box1_b{width:100%; height:200px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box_img{margin-top:-190px; transition:all 0.5s;}

.Box_team { display:table-cell; table-layout:fixed; width:100%; height:100%;}
.Box_team .content_team {width:100%; height:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 13px;height: 50px;position: absolute;top:60px;cursor: pointer;}
.Box_team .btnl_team { width:60px; height:60px; color:#8fb7a6; font-size:45px; text-align:center; line-height:60px; float:left; left:30px; top:45%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .btnr_team { width:60px; height:60px; color:#8fb7a6; font-size:45px; text-align:center; line-height:60px; float:right; right:30px; top:45%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:256px; height:72vh; float:left; overflow:hidden;}



/*内页banner*/
.slider{width: 100%;height: 283px;overflow: hidden;background-size: 100%!important; margin-top:60px;}

/*当前位置*/
.location{width: 100%;height: 85px;line-height: 85px;background-color: #0086bf}
.local{width: 100%;color: #fff;font-weight: bold;text-align: right;font-size: 18px;}
.local i{font-size: 32px;display: inline-block;float: left}
.local a{color: #fff;}

/*page*/
.page{width:100%;height: auto;text-align: center;overflow: hidden;margin: 50px auto;}
.page a{display:inline-block;width:28px;height: 30px;line-height: 30px;font-size: 14px;margin: 0 4px;color: #0b5447;border: 1px solid #b4b4b4;box-sizing: border-box;border-radius: 3px;}
.page span{display:inline-block;width:28px;height: 30px;line-height: 30px;font-size: 14px;margin: 0 4px;background-color: #0b5447;border-color: #0b5447;border-radius: 3px;color: #d9b184}
.current{color: #d9b184!important;cursor: pointer;}
.page a:hover{background-color: #0b5447;color: #d9b184;border-color: #0b5447}
.page a:first-child{width: 60px;!important}
.page a:last-child{width: 60px;!important}
/*page-end*/

/*view*/
.content{width: 100%;padding:60px 0px;font-size: 14px;line-height: 35px;overflow: hidden}
.content .view_title{text-align: center}
.content h3{ font-size:20px;}
.con{font-size: 14px;line-height: 2;min-height: 500px;padding: 20px 0;}
.con img{max-width: 100%}
.pn div{ width:100%; height:auto; font-size:14px;}
.pn a:hover{color: #0b5447;font-size: 14px;}
/*view-end*/

}


@media screen and (max-width:425px){
/*首页头部*/
.commheads{ position:fixed;overflow:hidden; width:100%; z-index:99999; min-width:320px; top:20px; left:0;}
.commheads .chleft{ width:30%; float:left; margin-left:4vw;}
.commheads .chleft img{ width:100%; max-width:185px;}
.commheads .chleft2{ margin-top: 30px;}
.commheads .chright{ float:right; /*width:40px; height:40px;*/ margin-right:20px; margin-top:0;}
.commheads .chright img{ width:100%; max-width:40px;}
.chright{ float:right; /*width:40px; height:40px;*/ margin-right:20px; margin-top:15px;}
.chright img{ width:100%; max-width:40px;}
.navigation ul li{width:auto;margin-left: 65px;font-size: 18px;float: left;overflow: hidden;line-height: 42px;}
.navigation ul li:hover a{color: #0b5447;font-weight: bold}
.menu_bg{ width:45%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:rgba(0,0,0,0.8); top:0; right:-45%; transition:all 0.7s;}
.menu_bgo{ width:45%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:rgba(0,0,0,0.8); top:0; right:0; transition:all 0.7s;}
.menu_cha{ width:30px; height:30px; overflow:hidden; float:right; margin:30px 30px 60px auto; background: url(../img/images/cha.png) no-repeat center; background-size:100%;}
.menu_nav{ width:100%; height:auto; overflow:hidden;}
.menu_nav li{ width:100%; height:50px; overflow:hidden; line-height:50px; font-size:20px; color:#fff; text-align:center; transition:all 0.4s;}
.menu_nav li:hover{ width:100%; height:50px; overflow:hidden; line-height:50px; font-size:20px; color:#fff; text-align:center; background-color:#067143; transition:all 0.4s;}


/*第一屏*/
.page1{width: 100%;height: 100%;overflow: hidden}
.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:0; text-align:center; width:100%;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:60px; height:60px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:60px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-prev:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:60px; height:60px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:60px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/*第二屏*/
.page2{width: 100%;height: 100%;overflow: hidden; background-color:#f5f5f5;}
.pages{width: 100%;height: 100%;overflow: hidden}
.in_left{ width:100%; height:23vh; float: none; overflow:hidden;}
.in_left_menu{ width:100%; height:auto; margin:12vh auto 0 auto;}
.in_left_menu_en{ width:100%; height:auto; overflow:hidden; float: none; font-size:26px; color:#006e3d; line-height:150%; font-weight: bold; font-family:L-Black;writing-mode:inherit; text-align: center; }
.in_left_menu_cn{ width:100%; height:auto; overflow:hidden; float:none; font-size:16px; color:#006e3d; line-height:150%; writing-mode:inherit; text-align: center; }

.about{width: 90%; height: 500px; float:left; margin:5vh 5% auto 5%; overflow: hidden;}
.about_l{ width:90%; height:auto; overflow:hidden; float:left;}
.about_l_title{ width:100%; height:auto; line-height:130%; font-size:24px; color:#333; font-weight:bold;}
.about_l_en{ width:100%; height:auto; line-height:130%; font-size:14px; color:#333; font-weight:bold; font-family:L-Heavy;}
.about_l_con{ width:100%; height:auto; line-height:150%; margin-top:20px; font-size:14px; color:#333;}
.about_l_more{ width:110px; height:35px; line-height:35px; background-color:#067143; color:#fff; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:30px;}
.about_l_more:hover{ width:106px; height:31px; line-height:31px; background-color:#fff; color:#067143; border:2px solid #067143; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:50px;}
.about_r{ width:34%; height:280px; float:left; margin:20px auto 0 7%; background-color:#067143; position:relative; z-index:1; display:none;}
.about_r_img{width:230px; height:270px; float:left; border:5px solid #fff; margin-top:-20px; margin-left:-20px; position:relative; z-index:3; overflow:hidden;}
.about_r_img img{ width:100%;}

.page2.active .about .about_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.page2.active .about .about_r{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第三屏*/
.page3{width: 100%;height: 100%;overflow: hidden;}
.product{width:88%;height: auto;overflow: hidden;margin:5vh 5% 0 5%; float:left;}
.yewu_k{ width:100%; height:230px; border:0; overflow:hidden; position:relative; z-index:0; display:none;}
.yewu_box{ width:32%; height:185px; float:left; margin:0 0.6%; overflow:hidden; position: relative; z-index:3;}
.yewu_box_img{ width:100%; height:120px; overflow:hidden; background-color:#f5f5f5; }
.yewu_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_box:hover .yewu_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.yewu_box_tk{ width:96%; height:60px; overflow:hidden; border:2px solid #fff;transition:all 0.5s;}
.yewu_box_title{ width:90%; height:60px; overflow:hidden; margin:0 auto; line-height:60px; font-size:16px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_title{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:16px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_tk{ width:96%; height:60px; overflow:hidden; border:2px solid #067143;transition:all 0.5s;}
.yewu_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:30px; font-weight:lighter; color:#067143;text-align:center; }

.yewu_t{ width:100%; height:auto; border:0; overflow:hidden; position:relative; z-index:0; display:block;}
.yewu_t_box{ width:48%; height:200px; float:left; margin:0 1% 0 1%; overflow:hidden; position: relative; z-index:3;}
.yewu_t_box_img{ width:100%; height:160px; overflow:hidden; background-color:#f5f5f5; }
.yewu_t_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_t_box:hover .yewu_t_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1);}
.yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_t_box:hover .yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}



.yewu_pege{width:100%;height: auto;text-align: center;overflow: hidden;margin:0 auto;}
.yewu_pege a{display:inline-block;width:auto;height:50px;line-height: 50px;font-size: 45px;margin: 0 10px;color: #deecea; font-family:serif; font-weight:bold;}
.current1{ font-family:L-Heavy; font-size:40px; font-weight:bold; color:#067143;}
.current2{ font-family:L-Heavy; font-size:25px; font-weight:bold; color:#deecea;}
.yewu_pege a:hover{color: #067143;}

.page3.active .product{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第四屏*/
.page4{width: 100%;height: 100%;overflow: hidden;}
.news{ width:94%; height:auto; float:left; margin:3vh 3% 0 3%; overflow:hidden; display:none;}
.news_y{ width:94%; height:auto; float:left; margin:3vh 3% 0 3%; overflow:hidden; display:block;}
.news_l{ width:100%; height:auto; float:left; overflow:hidden;}
.news_l_img{ width:100%; height:35vh; overflow:hidden; position:relative; z-index:1;}
.news_l_img img{ width:100%; min-height:100%;transition: all 0.7s;}
.news_l:hover .news_l_img img{transition: all 0.7s;transform:scale(1.1) }
.news_l_time{ width:65px; height:65px; overflow:hidden; position: relative; z-index:2; background-color:#873c22; margin-top:-40px; float:right;}
.news_l_time_d{ width:100%; height:35px; line-height:35px; font-size:30px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; margin-top:5px;}
.news_l_time_y{ width:100%; height:20px; line-height:20px; font-size:12px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.news_l_tk{ width:90%; height:85px; overflow:hidden; margin:0 auto;}
.news_l_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:16px; color:#333; font-weight:bold;}
.news_l:hover .news_l_title{color:#067143;}
.news_l_con{ width:100%; height:40px; overflow:hidden; line-height:20px; font-size:12px; color:#666;}
.news_r{ width:100%; height:auto; overflow:hidden; float:left;}
.news_r_box{ width:100%; height:90px; overflow:hidden; border-top:1px solid #ebebeb; transition:all 0.5s;}
.news_r_k{ width:90%; height:70px; overflow:hidden; margin:10px auto;}
.news_r_time{ width:20%; height:70px; overflow:hidden; float:left; line-height:35px; font-size:22px; color:#333; font-family:L-Black; text-align:center; font-weight:bold; padding-top:10px;}
.news_r_time span{ line-height:20px; font-size:12px; color:#333; font-family:L-Black; text-align:center; font-weight:normal;}
.news_r_tk{ width:75%; height:70px; overflow:hidden; float:left; margin-left:5%;}
.news_r_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:14px; color:#333; font-weight:bold;}
.news_r_con{ width:100%; height:40px; overflow:hidden; line-height:20px; font-size:12px; color:#666;}
.news_r_box:hover{ border-top:2px solid #067143; height:88px; transition:all 0.5s;}
.news_r_box:hover .news_r_title{ color:#067143; }

.page4.active .news_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.news_r_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}
.page4.active .news_r_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第五屏*/
.page5{width: 100%;height: 100%; overflow: hidden; background:url(../img/images/cg.jpg) no-repeat top center; background-size:100%;}
.zhaob{ width:90%; height:auto; overflow:hidden; margin:150px auto 0 auto;}
.zhaob_box{ width:96%; height: auto; overflow:hidden; float:left; margin:0 2% 20px 2%;}
.zhaob_time{ width:60px; height:60px; overflow:hidden; background-color:#067143; line-height:25px; font-size:24px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; padding-top:5px; display:none;}
.zhaob_time span{ line-height:35px; font-size:12px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_title{ width:100%; height:45px; overflow:hidden; line-height:45px; font-size:18px; color:#333; font-weight:bold;}
.zhaob_con{ width:100%; height:40px; overflow:hidden; line-height:20px; font-size:12px; color:#666;}
.zhaob_more{ width:68px; height:23px; overflow:hidden; line-height:23px; font-size:12px; color:#dbe5e4; background-color:#fff; font-family:L-Black; text-align:center; font-weight:bold; border:1px solid #dbe5e4; margin-top:10px; display:none;}
.zhaob_more:hover{color:#fff; background-color:#067143; border:1px solid #067143; display:none;}
.zhaob_box:hover .zhaob_time{ width:60px; height:60px; overflow:hidden; background-color:#067143; line-height:25px; font-size:24px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; padding-top:5px;}
.zhaob_box:hover .zhaob_time span{ line-height:35px; font-size:12px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_box:hover .zhaob_title{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:18px; color:#067143; font-weight:bold;}

.zhaob_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}

.page5.active .zhaob_box:nth-child(1){transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;}
.page5.active .zhaob_box:nth-child(2){transition: all 1s ease .2s;-webkit-transition: all 1s ease .2s;-moz-transition: all 1s ease .2s;}
.page5.active .zhaob_box:nth-child(3){transition: all 1s ease .4s;-webkit-transition: all 1s ease .4s;-moz-transition: all 1s ease .4s;}
.page5.active .zhaob_box:nth-child(4){transition: all 1s ease .6s;-webkit-transition: all 1s ease .6s;-moz-transition: all 1s ease .6s;}
.page5.active .zhaob_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第六屏*/
.page6{width: 100%;height: 100%;overflow: hidden;}
.page6 .pages .in_left{ display:none;}
#mcase{ display:block;}
#pccase{ display:none;}
.case{ width:100%; height:100%; overflow:hidden; float:left; margin-top:5%;}
.case_box{ width:425px; height:100vh; float:left; overflow:hidden; position:relative; z-index:1;}
.case_box_img{ width:100%; height:auto; overflow:hidden; margin-top:0; transition:all 0.5s;}
.case_box_img img{ width:100%; height:100%;}
.case_box1{width:100%; height:30vh; float:left; overflow:hidden; border:0; position: absolute; margin-left:0; bottom:0; z-index:1; background-color:#067143; opacity: 1; transition:all 0.5s;}
.case_box1_b{width:100%; height:30vh; background-color:#067143; position:absolute; z-index:1; bottom:0; transition:all 0.5s;}
.case_box1_title{ width:90%; height:30px; overflow:hidden; margin:10px auto 0 auto; line-height:30px; font-size:16px; color:#fff; text-align:center; font-weight:bold;}
.case_box1_con{ width:90%; height:60px; overflow:hidden; margin:10px auto 0 auto; line-height:20px; font-size:12px; color:#b9edd7;}
.case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:10px auto 0 auto; line-height:30px; font-size:30px; color:#b9edd7; font-weight:lighter; text-align:center;}
.Cont a:hover .case_box1{width:417px; height:100vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-425px; opacity: 1; transition:all 0.5s;}
.Cont a:hover .case_box1_b{width:100%; height:220px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.Cont a:hover .case_box_img{margin-top:-200px; transition:all 0.5s;}
.blk_l {
	OVERFLOW: hidden;
	ZOOM: 1;
	POSITION: relative;
}
.blk_l .LeftBotton { width:60px; height:60px; color:#8fb7a6; font-size:40px; text-align:center; line-height:60px; float:left; left:30px; top:30%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .RightBotton { width:60px; height:60px; color:#8fb7a6; font-size:40px; text-align:center; line-height:60px; float:right; right:60px; top:30%; font-family:serif; cursor:pointer; POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .Cont {MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 425px; height:auto;}
.rollphotos {WIDTH: 425px;}

.page6 .pages .touchsliderindex .touchslider-navtag{position:absolute; bottom:30vh; text-align:center; width:100%;}
.page6 .pages .touchsliderindex .touchslider-navtag .touchslider-prev{ width:30px; height:30px; background-color:#fff; color:#d7d7d7; font-size:26px; text-align:center; line-height:30px; float:left; left:0; bottom:30v; font-family:serif; cursor:pointer;}
.page6 .pages .touchsliderindex .touchslider-navtag .touchslider-prev:hover{ background-color:#067143; color:#fff;}
.page6 .pages .touchsliderindex .touchslider-navtag .touchslider-next{ width:30px; height:30px; background-color:#fff; color:#d7d7d7; font-size:26px; text-align:center; line-height:30px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.page6 .pages .touchsliderindex .touchslider-navtag .touchslider-next:hover{ background-color:#067143; color:#fff;}


.page6.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第七屏*/
.page7{width: 100%;height: 100%;overflow: hidden; background: url(../img/images/map.jpg) no-repeat top center; background-size:100%;}
.page7 .pages .in_left{ display:none;}
.contact{ width:80%; height:auto; float:left; overflow:hidden; margin:10vh 10% 0 10%;}
.contact_top{ width:100%; height:auto; overflow: hidden;}
.contact_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:20px; color:#067143; font-weight:bold; margin-bottom:10px;}
.contact_con{ width:100%; height:auto; overflow:hidden; line-height:20px; font-size:12px; color:#333;}
.contact_down{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.contact_down_box{ width:100%; height:auto; float:left; overflow:hidden; margin-right:2%;}
.contact_down ul{ width:100%; height:auto; overflow:hidden; background-color:#30a673; margin-bottom:10px;}
.contact_down_wenzi{ width:25%; height:35px; float:left; overflow:hidden; text-align:center; line-height:35px; color:#fff; font-size:16px;}
.contact_down_in{ width:65%; height:auto; float:left; overflow:hidden;}
.login_text_input{ width:100%; height:auto; border:0; background:none; line-height:35px; color:#fff; font-size:16px; float:left;}
.contact_down_tijiao{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.butinput{ width:100%; height:40px; background-color:#30a673; border:0; font-size:16px; color:#fff; line-height:40px;}

.page7.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}


/*第八屏*/
.footer{width: 100%;height: 60px; background-color:#1a1a1a; line-height: 25px; text-align: center;font-size: 12px;color: #fff;}
.footer a{color: #fff}

/*内页-header*/
.header{ width:100%; height:60px; overflow:hidden; position:fixed; z-index:99; top:0; margin:0 auto; background-color:#fff;}
.logo{ width:25%; margin:15px auto 0 2.5vw; float:left;}
.logo img{ width:100%; max-width:185px;}
.nav{width: auto;float: right;margin-right:20px; margin-top:15px;}
.nav ul li{width: 90px;height:30px;float:left;line-height: 30px;position: relative;text-align: center}
.nav ul li a{display:inline-block;width: auto;color: #333;font-size: 14px;line-height:30px}
.nav ul li:hover a{color: #067143;}
.nav li ul li:hover a{color: #067143!important;font-size: 14px;}
.nav ul li a.active{color: #067143;}


/*子导航*/
.subnav{width: 100%;height:60px;background:url("../img/foot.png") repeat;overflow: hidden;text-align: center}
.subnav a{display:inline-block;padding:0 45px;line-height: 60px;font-size: 16px;color: #3b3b3b;}
.subnav a:hover{color: #47a60a;}
.subnav a.mr{color: #47a60a}

/*子标题*/
.subtitle{text-align: center;margin-top: 30px;}
.subtitle h3{font-size: 16px;color: #067143;font-weight: bold}
.subtitle p{font-size: 26px;color: #067143; font-family:L-Heavy; font-weight:bold;}

/*产品内页*/
.container{width: 90%;margin: 0 auto}
.products{width:100%;height: auto;overflow: hidden; margin-top:50px;}
.products_box{ width:48%; height:auto; float:left; margin:0 1% 3% auto; overflow:hidden; position: relative; z-index:3;}
.products_box_img{ width:100%; height:185px; overflow:hidden; background-color:#f5f5f5; }
.products_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.products_box:hover .products_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.products_box_tk{ width:97%; height:60px; overflow:hidden; border:2px solid #fff;transition:all 0.5s;}
.products_box_title{ width:90%; height:60px; overflow:hidden; margin:0 auto; line-height:60px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_title{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_tk{ width:97%; height:60px; overflow:hidden; border:2px solid #067143;transition:all 0.5s;}
.products_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:32px; font-weight:lighter; color:#067143;text-align:center; }


/*新闻内页*/
.new{width: 100%;height: auto;overflow: hidden; border-bottom:1px dashed #dedede; transition:all 0.3s;}
.new:hover{width: 100%;height: auto;overflow: hidden;  background-color:#067143; border-bottom:1px double #dedede; transition:all 0.3s;}
.new_box{ width:90%; height:auto; overflow:hidden; margin:0 auto; padding:10px 0;}
.new_box_l{ width:15%; height:100%; overflow:hidden; float:left;}
.new_box_l_t{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:22px; color:#067143; font-family:L-Heavy; font-weight:bold;}
.new_box_l_b{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:12px; color:#c6c6c6; font-family:L-Heavy; }
.new_box_c{ width:71%; height:100%; overflow:hidden; float:left; margin:0 2%;}
.new_box_c_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#333; font-weight:bold;}
.new_box_c_con{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:12px; color:#666;}
.new_box_r{ width:10%; height:100%; overflow:hidden; float:left; line-height:50px; font-size:24px;  color:#067143;text-align:center;}
.new:hover .new_box_l_t{ color:#fff;}
.new:hover .new_box_l_b{ color:#fff;}
.new:hover .new_box_c_title{ color:#fff;}
.new:hover .new_box_c_con{ color:#fff;}
.new:hover .new_box_r{ color:#fff;}

/*关于我们-内页*/
.n_nav{ width:100%; height:60px; overflow:hidden; background-color:#262626; margin:0 auto; top:0; z-index:999; text-align:center;}
.n_nav li{ width:70px; height:30px; display:inline-block; line-height:30px; font-size:12px; color:#fff; text-align:center;}
.n_nav li:hover{ width:70px; height:30px; display:inline-block; line-height:30px; font-size:12px; color:#fff; text-align:center; background-color:#067143;}
.n_about1{ width:100%; height:auto; overflow:hidden; margin:0 auto;background: url(../img/images/aboutbg.jpg) no-repeat top center; background-size:100% 100%;}
.n_company{ width:90%; height:auto; overflow:hidden; margin:50px auto 50px auto;}
.n_company_en{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#067143; font-size:26px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_company_cn{ width:100%; height:30px; overflow:hidden; line-height:30px; color:#067143; font-size:16px; text-align:center;}
.n_company_con{ width:100%; height:auto; overflow:hidden; line-height:20px; color:#333; font-size:12px; margin-top:20px;}
.n_company_img{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.n_company_img img{ width:100%; height:auto;}

.n_about2{ width:100%; height:auto; overflow:hidden; margin:0 auto;background: url(../img/images/culturebg.jpg) no-repeat top center; background-size:100% 100%;}
.n_culture{ width:90%; height:auto; overflow:hidden; margin:40px auto 0 auto;}
.n_culture_en{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:26px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_culture_cn{ width:100%; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:16px; text-align:center;}
.n_culture_con{ width:100%; height:auto; overflow:hidden; line-height:20px; color:#d7d7d7; font-size:12px; margin-top:20px; padding-bottom:30px;}

.n_about3{ width:100%; height:auto; overflow:hidden; margin:0 auto; background: url(../img/images/jiag.jpg) no-repeat top left; background-size:0;}
.n_organi{ width:90%; height:auto; overflow:hidden; margin:20px auto 0 auto;}
.n_organi_l{ width:90%; height:auto; float:left; overflow:hidden;}
.n_organi_l_en{ width:100%; height:30px; overflow:hidden; line-height:30px; color:#067143; font-size:20px; font-family:L-Heavy; font-weight:bold; margin-top:10px;}
.n_organi_l_cn{ width:100%; height:25px; overflow:hidden; line-height:25px; color:#067143; font-size:14px;}
.n_organi_r{ width:90%; height:auto; float:right; overflow:hidden; text-align:right;}
.n_organi_r img{ width:95%; height:auto;}

.n_about4{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_evolve_t{ width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto;}
.n_evolve_t_en{ width:100%; height:40px; overflow:hidden; line-height:40px; color:#067143; font-size:26px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_evolve_t_cn{ width:100%; height:30px; overflow:hidden; line-height:30px; color:#067143; font-size:16px; text-align:center;}

.n_evolve_d{ width:100%; height:860px; overflow:hidden; margin:30px auto 0 auto; display:none;}
.n_evolve_d_m{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; display: block;}
.n_evolve_box{ width:99.8%; height:auto; overflow:hidden; float:left; margin:0 0.1%; background-color:#ededed; transition:all 0.3s;}
.n_evolve_box_w{ width:94%; height:auto; max-height:240px; overflow:hidden; margin:10px 3% 10px 3%;}
.n_evolve_box_w_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#333; font-weight:bold; transition:all 0.3s;}
.n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:20px; font-size:12px; color:#333; margin-top:5px; transition:all 0.3s;}
.n_evolve_box_i{ width:100%; height:215px; overflow:hidden;}
.n_evolve_box_i img{ width:100%; min-height:215px;}
.n_evolve_box:hover{ width:99.8%; height:auto; overflow:hidden; float:left; margin:0 0.1%; background-color:#067143; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#fff; font-weight:bold; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:20px; font-size:12px; color:#fff; margin-top:5px; transition:all 0.3s;}

.n_about5{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_process_d{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; position:relative; background: none; background-size:100%;}
.n_process_d_k1{ width:80%; height:auto; overflow:hidden; position: inherit; left:auto; top:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k2{ width:80%; height:auto; overflow:hidden; position:inherit; left:auto; bottom:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k3{ width:80%; height:auto; overflow:hidden; position:inherit; left:auto; top:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k4{ width:80%; height:auto; overflow:hidden; position:inherit; left:auto; bottom:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k5{ width:80%; height:auto; overflow:hidden; position:inherit; right:auto; top:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k6{ width:80%; height:auto; overflow:hidden; position:inherit; right:auto; bottom:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k7{ width:80%; height:auto; overflow:hidden; position:inherit; right:auto; top:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k8{ width:80%; height:auto; overflow:hidden; position:inherit; right:auto; bottom:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k_l{ width:15%; height:auto; overflow:hidden; float:left; line-height:200%; font-size:30px; color:#067143; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_process_d_k_r{ width:80%; height:auto; overflow:hidden; float:left; line-height:25px; font-size:12px; color:#333;}

.n_about6{ width:100%; height:auto; overflow:hidden; margin:0 auto; background: url(../img/images/shouh.jpg) no-repeat top center; background-size:100% 100%;}
.service{width:90%; height:auto; overflow:hidden; margin:40px auto 0 auto; }
.service .n_culture_con{ line-height:150%; font-size:12px;}
.n_about7{ width:100%; height:auto; overflow:hidden; margin:0 auto 40px auto;}


/*联系我们-内页*/
.n_contact{width: 100%;height:auto; overflow:hidden; margin:60px auto 0 auto;}
.n_contact_left{ width:100%; height:100%; overflow:hidden; float:right; background-color:#067143;}
.n_contact_left_t{ width:90%; height:auto; margin:8% auto 3% 5%; line-height:30px; overflow:hidden; color:#fff; font-size:18px; font-weight:bold; }
.n_contact_left_c{ width:90%; height:auto; margin:3% auto 3% 5%; line-height:20px; overflow:hidden; color:#8ac3aa; font-size:12px; font-weight:bold;}
.n_contact_left_c pre{line-height:25px; color:#8ac3aa; font-size:14px; font-weight:bold; font-family:microsoft yehei;}
.n_contact_left_c span{color:#fff;}
.n_contact_right{ width:100%; height:400px; overflow:hidden; float:right;}

/*内页案例*/
.n_case_bg{ width:100%; height:auto; display:table; table-layout:fixed; margin-top:60px;}
.n_case{ width:96%; height:auto; overflow:hidden; float: none; margin:0 auto;}
.n_case_box{ width:48%; height:auto; float:left; overflow:hidden; position:relative; z-index:1; margin:0 1% 20px 1%;}
.n_case_box_img{ width:100%; height:auto; overflow:hidden; margin-top:0; transition:all 0.5s;}
.n_case_box_img img{ width:100%;}
.n_case_box1{width:417px; height:100vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-425px; opacity: 0; transition:all 0.5s;}
.n_case_box1_b{width:100%; height:270px; background-color:#067143; position:absolute; z-index:4; bottom:-270px; transition:all 0.5s;}
.n_case_box1_title{ width:90%; height:35px; overflow:hidden; margin:10px auto 0 auto; line-height:35px; font-size:18px; color:#fff; text-align:center; font-weight:bold;}
.n_case_box1_con{ width:90%; height:75px; overflow:hidden; margin:10px auto 0 auto; line-height:25px; font-size:12px; color:#b9edd7;}
.n_case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:15px auto 0 auto; line-height:30px; font-size:40px; color:#b9edd7; font-weight:lighter; text-align:center;}
.conbox ul li a:hover .n_case_box1{width:417px; height:100vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-425px; opacity: 1; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box1_b{width:100%; height:270px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box_img{margin-top:-270px; transition:all 0.5s;}

.Box_team { display:table-cell; table-layout:fixed; width:100%; height:100%;}
.Box_team .content_team {width:100%; height:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 13px;height: 50px;position: absolute;top:60px;cursor: pointer;}
.Box_team .btnl_team { width:60px; height:60px; color:#8fb7a6; font-size:45px; text-align:center; line-height:60px; float:left; left:30px; top:45%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .btnr_team { width:60px; height:60px; color:#8fb7a6; font-size:45px; text-align:center; line-height:60px; float:right; right:30px; top:45%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:425px; height:100vh; float:left; overflow:hidden;}



/*内页banner*/
.slider{width: 100%;height: 157px;overflow: hidden;background-size: 100%!important; margin-top:60px;}

/*当前位置*/
.location{width: 100%;height: 85px;line-height: 85px;background-color: #0086bf}
.local{width: 100%;color: #fff;font-weight: bold;text-align: right;font-size: 18px;}
.local i{font-size: 32px;display: inline-block;float: left}
.local a{color: #fff;}

/*page*/
.page{width:100%;height: auto;text-align: center;overflow: hidden;margin: 50px auto;}
.page a{display:inline-block;width:28px;height: 30px;line-height: 30px;font-size: 14px;margin: 0 4px;color: #0b5447;border: 1px solid #b4b4b4;box-sizing: border-box;border-radius: 3px;}
.page span{display:inline-block;width:28px;height: 30px;line-height: 30px;font-size: 14px;margin: 0 4px;background-color: #0b5447;border-color: #0b5447;border-radius: 3px;color: #d9b184}
.current{color: #d9b184!important;cursor: pointer;}
.page a:hover{background-color: #0b5447;color: #d9b184;border-color: #0b5447}
.page a:first-child{width: 60px;!important}
.page a:last-child{width: 60px;!important}
/*page-end*/

/*view*/
.content{width: 100%;padding:30px 0px;font-size: 14px;line-height: 35px;overflow: hidden}
.content .view_title{text-align: center}
.content h3{ font-size:20px;}
.con{font-size: 14px;line-height: 2;min-height: 500px;padding: 20px 0;}
.con img{max-width: 100%}
.pn div{ width:100%; height:auto; font-size:12px;}
.pn a:hover{color: #0b5447;font-size: 12px;}
/*view-end*/

}


@media screen and (max-width:380px){
/*首页头部*/
.commheads{ position:fixed;overflow:hidden; width:100%; z-index:99999; min-width:320px; top:20px; left:0;}
.commheads .chleft{ width:30%; float:left; margin-left:4vw;}
.commheads .chleft img{ width:100%; max-width:185px;}
.commheads .chleft2{ margin-top: 30px;}
.commheads .chright{ float:right; /*width:40px; height:40px;*/ margin-right:20px; margin-top:0;}
.commheads .chright img{ width:100%; max-width:40px;}
.chright{ float:right; /*width:40px; height:40px;*/ margin-right:10px; margin-top:10px;}
.chright img{ width:100%; max-width:30px;}
.navigation ul li{width:auto;margin-left: 65px;font-size: 18px;float: left;overflow: hidden;line-height: 42px;}
.navigation ul li:hover a{color: #0b5447;font-weight: bold}
.menu_bg{ width:45%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:rgba(0,0,0,0.8); top:0; right:-45%; transition:all 0.7s;}
.menu_bgo{ width:45%; height:100%; overflow:hidden; position:fixed; z-index:99999; background-color:rgba(0,0,0,0.8); top:0; right:0; transition:all 0.7s;}
.menu_cha{ width:25px; height:25px; overflow:hidden; float:right; margin:20px 20px 40px auto; background: url(../img/images/cha.png) no-repeat center; background-size:100%;}
.menu_nav{ width:100%; height:auto; overflow:hidden;}
.menu_nav li{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:16px; color:#fff; text-align:center; transition:all 0.4s;}
.menu_nav li:hover{ width:100%; height:40px; overflow:hidden; line-height:40px; font-size:16px; color:#fff; text-align:center; background-color:#067143; transition:all 0.4s;}


/*第一屏*/
.page1{width: 100%;height: 100%;overflow: hidden}
.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:100%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:0; text-align:center; width:100%;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:50px; height:50px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:50px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-prev:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:50px; height:50px; background-color:#fff; color:#d7d7d7; font-size:40px; text-align:center; line-height:50px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next:hover{ background-color:#067143; color:#fff;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/*第二屏*/
.page2{width: 100%;height: 100%;overflow: hidden; background-color:#f5f5f5;}
.pages{width: 100%;height: 100%;overflow: hidden}
.in_left{ width:100%; height:20vh; float: none; overflow:hidden;}
.in_left_menu{ width:100%; height:auto; margin:8vh auto 0 auto;}
.in_left_menu_en{ width:100%; height:auto; overflow:hidden; float: none; font-size:22px; color:#006e3d; line-height:150%; font-weight: bold; font-family:L-Black;writing-mode:inherit; text-align: center; }
.in_left_menu_cn{ width:100%; height:auto; overflow:hidden; float:none; font-size:14px; color:#006e3d; line-height:150%; writing-mode:inherit; text-align: center; }
.page2 .pages .in_left{ display:none;}
.about{width: 90%; height:auto; float:left; margin:13vh 5% auto 5%; overflow: hidden;}
.about_l{ width:90%; height:auto; overflow:hidden; float:left;}
.about_l_title{ width:100%; height:auto; line-height:130%; font-size:20px; color:#333; font-weight:bold;}
.about_l_en{ width:100%; height:auto; line-height:130%; font-size:12px; color:#333; font-weight:bold; font-family:L-Heavy;}
.about_l_con{ width:100%; height:auto; line-height:150%; margin-top:20px; font-size:14px; color:#333;}
.about_l_more{ width:110px; height:35px; line-height:35px; background-color:#067143; color:#fff; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:30px;}
.about_l_more:hover{ width:106px; height:31px; line-height:31px; background-color:#fff; color:#067143; border:2px solid #067143; font-size:14px; text-align:center; font-family:L-Heavy; margin-top:50px;}
.about_r{ width:34%; height:280px; float:left; margin:20px auto 0 7%; background-color:#067143; position:relative; z-index:1; display:none;}
.about_r_img{width:230px; height:270px; float:left; border:5px solid #fff; margin-top:-20px; margin-left:-20px; position:relative; z-index:3; overflow:hidden;}
.about_r_img img{ width:100%;}

.page2.active .about .about_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.page2.active .about .about_r{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第三屏*/
.page3{width: 100%;height: 100%;overflow: hidden;}
.product{width:88%;height: auto;overflow: hidden;margin:5vh 5% 0 5%; float:left;}
.yewu_k{ width:100%; height:230px; border:0; overflow:hidden; position:relative; z-index:0; display:none;}
.yewu_box{ width:32%; height:185px; float:left; margin:0 0.6%; overflow:hidden; position: relative; z-index:3;}
.yewu_box_img{ width:100%; height:120px; overflow:hidden; background-color:#f5f5f5; }
.yewu_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_box:hover .yewu_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.yewu_box_tk{ width:96%; height:60px; overflow:hidden; border:2px solid #fff;transition:all 0.5s;}
.yewu_box_title{ width:90%; height:60px; overflow:hidden; margin:0 auto; line-height:60px; font-size:16px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_title{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:16px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_box:hover .yewu_box_tk{ width:96%; height:60px; overflow:hidden; border:2px solid #067143;transition:all 0.5s;}
.yewu_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:30px; font-weight:lighter; color:#067143;text-align:center; }


.yewu_t{ width:100%; height:auto; border:0; overflow:hidden; position:relative; z-index:0; display:block;}
.yewu_t_box{ width:48%; height:200px; float:left; margin:0 1% 0 1%; overflow:hidden; position: relative; z-index:3;}
.yewu_t_box_img{ width:100%; height:160px; overflow:hidden; background-color:#f5f5f5; }
.yewu_t_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.yewu_t_box:hover .yewu_t_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1);}
.yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.yewu_t_box:hover .yewu_t_box_title{ width:100%; height:40px; overflow:hidden; margin:0 auto; line-height:40px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}


.yewu_pege{width:100%;height: auto;text-align: center;overflow: hidden;margin:0 auto;}
.yewu_pege a{display:inline-block;width:auto;height:50px;line-height: 50px;font-size: 45px;margin: 0 10px;color: #deecea; font-family:serif; font-weight:bold;}
.current1{ font-family:L-Heavy; font-size:40px; font-weight:bold; color:#067143;}
.current2{ font-family:L-Heavy; font-size:25px; font-weight:bold; color:#deecea;}
.yewu_pege a:hover{color: #067143;}

.page3.active .product{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第四屏*/
.page4{width: 100%;height: 100%;overflow: hidden;}
.news{ width:94%; height:auto; float:left; margin:3vh 3% 0 3%; overflow:hidden; display:none;}
.news_y{ width:94%; height:auto; float:left; margin:3vh 3% 0 3%; overflow:hidden; display:block;}
.news_l{ width:100%; height:auto; float:left; overflow:hidden;}
.news_l_img{ width:100%; height:35vh; overflow:hidden; position:relative; z-index:1;}
.news_l_img img{ width:100%; min-height:100%;transition: all 0.7s;}
.news_l:hover .news_l_img img{transition: all 0.7s;transform:scale(1.1) }
.news_l_time{ width:65px; height:65px; overflow:hidden; position: relative; z-index:2; background-color:#873c22; margin-top:-40px; float:right;}
.news_l_time_d{ width:100%; height:35px; line-height:35px; font-size:30px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; margin-top:5px;}
.news_l_time_y{ width:100%; height:20px; line-height:20px; font-size:12px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.news_l_tk{ width:90%; height:85px; overflow:hidden; margin:0 auto;}
.news_l_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:16px; color:#333; font-weight:bold;}
.news_l:hover .news_l_title{color:#067143;}
.news_l_con{ width:100%; height:40px; overflow:hidden; line-height:20px; font-size:12px; color:#666;}
.news_r{ width:100%; height:auto; overflow:hidden; float:left;}
.news_r_box{ width:100%; height:90px; overflow:hidden; border-top:1px solid #ebebeb; transition:all 0.5s;}
.news_r_k{ width:90%; height:70px; overflow:hidden; margin:10px auto;}
.news_r_time{ width:20%; height:70px; overflow:hidden; float:left; line-height:35px; font-size:22px; color:#333; font-family:L-Black; text-align:center; font-weight:bold; padding-top:10px;}
.news_r_time span{ line-height:20px; font-size:12px; color:#333; font-family:L-Black; text-align:center; font-weight:normal;}
.news_r_tk{ width:75%; height:70px; overflow:hidden; float:left; margin-left:5%;}
.news_r_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:14px; color:#333; font-weight:bold;}
.news_r_con{ width:100%; height:40px; overflow:hidden; line-height:20px; font-size:12px; color:#666;}
.news_r_box:hover{ border-top:2px solid #067143; height:88px; transition:all 0.5s;}
.news_r_box:hover .news_r_title{ color:#067143; }

.page4.active .news_l{-webkit-animation-name:bounceInLeft;animation-name: bounceInLeft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.news_r_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}
.page4.active .news_r_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第五屏*/
.page5{width: 100%;height: 100%; overflow: hidden; background:url(../img/images/cg.jpg) no-repeat top center; background-size:100%;}
.zhaob{ width:90%; height:auto; overflow:hidden; margin:130px auto 0 auto;}
.zhaob_box{ width:96%; height: auto; overflow:hidden; float:left; margin:0 2% 15px 2%;}
.zhaob_time{ width:60px; height:60px; overflow:hidden; background-color:#067143; line-height:25px; font-size:24px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; padding-top:5px; display:none;}
.zhaob_time span{ line-height:35px; font-size:12px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:16px; color:#333; font-weight:bold;}
.zhaob_con{ width:100%; height:40px; overflow:hidden; line-height:20px; font-size:12px; color:#666;}
.zhaob_more{ width:68px; height:23px; overflow:hidden; line-height:23px; font-size:12px; color:#dbe5e4; background-color:#fff; font-family:L-Black; text-align:center; font-weight:bold; border:1px solid #dbe5e4; margin-top:10px; display:none;}
.zhaob_more:hover{color:#fff; background-color:#067143; border:1px solid #067143; display:none;}
.zhaob_box:hover .zhaob_time{ width:60px; height:60px; overflow:hidden; background-color:#067143; line-height:25px; font-size:24px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold; padding-top:5px;}
.zhaob_box:hover .zhaob_time span{ line-height:35px; font-size:12px; color:#fff; font-family:L-Black; text-align:center; font-weight:bold;}
.zhaob_box:hover .zhaob_title{ width:100%; height:35px; overflow:hidden; line-height:35px; font-size:16px; color:#067143; font-weight:bold;}

.zhaob_box{transform: translate3d(300px, 300px, 0);-webkit-transform: translate3d(300px, 300px, 0);-moz-transform: translate3d(300px, 300px, 0);-o-transform:translate3d(300px, 300px, 0);opacity: 0;}

.page5.active .zhaob_box:nth-child(1){transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;}
.page5.active .zhaob_box:nth-child(2){transition: all 1s ease .2s;-webkit-transition: all 1s ease .2s;-moz-transition: all 1s ease .2s;}
.page5.active .zhaob_box:nth-child(3){transition: all 1s ease .4s;-webkit-transition: all 1s ease .4s;-moz-transition: all 1s ease .4s;}
.page5.active .zhaob_box:nth-child(4){transition: all 1s ease .6s;-webkit-transition: all 1s ease .6s;-moz-transition: all 1s ease .6s;}
.page5.active .zhaob_box{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);opacity: 1;}


/*第六屏*/
.page6{width: 100%;height: 100%;overflow: hidden;}
.page6 .pages .in_left{ display:none;}
#mcase{ display:block;}
#pccase{ display:none;}
.case{ width:100%; height:100%; overflow:hidden; float:left; margin-top:5%;}
.case_box{ width:425px; height:100vh; float:left; overflow:hidden; position:relative; z-index:1;}
.case_box_img{ width:100%; height:auto; overflow:hidden; margin-top:0; transition:all 0.5s;}
.case_box_img img{ width:100%; height:100%;}

.case_box1{width:100%; height:30vh; float:left; overflow:hidden; border:0; position: absolute; margin-left:0; bottom:0; z-index:1; background-color:#067143; opacity: 1; transition:all 0.5s;}
.case_box1_b{width:100%; height:30vh; background-color:#067143; position:absolute; z-index:1; bottom:0; transition:all 0.5s;}
.case_box1_title{ width:90%; height:30px; overflow:hidden; margin:10px auto 0 auto; line-height:30px; font-size:16px; color:#fff; text-align:center; font-weight:bold;}
.case_box1_con{ width:90%; height:60px; overflow:hidden; margin:10px auto 0 auto; line-height:20px; font-size:12px; color:#b9edd7;}
.case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:10px auto 0 auto; line-height:30px; font-size:30px; color:#b9edd7; font-weight:lighter; text-align:center;}
.blk_l {
	OVERFLOW: hidden;
	ZOOM: 1;
	POSITION: relative;
}
.blk_l .LeftBotton { width:60px; height:60px; color:#8fb7a6; font-size:40px; text-align:center; line-height:60px; float:left; left:30px; top:30%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .RightBotton { width:60px; height:60px; color:#8fb7a6; font-size:40px; text-align:center; line-height:60px; float:right; right:60px; top:30%; font-family:serif; cursor:pointer; POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.blk_l .Cont {MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 425px; height:auto;}
.rollphotos {WIDTH: 425px;}

.page6 .pages .touchsliderindex .touchslider-navtag{position:absolute; bottom:30vh; text-align:center; width:100%;}
.page6 .pages .touchsliderindex .touchslider-navtag .touchslider-prev{ width:30px; height:30px; background-color:#fff; color:#d7d7d7; font-size:26px; text-align:center; line-height:30px; float:left; left:0; bottom:30v; font-family:serif; cursor:pointer;}
.page6 .pages .touchsliderindex .touchslider-navtag .touchslider-prev:hover{ background-color:#067143; color:#fff;}
.page6 .pages .touchsliderindex .touchslider-navtag .touchslider-next{ width:30px; height:30px; background-color:#fff; color:#d7d7d7; font-size:26px; text-align:center; line-height:30px; float:left; left:0; bottom:0; font-family:serif; cursor:pointer;}
.page6 .pages .touchsliderindex .touchslider-navtag .touchslider-next:hover{ background-color:#067143; color:#fff;}

.page6.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

/*第七屏*/
.page7{width: 100%;height: 100%;overflow: hidden; background: url(../img/images/map.jpg) no-repeat top center; background-size:100%;}
.page7 .pages .in_left{ display:none;}
.contact{ width:80%; height:auto; float:left; overflow:hidden; margin:10vh 10% 0 10%;}
.contact_top{ width:100%; height:auto; overflow: hidden;}
.contact_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#067143; font-weight:bold; margin-bottom:0;}
.contact_con{ width:100%; height:auto; overflow:hidden; line-height:20px; font-size:12px; color:#333;}
.contact_down{ width:100%; height:auto; overflow:hidden; margin-top:20px;}

.contact_down_box{ width:100%; height:auto; float:left; overflow:hidden; margin-right:2%;}
.contact_down ul{ width:100%; height:auto; overflow:hidden; background-color:#30a673; margin-bottom:5px;}
.contact_down_wenzi{ width:25%; height:30px; float:left; overflow:hidden; text-align:center; line-height:30px; color:#fff; font-size:14px;}
.contact_down_in{ width:65%; height:auto; float:left; overflow:hidden;}
.login_text_input{ width:100%; height:auto; border:0; background:none; line-height:30px; color:#fff; font-size:14px; float:left;}
.contact_down_tijiao{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.butinput{ width:100%; height:40px; background-color:#30a673; border:0; font-size:14px; color:#fff; line-height:40px;}

.page7.active .case{-webkit-animation-name:bounceInRight;animation-name: bounceInRight;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}


/*第八屏*/
.footer{width: 100%;height: 60px; background-color:#1a1a1a; line-height: 25px; text-align: center;font-size: 12px;color: #fff;}
.footer a{color: #fff}

/*内页-header*/
.header{ width:100%; height:40px; overflow:hidden; position:fixed; z-index:99; top:0; margin:0 auto; background-color:#fff;}
.logo{ width:20%; margin:10px auto 0 2.5vw; float:left;}
.logo img{ width:100%; max-width:185px;}
.nav{width: auto;float: right;margin-right:20px; margin-top:15px;}
.nav ul li{width: 90px;height:30px;float:left;line-height: 30px;position: relative;text-align: center}
.nav ul li a{display:inline-block;width: auto;color: #333;font-size: 14px;line-height:30px}
.nav ul li:hover a{color: #067143;}
.nav li ul li:hover a{color: #067143!important;font-size: 14px;}
.nav ul li a.active{color: #067143;}


/*子导航*/
.subnav{width: 100%;height:60px;background:url("../img/foot.png") repeat;overflow: hidden;text-align: center}
.subnav a{display:inline-block;padding:0 45px;line-height: 60px;font-size: 16px;color: #3b3b3b;}
.subnav a:hover{color: #47a60a;}
.subnav a.mr{color: #47a60a}

/*子标题*/
.subtitle{text-align: center;margin-top: 30px;}
.subtitle h3{font-size: 16px;color: #067143;font-weight: bold}
.subtitle p{font-size: 26px;color: #067143; font-family:L-Heavy; font-weight:bold;}

/*产品内页*/
.container{width: 90%;margin: 0 auto}
.products{width:100%;height: auto;overflow: hidden; margin-top:50px;}
.products_box{ width:48%; height:auto; float:left; margin:0 1% 3% auto; overflow:hidden; position: relative; z-index:3;}
.products_box_img{ width:100%; height:auto; overflow:hidden; background-color:#f5f5f5; }
.products_box_img img{ width:100%; height:auto;  transition: all 0.7s; }
.products_box:hover .products_box_img img{ width:100%; height:auto; transition: all 0.7s;transform:scale(1.1) }
.products_box_tk{ width:97%; height:60px; overflow:hidden; border:2px solid #fff;transition:all 0.5s;}
.products_box_title{ width:90%; height:60px; overflow:hidden; margin:0 auto; line-height:60px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_title{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:14px; color:#333; font-weight:bold; text-align:center; transition:all 0.5s;}
.products_box:hover .products_box_tk{ width:97%; height:60px; overflow:hidden; border:2px solid #067143;transition:all 0.5s;}
.products_box_jia{ width:90%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:32px; font-weight:lighter; color:#067143;text-align:center; }


/*新闻内页*/
.new{width: 100%;height: auto;overflow: hidden; border-bottom:1px dashed #dedede; transition:all 0.3s;}
.new:hover{width: 100%;height: auto;overflow: hidden;  background-color:#067143; border-bottom:1px double #dedede; transition:all 0.3s;}
.new_box{ width:90%; height:auto; overflow:hidden; margin:0 auto; padding:10px 0;}
.new_box_l{ width:15%; height:100%; overflow:hidden; float:left;}
.new_box_l_t{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:22px; color:#067143; font-family:L-Heavy; font-weight:bold;}
.new_box_l_b{ width:100%; height:50%; overflow:hidden; text-align:center; line-height:150%; font-size:12px; color:#c6c6c6; font-family:L-Heavy; }
.new_box_c{ width:71%; height:100%; overflow:hidden; float:left; margin:0 2%;}
.new_box_c_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#333; font-weight:bold;}
.new_box_c_con{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:12px; color:#666;}
.new_box_r{ width:10%; height:100%; overflow:hidden; float:left; line-height:50px; font-size:24px;  color:#067143;text-align:center;}
.new:hover .new_box_l_t{ color:#fff;}
.new:hover .new_box_l_b{ color:#fff;}
.new:hover .new_box_c_title{ color:#fff;}
.new:hover .new_box_c_con{ color:#fff;}
.new:hover .new_box_r{ color:#fff;}

/*关于我们-内页*/
.n_nav{ width:100%; height:60px; overflow:hidden; background-color:#262626; margin:0 auto; top:0; z-index:999; text-align:center;}
.n_nav li{ width:70px; height:30px; display:inline-block; line-height:30px; font-size:12px; color:#fff; text-align:center;}
.n_nav li:hover{ width:70px; height:30px; display:inline-block; line-height:30px; font-size:12px; color:#fff; text-align:center; background-color:#067143;}
.n_about1{ width:100%; height:auto; overflow:hidden; margin:0 auto;background: url(../img/images/aboutbg.jpg) no-repeat top center; background-size:100% 100%;}
.n_company{ width:90%; height:auto; overflow:hidden; margin:50px auto 50px auto;}
.n_company_en{ width:100%; height:30px; overflow:hidden; line-height:30px; color:#067143; font-size:22px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_company_cn{ width:100%; height:25px; overflow:hidden; line-height:25px; color:#067143; font-size:14px; text-align:center;}
.n_company_con{ width:100%; height:auto; overflow:hidden; line-height:20px; color:#333; font-size:12px; margin-top:10px;}
.n_company_img{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.n_company_img img{ width:100%; height:auto;}

.n_about2{ width:100%; height:auto; overflow:hidden; margin:0 auto;background: url(../img/images/culturebg.jpg) no-repeat top center; background-size:100% 100%;}
.n_culture{ width:90%; height:auto; overflow:hidden; margin:50px auto 0 auto;}
.n_culture_en{ width:100%; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:22px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_culture_cn{ width:100%; height:25px; overflow:hidden; line-height:25px; color:#fff; font-size:14px; text-align:center;}
.n_culture_con{ width:100%; height:auto; overflow:hidden; line-height:20px; color:#d7d7d7; font-size:12px; margin-top:20px; padding-bottom:30px;}

.n_about3{ width:100%; height:auto; overflow:hidden; margin:0 auto; background: url(../img/images/jiag.jpg) no-repeat top left; background-size:0;}
.n_organi{ width:90%; height:auto; overflow:hidden; margin:20px auto 0 auto;}
.n_organi_l{ width:90%; height:auto; float:left; overflow:hidden;}
.n_organi_l_en{ width:100%; height:30px; overflow:hidden; line-height:30px; color:#067143; font-size:20px; font-family:L-Heavy; font-weight:bold; margin-top:10px;}
.n_organi_l_cn{ width:100%; height:25px; overflow:hidden; line-height:25px; color:#067143; font-size:14px;}
.n_organi_r{ width:90%; height:auto; float:right; overflow:hidden; text-align:right;}
.n_organi_r img{ width:95%; height:auto;}

.n_about4{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_evolve_t{ width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto;}
.n_evolve_t_en{ width:100%; height:30px; overflow:hidden; line-height:30px; color:#067143; font-size:22px; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_evolve_t_cn{ width:100%; height:25px; overflow:hidden; line-height:25px; color:#067143; font-size:14px; text-align:center;}

.n_evolve_d{ width:100%; height:860px; overflow:hidden; margin:30px auto 0 auto; display:none;}
.n_evolve_d_m{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; display: block;}
.n_evolve_box{ width:99.8%; height:auto; overflow:hidden; float:left; margin:0 0.1%; background-color:#ededed; transition:all 0.3s;}
.n_evolve_box_w{ width:94%; height:auto; overflow:hidden; margin:10px 3% 10px 3%;}
.n_evolve_box_w_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#333; font-weight:bold; transition:all 0.3s;}
.n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:20px; font-size:12px; color:#333; margin-top:5px; transition:all 0.3s;}
.n_evolve_box_i{ width:100%; height:215px; overflow:hidden;}
.n_evolve_box_i img{ width:100%; min-height:215px;}
.n_evolve_box:hover{ width:99.8%; height:auto; overflow:hidden; float:left; margin:0 0.1%; background-color:#067143; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-size:16px; color:#fff; font-weight:bold; transition:all 0.3s;}
.n_evolve_box:hover .n_evolve_box_w_con{ width:100%; height:auto; overflow:hidden; line-height:20px; font-size:12px; color:#fff; margin-top:5px; transition:all 0.3s;}

.n_about5{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.n_process_d{ width:100%; height:auto; overflow:hidden; margin:30px auto 0 auto; position:relative; background: none; background-size:100%;}
.n_process_d_k1{ width:80%; height:auto; overflow:hidden; position: inherit; left:auto; top:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k2{ width:80%; height:auto; overflow:hidden; position:inherit; left:auto; bottom:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k3{ width:80%; height:auto; overflow:hidden; position:inherit; left:auto; top:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k4{ width:80%; height:auto; overflow:hidden; position:inherit; left:auto; bottom:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k5{ width:80%; height:auto; overflow:hidden; position:inherit; right:auto; top:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k6{ width:80%; height:auto; overflow:hidden; position:inherit; right:auto; bottom:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k7{ width:80%; height:auto; overflow:hidden; position:inherit; right:auto; top:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k8{ width:80%; height:auto; overflow:hidden; position:inherit; right:auto; bottom:auto; margin:10px auto; border-bottom:1px dashed #dedede;}
.n_process_d_k_l{ width:15%; height:auto; overflow:hidden; float:left; line-height:200%; font-size:30px; color:#067143; font-family:L-Heavy; font-weight:bold; text-align:center;}
.n_process_d_k_r{ width:80%; height:auto; overflow:hidden; float:left; line-height:25px; font-size:12px; color:#333;}

.n_about6{ width:100%; height:auto; overflow:hidden; margin:0 auto; background: url(../img/images/shouh.jpg) no-repeat top center; background-size:100% 100%;}
.service{width:90%; height:auto; overflow:hidden; margin:40px auto 0 auto; }
.service .n_culture_con{ line-height:150%; font-size:13px;}
.n_about7{ width:100%; height:auto; overflow:hidden; margin:0 auto 40px auto;}


/*联系我们-内页*/
.n_contact{width: 100%;height:auto; overflow:hidden; margin:40px auto 0 auto;}
.n_contact_left{ width:100%; height:100%; overflow:hidden; float:right; background-color:#067143;}
.n_contact_left_t{ width:90%; height:auto; margin:8% auto 3% 5%; line-height:30px; overflow:hidden; color:#fff; font-size:18px; font-weight:bold; }
.n_contact_left_c{ width:90%; height:auto; margin:3% auto 3% 5%; line-height:20px; overflow:hidden; color:#8ac3aa; font-size:12px; font-weight:bold;}
.n_contact_left_c pre{line-height:25px; color:#8ac3aa; font-size:14px; font-weight:bold; font-family:microsoft yehei;}
.n_contact_left_c span{color:#fff;}
.n_contact_right{ width:100%; height:380px; overflow:hidden; float:right;}

/*内页案例*/
.n_case_bg{ width:100%; height:auto; display:table; table-layout:fixed; margin-top:40px;}
.n_case{ width:96%; height:auto; overflow:hidden; float: none; margin:0 auto;}
.n_case_box{ width:48%; height:auto; float:left; overflow:hidden; position:relative; z-index:1; margin:0 1% 20px 1%;}
.n_case_box_img{ width:100%; height:auto; overflow:hidden; margin-top:0; transition:all 0.5s;}
.n_case_box_img img{ width:100%;}
.n_case_box1{width:417px; height:100vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-425px; opacity: 0; transition:all 0.5s;}
.n_case_box1_b{width:100%; height:270px; background-color:#067143; position:absolute; z-index:4; bottom:-270px; transition:all 0.5s;}
.n_case_box1_title{ width:90%; height:35px; overflow:hidden; margin:10px auto 0 auto; line-height:35px; font-size:18px; color:#fff; text-align:center; font-weight:bold;}
.n_case_box1_con{ width:90%; height:75px; overflow:hidden; margin:10px auto 0 auto; line-height:25px; font-size:12px; color:#b9edd7;}
.n_case_box1_jia{ width:90%; height:30px; overflow:hidden; margin:15px auto 0 auto; line-height:30px; font-size:40px; color:#b9edd7; font-weight:lighter; text-align:center;}
.conbox ul li a:hover .n_case_box1{width:417px; height:100vh; float:left; overflow:hidden; border:4px solid #067143; position:relative; z-index:3; margin-left:-425px; opacity: 1; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box1_b{width:100%; height:270px; background-color:#067143; position:absolute; z-index:4; bottom:0; transition:all 0.5s;}
.conbox ul li a:hover .n_case_box_img{margin-top:-270px; transition:all 0.5s;}

.Box_team { display:table-cell; table-layout:fixed; width:100%; height:100%; }
.Box_team .content_team {width:100%; height:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 13px;height: 50px;position: absolute;top:60px;cursor: pointer;}
.Box_team .btnl_team { width:60px; height:60px; color:#8fb7a6; font-size:45px; text-align:center; line-height:60px; float:left; left:30px; top:45%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .btnr_team { width:60px; height:60px; color:#8fb7a6; font-size:45px; text-align:center; line-height:60px; float:right; right:30px; top:45%; font-family:serif; cursor:pointer;	POSITION: absolute; background-color:rgba(255,255,255,0.3); z-index:6;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:425px; height:100vh; float:left; overflow:hidden;}


/*内页banner*/
.slider{width: 100%;height: 140px;overflow: hidden;background-size: 100%!important; margin-top:40px;}

/*当前位置*/
.location{width: 100%;height: 85px;line-height: 85px;background-color: #0086bf}
.local{width: 100%;color: #fff;font-weight: bold;text-align: right;font-size: 18px;}
.local i{font-size: 32px;display: inline-block;float: left}
.local a{color: #fff;}

/*page*/
.page{width:100%;height: auto;text-align: center;overflow: hidden;margin: 50px auto;}
.page a{display:inline-block;width:28px;height: 30px;line-height: 30px;font-size: 14px;margin: 0 4px;color: #0b5447;border: 1px solid #b4b4b4;box-sizing: border-box;border-radius: 3px;}
.page span{display:inline-block;width:28px;height: 30px;line-height: 30px;font-size: 14px;margin: 0 4px;background-color: #0b5447;border-color: #0b5447;border-radius: 3px;color: #d9b184}
.current{color: #d9b184!important;cursor: pointer;}
.page a:hover{background-color: #0b5447;color: #d9b184;border-color: #0b5447}
.page a:first-child{width: 60px;!important}
.page a:last-child{width: 60px;!important}
/*page-end*/

/*view*/
.content{width: 100%;padding:30px 0px;font-size: 14px;line-height: 35px;overflow: hidden}
.content .view_title{text-align: center}
.content h3{ font-size:20px;}
.con{font-size: 14px;line-height: 2;min-height: 500px;padding: 20px 0;}
.con img{max-width: 100%}
.pn div{ width:100%; height:auto; font-size:12px;}
.pn a:hover{color: #0b5447;font-size: 12px;}
/*view-end*/

}