@font-face {
  font-family: 'iconfont';  /* project id 1298696 */
  src: url('//at.alicdn.com/t/font_1298696_kzmwro8oe8q.eot');
  src: url('//at.alicdn.com/t/font_1298696_kzmwro8oe8q.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1298696_kzmwro8oe8q.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1298696_kzmwro8oe8q.woff') format('woff'),
  url('//at.alicdn.com/t/font_1298696_kzmwro8oe8q.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1298696_kzmwro8oe8q.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

body {font-size:12px;color:#000000;font-family:'Microsoft YaHei';min-width:1200px;}
body,div,ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,form,pre,fieldset,legend,table,tr,td,th,input,textarea,img {margin:0;padding:0;font-family:'Microsoft YaHei';}
section,article,header,footer,aside,nav,dialog,figcaption,figure,menu,details {margin:0;padding:0;font-family:'Microsoft YaHei';}
div,ul,ol,li,dd,dl,dt {list-style:none;}
table {border-collapse:collapse;border:0;}
td,tr,th {font-size:12px;}
img {border:none;}
select,input,img {vertical-align:middle;}
textarea {vertical-align:middle;font-size:12px;resize:none;}
input,textarea{outline: none;}
em {font-style:normal;}
b {font-weight:normal;}
h1,h2,h3 {font-weight:bold;font-size:16px;}
h4,h5,h6 {font-weight:bold;font-size:12px;}

a:link,a:visited {color:#333;text-decoration:none;}
a:hover,a:active {color:#FF0000;text-decoration:none;}
a.sethome:link,a.sethome:visited {color:#273843;font-size:12px;text-decoration:none;}
a.sethome:hover,a.sethome:active {color:#FF0000;font-size:12px;text-decoration:underline;}
a.links:link,a.links:visited   {color:#3C3B3B;font-size:12px;text-decoration:none;}
a.links:hover,a.links:active   {color:#FF0000;font-size:12px;text-decoration:underline;}
a.white:link,a.white:visited   {color:#FFFFFF;font-size:12px;text-decoration:none;}
a.white:hover,a.white:active   {color:#FF0000;font-size:12px;text-decoration:none;}
a.black:link,a.black:visited   {color:#666666;font-size:12px;text-decoration:none;}
a.black:hover,a.black:active   {color:#FF0000;font-size:12px;text-decoration:none;}
a.detail:link,a.detail:visited {color:#000000;font-size:12px;text-decoration:none;}
a.detail:hover,a.detail:active {color:#FF0000;font-size:12px;text-decoration:none;}
a.newslist:link,a.newslist:visited {color:#666666;font-size:13px;text-decoration:none;}
a.newslist:hover,a.newslist:active {color:#FF0000;font-size:13px;text-decoration:none;}
a.prolist:link,a.prolist:visited   {color:#615B5B;font-size:13px;text-decoration:none;}      
a.prolist:hover,a.prolist:active   {color:#FF0000;font-size:13px;text-decoration:none;}
a.job:link,a.job:visited {color:#333333;font-size:12px;text-decoration:none;}
a.job:hover,a.job:active {color:#FF0000;font-size:12px;text-decoration:none;}

.clearfix { *zoom: 1;}
.clearfix:after { display: block;font-size: 0; content: ""; clear: both; visibility: hidden;}
.clear,.cl {clear:both;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
.fl,.l{float:left;}
.fr,.r{float:right;}
.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.h20  {height:20px;line-height:20px;}
.h22  {height:22px;line-height:22px;}
.red  {color:#FF0000;}
.blue {color:#0000FF;}
.blank{font-family:Times New Roman;font-size:12px;}

.imgcode {width:60px;height:22px;vertical-align:middle;cursor:pointer;}
.Company {clear:both;padding:10px 10px 10px 10px;line-height:24px;color:#666666;font-size:12px;}
.Company p {line-height:24px;color:#666666;}
.Company img {max-width:99%;height:auto !important;}
.Company table {width:99% !important;word-break:break-all;}
.divAboutUs  {padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:12px;overflow:hidden;}
.divContactUs{padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:12px;overflow:hidden;}

.bridgeCode {width:1200px;margin:0 auto;text-align:center;clear:both;padding:0px 0px 5px 0px;}
.button {border:1px solid #000000;padding-top:1px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;cursor:pointer;vertical-align:middle;}
.button_submit {border:0px solid #000000;padding-bottom:2px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;width:50px;height:22px;cursor:pointer;vertical-align:middle;background:url('../images/btn_submit.gif') no-repeat;}
.button_submit2 {border:0px solid #000000;padding-bottom:2px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;width:70px;height:22px;cursor:pointer;vertical-align:middle;background:url('../images/btn_submit2.gif') no-repeat;}   
.button_submit3 {color:#fff;font-weight:normal;cursor:pointer;height:35px;width:120px;font-weight:bold;background-color:#333;border:1px solid #333;border-radius:5px;margin-right:10px;}
.button_submit4 {color:#fff;font-weight:normal;cursor:pointer;height:35px;width:120px;font-weight:bold;background-color:#5c5c5c;border:1px solid #5c5c5c;border-radius:5px;}

/**********************************************************************************************/
.main   {width:100%;margin:0 auto;line-height:20px;}
.topCon {width:1200px;margin:0 auto;}
.topCon100 {width:100%;margin:0 auto;line-height:20px;}
.indexBottom {width:100%;margin:0 auto;line-height:20px;padding:10px 0px 0px 0px;}
.indexCenter {width:1200px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}

.indexCenter table {line-height:20px;}
.indexCenter2{width:1200px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}
.indexLeft {float:left;width:254px;line-height:20px;padding:10px 0;}
.indexLeft1 {float:left;width:254px;line-height:20px;}
.indexRight  {float:right;width:910px;}
.indexRight1 {float:right;width:910px;}

.indexMain {float:right;width:730px;line-height:20px;} 
.indexRightVideo {float:right;width:253px;line-height:20px;padding-bottom:5px;}
.topCon_1 {float:left;width:100%;}
.w1000 {width: 1000px;margin: 0 auto;}
.w1100 {width: 1100px; margin: 0 auto;}
.w1200 {width: 1200px;margin: 0 auto;}
.w1300 {width: 1300px; margin: 0 auto;}
.w1400 {width: 1400px; margin: 0 auto;}

/* top */
.wraptop_1 {float:left;width:100%;height:35px;background:#0cb95f;}
.wraptop_1_1 {float:left;width:690px;text-align:left;line-height:35px;}
.wraptop_1_1 span {font-size:12px;color:#fff;}
.wraptop_1_2 {float:right;width:280px;line-height:35px;color:#fff;text-align:right;padding-right:10px;}
.wraptop_1_2 a:link,.wraptop_1_2 a:visited {color: #fff; margin:0px 6px 0px 5px;}
.wraptop_1_2 a:hover,.wraptop_1_2 a:active {color:#FF0000;margin:0px 6px 0px 5px;}

.wraptop_2 {float:left;width:100%; height:126px;padding:20px 0 0 0;}
.t_text{float:left;padding:20px 0 0 20px;font-size:19px; color: #434343;line-height:30px;width:400px;margin: 10px 0 0 0px;font-weight:400; }
.t_text strong{display: block;color: #e21226; font-size:22px;}
.h_pho{background:url(../images/telbg.png) no-repeat 0 35px;font-size:14px;line-height:18px;padding:30px 0 0 55px;color:#1f1a17;height:70px;width: 215px; white-space: nowrap; margin-top:5px;}
.h_pho b{font-size:25px;display:block;line-height:35px;color: #c5161d; font-weight: 700;}

.wraptop_4 {margin:0 auto;width:100%;height:45px;text-align:left;background:#f1f1f1;}
.wraptop_4_1 {float:left;width:720px;line-height:45px;}
.wraptop_4_1 span {float:left;width:85px;color:#666666;font-size:13px;font-weight:bold;}
.wraptop_4_1 div {float:left;width:630px;height:45px;overflow:hidden;}
.wraptop_4_1 div a:link,.wraptop_4_1 div a:visited {color:#666666;margin:0 5px 0 4px;}
.wraptop_4_1 div a:hover,.wraptop_4_1 div a:active {color:#FF0000;margin:0 5px 0 4px;}
.wraptop_4_2 {float:right;width:250px;line-height:45px;padding:0px 0px 0px 20px;}
.wraptop_4_2_1 {float:left;}
.wraptop_4_2_1 .searchinput {width:205px;border:1px solid #888888;height:24px;line-height:24px;color:#888888;font-size:12px;padding:0 5px;vertical-align:middle;}
.wraptop_4_2_2 {float:left;}
.wraptop_4_2_2 input {border:0px solid #000000;font-weight:normal;font-size:12px;color:#FFFFFF;background-color:transparent;
  width:32px;height:26px;line-height:26px;background:#0cb95f;cursor:pointer;vertical-align:middle;}
.wraptop_5{ width:100%;background:url(../images/ind01.jpg) no-repeat center bottom;height:30px; }

/* navigation */
.nav {clear:both;margin:0 auto 20px;width:100%;height:45px;background:#fff;}
.linav {margin:0 auto;width:1200px;line-height:45px;height:45px; border:1px #bbb dashed;border-radius:45px;box-sizing:border-box;}
.linav_ul {width: 100%;}
.linav_ul li {float:left;width:148px;height:45px;color:#333;font-size:16px;text-align:center;position: relative;overflow: hidden;}
.linav_ul li a:link,.linav_ul li a:visited {display: block; color:#333;font-size:16px;position: relative;z-index: 3;}
.linav_ul li a:hover {color:#0cb95f;}
.linav_ul li::after,.linav_ul li:after,.linav_ul li:after,.linav_ul li::after{background: #ccc;content: '';position: absolute;width:1px;
  height:45px;right:0;bottom:0;transition:0.3s all ease-in-out;}
.linav_ul li:last-child::after{display: none}
.linav_ul li.select a{color:#0cb95f;}

/* Banner */
.banner6 {position:relative;height:500px;overflow:hidden;width:100%;margin-top:0px;}
.banner6 .show {width:2500px;position:absolute;left:50%;top:0px;margin-left:-1250px;overflow:hidden;}
.banner6 .show ul {position:relative;float:left;width:2500px;height:500px;overflow:hidden;}
.banner6 .show ul li {text-align:center;float:left;width:2500px;position:absolute;display:none;}
.banner6 .focus {position:absolute;bottom:15px;left:47%;padding:5px 6px;}
.banner6 .focus a {float:left;width:18px;height:18px;display:block;margin-left:5px;border-radius:14px;color:#fffab1;cursor:pointer;background:#fff none repeat scroll 0 0;transition:width 0.5s ease 0s, height 0.5s ease 0s, background 0.5s ease 0s, color 0.5s ease 0s;}
.banner6 .focus a.on {background:#0cb95f none repeat scroll 0 0;color:#0cb95f;height:18px;width:32px;}
.hot {width:100%;height:42px;line-height:42px;position:absolute;bottom:10px;z-index:2;}
.hot .wrapper {width:1200px;margin:0 auto;}
.hot .list {float:left;width:860px;padding-left:10px;height:42px;position:relative;}
.hot .list .prev {display:block;width:18px;height:15px;position:absolute;background-position:-42px -108px;top:13px;left:80px;}
.hot .list .box_btn {display:block;width:18px;height:15px;position:absolute;background-position:-61px -108px;top:13px;left:99px;}
.hot .list .next {display:block;width:18px;height:15px;position:absolute;background-position:-80px -108px;top:13px;left:118px;}
.hot .list span.tit {font-size:12px;width:145px;float:left;color:#151515;}
.hot .list a {color:#000000;font-size:12px;text-decoration:none;}
.hot .list a:hover {color:#0157AD;font-size:12px;text-decoration:none;}
.hot .list div {width:700px;float:left;height:42px;position:relative;overflow:hidden;}
.hot .list div ul {width:700px;position:absolute;}

/* Links */
.yqlj {clear:both;margin:0 auto;width:1200px;padding:20px 0px 20px 0px;line-height:20px;}
.yqlj_t {float:left;width:170px;padding-left: 35px; height:30px;line-height: 30px; font-size:22px;color:#000;background: url(../images/m_12.png) no-repeat 0 0;}
.yqlj_t em{font-size: 16px;}
.yqlj .yqlj_1 {float:left;width:980px;line-height:40px; } 
.yqlj .yqlj_1 a {float:left;margin:0px 10px 0px 0px;font-size: 14px;}

/* bottom */
.divBottom {width:100%;line-height:20px;margin-top:10px; background: #0cb95f;}
.divBottom_1 {text-align:center;background:#099a4f;font-weight:400;font-size:16px;line-height:50px;color:#FFFFFF;}
.divBottom_1 a {color:#FFFFFF;text-decoration:none;margin:0px 8px 0px 7px;font-size:14px;}
.divBottom_1 a:active {color:#FFFF00;text-decoration:none;margin:0px 8px 0px 7px;}
.divBottom_2 {color:#eee;padding-bottom:20px;padding-top:20px;text-align:center;line-height:28px;font-size: 14px;}
.divBottom_2 a,.divBottom_2 a:link,.divBottom_2 a:visited {color:#eee !important;}
.divBottom_3 {float:left;width:988px;background-color:#E1E8ED;border:1px solid #A7A6A6;padding:10px 0px 10px 0px;}

.backTop_Z {display: block; position: fixed; right: 5px; bottom: 5px; width: 60px; height: 60px;
    background: transparent url(../images/back_top_Z.png) no-repeat center;  outline: 0;opacity: .9;
    filter: alpha(opacity=90); border-radius: 8px; z-index: 50;}
   
/*首页*/
/*产品*/
.shutop {height:50px;line-height:50px;padding:0px 0px;background:#f1f1f1;margin-top:32px;margin-bottom: 20px;}
.shutop strong {float:left;display:block;padding:0px 20px 0 10px;color:#fff;font-size:20px;background:#0cb95f;height:50px;}
.shutop span {float:left;color:#676767;padding-left:5px;font-size:14px; text-transform: uppercase;}
.shutop i{font-weight: 300;font-size:25px;}

.m_prod{width:1200px; margin:0 auto 50px;}
.m_cp{float: left;width: 285px;height:280px; margin-right:23px; margin-bottom:25px;}
.m_cp:nth-child(3n){margin-right:0;}
.m_cp dt{padding: 0px;margin-bottom:0px;overflow:hidden;}
.m_cp dt img{display: block;width: 100%;height: 213px;transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s; overflow:hidden;}
.m_cp dd {display: block;background: #f5f5f5; height:54px;line-height:54px;overflow: hidden;font-weight: normal;font-size: 14px;text-align: center;}
.m_cp dd a{color: #000;}
.m_cp:hover dd{background: #0cb95f;}
.m_cp:hover a{color: #fff;}
.m_cp:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);}

/* 首页四大理由 */
.indexTitle{margin: 20px 0; padding:20px 0; width: 100%; background: url(../images/title2.png) no-repeat center center;}
.indexTitle strong{display: block; text-align: center; font-size: 32px; font-weight: bold; color: #fff; line-height: 35px;}
.indexTitle strong span{ color: #8aedb9;}
.indexTitle p{ margin-top: 15px; text-align: center; font-size: 17px; font-family: arial; color: #e5f7ed; opacity: 0.58;}

.indexReason{width: 100%; background:#0cb95f url(../images/seobj.jpg) no-repeat center 0; margin:0 auto; padding:120px 0 50px;}
.reasonUl{ float: left; margin-top: 10px; width: 100%; display: flex;justify-content:space-between;}
.reasonUl li{ float: left; width:22%; text-align: center; transition: 0.5s; border-radius: 170px; border:0px #e1e1e1 solid;}

.reasonUlIMG{ display: block; margin:25px auto; width: 123px; height: 123px; border-radius: 50%; overflow: hidden;border:2px #fff solid;}
.reasonUlIMG img{ width: 123px; height: 123px;}
.reasonUlTXT{display: block;}
.reasonUlTXT h1{ margin-top:20px; font-size:22px; color: #fff; line-height: 35px;font-weight: 400;}
.reasonUlTXT p{ margin-top:10px;padding-top: 15px; font-size: 16px; color: #f8f8f8; line-height:25px;background:url(../images/re.jpg) no-repeat center 0;}
.reasonUl li:hover{ transform: translateY(-10px);}

/*关于我们*/
.aboutbg{background:url(../images/aboutbg.jpg) no-repeat center 0;padding:60px 0 0; height:726px; margin:0px auto 50px;}
.aboutcont{width: 1200px; margin:0 auto; height: 480px;}
.aboutbg_fl{float:left;width:400px;}
.aboutbg_fl img{width: 400px; height: 460px;}
.aboutbg_fr{float:right; width:750px;}
.aboutbg_fr .tit {display:block; background: url(../images/about.png) no-repeat 0 0; height:100px;line-height: 35px;}
.aboutbg_fr .tit strong{display: block; font-size: 28px; color:#222;padding-top: 15px;}
.aboutbg_fr .tit p{display: block; font-size: 22px; color:#d3d3d3;text-transform: uppercase;}

.about_contents {padding-top:30px;padding-bottom:20px;font-size:14px;line-height:24px;color:#666; height: 230px; overflow: hidden;}
a.about_btn {display: block;color:#fff;font-size:16px;background:#2f2f2f;width:200px; height: 50px; line-height: 50px;text-align: center;
  position: relative;}
a.about_btn::before{position: absolute;content:'';height:1px; background:#2f2f2f; width:0; top:0; left:0;transition: all 0.5s;}
a.about_btn::after{position: absolute;content:'';height:1px; background:#2f2f2f; width:0; bottom:0;right:0;transition: all 0.5s;}
a.about_btn:hover{background:#fff;color:#2f2f2f;}
a.about_btn:hover::before{width: 100%;}
a.about_btn:hover::after{width:100%;}

.album {position:relative;width:1200px;left:50%;margin-left:-600px;margin-top:30px;}
.album .product_list2 {margin-top:20px}
.product_list2 li {float:left;margin-left:11px;margin-right:11px;_display:inline}
.product_list2 li a.img img {width:262px;height:180px}
.product_list2 li h3 {text-align:center;display: none}
.product_list2 li h3 a {font-weight: 400;color: #fff; font: 400 12px/48px "微软雅黑";}
.l_btn,.r_btn {position:absolute;top:37%;cursor:pointer;display: none;}
.l_btn {left:-30px}
.r_btn {right:-30px}
#ademo {overflow:hidden;width:98%;}
#indemo {float:left;width:800%}
#ademo1 {float:left}
#ademo2 {float:left}

/*案例*/
.Kc1L {margin:0 auto; height:250px; width:1200px; position: relative;overflow: hidden;}
.Kcbox { height:250px; width:1098px; margin:0 auto; overflow: hidden;}
.Kcbox ul li {text-align: center; float: left; width:366px; height:230px; padding-top:5px; font-size: 14px;}
.img13 {float:left; width:340px; height: 230px; position: relative;}
.img13 img { width: 340px; height: 230px;}
.img13_info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0, 0, 0, 0.6); /*后面这个0.6是指的背景的透明度*/ opacity: 0; -webkit-transition: all 0.35s ease-in-out; /*规定提示信息怎样出现ease-in-out以慢速度开始和结束*/ 
 -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.img13_info i { position: absolute; top:80px; font-size: 50px; color:#fff; }
.img13_info span {position: absolute; top:120px;  line-height:50px; color: #FFFFFF; font-size: 16px; }
.img13 a:hover .img13_info { opacity: 0.8;}
.Kcpng1 {position: absolute; left:0px; top:85px; z-index: 1; cursor: pointer; background:#2a2a2a;width:29px;color:#fff; text-align: center;
 height:60px; line-height: 60px; font-size:20px;}
.Kcpng1:hover{background:#0cb95f;}
.Kcpng2 {position: absolute; right:0px; top:85px; z-index: 1; cursor: pointer; background:#2a2a2a;width:29px;color:#fff; text-align: center;
 height:60px; line-height: 60px; font-size:20px;} 
.Kcpng2:hover{background:#0cb95f;}

/*新闻*/
.newTitle{margin:60px 0 0; padding:20px 0; width: 100%; background: url(../images/title.png) no-repeat center center;}
.newTitle strong{display: block; text-align: center; font-size: 32px; font-weight: bold; color: #0cb95f; line-height: 35px;}
.newTitle strong span{ color: #8aedb9;}
.newTitle p{ margin-top: 15px; text-align: center; font-size: 17px; font-family: arial; color: #666; opacity: 0.58;}

.indnew{width:570px; border:1px #eee solid;height: 500px;margin:30px 0;}
.indnew_tit{height: 50px; line-height: 50px; border-bottom: 1px #eee solid;font-size:12px;text-transform: uppercase; }
.indnew_tit span{padding-left:15px;font-size: 20px;color:#0cb95f;font-weight: 700;}

.news_img{height:200px;width:550px;text-align:center;padding:10px 10px 10px;}
.news_img img{width:100%; height: 200px;}

.news_index{float:left;width:550px; list-style:none;padding-left: 10px;}
.news_index li{padding: 12px 0px 12px 0px; border-bottom: 1px dotted #dbd4cd;font-size: 14px;}
.news_index li span{display: inline-block; width:50px; height:50px;line-height: 50px; text-align: center; background-color: #f5f5f5; color: #999; float: left;  padding:0px 2px; margin-right: 15px;}
.news_index li span strong{display: block; font-size:25px;}
.news_index li a{color:#333333;}
.news_index li a:hover{ text-decoration:none;color:#ff0000;}
.news_index li em{ font-style: normal; display:inline-block; line-height: 18px;color:#999999; padding-top: 8px; font-size: 12px;}
.news_index li:hover span{background:#0cb95f;transition: all 0.5s; color:#fff; }