@charset "utf-8";


* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #333; line-height: 1.5; overflow-x: hidden !important }
img { border: 0; display: block ;transform: scale(1.0);transition: all 0.4s;}
ul, li { list-style: none; }
a { text-decoration: none; color: #000;font-family:"微软雅黑";transition: all 0.4s;cursor:pointer }
a:hover { color: #000; text-decoration: none; }
img:hover {transition: all 0.4s;cursor:pointer;transform: scale(1.1); }
.fl{ float:left}
.fr{ float:right}

.blank { clear: both; width: 100%; overflow: hidden; height: 20px }
.clear { clear: both; width: 100%; overflow: hidden; }
.box { width: 1600px; margin: auto; overflow: hidden }
.graybg { background: url(../images/gray-bg.png) repeat; padding: 0 0 40px 0; overflow: hidden; }
.color-red { color: #d61a1a; text-shadow: #fff 0px 1px 10px; }


/*header*/
header.is-index{width: 100%;background:url(../images/top_bg.png); position: fixed; top: 0; z-index: 999; transition: all .5s; height:216px;}
header.is-fixed { position: fixed; top: 0; z-index: 999; transition: all .5s;  }
.logo { float:left; margin:15px 0 0 30px; }
.logo img { height:70px;width:493px; }
.logo img:hover {transition: all 0.4s;cursor:pointer;transform: scale(1); }
.login{ background:url(../images/login_bg.jpg) left top no-repeat; width:100%; height:100%; position: absolute;background-size:cover;}

/*topnav*/
.topnav { width: 100%; height: 100px; }
.topnav h2 { color: #fff; position: fixed; top: 0; padding-left: 10px; font-weight: normal; height: 40px; line-height: 40px; display: none; }
.topnav h2 a { color: #fff; }
nav { text-align: center; line-height: 100px; width: 1000px; margin: auto; float:right; margin-right:50px;}
#starlist li { position: relative; display: inline-block; font-size: 16px; width: 10%; }
#starlist li a { display: block; color: #fff;}
#starlist li:hover { color:#22eead; }
a#selected { color:#22eead;}
#starlist ul.sub li { width: 100%; font-size: 16px; background:#117d5a; float: left; }
#starlist ul.sub li a { padding: 0; display: none; width: 100%; }
#starlist ul.sub li a:hover { background:#22b970; }
#starlist ul.sub { position: absolute; left: -5px; top: 80px; z-index: 9; width: 120px; line-height: 50px; opacity: 0; transition: all .5s; }
#starlist ul.sub:before { content: ""; height: 15px; width: 15px; background: #117d5a; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-left: 0; border-bottom: 0; position: absolute; top: -8px; left: 42%; display: none; }
#starlist li:hover ul.sub { opacity: 1; top: 100px; }
#starlist li:hover ul.sub li a { display: block }
#starlist li:hover ul.sub:before { display: block }
#mnavh { display: none; width: 70px; height: 40px; text-align: center; }
.navicon { display: block; position: relative; width: 30px; height: 3px; background-color: #fff; margin-top: 20px; float: left; margin-left: 20px; }
.navicon:before, .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #fffefe; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -10px; }
.navicon:after { margin-top: 10px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #fff; }
.menu:after { content: ""; position: absolute; display: none; top: 14px; right: 1px; width: 0; height: 0; border-width: 4px 4px 0; border-style: solid; border-color: #fff transparent transparent; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

.m-nav{background: url(../images/m-nav-bg.png) no-repeat; width:98px; height:76px; position:absolute; right:0; text-align:center; }
.m-nav .btn{ display:block; margin:30px 50px;}
#zhezhao{background: url(../images/zhez-bg.jpg);background-size:cover; width:100%; height:100%; position: fixed; left:0; top:0; z-index:998}
.zz-list{ float:left; margin:100px;}
.zz-list .menu { float:left; width:200px; height:300px;}
.zz-list .menu a{ font-size:22px; font-weight:bold;color:#FFF;}
.zz-list .sub{ margin-top:30px;}
.zz-list .sub a{ font-size:16px;color:#bbb; line-height:35px;}
.zz-list .sub a:hover{ color:#007750}

#pages{
margin-top:30px;
}
#pages span{
border: 1px solid #007500;
padding: 10px;
border-radius: 5px;
margin-left: 5px;
}
#gotopagebut{
background:none;
height:36px;
}
#pages a,#gotopagebut{
border: 1px solid #007500;
background-color:#007500!important;
color:#FFF;
padding: 10px;
border-radius: 5px;
margin-left: 5px;
}
#pages .defaultInputStyle{
height: 32px!important;
position: relative!important;
top: 2px!important;
margin-left: 5px!important;
margin-right: 5px!important;
}
/*banner*/
.ban-img { position: absolute; left: 0; top: 45%; color: #fff; width: 100%; text-align: center; }
.ban-img h3 { font-size: 40px; position: relative; width: 540px; margin: 0 auto 30px; }
.ban-img h3:before { position: absolute; content: ""; width: 100%; height: 180px; bottom: 100px; }
.bgimg img { animation: tobig 8s infinite; animation-direction: alternate; animation-delay: 1s; }
ul.banner-point { background: #d61a1a; font-size: 22px; text-align: center; }
ul.banner-point li { display: inline-block; margin: 0 56px; line-height: 50px; }
ul.banner-point li:nth-child(2) { position: relative; }
ul.banner-point li:nth-child(2):before { content: ""; background: rgb(255, 255, 255, .3); width: 10px; height: 10px; border-radius: 10px; position: absolute; left: -60px; top: 20px; }
ul.banner-point li:nth-child(2):after { content: ""; background: rgb(255, 255, 255, .3); width: 10px; height: 10px; border-radius: 10px; position: absolute; right: -60px; top: 20px; }
 @keyframes tobig { 0% {transform: scale(1);} 100% {transform: scale(1.1);}}
.bgimg img { width: 100%; }
.ban-img img { width: 100%; }
.swiper-container img:hover {transition: all 0.4s;cursor:pointer;transform: scale(1); }

/*about*/
.about { text-align: center; padding: 0 0 30px 0;}
.about-img { width: 300px; overflow: hidden; }
.about-img img { width: 100%; margin:20px 0; }
.about-text { width:1000px; text-align: left; float:left; background: url(../images/about-bg-1.png) no-repeat top; margin-top:-70px;  z-index:1; position:absolute; margin-left:300px;}
.about-left{ float:left; margin-top:30px; }
.about-right{ float:right;margin-top:30px; }

.about-text p { margin-bottom: 30px; font-size: 16px; }
.title-ch { font-size: 30px; margin-bottom: 30px; z-index: 3 }
.title-en { display: block; font-size: 72px; color: #eee; position: absolute; font-weight: normal; z-index: -1; }
.about-text .title-en { top: -10px; }
.about-text .btn-red { }


.slide_about .bd{ width:900px; height:550px; position:relative; margin-left:50px; overflow:hidden }
.slide_about .bd ul{}
.slide_about .bd ul li{ position:relative; width:900px; height:550px;}
.slide_about .bd ul li img{ width:900px; height:410px;}

.slide_about .mask{  position:absolute; left:0; right:0; width:100%; height:40px; bottom:90px;}
.slide_about .mask h5{ width:540px; font-size:20px; line-height:60px; color:#000; text-align:left; padding:0; height:60px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.slide_about .mask p{ color:#999999; font-size:16px; text-indent:0;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.slide_about .hd{  margin:0 auto; position:absolute; left:0; bottom:0; width:100%; padding:6px 0;}
.slide_about .hd ul{   position:relative;   z-index:9; width:100%; display:inherit; text-align:center;   }
.slide_about .hd ul li{ cursor:pointer; display:inline-block;  }
.slide_about .hd ul li a{height:8px; width:8px; margin:0 12px; display:block;  border-radius: 50%;background:#c3c3c3; }
.slide_about .hd ul li a:hover{ background:#007751;  }
.slide_about .hd ul .on a{  background:#007751;  }





/*title-h2*/
.title-h2 { text-align: center; overflow: hidden; margin: 20px 0; }
h2.title-h2-ch { font-size: 26px; position: relative; width: 260px; margin: auto; }
h2.title-h2-ch:before, h2.title-h2-ch:after { position: absolute; content: ""; width: 100px; height: 1px; background: #000; top: 20px }
h2.title-h2-ch:before { left: -100px }
h2.title-h2-ch:after { right: -100px; }
span.title-h2-en { font-size: 14px; color: #bfbfbf; margin-left:20px; }
.graybg span.title-h2-en { color: #dadada; }

/*title-h3*/
.title-h3 { text-align: left; overflow: hidden; margin: 20px 0;}
h3.title-h3-ch { position: relative; width: 260px; margin: auto; font-size:22px;}
h3.title-h3-ch:before{ position: absolute; content: ""; width: 4px; height: 25px; background: #007751;top:-2px; left:-20px;}
span.title-h3-en { font-size: 14px; color: #bfbfbf; margin-left:20px; }
.graybg span.title-h3-en { color: #dadada; }
.h3-list{ width:300px;}
.h3-list li{ line-height:20px; padding:10px; border-bottom:1px solid #cccccc; font-size:16px}
.h3-list li a:hover{ color:#009933}

/*tch-pic*/
.tch-pic{ background:#ececec; margin-top:40px; }
.title-h4 { text-align: left; overflow: hidden; margin: 20px 0; }
.title-h4-ch { position: relative; width: 100%;font-size:30px; text-indent:24px; font-weight:normal; height:50px;}
.title-h4-ch:before{ position: absolute; content: ""; width: 4px; height: 35px; background: #007751;top:5px; left:0px;}
span.title-h3-en { font-size: 18px; color: #bfbfbf; margin-left:20px; }
.graybg span.title-h3-en { color: #dadada; }
.tch-pic-list{ width:365px; margin:10px;}
.tch-pic-list li{}
.tch-pic-list li a:hover{ color:#009933}
.tch-pic-list .li_1{ font-size:20px; font-weight:bold; line-height:50px; margin-top:10px; display:block}
.tch-pic-list .li_2{ width:365px; height:240px; overflow:hidden; float:left}
.tch-pic-list .li_2 img{width:365px;height:240px;}
.tch-pic-list .li_3{ font-size:16px;line-height:40px;font-weight:bold}
.tch-pic-list .li_4{ color:#666; font-size:14px;line-height:150%; text-indent:24px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.tch-pic .ar{ width:120px; height:50px;position:relative;top:20px;}
.tch-pic .arrow_2{ width:50px; height:50px; border:1px solid #bcbcbc; background:url(../images/ar_1.png) no-repeat center; display:block; float:left;border-radius:50%; background-color:#FFF}
.tch-pic .arrow_1{ width:50px; height:50px; border:1px solid #bcbcbc; background:url(../images/ar_2.png) no-repeat center;display:block; float:left;border-radius:50%;background-color:#FFF}
.tch-pic .ar a:hover{background-color:#d9d9d9}
.tch-pic .ar span{display:block; float:left; line-height:50px; font-size:14px; padding:0 20px;}
.tch-pic .ar li{
    float:left;
    width:14px;
    height:14px;
    margin-right:10px;
    background-color:#FFF;
    border-radius:10px;
    cursor:pointer;
}
    .tch-pic .ar li.on {
        background-color: #007751;
    }
.title-h4-ch span{
    height:42px;
    line-height:42px;
}
.title-h4 .link {
    width: 1200px;
    margin-top: 20px;
}
.title-h4 .link li{ border-bottom:1px solid #c0c0c0; width:200px; height:40px; line-height:40px; font-size:16px; float:left; margin:10px;}
.title-h4 .link li:before{ position: absolute; content: ""; width: 5px; height: 5px; background: #007751; margin-top:18px;}
.title-h4 .link a{ padding-left:20px;}
.title-h4 .sce{ width:400px;}
.title-h4 .sce a{ border:2px solid #007751; display:block; width:100px; height:100px; border-radius:50%; float:left; background:#007751; margin:0 40px;}
.title-h4 .sce a:hover{border:2px solid #007751; background:#FFF}
.title-h4 .sce a:hover img{-webkit-filter: invert(1);filter: invert(1);transform: scale(1.4);}
.title-h4 .sce a img{margin:auto; margin-top:20px;}
.title-h4 .sce a span{ font-size:16px;  margin-top:40px;position: absolute; width:150px; text-align:center; margin-left:-20px;}


/*service*/
.service{background:url(../images/service_bg.jpg);background-size:cover; height:1350px; background-position:center center;}
.title-h1 { text-align: center; overflow: hidden; margin: 50px 0; }
h2.title-h1-ch { font-size: 40px; position: relative; width: 500px; margin: auto; color:#007751;height:60px;line-height:60px; }
h2.title-h1-ch:before, h2.title-h1-ch:after { position: absolute; content: ""; width: 200px; height: 1px; background: #007751; top: 30px }
h2.title-h1-ch:before { left: -80px }
h2.title-h1-ch:after { right: -80px; }
span.title-h1-en { font-size: 20px; color: #bfbfbf; margin-left:0px;  }
.graybg span.title-h1-en { color: #dadada; }
.service .ser{background:url(../images/service_bg2.pn) no-repeat; width:auto; height:auto}
.service .ser a{ border:2px solid #007751; display:block; width:110px; height:110px; border-radius:50%; float:left; margin: 50px; background:#FFF; position:relative}
.service .ser a img{margin:auto; margin-top:13px;}
.service .ser a span{ font-size:18px; font-weight:bold; margin-top:30px;position: absolute; width:110px; text-align:center;transition: all 0.4s; left:0}
.service .ser li{ clear:both; background:url(../images/li_bg.jpg) repeat-x 50%; float:left}
.service .ser .m1{ display:block; height:25px; width:25px; background:#80bba8; border:8px solid #007751; float:left;border-radius:50%; margin-top:85px;}
.service .ser .m2{ float:left; font-size:24px; color:#007751; margin:60px 0 0 25px;}
.service .ser a:hover{border:2px solid #FFF; background:#80bba8; border-radius:20%; width:110px; height:110px;}
.service .ser a:hover img{-webkit-filter: saturate(3);filter: saturate(3);transform: scale(1.2);}
.service .ser a:hover span{ color:#006633; margin-top:25px;transition: all 0.4s;}



/*footer*/

footer { padding: 0; background: #242424; color: #fff; background-size: cover;  width:100% ; index:999;}
.loginfooter{ position:fixed; bottom:0} 
footer a { color: #cecece; }
footer a:hover { color: #fff; }
.top { width: 40px; height: 40px; display: block; background: url(../images/top.png) no-repeat center #d61a1a; right: 50px; bottom: 10%; position: fixed; }
.tel { text-align: center; font-size: 42px; background: url(../images/tel.png) no-repeat center top; padding-top: 80px; margin-bottom: 30px }
.ft-links { text-align: center; overflow: hidden; margin-bottom: 30px; }
.ft-links i { display: block; width: 110px; height: 110px; text-align: center; margin: 10px auto; background: rgba(255, 254, 254, 0.1); border-radius: 100%; transition: all .5s; }
.ft-links dl:hover i { background: #d61a1a }
.ft-links i img { margin: auto; width: 40px; padding: 36px 0 0 0; }
.ft-links dl { width: 25%; display: inline-block; vertical-align: top; float: left }
.ft-links dt { font-size: 22px; line-height: 40px; margin: 10px 0; color: #fff; }
.ft-links dt a { color: #fff; }
.ft-links dd { line-height: 24px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.copyright { text-align: center; background: #242424; color: #999; padding: 10px 0; font-size:12px}
.copyright a { color: #999; }
.sidefloat { position: fixed; right: 0; bottom: 0; z-index: 9 }
.sidefloat li { width: 50px; height: 50px; position: relative; border-top: 1px solid #eee; background-color: #fff; }
.side_zd { display: block; width: 40px; height: 40px; }
.sidefloat li span { display: none; position: absolute; right: 50px; line-height: 50px; background: #333; color: #fff; text-indent: 0.2em; width: max-content; }
.sidefloat li span img { width: 120px; margin: 10px 10px 0 10px; }
.side_weixin { text-align: center; }
.side_top { background: url(../images/top.png) no-repeat center #d61a1a !important; }
.side_tell { background: url(../images/zx01a.png) no-repeat center; }
.side_weixin { background: url(../images/zx02a.png) no-repeat center; }
.side_qq { background: url(../images/zx03a.png) no-repeat center; }
.sidefloat li:hover span { display: block }
.side_text { padding: 0 10px }
.side_tell a, .side_qq a { color: #fff }
.side_top:hover { background: url(../images/top.png) no-repeat center #383535 !important; }
.side_tell:hover { background: url(../images/picon11.png) no-repeat center #333; }
.side_weixin:hover { background: url(../images/picon22.png) no-repeat center #333; }
.side_qq:hover { background: url(../images/picon33.png) no-repeat center #333; }
.sidefloat li.side_tell, .sidefloat li.side_top { border-top: none }


.index_footer{background: #333333;padding-bottom: 2px;height: 230px; background:url(../images/footer_bg.jpg);background-size: cover; margin-top:30px;}
.index_footer .foot_left{height: 180px;margin-top: 20px;border-right: 1px solid #c2c2c2;padding-right: 75px;}
.index_footer .foot_left ul{}
.index_footer .foot_left ul li{color: #dddddd;font-size: 14px; line-height:30px; text-indent:40px;}
.index_footer .foot_left ul li span{ font-size:18px; font-weight:bold;letter-spacing:2px; line-height:40px;}
.index_footer .foot_left img{ width:380px; height:54px; margin:20px;}

.index_footer .foot_center{height: 180px;padding-left: 85px;margin-right: 85px;}
.index_footer .foot_center ul{margin-top: 30px;}
.index_footer .foot_center ul li{color: #dddddd;font-size: 16px; color:#acacac;line-height:26px;}
.index_footer .foot_center ul li a{padding: 0px 15px;color: #dddddd;font-size: 12px;transition: all 0.4s;}
.index_footer .foot_center ul li a:hover{color: #FF2B2E;}
.index_footer .foot_center p{color: #fff;font-size: 14px;line-height: 36px;}

.index_footer .foot_right{margin-top: 30px;color: #fff;font-size: 16px;text-align: center; margin-right:100px; line-height:40px; height:180px;}
.index_footer .foot_right a{display: block;float:left; padding:0 30px 0 0;}
.index_footer .foot_right a:hover{ filter: brightness(100%);}
.index_footer .foot_right a:hover .wb{ display: block; position:absolute; margin:15px 0 0 -40px;}
.index_footer .foot_right a:hover .wx{ display: block; position:absolute; margin:15px 0 0 -40px;}
.index_footer .foot_right a:hover .qq{ display: block; position:absolute; margin:15px 0 0 -40px;}
.index_footer .wb,.wx,.qq{ display:none;}



/*hall*/

.hall{ margin-top:130px; height:1000px;}
.hall_switch{ background:url(../images/hall-bg.png) no-repeat; width:1148px; height:497px; position:absolute; left:0}
.hall_switch .bd{ width:970px; height:350px; position:relative; margin:130px 0 0 160px;; overflow:hidden }
.hall_switch .bd ul{}
.hall_switch .bd ul li{ position:relative; width:970px; height:350px;}
.hall_switch .bd ul li img{ width:500px; height:330px;}


.hall_switch .mask{  position:absolute; left:540px; right:0; width:100%; height:40px; bottom:300px;}
.hall_switch .mask h5{ width:430px; font-size:26px; line-height:45px; color:#FFF; text-align:left; font-weight:bold; padding:0; height:100px;overflow: hidden;}
.hall_switch .mask p{ width:430px; color:#FFF; font-size:16px; text-indent:28px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical; margin-top:15px;}


.hall_switch .hd{  position:absolute; left:470px; bottom:80px;; width:100%; padding:6px 0;}
.hall_switch .hd ul{   position:relative;   z-index:9; width:100%; display:inherit; text-align:center;   }
.hall_switch .hd ul li{ cursor:pointer; display:inline-block;  }
.hall_switch .hd ul li a{height:5px; width:16px; margin:0 5px; display:block;  border-radius: 20%;background:#c3c3c3; }
.hall_switch .hd ul li a:hover{ background:#007751;  }
.hall_switch .hd ul .on a{  background:#FFF;  }

.hall_list_1{ width:570px;margin-right:10px; height:410px;box-shadow: 0px 5px 5px #aaa; border:1px solid #EEE; margin-top:85px;}
.hall_list_1 .title-h4-ch{ width:580px; margin:10px 0 0 20px}
.hall_list_1 .title-h4-ch a{ float:right; font-size:14px; margin:18px 50px 0 0}
.hall_list_1 li a{ width:500px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; line-height:36px; }
.hall_list_1 ul{ margin:30px 30px;}
.hall_list_1 li{ background:url(../images/icon_left_li.png) no-repeat left center; padding-left:20px; border-bottom:1px solid #fff}
.hall_list_1 li:hover{ border-bottom:1px solid #DDD;}
.hall_list_1 li:hover a{ color: #009933;}

.hall_list_2{ width:510px; height:350px;box-shadow: 0px 5px 5px #888888; border:1px solid #EEE; margin-top:50px;}
.hall_list_2 .title-h4-ch{ width:518px; margin:10px 0 0 20px;font-size:26px!important;}
.hall_list_2 .title-h4-ch .title-h3-en{font-size:14px!important;}
.hall_list_2 .title-h4-ch a{ float:right; font-size:14px; margin:18px 50px 0 0}
.hall_list_2 li a{ width:435px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; line-height:36px; }
.hall_list_2 ul{ margin:30px 30px;margin-top:10px;}
.hall_list_2 li{ background:url(../images/icon_left_li.png) no-repeat left center; padding-left:20px; border-bottom:1px solid #fff}
.hall_list_2 li:hover{ border-bottom:1px solid #DDD;}
.hall_list_2 li:hover a{ color: #009933;}
.hall_list_2 li span{ float:right; line-height:36px; color:#999}

.hall_list_3{ margin-left:27px;}




















/*product*/



.p-service{ position:absolute; top:50%; left:50%; margin:-150px 0 0 -700px;}
.p-service-list{}
.p-service-list li { width:375px; height:300px; float: left; position: relative; transition: .5s; margin-left:200px;}
.p-service-list li .ps-img { width: 100%; }
.p-service-list li:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(100,0,0,.5); display: block; transition: .5s; border:1px solid #fff }
.p-service-list li:hover:after { background: rgb(255, 50, 50, .8); }
.p-service-list li h3 { position: absolute; display: block; width: 100%; text-align: center; top: 30%; font-size: 30px; color: #fff; z-index: 9; transition: .5s; }
.p-service-list p { position: absolute; opacity: 0; text-align: center; top: 60%; font-size: 18px; color: #fff; z-index: 9; padding: 0px; line-height:80px; transition: .5s; width:100% }
.p-service-list li:hover p { opacity: 1 }
span.item-link { display: block; border: 1px solid #ffffff; width: 120px; height: 36px; line-height: 36px; font-size: 14px; color: #ffffff; margin: 10px auto; }
span.item-link:hover { color: #ff1d1d; background: #ffffff; }
.p-service-list li h3 img { margin: 0 auto 5px; width: 65px; }
.p-service-list li:hover h3 { top: 10% }
.p-service-list li:hover p { top: 50% }









/*=======================内页==============================*/

.n_main_box{ margin-top:30px; margin-bottom:50px; position:relative; margin-top:-280px; z-index:3; background:#fff}



/*==============当前位置=====================*/

.position{  line-height: 70px;top:0px; color:#007500; background:url(../images/icon_home.jpg) right bottom no-repeat #f3f3f3; padding-left:22px; height:70px; border-bottom:1px solid #dedede}

.position span{ background:url(../images/list_ico_01.png) left center no-repeat; color:#999; text-indent:30px; display:block; width:120px; float:left}

.position a, .position i{ font-size:16px; color:#999;}

.position em{ font-size:16px; color:#333; font-style:normal;}
.position i{font-style:unset;font-family:宋体;padding:0 10px;}
.position a:hover{ color:#0c6545;}



/*==============n_content_left=====================*/

.n_left{ width:240px; float:left; overflow:hidden; background:#dfdfdf;box-shadow:40px 40px 0px #007751; height:auto; margin:30px 80px;;}

.n_left .title{ padding:10px 10px;text-align:left; background:url(../images/pic_left_0.jpg) right;  border-bottom:0;}

.n_left .title span{ display:block; color:#14aa7e; font-size:30px; font-weight:bold ;position:relative;left:15px;}

.n_left .title strong{ display:block; color:#FFF; text-transform:uppercase; display:block;  font-size:16px; margin-top:5px; font-family:"Times New Roman", Times, serif; text-indent:15px;} 

.n_left {  }

.n_left .content{ margin-bottom:22px;;}

.n_left .content a{ display:block;  border-bottom:1px solid #d6d5d2; height:60px;  background:url(../images/icon_left_li.png) 20px center no-repeat; font-weight:normal }

.n_left .content a strong{ width:160px; margin:0 auto; display:block; position:relative; font-size:18px; color:#666; line-height:60px; height:60px; overflow:hidden; }

.n_left .content a:hover { border-bottom:1px solid #d6d5d2; background:url(../images/icon_left_li_on.png) 200px center  no-repeat  #858585; color:#FFF;}

.n_left .content a:hover strong{ color:#fff;}

.n_left a.on { border-bottom:1px solid #d6d5d2; background:url(../images/icon_left_li_on.png) 200px center  no-repeat  #858585; color:#FFF;}

.n_left a.on strong{  color:#FFF;}

.n_left .link_box a{ display:block; margin-bottom:10px;}

 

/*==============n_content_right=====================*/

.n_right{ width:1150px;float:right; background:#fff;}

.n_title{ position:relative;height:45px; padding-left:20px;line-height:30px; margin:50px 20px 10px 20px;}

.n_title:before{ position: absolute; content: ""; width: 4px; height: 35px; background: #007751;top:5px; left:0px;}

.n_title h1{ font-size:30px;display:inline-block; color:#666; line-height:45px; height:40px; font-weight:normal}


/*==============n_content=====================*/

.n_content{  padding:20px;}

.list-pic{}

.list-pic{overflow:hidden;}

.list-pic ul {  }

.list-pic li{ display:block; border:3px solid #fff; background:#f2f4f8;  width:298px; height:260px;  float:left; margin:20px 35px; overflow:hidden }

.list-pic li a{ display:block; }

.list-pic li img{ width:298px; height:200px;overflow:hidden }

.list-pic li h1{ display:block; text-align:center; font-size:16px; height:60px; padding:10px; line-height:50px; color:#444444; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

.list-pic li:hover{  border:3px solid #0c6545;}

.list-pic li:hover h1{ color:#0c6545; }

.list-pic li:hover img{transform: scale(1.1);}

/*==============新闻中心=====================*/

.un_box{}
.un_box li{ width:auto;}
.un_box li a{ border-top:1px solid #dfdfdf;padding:20px; margin:0 20px; display:block; height:100px;}
.un_box li a:hover{ background:#f3f3f3}
.un_box li strong{ color:#14aa7e; font-size:18px; display:block; line-height:30px;}
.un_box li span{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; line-height:40px; font-size:18px; font-weight:bold}
.un_box li p{ width:1000px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; font-size:14px; color:#999999}


/*==============新闻详情=====================*/

.n_article { margin:20px auto;}

.n_article .ar_title{ padding:10px 0 20px 0;  margin: 30px auto;}

.n_article .ar_title{ padding:0 0 0px 0; position:relative; }

.n_article .ar_title h1{ font-size:26px;display:block; font-weight:bold; text-align:center; line-height:60px; color:#555555;}

.n_article .ar_title h2{ font-size:14px; position:relative;  display:block; border-top:1px solid #d6d6d6; padding:0 5px; color:#999999; line-height:50px; text-align:center;}

.n_article .ar_title h2 strong { padding:0 20px;}

.n_article .ar_article{  min-height:400px; padding:20px 50px;}

.n_article .ar_article .text_1{line-height:200%; margin-top:30px; font-size:16px; line-height:40px; }

.n_article .bnt_page{ position:relative; height:40px; margin-bottom:10px; line-height:40px; font-size:12px; color:#8a8a8a;   border-top:1px dotted #e4e4e4;}

.n_article .bnt_page a{ color:#8a8a8a;}

.n_article .bnt_page a:hover{color:#007cc2;}

.n_article .back_box{ margin:40px auto 0 auto; padding-bottom:80px;}

.jiathis_style{ margin-top:10px;}

.n_article .bnt_page{ position:relative;}

.n_article .bnt_page .shart_box{ position:absolute; right:0; top:10px;}

#ar_fot{ position:relative; padding:15px 0; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}

#ar_fot h1{ display:block; font-size:12px; line-height:30px; color:#777777; font-weight:bold;}

#ar_fot h1 a{ font-size:12px; color:#777777; font-weight:normal;}

#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#0059b4; padding:0 25px; font-size:14px; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ border-radius:3px;}




/*==============分页=====================*/



/*time-section*/
.time-section {
    font-size: 16px;
    line-height: 1.8;
    margin: 60px 0 60px 0;
    position: relative;
}

    .time-section:before {
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0px;
        left: 36px;
        background: #333;
        content: "";
        z-index: 0;
    }

    .time-section li {
        margin-bottom: 30px;
        position: relative;
        padding-left: 0px;
        margin-left: 20px;
        width: 95%
    }

        .time-section li:before {
            content: "";
            background: #80bba8;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            position: absolute;
            top: -10px;
            left: 4px;
            z-index: 2
        }

        .time-section li:after {
            content: "";
            background: #007751;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            position: absolute;
            top: -19px;
            left: -5px;
            border: #fff 2px solid;
            z-index: 1;
        }

        .time-section li:hover {
            color: #FFF
        }

            .time-section li:hover:before {
                background: #FFF;
            }

            .time-section li:hover strong {
                color: #005b3e;
            }

            .time-section li:hover .contact {
                background: #80bba8;
                color: #fff
            }

    .time-section .contact {
        float: right;
        width: 300px;
        line-height: 300%;
        position: absolute;
        top: 45px;
        right: 30px;
        border: 1px solid #CCC;
        border-radius: 20px;
        background: #f4f4f4;
    }

        .time-section .contact strong {
            text-align: center
        }

        .time-section .contact span {
            text-align: center
        }

    .time-section li:hover .contact span {
        color: #FFF
    }

    .time-section li:hover .contact strong {
        color: #FFF
    }

    .time-section a {
        border-top: 1px solid #dfdfdf;
        padding: 20px;
        margin: 0 20px;
        display: block;
    }

        .time-section a:hover {
            background: #f3f3f3
        }

    .time-section strong {
        color: #14aa7e;
        font-size: 20px;
        display: block;
        line-height: 60px;
        padding-left: 20px;
    }

    .time-section span {
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 40px;
        font-size: 14px;
        font-weight: bold;
        color: #999
    }

    .time-section p {
        font-size: 14px;
        color: #333;
        padding-left: 50px;
    }


/*==============分页=====================*/

.pager { margin:30px auto 0px auto;display:inherit; width:100%;  text-align: center; padding-top: 30px;}
.pager>.p_pages>span{  height:28px; line-height:28px; display:inline-block; border:1px solid #dcdcdc; margin:0;  color:#fff; color:#444444; font-size:12px;border-radius:6px; margin-right:10px;}

.pager .p_no_d{ background:#0c6545; color:#fff !important;border:1px solid #0c6545;border-radius:6px;padding:0 12px;}

.pager>.p_pages>span:hover{ background:#0c6545; color:#fff !important; text-decoration:none; border:1px solid #0c6545;border-radius:6px; }
.pager>.p_pages>span:hover a{color:#FFF}
.pager a{padding:0 12px;cursor:pointer}
.pager .p_fun_d{ padding:0 12px}

.singleh1{
font-size: 24px;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
width: 95%;
margin-bottom: 30px;
}