@charset "utf-8";
/*===========================header=============================*/
h1,h2,h3,h4,ul,ol,dl{ margin: 0; margin: 0; font-weight: normal; }
h1{ font-size: 16px;}
.fl{ float: left; }
.fr{ float: right;}
.am-with-fixed-navbar{ padding: 0;}
.red{ color: red;}
img{max-width:100%; }
/*@font-face{
	font-family:myE;
	src: url(../fonts/norwester.ttf);
}*/
/*===========================header=============================*/
#header{z-index: 9999;height:61px;overflow:hidden;}
#logo{display: block; float:left;}
#logo img{height:37px; margin-left:10px; margin-top:12px;}

.top_tel{margin-top:  20px;margin-left: 70px;padding-left:20px;background:url(../images/top_tel.png) left center no-repeat;}
.top_tel b{ font-size:16px; color:#555; font-weight:bold; font-family:arial;}

body{ width:100%;}

h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;}
h5 a{ display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px;}
li h1{ text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.2;}
li h1 strong{ display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px;}
.offcanvas-page{ overflow:hidden; position:fixed;}
.yuyan_btn {position: absolute;top: 0px;right:55px;/* height: 38px;width: 38px; */line-height: 36px;text-align: center;cursor: pointer;font-size: 13px;color:#333;z-index: 99;/*border-radius:  50%; border: 1px solid #666; */margin-top: 10px;}
.am-btn.am-active, .am-btn:active{ box-shadow:none;}

.nav_btn{position: absolute;top: 0;right: 7px;width: 38px !important;height: 38px !important;transition: 0.5s;cursor: pointer;background:none;padding: 0;outline: none;border-radius: 50%;border: 1px solid #666;margin-top: 10px;}
.line{position: relative;display: block;width: 19px;height: 2px;margin: 1px auto 0;background:#505050;border-radius:3px;}
.line:before,.line:after{content: '';width: 100%;height: 2px; right: 0;position: absolute;background: #505050; border-radius:3px; transition-duration: 0.3s,0.3s;transition-delay: 0.3s,0s;}
.line:before{transition-property: bottom,transform;bottom: 6px;}
.line:after{transition-property: top,transform;top: 6px;}
.nav_btn_active{right: 240px;position: fixed; z-index:999; top:0; border-radius:0;}
.nav_btn_active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.nav_btn_active span:after,.nav_btn_active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.nav_btn_active span:before {bottom: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.nav_btn_active span:after {top:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

/*侧导航样式*/
.header-nav {display: block;width: 240px;position: fixed;top: 0;right: 0;opacity: 0;transition: 0.5s;text-align: left;transform: translateX(240px);visibility: hidden\9;height: 100vh;overflow: auto;    bottom: 0;z-index: 1090;
    background: #f4f4f4;}
.header-nav-active {opacity: 1; display:block;transform: translateX(0);}
.mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}

.am-offcanvas-content{ padding:0;}
#aside_nav .am-offcanvas-bar{ width: 252px; background: #f4f4f4;}
#nav .am-list > li{  background: none; border-color:rgba(0,0,0,.06); padding:1.5rem 0; box-shadow:none !important; }
#nav .am-list > li a{ padding:0; padding-left:2rem; font-size:14px; color: #666;}
#nav .am-fr[class*="am-icon-"]{ color:#999 !important;}
#nav .am-list > li ul{ padding:0 ; margin-bottom: -1rem;}
#nav .am-list > li ul li{ padding:0 2rem; line-height: 3.5rem; display: block; background: #fff; border:0; }
#nav .am-list > li ul li{}
#nav .am-list > li ul li:last-child{ border:none;}
#nav .am-list > li ul li a{ font-size:12px; display:block; padding:0;}
#nav .am-fr[class*="am-icon-"]{ color: #eee;}
#nav .doc-oc-demo3{ width:50px;}
#nav .am-list > li ul{ padding-top: 10px; }
.am-offcanvas-bar::after{ background:none;}
#index_nav_bar li{}
#index_nav_bar li a{ display: block; height: 5rem; line-height: 5rem; text-align: center; color: #fff; font-size: 14px;}
.am-pureview{ z-index:10000; }

#bnt_list{ border-left:1px solid #eee;}
#bnt_cnen {
    height: 61px; line-height: 61px; font-size: 1.8rem; text-align: center; float: right; margin-right: 4.5rem; color: #666;
    width: 4.5rem; background:#fff;
    padding: 0;
}
#bnt_cnen a{color: #777; font-size: 1.8rem;}


.fixed_box{height:5rem;}
/*===========================footer=============================*/
#footer_box{ background: none;}
#footer_box .copyright a{ color:#797b7d;}

/*===========================footer=============================*/
#footer_box{ padding: 0px;  z-index:999; position:relative;}
#footer_box .copyright{color:#797b7d; display:block; margin-bottom: 65px; border-top: 1px solid #fff; font-size: 13px;}
#footer{ position:fixed; bottom:0; left:0; width:100%;}
#footer ul{background:#333335}
#footer_box .am-dropdown{ cursor:pointer; width:100%; display:block; display:block;}
#footer_box .am-dropdown-content{  }
#footer_box .am-dropdown-content input{ }
#footer li{ display: block; border-right:1px solid #626262;}
#footer li a{ padding:13px 0; display: block; color: #fff; font-size: 13px;}
#footer li a .j_iconfont{ color: #fff; margin-bottom: 1px; position:relative; top:-2px;margin-right: 10px;}
#footer li:last-child a{ border: none;} 


#gotop{ position:fixed; display: block; bottom: 52px; right: 0; z-index: 9999;}
#gotop img{ display: block;}


 .wrapper{width: 100%;margin:5px;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
 .news-box {width: 100%; margin-top:5px;}
 .news-box ul {margin-top: 5px;}
 .news-pic {width:107px; height:90px; text-align: center; display: table-cell; vertical-align: middle;}
 .news-pic img {width: 100%;vertical-align: middle;}
 .news-pic-box {width: 30%;}
 .fl-l {float: left;}
 .news-text {position: relative; /* z-index: -1; */width: 100%;margin: 0 5px 10px 5px; border-bottom: 1px dashed #ccc;}
 .news-text a {display: block;}
 .news-title {
     color: #333;
     font-size: 13px;
     display: inline-flex;
     height: 25px;
     line-height:25px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     z-index: -999;
 	padding-left: 5px;
 }
 .news-intro {
     color: #808080;
 	text-indent: 22px;
     font-size: 12px;
     display: block;
     line-height: 30px;
     max-height: 60px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: normal;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }
 .news-text span {
     display: inline-block;
     font-size: 12px;
     margin: 2px 0 10px 0;
     color: #808080;
 }
 .news-text span i{
 	padding-left: 5px;
 	font-style: normal;
 }
 .line2{margin:5px 0px; height:100px}
 
/*===========================index=============================*/
.am-slider-b2{ box-shadow: none;}
.my_bnt{ margin: 0 auto; text-align:center;  font-size:12px; border-radius: 3px; line-height:30px; height:30px; text-transform: uppercase; width: 100px; color:#fff !important;  
 margin-bottom: 2rem;   background: #224792;  display: block; margin-top: 2rem;}
.j_bnt_border{ margin: 0 auto; text-align:center; font-size:12px; line-height:3rem; height:3rem; text-transform: uppercase; width: 100px; color:#e77817;  
 margin-bottom: 2rem; border-radius: 0rem; border-radius: 2px;  border: 1px solid #e77817;  display: block;}
 

#s_main_box{margin-bottom: 6rem; position:relative;}

/*===============================首页-start==================================*/
#mode_about{ margin-bottom:30px; margin-top:30px; background:#eaebed; padding:30px 0 10px; }

/*======================banner=============================*/
#banner{ background: #fff; position: relative; z-index: 1;}
#banner .am-slider-default{ margin-bottom: 0;}
#banner .am-slider-a1 .am-control-nav{ bottom:0;}
#banner .am-slider-a1 .am-control-nav li{ margin: 0px 8px; }
#banner .am-slider-a1 .am-control-nav li a{ background: #fff;   height: 8px; width: 8px; border-radius: 6px; border:0; position:relative;}
#banner .am-slider-a1 .am-control-nav li a:after{ content:""; display:block; position:absolute; width:16px; height:16px; border-radius:50%; border:1px solid #224792; opacity:1; left:50%;  top:50%; margin-left:-8px; margin-top:-8px; transform:scale(0); transition:.3s;}
#banner .am-slider-a1 .am-control-nav li a.am-active:after{ transform:scale(1);}

#banner .am-slider-a1 .am-control-nav li a.am-active{ background-color: #f39033 !important; box-shadow:none; background: #224792; }

#n_gczs{ margin-bottom:80px;}
#n_gczs .n_gczs_slide{ border-left:1px solid #e9e9e9; margin-left: 10px;}
#n_gczs .swiper-slide{ margin-left: -12px;}
#n_gczs .swiper-slide{ width:100%; padding-bottom:15px; padding-left:20px;}
#n_gczs .swiper-slide h5{ font-size:20px; color:#535354; margin-bottom:0; position:relative; left:-20px; padding-left:30px;}
#n_gczs .swiper-slide h5:before{ content: url(../images/icon_gzzs.png); position:absolute; left:0; top:0; display:inline-block;}
#n_gczs .swiper-slide:hover h5:before{ content: url(../images/icon_gzzs_on.png); position:absolute; left:0; top:0; display:inline-block;}
#n_gczs .swiper-slide h5 span{ font-size:16px;}
#n_gczs .n_gczs_slide .ar_article{ margin-right:0;}

#n_tuandui1{ overflow:hidden; background:#f0f0f2; padding:30px 0;}
#n_tuandui1 .fl{ width:100%;  border:3px solid #fff;}
#n_tuandui1 .fr{ width:100%; margin-left:90px;}
#n_tuandui1 .fr .table{ display:table;}
#n_tuandui1 .fr .tablecell{ display:table-cell; vertical-align:middle; padding-top:20px;}

#n_tuandui2 { margin-bottom:20px; margin-top:20px; position:relative;}
#n_tuandui2 .bd{ overflow:hidden;}
#n_tuandui2 ul li{ width:50%; float:left; position:relative;padding:5px; margin-bottom:5px; box-sizing:border-box;}
#n_tuandui2 ul li .img{width:100%; height:210px; position:relative;}
#n_tuandui2 ul li .img .mask{ position:absolute; top:0; left:0; width:100%; height:100%; background: url(../images/fdj.png) center 160px no-repeat rgba(216,9,48,.75); opacity:0; transition:.5s; -webkit-transition:.5s;}
#n_tuandui2 ul li:hover .mask{ opacity:1;background: url(../images/fdj.png) center 149px no-repeat rgba(216,9,48,.75);}

#n_tuandui2 ul li .txt{ padding:20px 5px 15px; background:#f4f5f7; overflow:hidden; }
#n_tuandui2 ul li .txt div{  width:140px; float:left; line-height:20px;}
#n_tuandui2 ul li .txt div h5{font-size:14px; color:#181819;width:140px; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#n_tuandui2 ul li .txt span{ display:block; font-size:12px; color:#8f8f8f;width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#n_tuandui2 ul li .txt img{ float:right; width:25px; padding-top:6px;}

#n_tuandui2 .prev{ width:20px; height:35px; display:block; background:url(../images/n_jilu_left.png) center no-repeat; position:absolute; left:-63px; top:183px;}
#n_tuandui2 .next{ width:20px; height:35px; display:block; background:url(../images/n_jilu_right.png) center no-repeat; position:absolute; right:-63px; top:183px;}


#n_zhuanchang{ margin-top:30px; margin-bottom:30px;}
#n_zhuanchang ul{}
#n_zhuanchang ul li{ background:#f3f3f4; margin-bottom:18px;}
#n_zhuanchang ul li .img{ width:100%; position:relative;}
#n_zhuanchang ul li .img img{ transition:2s; -webkit-transition:2s; -moz-transition:2s; -ms-transition:2s;-o-transition:2s;}
#n_zhuanchang ul li .mask2{ position:absolute; background:rgba(0,0,0,.2) url(../images/play.png) center no-repeat; background-size:32px; width:100%; height:100%; top:0; left:0;transition:all ease-in-out 400ms; -webkit-transition:all ease-in-out 400ms;}
#n_zhuanchang ul li .txt{ width:100%; padding:20px 10px;}
#n_zhuanchang ul li .txt h5{ font-size:16px; color:#252525; margin-bottom:0;}
#n_zhuanchang ul li .txt p{ font-size:12px; color:#848484; line-height:24px; height:72px; overflow:hidden;}
#n_zhuanchang ul li .txt span{ position:relative; display:inline-block; font-size:12px; color:#aeaeae; font-family:arial;}
#n_zhuanchang ul li .txt span:after{ content:""; width:100%; height:1px; background:#aeaeae; bottom:5px; display:block;}
#n_zhuanchang ul li .txt h5:hover{ color:#d80930;}
#n_zhuanchang ul li .mask2:hover{background:rgba(0,0,0,.4) url(../images/play.png) center no-repeat;background-size:32px;}


#n_wenming{ padding-bottom:30px;}
#n_wenming ul{ margin:0 5px; margin-top:20px;}
#n_wenming ul li{ width:50%; height:150px; overflow:hidden; position:relative; float:left; padding:5px;}
#n_wenming ul li img{ width:100%; height:100%; border:2px solid #eee; transition:1s; -webkit-transition:1s; -moz-transition:1s; -ms-transition:1s;-o-transition:1s;}
#n_wenming ul li:hover img{ transform:scale(1.1);}
#n_wenming ul li h5{ width:80%; height:30px; line-height:30px; font-weight:100; text-align:center; background:#d80930; background: rgba(216,9,48,.9); color:#fff; font-size:14px; position:absolute; left:5px; margin-bottom:0; bottom:20px; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s;-o-transition:.5s;}
#n_wenming ul li:hover h5{ bottom:0;}

#n_jilu{ margin-top:30px; margin-bottom:30px;}
#n_jilu ul{}
#n_jilu ul li{margin-bottom:18px; width:50%; float:left; padding:5px;}
#n_jilu ul li a{ background:#f3f3f4; display:block; }
#n_jilu ul li .img{ width:100%; position:relative;}
#n_jilu ul li .img img{ transition:2s; -webkit-transition:2s; -moz-transition:2s; -ms-transition:2s;-o-transition:2s;}
#n_jilu ul li .mask2{ position:absolute; background:rgba(0,0,0,.2) url(../images/play.png) center no-repeat; background-size:32px; width:100%; height:100%; top:0; left:0;transition:all ease-in-out 400ms; -webkit-transition:all ease-in-out 400ms;}
#n_jilu ul li .txt{ width:100%; padding:20px 10px;}
#n_jilu ul li .txt h5{ font-size:13px; color:#252525; margin-bottom:0; font-weight:100;}
#n_jilu ul li .txt h5:hover{ color:#d80930;}
#n_jilu ul li .mask2:hover{background:rgba(0,0,0,.4) url(../images/play.png) center no-repeat;background-size:32px;}

/*===========================快捷入口=============================*/

#mode_link{margin-top: 3rem; margin-bottom: 2rem; padding-bottom: 2rem; padding-top: 2rem; background: #f1f3f6;}
#mode_link ul{margin: 0 .3rem;}
#mode_link li{  }
#mode_link  a{  display: block; position: relative; margin: 0 .3rem;}
#mode_link  a img{ display: block; margin: 0 auto;  width: 100%}
#mode_link  h1{ font-size: 12px; color: #46484c; display: block; text-align: center; margin-top: 1rem;}

/*客户案例*/
#s_hezuo{ margin-bottom: 20px; background:#224792; overflow:hidden; padding-bottom:2rem;}
#s_hezuo .s_title2{ text-align:center; padding-top:2rem; padding-bottom:0.6rem; margin-bottom:1rem; background:url(../images/s_coop_tt.png) center no-repeat; background-size:200px;}
#s_hezuo .s_title2 h1{ color:#fff; text-align:center; font-size:1.8rem; line-height:1.2;}
#s_hezuo .s_title2 p{ color:#fff; text-transform:capitalize; font-size:1.4rem; line-height:1.2;}
#s_hezuo ul li{ padding:3px; }
#s_hezuo ul li .img{ width:100%; text-align: center; display: table-cell; vertical-align: middle;}
#s_hezuo ul li .img img{ width: 100%; height: auto;}
#s_hezuo ul li p{ font-size:1.4rem; color:#fff; text-align:center; padding:0 8px;}

#n_ceshi{ padding-top:20px; padding-bottom:10px;}
#n_ceshi ul li{ margin-bottom:10px; overflow:hidden;}
#n_ceshi ul li a{ display:block; width:100%; height:100%;}
#n_ceshi ul li .img{ width:60%;  float:left; overflow:hidden;}
#n_ceshi ul li .img img{ transition:ease-in-out 2s; -moz-transition:ease-in-out 2s; -ms-transition:ease-in-out 2s; -o-transition:ease-in-out 2s; -webkit-transition:ease-in-out 2s;}
#n_ceshi ul li .txt{ width:40%; float:left; padding:0 10px;}
#n_ceshi ul li .txt h5{ font-size:15px; color:#090909; padding-top:30px; margin-bottom:0; font-weight:100;}
#n_ceshi ul li .txt h5:hover{ color:#d80930;}
#n_ceshi ul li .txt i{ display:block; width:18px; height:4px; background:#d80930; margin-top:8px; margin-bottom:12px;}
#n_ceshi ul li .txt span{ font-size:12px; color:#808080;display:block; margin-bottom:16px; line-height:18px; height:36px; overflow:hidden;}
#n_ceshi ul li .txt p{ font-size:12px; color:#76767d; line-height:24px; height:72px; overflow:hidden;}
#n_ceshi ul li .txt .btn{ display:block; width:72px; height:30px; line-height:30px; text-align:center; background:#fff; font-size:12px; color:#2f2f2f; border-radius:30px; margin-top:25px; transition:.3s; -webkit-transition:.3s;}
#n_ceshi ul li .txt .btn:hover{ background:#d80930; color:#fff;}

.s_news{ background:#f8f7fa; padding:20px 0 10px; margin-bottom:20px;}

/*新闻中心*/
li{ list-style: none;}
.zixun {}
.zixun .tt2{ height:68px; line-height:68px; margin-top:-18px; border-bottom:1px solid #ddd; margin-bottom:13px;}
.zixun .tt2>a{ font-size:22px; color:#4f4f50;line-height:69px; display:inline-block; background:url(../images/tt2_bg.jpg) left bottom no-repeat;}
.zixun .tt2 span.more_r a{ color:#66666c; font-size:12px;}
.zixun .bd ul li{ height:85px; box-sizing:border-box; padding-top:5px; margin-top: 0;}
.zixun .bd ul li:hover h5{ color:#888;}
.zixun .bd ul li p{ width:55px; height:62px; float:left; font-family:arial; border:1px solid #ddd; text-align:center; font-size:12px; line-height:30px; color:#333; }
.zixun .bd ul li p span{ display:block; color:#3c3c3c; line-height:32px;border-bottom:1px solid #ddd; font-size: 2em; }
.zixun .bd ul li h5{ float:left; width:calc(100% - 65px); font-weight: 100; float:right; color:#777;  font-size:13px; overflow:hidden; white-space:normal; line-height:24px; height:52px; margin: 0; 
	overflow:hidden; padding-top:8px;}
.zixun .bd ul li b{ font-size: 16px; font-weight: 100; color: #333; line-height: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}

/*底部*/
.foot{ text-align:center;margin-top:20px;}
.foot a{ color:#666; padding:10px; }

li{ list-style: none;}

/*解决方案*/
.fangan .hd ul li{ width:25%;}
.fangan .un ul li{ border-bottom:1px solid #ddd; padding:15px 0; list-style:none;}
.fangan .un ul li h5{margin-bottom:5px;}
.fangan .un ul li h5 a{ font-size:1.4rem; color:#323334; font-weight:100; }
.fangan .un ul li p{ font-size:0.875rem; color:#686969; line-height:1.6rem; height:3.2rem; overflow:hidden;}
.fangan .un ul li span{ font-size:12px; color:#7d7e7e; display:block; margin-top:5px;}

/*客户案例*/
#n_coop{ margin-bottom: 20px;}
#n_coop ul li{ padding:3px; }
#n_coop ul li .img{ width:100%;display:block; padding:6px;background:#f6f6f6; height: 100%; text-align:center;  text-align: -webkit-center;}
#n_coop ul li .img a{ display: block; text-align: center;height: 78px;  display: table-cell; vertical-align: middle;}
#n_coop ul li .img a img{ max-width: 100%; max-height: 100%; height: auto;}


/*==========================产品展示=============================*/
#mode_pro ul{  margin: 0rem -.3rem 0 -.3rem;}
#mode_pro li{ border: none; margin: 0; }
#mode_pro li a{  display: block; margin: .3rem; vertical-align:middle; text-align:center; }
#mode_pro li a .tab{  display: table; width: 100%; overflow: hidden; box-sizing: border-box; background:#fff; }
#mode_pro li a .tab_cl{ display:table-cell; width:100%; vertical-align:middle;}
#mode_pro li a .tab_cl img{ max-width:90%; max-height:140px;}
#mode_pro ul li h1{ display: block; display: block; box-sizing: border-box; line-height: 13px; background:#eee; line-height:3;  }  
#mode_pro ul li h1 strong{background:#fff;  color:#333; font-size: 12px; font-weight: 400; text-align: center; padding: .8rem 0; display: block;} 
#mode_pro ul li h5{ margin:0; font-size:14px; color:#333; font-weight:300; text-align:center; line-height:40px;
  background:#f3f3f3;
 }


/*新闻中心*/

#mode_news{ margin-bottom:30px;}


li{ list-style: none;}

/*===========================经典案例=============================*/  
#mode_case ul{  margin: 0 -5px;}
#mode_case li{ border: none; padding:5px; width:50%; float:left; margin-bottom:10px; }
#mode_case li a{  display: block; vertical-align:middle; text-align:center;  }
#mode_case li a img{  width: 100%; height:100%; overflow: hidden;  }
#mode_case ul li .txt{ display: block; box-sizing: border-box; font-size:13px; background:#eee; font-weight:normal;color:#333; text-align:center; padding:10px;  }  
#mode_case ul li .txt a{ display: block; text-align:left; font-size:13px; color:#333; line-height: 25px;} 

/*===========================底部快捷链接=============================*/
#text_link{ text-align: center;  color: #797b7d; font-size: 13px; margin-bottom: .5rem; }
#text_link a{ color: #797b7d;}

/*===========================版权申明=============================*/
#copyright{ font-size: 12px; line-height: 20px; color: #818181; text-align: center; margin-top:10px;}
#copyright a{color: #818181;}

/*==============内页=====================*/
#n_banner{position: relative; background: #000;}
#n_banner img{ display: block; width: 100%; opacity: .85;}
#n_banner .box{ position: absolute; top: 50%; left:0; width: 100%; margin-top: -25px; text-align: center;}
#n_banner .box h1{ display: block; font-size: 16px; color: #fff;}
#n_banner .box h2{ font-size: 18px; color: #fff; font-weight: 700; text-transform: uppercase;}

/*==============内页区====================*/ 
#n_main_box{ margin: 25px 0  90px 0; }
#n_content .map_box{ margin-top: 2rem; }
#n_content .map_box img{ width: 100%;}


/*==============新闻详情=====================*/
.n_article {  }

.ar_title{ text-align:center; margin-top: 1rem;  padding-bottom: 20px; margin-bottom: 25px;  border-bottom: 1px solid #eee;}
.ar_title h1{color: #333; font-size:15px; margin:0; font-weight:normal; }
.ar_title h3{ font-weight: normal;  margin:0; color: #bcbbbb; padding-top:.5rem; font-size:12px; }


.n_article .ar_article{  }
.j_page{ margin-top:20px;}
#fot_mark_box{ position:relative; border-bottom:1px solid #dedfdf; padding-bottom:15px;}
#fot_mark_box .mark_box { background:url(../images/icon_mark.png) left center no-repeat; background-size: auto 20px; padding-left:25px;  }
#fot_mark_box .mark_box  a{  height:24px; line-height:24px; padding:0 5px;  font-size:12px; color:#8b8b8b;  display:inline-block;  }

#ar_fot{ margin-top:20px; position:relative; padding:15px 0; }
#ar_fot i{ display:block; float: left; width: 10px; height:20px; background: url(../images/line_page.png) center no-repeat;}
#ar_fot a{ display: block; float: left; width: 50px; text-align: center; font-size:12px; color:#737070; font-weight:normal; height:20px; line-height: 20px;}
#ar_fot .page_box{position: absolute;right: 0;top: 0;}
#ar_fot .page_box a{ font-size: 14px; color: #646466;}
#ar_fot .bnt_back{ position:absolute; top:0px; left:0; width: 75px; color:#94243a; background: url(../images/bg_jt.png) left center no-repeat; background-size: auto 12px; padding-left: 12px;  font-size:14px; height:20px; line-height: 20px;}


/*移动分页*/
.am-pagination-select .am-pagination-select select{ color: #666666 !important; text-align: center;  background: none; font-size: 14px; border: 1px solid #dedede;}
.am-pagination-select > li > a{ color: #666666 !important; background: none; font-size: 14px; border: 1px solid #dedede;}
.am-pagination-select > li > a:hover{ background: none; border: 1px solid #dedede; }


/*==============内页导航=====================*/

#bnt_sub_nav{ position: relative;}
#sub_nav_content{ display: none; background: #343336; position: relative; width: 100%;}
#sub_nav_content .content a{ display: block; position: relative; height: 4rem; line-height: 3.8rem; text-align: center; width: 100%; }
#sub_nav_content .content a i{font-style: normal; padding-left: .7rem;  font-size: 12px; color: #fff;}
#sub_nav_content .content a:nth-child(2n+1){ background: #4d4d4e;}
 
#nav_slide{ background: #e3e3e4;   line-height: 50px; position: relative; z-index: 2; }
#nav_slide #bnt_back{ position:absolute; left: 1rem; top:15px;  }
#nav_slide #bnt_back img{ height: 15px;}
#nav_slide .n_title{ height: 50px; }
#nav_slide h1{ font-size: 16px; color: #000; text-align: center;}
#bnt_sub_nav{ position: absolute; right: 1rem; top: 17.5px; cursor: pointer; }
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f2f2f2; display: none; z-index: 9;width: 100%;}
#sub_nav_content ul{}
#sub_nav_content ul li { background: none; box-shadow:none;}
#sub_nav_content ul li a{ display:block; font-size: 14px; padding:0; padding-left: 10px; color: #333;}
#sub_nav_content ul li ul li{ border:0; line-height:40px;}
#sub_nav_content ul li ul li a{font-size: 13px; color: #666;}
#sub_nav_content ul li.on>a{ color:#059340;}

/*分页样式*/
.list_page{text-align:center;margin:8px 0px;font-family:"微软雅黑","宋体";clear:both; padding-top:10px;}
.list_page a{background:rgba(255,255,255,0.7);margin:1px;padding:2px 3px;border:1px solid #333;color:#5d5d5d;}
.list_page span{background:#333;color:#fff;margin:1px;padding:4px 6px;border:1px solid #333;}

.wxlist h1{font-size:15px; font-weight:bold; text-align:center; height: 30px; line-height: 30px;}
.InfoContent{padding-right:2px;}
.InfoContent p{padding-right:8px; line-height:28px; /* text-indent: 16pt; */}
.InfoContent .wen span{ display: block; width: 60px; height: 20px; background: #dc0000; color: #fff; text-align: center; line-height: 20px; float: left; margin-right: 8px;}

#sub_nav_content dt{height:30px;line-height:30px;position:relative;background:#fafafb;  border-top:1px solid #e7e7e7; z-index: 999; }
#sub_nav_content dt a{ margin:0 10px; display:block;color:#5b5349; height: 30px; font-size:13px; font-weight: 400;  }
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color:#fff; border-top:1px solid #fff;}
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.title_on.on{  }
#sub_nav_content dt.title_on a{ color:#5b5349;}
#sub_nav_content dd{  display:block;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color:#b7863e}


/*==============三级导航====================*/ 
#n_nav_sub{ padding: 2rem 0 0rem; }
#n_nav_sub ul{ display: flex; text-align: center;}
#n_nav_sub li{   flex: 1; text-align: center; list-style: none;}
#n_nav_sub li a{ display: block; text-align: center; font-size: 12px; color: #e8eaed; padding-bottom: 1rem;}
#n_nav_sub li.on a{ color: #fbaf41; background:url(../images/icon_dd_on.png) center bottom no-repeat; background-size: auto 5px;}


/*新闻二*/  
#mode_news2{ margin-bottom:20px;}
#mode_news2 ul{ margin-top:-15px;}
#mode_news2 ul li{ font-size:0; padding:15px 0; border-bottom:1px dashed #eee; overflow:hidden;}
#mode_news2 ul li a{ display:block; width:100%; height:100%;overflow:hidden; background:#eee;}
#mode_news2 ul li .img{ width:45%; height:110px; float:left; overflow:hidden; display:table; padding-right:10px; }
#mode_news2 ul li .img img{ width:100%; height:100%;}
#mode_news2 ul li .txt{ height:100px; }
#mode_news2 ul li .txt div{ height:100px;}
#mode_news2 ul li .txt h5{font-size: 14px;color:#060606;font-weight:100;padding-bottom:5px;padding-top:8px;position:relative;}
#mode_news2 ul li .txt p{ font-size:12px; color:#646464; line-height:18px; height:36px; overflow:hidden;}
#mode_news2 ul li .txt span{ font-size:11px;  color:#999; display:inline-block; margin-top:5px; margin-bottom:5px; font-weight:100; text-transform:uppercase; }

/*新闻四*/  
#mode_news4{ }
#mode_news4 ul{margin-top:-15px;}
#mode_news4 ul li{font-size:0;line-height: 35px;height: 35px;border-bottom:1px dashed #ddd;}
#mode_news4 ul li a{ display:block; width:100%;overflow:hidden;}
#mode_news4 ul li h5{font-size: 13px;color:#1c1b1b;font-weight:100;width:250px;float:left;position:relative;background:url(../images/s_news_ico.png) left center no-repeat;background-size:10px;box-sizing:border-box;line-hei;line-height: 35px;}
#mode_news4 ul li h5:hover{ color:#059340;}
#mode_news4 ul li span{ font-size:11px; color:#acaeaf; float:right; text-transform:uppercase; font-weight:100; font-family:arial; }
#mode_news4 ul li h5::before {
    content: "●";
    color: rgb(136, 137, 138);
    display: inline-block;
    margin-right: 5px;
}
h5{ margin:0;}


/*人才招聘3*/
#mode_zhaopin3{  }
#mode_zhaopin3{ margin-bottom:50px;}
#mode_zhaopin3 #list_slide{  position:relative;border-top: 1px dotted #cccdd1; }
#mode_zhaopin3 #list_slide dl strong{  display:block; float:left; margin-top:18px; width: 3px; height:18px; background: #0070c0;; }
#mode_zhaopin3 #list_slide dl{ border-bottom:1px dotted #cccdd1; position: relative; }
#mode_zhaopin3 #list_slide dt{ position:relative; cursor:pointer; height:55px; }
#mode_zhaopin3 #list_slide dt.on{ }
#mode_zhaopin3 #list_slide dt h1{  color:#3f3f40; padding-left:16px; font-size:14px; line-height:53px; background:url(../images/ico_s.png) right center no-repeat;  display:block; margin-right:18px;}
#mode_zhaopin3 #list_slide dd{ display:none; line-height:24px;  padding: 0px 18px; padding-bottom:15px;}
#mode_zhaopin3 #list_slide dd p{  margin-bottom:0;}
#mode_zhaopin3 #list_slide dd p:last-child{ padding-bottom:0;}
#mode_zhaopin3 #list_slide dd .content{ padding:5px 20px 15px 0px;}
#mode_zhaopin3 #list_slide dd .content { color:#8c8d90; font-size:12px; line-height:26px;}
#mode_zhaopin3 #list_slide dd .content *{ color:#8c8d90; font-size:12px; line-height:26px;}
#mode_zhaopin3 #list_slide dt.on h1{ background:url(../images/ico_s_on.png) right center no-repeat;}

.m{ margin:0 15px;}


#mode_news1 ul{  margin:0 -5px;}
#mode_news1 li{ margin-bottom:5px;}
#mode_news1 li a{  display: block; margin: 5px; vertical-align:middle; background:#f4f6f9; }
#mode_news1 li a img{  width: 100%; height:110px; overflow: hidden;  }
#mode_news1 ul li .txt{ padding: 12px 10px;}
#mode_news1 ul li h5{ color:#222; font-size: 14px; margin-bottom:8px;  } 
#mode_news1 ul li p{ font-size:12px; color:#848484; line-height:18px; height:36px; overflow:hidden;}
#mode_news1 ul li span{ position:relative; display:block; font-size:12px; color:#aeaeae; font-family:arial; height:20px; line-height:20px; margin-top:6px; padding-left:17px; 
background:url(../images/s_news_time.png) left center no-repeat; background-size:10px;}

#mode_zizhi1{ margin-bottom: 3rem;}
#mode_zizhi1 ul{ position: relative;  margin: -5px;}
#mode_zizhi1 li{ display:block; position: relative;  }
#mode_zizhi1 li a{display: block; padding: 0; padding-bottom: 1rem; margin:5px;  position: relative;}
#mode_zizhi1 li a .img_mid{  width: 100%; height:150px; display:table; background: #edecf1;}
#mode_zizhi1 li a .img_mid div{ display:table-cell; vertical-align:middle; text-align:center; width: 100%; height:150px; }
#mode_zizhi1 li a .img_mid img{ max-height:90%; max-width:90%; margin:0; display: inline-block;}
#mode_zizhi1 li a h5{ margin:0 10px; padding-top:10px; text-align: center; color:#212734; font-size: 13px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; font-weight: normal; }

/*首页开始*/
a{ color:inherit;}
*{ outline:none !important;}

.s_tt{text-align:center;margin-bottom: 15px;}
.s_tt h3{font-size: 21px;color:#000;margin-bottom: 0px;}
.s_tt p{ font-size:14px; color:#8d8d8d;}

#s_chanye{padding: 30px 0;background:#f4f4f4;}
#s_chanye ul{
    overflow:  hidden;
    margin:  0 -3px;
}
#s_chanye ul li{
    width: 50%;
    float:  left;
}
#s_chanye ul li a{display:block;background:#fff;margin: 10px 3px;padding: 20px 10px;text-align:center;border-radius:10px;box-shadow:0 3px 10px 0 rgba(0,0,0,.1);}
#s_chanye ul li font{display: block;/* width: 75px; *//* height: 75px; *//* line-height: 71px; *//* border-radius:50%; *//* border: 2px solid #059340; */text-align:center;margin:0 auto;margin-bottom: 13px;}
#s_chanye ul li font img{display:inline-block;vertical-align:middle;width: 134px;height: 88px;}
#s_chanye ul li:hover font img{  }
#s_chanye ul li h5{font-size: 16px;color:#303030;text-align:  center;}
#s_chanye ul li i{display:block;width: 23px;height:3px;display:block;background:#c7c8cc;margin: 11px auto 11px;}
#s_chanye ul li p{font-size: 12px;color:#717171;line-height: 20px;height: 40px;overflow:hidden;}
#s_chanye ul li .more{display:block;width:80px;height:25px;line-height:23px;text-align:center;margin:0 auto;border:1px solid #dadada;border-radius:13px;overflow:hidden;font-size:12px;color:#a2a2a2;margin-top: 13px;position:relative;z-index:0;}
#s_chanye ul li .more:before{ content:""; width:100%; height:0; display:block; background:#059340; position:absolute; top:0; left:0; z-index:-1; transition:.3s;}
#s_chanye ul li .more:hover{ color:#fff; border:1px solid #059340;}
#s_chanye ul li .more:hover:before{ height:100%;}
#s_chanye .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); background-repeat:no-repeat; background-position:center; display:block;width:50px;height:50px; transition:.3s; margin-top:-25px; }
#s_chanye .slick-prev{ background-image:url(../images/s_chanye_left.png); left:-86px;}
#s_chanye .slick-next{ background-image:url(../images/s_chanye_right.png); right:-86px;}
#s_chanye .slick-arrow:before{ display:none;}
.am-list, .am-topbar{ margin-bottom:0;}
#s_pro{padding: 30px 0;background: url(../images/s_pro_bg.jpg) center top no-repeat; background-size:140%;}
#s_pro .s_tt{margin-bottom: 30px;}
#s_pro .s_tt h3{ color:#fff;}
#s_pro .s_tt p{ color:#fff; color:rgba(255,255,255,.65);}
#s_pro ul{
    margin:  0 -3px;
    overflow:  hidden;
}
#s_pro ul li{
    width:  50%;
    float: left;
    margin-bottom: 20px;
}
#s_pro ul li a{display:block;margin: 0 3px;}
#s_pro ul li .img{background:#fff;border-radius:10px;box-shadow:0 3px 8px 0 rgba(0,0,0,.1); border-radius:3px; overflow:hidden;}
#s_pro ul li .img img{ transition:1s;width: 189px; height: 142px;}
#s_pro ul li:hover .img img{ transform:scale(1.1);}
#s_pro ul li .txt{ text-align:center;}
#s_pro ul li .txt h5{font-size: 16px;color:#2e2e2f;font-weight:bold;margin-top: 18px;margin-bottom: 8px;}
#s_pro ul li .txt p{font-size: 12px;color:#747375;line-height: 20px;height:  40px;overflow:  hidden;}
#s_pro ul li .txt .more{width: 90px;height: 30px;line-height: 28px;text-align:center;border:1px solid #dadada;border-radius:20px;display:block;margin:0 auto;margin-top: 19px;overflow:hidden;position:relative;z-index:0;transition:.3s;font-size:  13px;}
#s_pro ul li .txt .more:before{ content:""; width:100%; height:0; display:block; background:#059340; position:absolute; top:0; left:0; z-index:-1; transition:.3s;}
#s_pro ul li .txt .more:hover{ color:#fff; border:1px solid #059340;}
#s_pro ul li .txt .more:hover:before{ height:100%;}
#s_pro .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); background-repeat:no-repeat; background-position:center; display:block;width:50px;height:50px; transition:.3s; top:110px; border-radius:50%; box-shadow:0 5px 12px 0 rgba(0,0,0,.1); }
#s_pro .slick-prev{ background-image:url(../images/s_pro_left.png); left:-86px;}
#s_pro .slick-next{ background-image:url(../images/s_pro_right.png); right:-86px;}
#s_pro .slick-arrow:before{ display:none;}

#s_about{padding-top: 30px;background: url(../images/about_bg.jpg) center top no-repeat; overflow:hidden;}
#s_about .tt{border-bottom:1px solid #476752;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:36px;}
#s_about .tt h3{font-size:32px;}
#s_about .tt h3 span{ font-size:14px; opacity:.85; margin-left:9px;}
#s_about .tt .more{ float:right; padding-top:18px; display:inline-block;}
#s_about .txt{font-size:15px; overflow:  hidden;}
#s_about .txt .tt{margin-bottom: 13px;}
#s_about .txt .tt span{display:block;font-size: 20px;color:#333;font-family:arial;font-weight:bold;}
#s_about .txt .tt h3{font-size: 16px;color:#000;}
#s_about .txt h5{font-size: 14px;color:#494a4a;margin-bottom:  15px;}
#s_about .txt p{ font-size:13px; line-height:28px; color:#848586;}
#s_about .txt .more{ width:128px; height:40px; line-height:40px; text-align:center; border-radius:20px; background:#059340; color:#fff; display:block; font-size:14px; cursor:pointer; margin-top:43px;}
#s_about .video{ position:relative;margin:  0 -15px;margin-top:  30px;}
#bnt_show_video .mask2{ position:absolute; left:0; top:0; width:100%; height:137px; cursor:pointer;}
#bnt_show_video .mask2 img{ width:40px;}
#bnt_show_video .mask2 p{ color:#fff; margin-top:18px;}
.j_tab{  width: 100%; height: 100%; display:table;}
.j_tab_cel{width: 100%; height: 100%; display: table-cell; vertical-align:middle; text-align:center;}
#s_video_box a{ display: block; position: relative; width: 100%; height: 290px; overflow: hidden;} 
#s_video_box a img.img{}
#s_video_box a .icon{ position: absolute; left:0; top: 0; width: 100%; height: 100%;    display:block;  background: url(../images/icon_play.png) center no-repeat;}
#show_video_box{ position:fixed; z-index:9999; top:0; left:0; display:none; height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
#show_video_box .box{ position:absolute; top:50%;  left:50%; margin-left:-170px; margin-top:-100px;}
#page_video{ height:200px; width:340px; background:none; position:relative;}
#page_video .video_box{border:3px solid #009b4c; height:206px; width:346px; }
#bnt_close{display:block;width: 54px;height: 54px;background:#009b4c;position:absolute;top: -54px;right: -6px;}
#bnt_close img{display:block;position:absolute;left: 16px;top: 14px;width: 26px;}
#bnt_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

#s_serve{ padding:30px 0; background:#fff; overflow:hidden;}
#s_serve ul li{background:#fff;position:relative;overflow:  hidden;}
#s_serve ul li .img{width: 50%;height: 120px;float:  left;}
#s_serve ul li .img img{
    height:  100%;
}
#s_serve ul li .txt{height: 120px;text-align:center;position:relative;background:#f8f7fa;padding: 10px 5px;float:  right;width:  50%;}
#s_serve ul li .txt font img{ max-width:20px; max-height:20px;}
#s_serve ul li .txt:before{ content:""; display:block; border:9px solid transparent; border-bottom:9px solid #f8f7fa; position:absolute; top:-18px; left:50%; margin-left:-9px;}
#s_serve ul li .txt h5{font-size: 14px;color:#525252;font-weight:bold;margin-bottom: 4px;margin-top: 4px;}
#s_serve ul li .txt p{font-size: 11px;color:#646464;line-height: 20px;height: 40px;}
#s_serve ul li.li_2 .img{ float:right;}
#s_serve ul li.li_2 .txt{ float:left;}
#s_serve ul li.li_2 .txt:before{ border:9px solid transparent; border-top:9px solid #f8f7fa; bottom:-18px; top:auto;}


#s_zhiliang{ height:475px; background:url(../images/zhiliang_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding-top:90px;}
#s_zhiliang .s_tt h3{ color:#fff;}
#s_zhiliang .s_tt p{ color:#fff; opacity:.65;}
#s_zhiliang ul{ margin:0 -20px;}
#s_zhiliang ul li{ width:20%; float:left; text-align:center; color:#fff;}
#s_zhiliang ul li a{ display:block; width:140px; margin:0 auto;}
#s_zhiliang ul li .ico{ width:140px; height:140px; margin:0 auto; border:1px solid #fff; border:1px solid rgba(100%,100%,100%,.75); border-radius:50%; position:relative; z-index:0;}
#s_zhiliang ul li .ico font{ display:block; width:100%; height:100%; border-radius:50%;}
#s_zhiliang ul li h5{ font-size:17px; margin-top:20px;}
/*#s_zhiliang ul li .ico:before{ content:""; display:block; width:100%; height:100%; border-radius:50%; position:absolute; top:0; left:0; background:#009b4c; z-index:-1;
transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); -webkit-transform:scale(0); transition:.7s; opacity:0; visibility:hidden;}
#s_zhiliang ul li .ico:hover:before{ transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); opacity:1; visibility: visible;}*/
#s_zhiliang ul li .ico:hover font{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}
@keyframes doudong {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
/*#s_zhiliang ul li:hover .ico font{-webkit-animation: toRightFromLeft 0.6s;-moz-animation: toRightFromLeft 0.6s; animation: toRightFromLeft 0.6s;}*/
@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(25%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-25%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(25%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-25%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(25%);
	}
	50% {
		opacity: 0;
		transform: translate(-25%);
	}
	51% {
		opacity: 1;
	}
}


.btn_flashcenter {  position: relative; overflow: hidden; transition: 0.52s; }
.btn_flashcenter:hover { box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225); }

.btn_flashcenter .anim { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; }
.btn_flashcenter .anim:before { position: relative; content: ''; display: block; margin-top: 100%; }
.btn_flashcenter .anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.btn_flashcenter:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }
.btn_flashcenter:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; }


@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}


#s_yingxiao{background:url(../images/s_yingxiao_bg.jpg) center no-repeat;padding: 30px 0;overflow:  hidden;}
#s_yingxiao .s_tt{}
#s_yingxiao .s_tt h3{ color:#fff;}
#s_yingxiao .s_tt p{ color:#fff; color:rgba(255,255,255,.85);}
#s_yingxiao ul{}
#s_yingxiao ul li{width: 25%;float:left;text-align:center;}
#s_yingxiao ul li+li{}
#s_yingxiao ul li a{ display:block;}
#s_yingxiao ul li font{display:block;height:  50px; line-height:50px;}
#s_yingxiao ul li font img{ vertical-align: middle; max-width:25px; max-height:30px;}
#s_yingxiao ul li h5{font-size: 24px;color:#fff;font-family:arial;margin-top: 12px;margin-bottom: 5px;font-family: 'NUNITO-LIGHT';}
#s_yingxiao ul li h5 span{}
#s_yingxiao ul li p{ font-size:12px; color:#fff;}

#s_news{ background:url(../images/s_news_bg.jpg) center no-repeat; padding:30px 0; }
#s_news ul li .txt .time{ font-size:12px; color:#8f9091; padding-left:19px; background:url(../images/s_news_time.png) left center no-repeat; }

.more_btn{width: 100px;height: 35px;display:block;margin:0 auto;border-radius:30px;background:#059340;line-height: 35px;color:#fff;font-size: 13px;margin-top: 20px;text-align:center;}

#s_news .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); background-repeat:no-repeat; background-position:center; display:block;width:50px;height:50px; transition:.3s; margin-top:-25px; }
#s_news .slick-prev{ background-image:url(../images/s_chanye_left.png); left:-86px;}
#s_news .slick-next{ background-image:url(../images/s_chanye_right.png); right:-86px;}
#s_news .slick-arrow:before{ display:none;}

#s_coop{ padding:30px 0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; margin-bottom:20px;}
.coop_slide{}
.coop_slide li{}
.coop_slide li .j_tab{ height:75px; background:#fff; margin:0 auto;}
.coop_slide li img{ display:inline-block;}
.coop_slide .slick-arrow{width:10px;height:22px;z-index: 999;}
.coop_slide .slick-arrow:before{ display:none; }
.coop_slide .slick-prev{left: 0;background:url(../images/s_coop_left.jpg) center no-repeat;}
.coop_slide .slick-next{right: 0;background:url(../images/s_coop_right.jpg) center no-repeat;}

.j_tab{  width: 100%; height: 100%; display:table;}
.j_tab_cel{width: 100%; height: 100%; display: table-cell; vertical-align:middle; text-align:center;}

.ar_title{ text-align:center; padding-bottom:15px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.ar_title h3{font-size: 16px;color:#555555;}
.ar_title i{display:block;width: 24px;height: 3px;background:#f39700;margin:0 auto;margin-top: 6px;margin-bottom: 10px;}
.ar_title .item{font-size: 11px;color:#7e7f7f;line-height: 1.8;text-align:  left;}
.ar_title .item span{margin-left: 15px;display:  inline-block;}
.ar_title .item span b{ color:#059340; font-weight:normal;}
#n_news_xq .ar_title h3{ font-size:20px; color:#555; font-weight:bold; line-height:1.5;}
.ar_title .item2{ font-size:14px; color:#818181; line-height:1.5;}
.ar_title .item2>span{ font-size:14px; color:#818181;}
.ar_title .item2>span+span{ margin-left:20px;}


.pro_slide{ overflow:hidden;}
.slider-for img{ width:100%; height:100%;}
.slider-nav{ margin:0 -3px; margin-top:15px;}
.slider-nav .img{ margin:0 3px; cursor:pointer;}
.slider-nav .slick-current .img{ border:1px solid #f39700;}
.pro_slide .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-32px; transform:translate(0,0); 
	display:block;
    width: 63px;
    height: 63px;}
.pro_slide .slick-prev{ left:0px; right:auto;
	background:url(../images/n_pro_xq_left.png) left center no-repeat !important;
	transition:300ms;
	-webkit-transition:300ms;
	}
	
.pro_slide .slick-next{ right:0px; left:auto;
	background:url(../images/n_pro_xq_right.png) right center no-repeat !important;
	transition:300ms;
	-webkit-transition:300ms;
	}

.pro_slide .slick-prev:before,.pro_slide .slick-next:before{ display:none;}

#n_pro_xq .box1{ overflow:hidden; position:relative;}
#n_pro_xq .box1 .txt{ font-size:12px; color:#818181; line-height:23px; margin-top:20px;}
#n_pro_xq .box1 .txt .tt{ font-size:16px; color:#333335; font-weight:bold; padding-bottom:10px; line-height:28px; border-bottom:1px solid #e5e5e5; margin-bottom:15px;  }
#n_pro_xq .box1 .txt .con{ }
#n_pro_xq .bot{ text-align:center; margin-top:20px; }
#n_pro_xq .btn_more{ font-size:14px; color:#fff; width:90px; height:35px; line-height:35px; text-align:center; background:#059340; border-radius:3px; display:inline-block;}
#n_pro_xq .tel{ display:inline-block; margin-left:5px; height:35px; line-height:35px; background:#f39700 url(../images/s_case_tel.png) 15px center no-repeat; background-size:12px; border-radius:3px; color:#fff;
 font-size:18px; font-weight:bold; font-family:arial; padding-left:35px; padding-right:17px;}
#n_pro_xq .box2{ margin-top:30px; background:#f4f6f7;}
#n_pro_xq .box2 .tt{height: 40px;border-bottom:1px solid #dbddde;margin-bottom: 15px;}
#n_pro_xq .box2 .tt h3{width: 106px;height: 40px;background:#059340;text-align:center;line-height: 40px;color:#fff;font-size: 15px;border-radius:3px 0 0 0;}
#n_pro_xq .box2 .con{padding: 0 17px;}


.lianxi_con{padding:0 15px;background:#f4f6f7;}
#n_lianxi{ overflow:hidden; border-bottom:1px solid #e5e5e5; padding-bottom:30px;}
.lianxi_tt{margin-bottom: 9px;}
.lianxi_tt h3{font-size: 18px;color:#373737;font-weight:bold;}
.lianxi_tt span{font-size:13.7px;font-family:arial;font-weight:bold;display:block;margin-bottom:18px;}
.lianxi_tt i{display:block;width: 25px;height: 3px;background:#f39700;}
#n_lianxi .txt{font-size: 14px;color:#555;line-height: 26px;margin-bottom:16px;padding-top:13px;}
#n_lianxi .txt p{font-size: 14px;color:#555;line-height: 26px;}
#n_lianxi .box .fr{margin-top: 23px;}
.lianxi_ewm{ overflow:hidden; height:115px;}
.lianxi_ewm p{ width:20px; float:left; margin-left:15px; font-size:14px; color:#737373; line-height:18px;  padding-top:12px;}
.lianxi_ewm img{ width:115px; height:115px; float:left; border:1px solid #dfe2e4; }
#n_news #mode_news4 ul li {
    font-size: 0;
    line-height: 40px;
    height: 40px;
    border-bottom: 1px dashed #dadada;
}



#n_pro{ }
#n_pro ul{}
#n_pro ul li{border:1px solid #ededed;overflow:hidden;height: 89px;margin-bottom: 15px;transition:1.2s;}
#n_pro ul li:hover{ border:1px solid #059340; }
#n_pro ul li .img{width: 130px;height: 89px;float:left;position:relative;}
#n_pro ul li .img img{ transition:1s;}
#n_pro ul li:hover .img img{ transform:scale(1.05);}
#n_pro ul li .img:after{content:"";width:1px;height: 89px;display:block;background:#ededed;position:absolute;right:0;top: 0;}
#n_pro ul li .txt{
    width: calc(100% - 130px);
    float:  right;
    padding: 0 10px;
}
#n_pro ul li .txt .tt{overflow:hidden;border-bottom:1px solid #ededed;margin-bottom: 6px;}
#n_pro ul li .txt .tt h5{font-size: 14px;color:#2e2e2f;transition:.3s;line-height: 30px;}
#n_pro ul li .txt .tt h5:hover{ color:#059340;}
#n_pro ul li .txt .tt .view_more{font-size: 12px;color:#5e5e5e;}
#n_pro ul li .txt .tt .view_more:hover{ color:#059340;}
#n_pro ul li .txt p{font-size: 12px;line-height: 20px;color:#a6a6a6;height: 40px;overflow:hidden;}

h5{ font-weight:normal;}


#n_pro_xq{ padding:50px 0;}
#n_pro_xq .box1{ overflow:hidden; padding-bottom:20px; border-bottom:1px solid #e5e5e5; margin-bottom:40px;}
#n_pro_xq .box1 .img{ }
#n_pro_xq .box1 .txt{ padding-top:20px;}
#n_pro_xq .box1 .txt .tt{ font-size:16px; font-weight:bold; color:#059340; margin-bottom:20px;}
#n_pro_xq .box1 .txt .con{ font-size:12px; color:#818181; line-height:25px;  overflow:auto;}


#n_join #list_slide{  position:relative; }
#n_join #list_slide dl{ position: relative; margin-bottom:11px; }
#n_join #list_slide dt{position:relative;cursor:pointer;height: 50px;transition:.5s;background:#fbfbfb;}
#n_join #list_slide dt.on{ background:#059340;}
#n_join #list_slide dt h1{color:#555555;padding-left: 20px;font-size: 14px;line-height: 50px;background:url(../images/ico_s.png) right center no-repeat;display:block;margin-right: 22px;background-size: 13px !important;}
#n_join #list_slide dt.on h1{ color:#fff;}
#n_join #list_slide dd{ display:none; line-height:24px;  padding: 0px 20px; padding-bottom:15px;}
#n_join #list_slide dd p{  margin-bottom:0;}
#n_join #list_slide dd p:last-child{ padding-bottom:0;}
#n_join #list_slide dd .content{ padding:15px 0 15px 0px; color:#555555; font-size:12px; line-height:22px;}
#n_join #list_slide dd .content p{ margin-bottom:20px; color:#555555; font-size:12px; line-height:22px;}
#n_join #list_slide dt.on h1{ background:url(../images/ico_s_on.png) right center no-repeat ;  }

#n_join #list_slide .info{ overflow:hidden;}
#n_join #list_slide .info>p{ float:left; width:600px;}
#n_join #list_slide .info span{ display:inline-block;}
#n_join #list_slide .info a.btn{ width:100px; height:34px; text-align:center; line-height:34px; color:#fff; font-size:13px; border-radius:3px; float:right; background:#e00025;}
#n_join #list_slide .info a.btn:hover{ background:#d00022;}