@charset "utf-8";
/* Style Reset*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote,h2,font
{ margin: 0; padding: 0; border:0;} 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}

img{ border: 0;}
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}
a{text-decoration:none;outline:0;}
html{overflow-x:hidden; }
.center{ text-align:center;}
.center img{ border:1px solid #ccc;}
/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.barbook{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.barbook:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -53px;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -158px;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}

/*header*/

body{color:#515d6b;font-size:12px; overflow-x:hidden;background:#fff; font-family:'Microsoft Yahei','微软雅黑';}
a{ color:#515d6b;}
.header{width:100%;min-width:1004px;height:89px; background:#fff;}
.logo{ float:left; margin-left: 10px; margin-top: 21px;display:inline;}
.tel{ float:right;padding-left:35px;background:url(../images/tel.png) left 3px no-repeat; font-family:'Microsoft Yahei'; margin-top: 25px; display: inline;}
.tel span{ font-size:12px; font-family:"Times New Roman", Times, serif; color:#818181; text-align:left; line-height: 22px;}
.tel p{ color:#444; line-height:1; font-family:Arial; font-size:16PX;}
.menu{ width:100%;height:50px;background:#278550; }
.menu ul{ width:1400px; margin:0 auto;}
.menu li{width:calc(100% / 8);float:left;text-align:center;}


.menu li a{ display:block;width:100%;text-align:center; color:#fff;font:14px/50px 'Microsoft Yahei'}
.menu a:hover,.menu a.cur{ color:#278550; background-color: #fff; }
.nav{ position:absolute; display:none; z-index:999; left:0;width:70px;}
.menu li .nav a{ float:left; color:#000; width:100%; border-top:1px solid #000; text-align:center;line-height:29px;background:#ffe410}

.menu .nav a:hover,.menu .nav a.cur{height:29px; line-height:29px; padding:0;margin:0;background:#ffe410}

@media screen and (max-width:1400px){
    .menu ul{ width: 100%; min-width: 980px; float: left; margin:unset;} 
}

.index_ml{ width: 100%; height: 54px;margin: 0 auto; text-align: center;background-color: #009745; }
.index_ml ul{ width: 1400px; margin: 0 auto; list-style-type: none;}
.index_ml li{ width:calc(100% / 8); float: left; position: relative; text-align: center;}
.index_ml li .wz1{ width: 100%; position: relative;height: 54px; float: left;  font: 16px/54px "microsoft yahei";color: #eaf0f3;text-align: center;z-index: 2;}
.index_ml li .s_h1{position: absolute; bottom: 0; left: 0; right: 0;top: 54px; background-color: #fff; z-index: 1;}
.index_ml li:hover .s_h1{ top: 0;}
.index_ml li:hover .wz1{ color: #009745;}

.index_ml .active .s_h1{ top: 0;}
.index_ml .active .wz1{ color: #009745;}

.index_ml li dl{ width: 150px ; height: 0;  overflow: hidden; position: absolute; top:40px; left: 0; z-index: 99;}
.index_ml li:hover dl{top: 54px;  height: auto; overflow: unset;}
.index_ml li dd{width: 100%; float: left;  position: relative;background-color: #30373f;}
.index_ml li dd:hover{background-color: #009745;}
.index_ml li dd .wz2{width: 100%;width:calc(100% - (20px * 2));  float: left; padding:0 20px;  clear: both; font: 16px/54px "microsoft yahei";color: #eaf0f3;text-align: left; border-top: solid 1px #eaf0f3;}
.index_ml li dd:hover .wz2{color: #fff;}
.index_ml li dd .wz2_ml{ width: 200px; height: 0; overflow: hidden; position: absolute; top: 0; left: 100%;z-index: 99;}
.index_ml li dd:hover .wz2_ml{ height: auto;overflow: unset;box-shadow:0 10px 20px rgba(0,0,0,0.15);-moz-box-shadow:0 10px 20px rgba(0,0,0,0.15);-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.15);}
.index_ml li dd .wz2_ml a{width: 100%;width:calc(100% - (20px * 2)); float: left;background-color: #009745;padding:0 20px;  clear: both; font: 16px/54px "microsoft yahei";color: #eaf0f3;text-align: left;border-top: solid 1px #eaf0f3;}
.index_ml li dd .wz2_ml a:hover{background-color: #fff;color: #009745;}
@media screen and (max-width:1200px){
    .index_ml{ width: 100%; min-width: 1200px;}
    }



.vbanner{ height:279px; width:100%; min-width:980px;background:url(../images/vbanner.jpg) top center no-repeat}
.vbody #full-screen-slider{ height:279px; overflow:hidden;}
#full-screen-slider { width:100%; z-index:0; height:389px;position:relative}
#slides { display:block; width:100%; height:389px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:0%; bottom:52px;z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:24px; height:5px; font-size:1px; overflow:hidden; float:left; margin-left:1px;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current {}
/* index*/
.productmain{ height:314px;}
.productmainl{ float:left; width:466px;}
.productmainl a{ margin:0 0 1px 1px;}
.productmain a{ float:left; margin-left: 1px; margin-top:1px;}
.productmain img{ display:block;}
.probotl{  float:left; width:220px;}
.probotl a{ margin:0 0 1px 0;}
.pro_t{float:left; width:230px; overflow:hidden; height:133px; padding:50px 0 0 14px; display:inline; margin-left:1px; margin-top:1px; background:url(../images/bg1.jpg) left top no-repeat; background-color: #278550;}
.pro_t p{ color:#fff500; margin-bottom:3px;font:14px/20px 'Microsoft Yahei';}
.pro_t font{color:#fff500; font:20px/18px 'Times New Roman'; display:block; }
 .productmainr .pro_t a{color:#fff500;display:inline; margin-top:30px; margin-left:155px; font:14px/14px 'Microsoft Yahei';}
.productmainr{ float:right; width:514px;}
.productmainr a{ margin:0 0 1px 1px;}
.probot2{ float:left; width:514px;}
.joincon{ width:980px; margin:0 auto; overflow:hidden; padding:0 0 70px 0; }
.joinpfra{ float:left; width:740px; padding:0 0 0 120px;background: url(../images/bg5.jpg) 489px top repeat-y;}
.joinp1{ float:left; width:740px; background:url(../images/dian.jpg) center 0 no-repeat; min-height:60px;_height:60px;}
.joinp1 label{ float:left; width:40px; padding:0 10px 0 0; line-height:18px; text-align:center; color:#fff; height:18px; background: url(../images/bg4.jpg) left top no-repeat; display:inline; margin:0 0 0 310px; overflow:hidden;}
.joinp1 p.con{ float:left; width:325px; line-height:20px; color:#2a2a2a; font-size:13px; font-family:'Microsoft Yahei'; padding:0 0 0 30px;}
.joinp2{ float:left; width:740px; background:url(../images/dian1.jpg) center 3px no-repeat;min-height:60px;_height:60px;}
.joinp2 p.con{ float:left; width:360px; line-height:20px; height:40px; overflow:hidden; color:#2a2a2a; font-size:13px; font-family:'Microsoft Yahei'; padding:0 0 0 0px; text-align:right;}
.joinmore{ float:left; margin:20px 0 0 300px; color:#4c4c4c; font-size:14px;font-family:'Microsoft Yahei';  display:inline;width:145px; height:35px; background:url(../images/bg6.jpg) left top no-repeat; line-height:35px; text-align:center;}
.store{ position:relative; width:100%; float: left; clear: both;}
.pronad{ text-transform:uppercase;display:inline-block;text-align:center; font-family: Arial; font-size:20px; color:#696969; line-height:1.3; padding:0 10px;}
.kecd{ width:514px; margin:0 auto 10px auto; text-align:center;}
.storefra{ width:100%; height:250px; overflow:hidden; min-width:1002px; position:relative;}
.storefra ul{ float:left; width:100%;height:250px; overflow:hidden;  background:#278550; text-align:center; }
.storefra ul li{ display:inline-block;*display:inline;*zoom:1; *font-size:0;*vertical-align:0; overflow:hidden;  width:298px; height:250px; border-left:1px solid #fff500;  overflow:hidden;position:relative;background-position:center!important;background-repeat:no-repeat;background-size:cover;}
.storefra ul li a{width:298px; height:250px;  overflow:hidden; float:left;}
.storefra ul li a p{ position:absolute; background:url(../images/wordbg.png) left top repeat;  width:100%; height:35px; line-height:35px; text-align:center; font-size:14px; font-family:'Microsoft Yahei'; color:#fff; bottom:0; left:0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.profra{ width:980px; margin:0 auto; height:280px; clear: both;}
.slider-container {position: relative;height:200px;}
.profra li{ position: absolute;width:980px; left:0;display:inline;}
.bullet-pagination {width: 100%;text-align: center;}
.bullet {display: inline-block;width:11px; background: url(../images/dian3.jpg) left center no-repeat;height:11px;border-radius:10px;margin-right: 10px;}
.bullet.active { background: url(../images/dian2.jpg) left center no-repeat; }
.profra li .limg{ float:left; width:265px; height:105px; display:inline; margin:20px 20px 0 40px;}
.profra li .limg a.name{ cursor:pointer; float:left; width:265px; height:40px; line-height:40px;color:#278550;font-family:'Microsoft Yahei'; font-size:13px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.profra li .limg a.con{ float:left; width:265px; line-height:20px; padding:5px 0 0 0; height:60px; overflow:hidden; color:#5f5f5f;font-family:'Microsoft Yahei';}
.view-port {overflow: hidden;position: relative; width:980px;}
.track{ width:100%; padding:40px 0 0 0; clear: both;}
.protxt{ line-height:40px;font-family:'Microsoft Yahei'; color:#282828; clear: both; font-size:14px; display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
/*notice*/
.notice{ width:100%;posit/ion:relative; z-index:99;height:70px; line-height:70px; background:#278550;}
.noticecon{ width:460px;float:left; height:28px; line-height:28px; border-bottom:1px solid #e56213;border-top:1px solid #e56213; display:inline; margin:20px 0 0 5px;}
.noticecon b{ float:left;font-family:'Microsoft Yahei'; font-size:14px; font-weight:normal; color:#fff500; padding-left:10px;}
.noticecon marquee{ float:left;width:380px; color:#fff500; font-size:13px; font-family:'Microsoft Yahei';}
.search{ position:relative;padding-top:23px; float:left; width:315px;z-index:999;height:22px;display:inline;line-height:22px;  padding-left:200px; }
.text{float:left;width:157px; padding-left:5px;border:1px solid #d5d5d5;color:#e99593;height:22px; line-height:22px;}
.button{float:left;width:27px; margin-left:5px;height:26px; display:inline;background:url(../images/button.gif) left top no-repeat;}
.select{float:left;width:88px; color:#9296a2; margin-left:6px; display:inline;height:25px; line-height:25px;background:url(../images/select.gif) left top no-repeat; position:relative}
.select select{margin:5px auto;width:88px;}
div.selectbox-wrapper{border: #dcdcdc 1px solid; overflow:hidden;width:86px; *left:0;position: absolute;background: #fff;text-align:left;*margin-top:0;z-index:10;}
div.selectbox-wrapper ul li.selected {background:#278550; color:#fff;}
div.selectbox-wrapper ul li.current {color: #fff;background-color:#278550}
div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:100%;cursor:pointer;line-height: 20px;padding-top: 3px;font-size:12px;font-family:'Microsoft Yahei';color:#666;}
.selectbox{border:none;display:block;width:88px;text-indent:8px;cursor:pointer;height:25px;background:none;font-size:12px;font-family:'Microsoft Yahei';color:#e99593;line-height:25px;}


.lv_ful{ float:left; width:220px; padding:0 0 0 14px;}
.lv_ful li{ float:left; width:220px; padding:15px 0 0 0; }
.lv_ful li a.a1{ float:left; width:218px;  border-bottom:1px solid #c6b300; height:163px;  overflow:hidden;}
.lv_ful li a.a2{font-family:'Microsoft Yahei'; font-size:13px; padding:10px 0 0 0; float:left; width:218px; color:#ca0101; height:32px; line-height:32px; overflow:hidden;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.lv_ful li a.a2:hover{ color:#ca0101;}
.lv_ful li p{ float:left;width:218px; height:60px; line-height:20px; overflow:hidden; color:#252525;font-family:'Microsoft Yahei'; font-size:12px;}
.lv_fmore{ float:right; width:90px; line-height:20px; height:20px;  font-size:12px; color:#ff3420; font-family:'Microsoft Yahei'; text-align:center; display:inline; margin:0px 0 0 14px;}
a.lv_fmore:hover{color:#ff3420;}

.cai{ width:100%; padding:35px 0;}
.proname{ width:100%; float: left; margin-top: 30px; display: inline; text-align:center; color:#278550; font-size:24px; font-family:"Microsoft Yahei", Times, serif; }
.prona{background:url(../images/line.jpg) left center repeat-x; text-align:center; }
.kec{ width:100%; float: left; margin:10px auto 35px auto; display: inline; }
.join{ width:100%;  background:url(../images/bg2.jpg) center bottom no-repeat;}
.prona span{text-transform:uppercase;display:inline-block;text-align:center; font-family: Arial; font-size:16px; background:#fff; color:#2a2a2a; line-height:1.3; padding:0 10px;}









.more{ margin:0 auto; clear:both; display:block;width:121px;line-height:30px; height:30px; text-align:center; color:#333; background:url(../images/more.gif) top center no-repeat;}

#case{width:990px; float:left; padding-bottom:58px;}
#case li{ position:relative; margin:0 1px 1px 0;float:left;}
#case li img{ display:block;}
.casetitle{position:absolute; width:245px; height:118px; padding-top:66px; text-align:center; color:#fff;/* background:rgba(0,0,0,0.5);*/ background:url(../images/gray.png) top center repeat;_background:none; _background:#000; _filter:alpha(opacity=50); }
.viewbut{ width:40px; height:40px; float:left; display:inline; background:url(../images/view.png) top center no-repeat; margin:0 15px 0 76px;}
.zoombut{width:40px; height:40px; float:left; display:inline; background:url(../images/zoom.png) top center no-repeat;}
.case_t{width:245px; text-align:center; color:#fff; float:left; padding-top:20px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-family:'Microsoft Yahei'; font-size:15px;}

.fyMain{ width:980px; margin:0 auto; clear:both; position:relative;}
.main{ width:1400px; margin:0 auto; clear:both; position:relative;}

@media screen and (max-width:1490px){
    .main{ width: 100%; min-width: 980px; float: left; margin:unset;} 
}



.fyMain{ margin-top:0px;width:100%; background:#fff;  }
/*-----------------about---------------------*/
.pronaa{margin:5px auto; width:980px; text-align:center; font-family:'Microsoft Yahei';font-size:26px; color:#434343; text-transform:uppercase;}

.pro_lanfraa{ margin:0 auto; width:980px; height:10px; text-align:center; font-size:14px; color:#4e6990; background:url(../images/tiao.jpg) center bottom no-repeat; line-height:40px;}
.prolanmu{ width:100%;padding:0px 0 0px 0; background:#d0f1df; margin:30px 0 0px 0;border-bottom:2px solid #278550;}
.pro_lanfra{font-family:'Microsoft Yahei'; margin:0 auto; width:980px; height:34px;  font-size:12px; color:#278550;  line-height:34px; }
.pro_lanfra a{ color:#278550;}
.pro_lanfra a:hover{ color:#278550;}
.pronaaf{ text-transform:uppercase;display:inline-block;*display:inline;*zoom:1;text-align:center; font-family:'Microsoft Yahei';font-size:20px; color:#434343; line-height:1.3; padding:0 10px;}
.keca{ width:320px; margin:0 auto 40px auto; background:url(../images/line.jpg) left center repeat-x; text-align:center;}
.productfra{ width:980px; margin:0 auto; overflow:hidden;  background:#fff; padding:30px 0 30px 0;}
.productfra1{ width:920px; margin:0 auto; overflow:hidden;  background:#fff; padding:30px;}

.fyfra{ width:100%; background:#f0f0f0;padding:20px  0 80px 0;}
.vnav{width:100%;float:left;background:#fff; padding-bottom:15px;}
.vnav a{ display:inline; color:#515151; border-right:1px solid #515151; padding:0 10px; margin:21px 0 0px 0; float:left; line-height:1; font-size:14px;}
.vnav a:hover,.vnav a.cur{ color:#a00505;}
.viewmenu{ float:left; position:relative; width:100%;}
.viewnav{ display:none; position:absolute; left:0; padding:45px 0 10px;z-index:99; width:100%;}
.viewnav a{font-size:12px; margin:0; margin-bottom:5px; border:0;}
.viewmenu a{ position:relative; z-index:999;}
.viewmenu li{ float:left;}
/* foot*/

.footclear{ width:100%; clear:both; margin:0 0 0px 0;height:0px; font-size:0; overflow:hidden;}
.foot{width:100%; min-width:1004px;color:#fff; height:50px; overflow:hidden;background:#1c1c1c}
.fmain{ width:900px; margin:0 auto;}
.f_link{ width:100%;height:49px; padding-top:10px; overflow:hidden;line-height:49px;color:#fff; background:#b5130c; }
.f_link .main{ position:relative; z-index:999; width:980px; margin:0 auto;}
.f_link a{padding-left:20px; color:#fff;}
.f_link span{  padding-left:50px; float:left;}
.bottomnav{width:100%; height:30px; line-height:30px; border-bottom:1px solid #282828; padding-top:29px;text-align:center;}
.bottomnav a{ height:45px;overflow:hidden;display:inline-block;width:90px;margin:0 5px; _display:inline; _zoom:1;}

.bootTxt{float:left;border-top:1px solid #080808;width:100%; padding-top:10px;line-height:30px;}
.bootTxt .fl{  float:left; width:100%; text-align:center; color:#fff;}
.bootTxt .fl a{color:#fff;}
.bootTxt .fl a:hover{color:#fff;}
.foot a{ color:#fff;  }
.share{ float:right;width:230px; margin: 0 auto; padding:0px 0 0 0;}
.footfra{ float:left;width:100%; background:#278550; height:352px;}
.footfra p.phone{ position:relative;margin:-34px auto 0 auto; width:68px; }
.pronamef{ margin:40px auto 0 auto; width:980px;  text-align:center; color:#fff500; font-size:16px; font-family:"Microsoft Yahei", Times, serif; }
.pronaf{ text-transform:uppercase;display:inline-block;text-align:center; font-family: Arial; font-size:20px; background:#278550; color:#fff; line-height:1.3; padding:0 10px;}
.kecf{ width:514px; margin:0 auto 35px auto; background:url(../images/line.jpg) left center repeat-x; text-align:center;}
.fooserv{ width:212px; height:33px; margin:0 auto; background:url(../images/indextab.gif) left top no-repeat; line-height:33px; text-align:center; color:#202020; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.foophone{ width:980px; margin:0 auto; color:#fff; font-size:24px; font-family:Arial, Helvetica, sans-serif; text-align:center; padding:10px 0 0 0;}
.foocon{ width:980px; margin:0 auto; text-align:center; color:#fff; font-size:13px;font-family:"Microsoft Yahei"; padding:40px 0 0 0; }
.foocon span{ margin:0 50px;}
.f_linkmap{ float:right; background:url(../images/map.png) left center no-repeat; padding:0 0 0 30px; font-size:13px;font-family:"Microsoft Yahei";}
.f_linkmap a{ padding:0;}
.d_linleft{ float:left; width:690px;}
/* 二级页面*/
.fy{ float:left; width:100%; background:url(../images/lv9.jpg) left top repeat-x; padding-bottom:40px;}
.fanbu{ opacity:0.5;}
/*------------------product-------------------------*/
.prolist{ width:950px; padding:0 0 0 23px;}
.prolist li{ float:left; width:300px; height:340px; background:#fff; text-align:center; position:relative;  box-shadow:0 0 3px #e8e8e8;border-radius:4px; overflow:hidden; margin:0 13px 15px 0; display:inline; border:1px solid #e8e8e8;}
.prolist li img{border-radius:4px 4px 0 0; }
.prolist li .protxt{ color: #444;}
.prolist li:hover{background:#278550;}
.prolist li:hover .protxt{ color: #fff;}


.news_list{float:left;width:920px; padding:0 0 0 23px;}
.newslisttime{ float:left; width:100%; color:#555; font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.news_list li{ float:left;width:900px; padding:15px; border-top:1px solid #e6e6e6;line-height:26px;}

.news_list li a{float:left;font:16px/26px 'Microsoft Yahei';width:890px; color:#3c3c3c; height:26px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.news_list li .newslisttime a{ font-size:12px; width:auto; margin-left:10px; display:inline;float:left; padding-left:5px;background:url(../images/newsdot.gif) left center no-repeat; color:#555; }
.newslisteven{ background:#f2f2f2;}

.newstxt{ float:left; width:100%; font-size:12px; color:#8c8c8c;}
.pro_txtimg{ float:left; width:920px; padding:0 0 0 30px;}
.pro_txtimg li{ float:left;width:900px; padding:0 10px; margin-bottom:20px;}
.pro_li_img{float:left;width:278px; height:208px; position:relative; border:1px solid #ccc; border-radius:6px; overflow:hidden;}

.pro_li_txt{float:left; margin-top:22px; height:175px; width:597px; padding:0 10px; background:#f8f8f8; border:1px solid #e5e1e1; border-left:0; border-radius:0 4px 4px 0; color:#555; line-height:27px; font-size:12px;}
.pro_txtimg_t{width:100%;float:left; border-bottom:1px dashed #ccc;  margin-bottom:20px;}
.pro_txtimg_t .fl{ margin-top:23px; line-height:34px;width:470px;float:left; font:14px/34px 'Microsoft Yahei';text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.viewmore{ float:right;margin-top:-15px; background:#a00505; width:70px; text-align:center; height:58px; line-height:58px; color:#fff; border-radius:6px; position:relative;}
.pro_li_txt p{ line-height:24px; color:#a7a7a7;}
.productfra1 h2 .fl{ width:800px; font-size:18px; font-weight:normal; color:#383838; padding-top:25px; text-align:left; }
.productfra1 h2{ float:left; line-height:1.5; width:100%;padding-bottom:5px;border-bottom:1px solid #d0d0d0; }
.productfra1 h2 font{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#a1a1a1}
.productfra1 h2 .fr{ padding-top:40px;}
.productfra1 h2 .fr img{ border:0; margin-right:5px;}
.title_s{ text-align:left; font-size:12px; color:#c1b1ab;line-height:35px;}
.conbanner{ float:left; width:90%;}
.mainrbanner{ width:200px; margin:0 auto 20px;}
.mainrbanner img{border:1px solid #ccc}
/* page*/

.page{margin:15px 0; font-size:14px;float:left; width:100%;text-align:center; color:#6a6a6a;}
.page a { color:#383838; padding:0 10px;border: 1px solid #d9d9d9; margin:0 2px; background: #fff;}
.page *{ position:relative; border-radius:4px;display:inline-block; _zoom:1;_display:inline;vertical-align:middle;line-height:28px;height:28px;padding-bottom:1px; }
.page img{ height: auto; margin:0 3px;}
.page .bg{ font-weight: normal; margin:0 5px;}
.disabled{padding:0 10px;border: 1px solid #d5d5d5;color:#fff; background:#b1b1b1;}
.page .current { padding:0 10px;border: 1px solid #d5d5d5; color:#c00a28  }
.total{text-align:center;}
.reach{text-align:left; padding-left:5px;}
.btn{ width:64px; margin-left:10px; display:inline; height:30px; line-height:30px;}
.btn a{ background: #2c2c2c; border:0; font-weight:normal; padding:0; color: #fff;width: 64px;  text-align: center;}
.btn a:hover{ color:#fff;}
.input_page{ width:30px;text-align:center; border:1px solid #d5d5d5; font-size:12px;}

/*news_view*/
.returnlist{background:#717171; position:relative; border-radius:8px; width:245px; height:39px; line-height:39px; color:#fff; text-align:center; margin:0 auto; overflow:auto; display:block; font-size:14px;}
.newsview{display:inline;width:100%; color:#696969; padding-top:10px;border-bottom:1px solid #d0d0d0;margin-bottom:25px; padding-bottom:20px;font-size:14px; line-height:180%; float:left;}
.main_r_nav div{ line-height:25px; color:#45030f;}
.main_r_nav{ float:left; width:400px; font-size:12px; }
.main_r_nav a{color:#45030f;}
.padding25{ width:920px; padding:30px; color:#696969; font-size:14px; line-height:30px;}

/* search*/
.searchnull{ float:left; text-align:center; width:100%; padding:3% 0; font-size:14px;}
.searchnull font{ color:#F00; font-size:14px;}
.searchmore{ float:left; width:92%; background:#efefef; text-align:center;margin:10px 20px;_margin:10px ; border:1px solid #dbd6f1}
.searchmore a{ line-height:25px; color:#333;}
.input_title{ background:none; line-height:30px;height:30px; padding-left:7px;}
/* book*/
.book{ float:left; padding-left:15px;}
.bookmain{width:640px; margin:20px auto;height:auto;background:#fff;padding:0 25px ; overflow:auto; }
.bookline{width: 640px; height:34px;float:left; margin-top:10px;}
.book3{ width:640px; margin:0 auto;}
.booktop{ width:640px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; }
.booktop_name{ width:470px; height:30px; float:left; padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:#ccc; text-align:right; line-height:30px;}
.bookcontent{ width:610px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left;}
.bookadmin_mid{ width:610px; min-height:30px; background:#fff; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);}
.admintimecol{ color:#5e7194;}
.message{ width:600px; height:auto;float:left;padding-left:100px;}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:10px 0; cur/sor:pointer}
.message li input{ height:38px; line-height:38px; width:428px; border:1px solid #ccc; border-radius:3px;}
.message li .iqimg{ border:0px; width:104px; height:33px;}
.message li p.message_title{ width:100px; height:38px; float:left; text-align:right; line-height:38px; color:#696969; font-size:14px;}
.message li p.message_content{ width:400px; height:25px; float:left;}
.message li.contentb{ width:500px;height:170px; float:left;}
.message li.contentb textarea{ width:428px; height:168px; border:1px solid #ccc;border-radius:3px; }
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:140px; height:15px; float:left;}
.message li p.message_yzminput input{ width:138px;}
.message li p.message_yzmico{ width:100px; height:30px; float:left; padding:10px 0  0 10px;}
.message li p.message_sub{ width:130px; height:40px; float:left; text-align:right;}
.message li .bookbut{ background:#4ab7fe; border:0; font-size:14px; font-weight:bold; color:#fff; line-height:30px;height:30px;}
.c_red{ color:#f00;}
.searchred{ color:#f00 !important; margin:0 !important}


#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}#jquery-lightbox a img{border:none}#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}#lightbox-container-image{padding:10px}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#lightbox-container-image-box > #lightbox-nav{left:0}#lightbox-nav a{outline:none}#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}#lightbox-nav-btnPrev{left:0;float:left}#lightbox-nav-btnNext{right:0;float:right}#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0}#lightbox-container-image-data{color:#666}#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}#lightbox-image-details-caption{font-weight:bold}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em}

#demo_demo{ margin:0 auto; width:100%; height:250px;}


#online_lx {
    position: fixed;
    right:-5px;
    bottom: 20px;
    z-index: 99999;
    width: 2in;
    height: auto;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 5px 9px rgba(4, 0, 0, .17)
}

#olx_head {
    padding: 20px;
    height: 1pc;
    border-radius: 5px 5px 0 0;
    background: #00d420;
    color: #fff;
    font-size: 14px;
    line-height: 1pc
}

#olx_head i {
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
}

#olx_qq li a {
    display: block;
    padding: 9pt 30px;
    height: 18px;
    border-bottom: 1px solid #fff;
    background: #f5f5f5;
    color: #353434;
    font-size: 9pt;
    line-height: 18px;
    transition: all ease-out .3s
}

#olx_qq li a i {
    margin-right: 18px;
    color: #5e5e5e;
    vertical-align: middle;
    font-size: 1pc;
    transition: all ease-out .3s
}

#olx_qq li a:hover {
    background: #565656;
    color: #fff
}

#olx_qq li a:hover i {
    color: #00d420
}

#olx_tel {
    padding: 20px 30px
}

#olx_tel div {
    margin-bottom: 10px;
    height: 14px;
    color: #434343;
    line-height: 14px
}

#olx_tel div i {
    margin-right: 20px;
    vertical-align: middle;
    font-size: 18px
}

#olx_tel p {
    font-size: 1pc;
    font-family: HELVETICANEUELTPRO-THEX;
    line-height: 18px
}



#banner img{ width: 100%; height: auto; float: left; clear: both; margin: 0; padding: 0; border: 0;}

.pic_01 img{ max-width: 100%; height: auto;  margin: 0 auto; padding: 0; border: 0; clear: both;}
.pic_02 img{ border: 0;}

.pd_40{ padding-top: 40px;}

.case_link{ width: 100%; height: 244px; float: left; clear: both;background-position:center!important;background-repeat:no-repeat;background-size:cover;}
.pro_link{ width: 100%; height: 300px; float: left; clear: both;background-position:center!important;background-repeat:no-repeat;background-size:contain;}
.fent_16{ font-size: 16px;}

.in_hen1{ width: 100%; height: 80px; float: left; clear: both;}
.in_hen2{ width: 100%; height: 20px; float: left; clear: both;}
.in_hen4{ width: 100%; height: 40px; float: left; clear: both;}

.productfra1a{ width:790px; margin:0 auto;  background:#fff; padding:30px; clear: both;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,0.15);-moz-box-shadow:0 10px 20px rgba(0,0,0,0.15);-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.15);}




/* 成功案例 */

.case_qt{ width: 100%; float: left; clear: both; background-color: #25834e;}
.case_bj_t{width:100%; width:calc(100% - ( 60px * 2));float:left;clear:both;position: relative; margin-top: 60px; display: inline; padding:0 60px 60px 60px;} 
.case_bj_t .an01{width:40px;height:40px;border: solid 2px rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.9);box-shadow:8px 13px 15px rgba(0,0,0,0.15);-moz-box-shadow:8px 13px 15px rgba(0,0,0,0.15); -webkit-box-shadow:8px 13px 15px rgba(0,0,0,0.15); border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;  position:absolute;cursor:pointer;z-index:3;left:40px;top:50%; margin-top: -20px; background-image:url(../images/ion02.png);background-position:center!important;background-repeat:no-repeat;background-size:40%;}
.case_bj_t .an01:hover{width:55px;height:55px;left:35px;top:50%; margin-top: -30px;background-color: #25834e;border: solid 2px #25834e;background-image:url(../images/ion02a.png);}
.case_bj_t .an02{width:40px;height:40px; border: solid 2px rgba(255, 255, 255, 0.2);background-color: rgba(255, 255, 255, 0.9);box-shadow:8px 13px 15px rgba(0,0,0,0.15);-moz-box-shadow:8px 13px 15px rgba(0,0,0,0.15); -webkit-box-shadow:8px 13px 15px rgba(0,0,0,0.15); border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;position:absolute;cursor:pointer;z-index:3;right:40px;top:50%; margin-top: -20px;background-image:url(../images/ion01.png);background-position:center!important;background-repeat:no-repeat;background-size:40%;}
.case_bj_t .an02:hover{width:55px;height:55px;right:35px;top:50%; margin-top: -30px;background-color: #25834e;border: solid 2px #25834e;background-image:url(../images/ion01a.png);}
.case_bj_t ul{width:100%;height:100%;float:left;}
.case_bj_t li{width: 440px; height: 100%; float:left; overflow: hidden; position:relative;background-position:center; background-repeat: no-repeat; background-size:cover;background-color:rgba(255,255,255,0.9); background-color: #ccc; box-shadow:8px 13px 15px rgba(0,0,0,0.15);-moz-box-shadow:8px 13px 15px rgba(0,0,0,0.15); -webkit-box-shadow:8px 13px 15px rgba(0,0,0,0.15);}
.case_bj_t li img{ width: 100%; height: auto;}
.case_bj_t li a{ position: absolute; z-index: 9; left: 0; right: 0; top: 0;bottom: 0;}
.case_bj_t li .bj01{ position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(254, 198, 10, 0);}
.case_bj_t li:hover .bj01{background-color: rgba(72,172, 118, 0.9);}
.case_bj_t li .nr_qt1{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0; position: absolute; z-index: 2; left: 0; right: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.case_bj_t li:hover .nr_qt1{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
.case_bj_t li .wz1{ width: 100%; height: 62px; float: left;  line-height: 31px; font-size:24px; color: #fff;text-align: center; clear: both;}
.case_bj_t li .wz2_qt{ width: 100%;  float: left; text-align: center;clear: both;}
.case_bj_t li .wz2_qt span{ width: 71px; height: 71px; display: inline-block;  cursor: pointer; border: dashed 2px rgba(255, 255,255, .45); margin: 0 14px;background-position:center; background-repeat: no-repeat; background-size:40%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.case_bj_t li .wz2_qt .bga001{background-image: url(../images/ico16.png);}
.case_bj_t li .wz2_qt span:hover{border: solid 2px rgba(255, 255, 255, .95);box-shadow:8px 13px 15px rgba(0,0,0,0.15);-moz-box-shadow:8px 13px 15px rgba(0,0,0,0.15); -webkit-box-shadow:8px 13px 15px rgba(0,0,0,0.15);}
.case_bj_t li .wz2{ position: absolute; left: 0; top: 40%;  background-color: rgba(72,172, 118, .9); line-height: 42px; font-size: 14px; padding: 0 18px 0 22px; color: #fff; text-align: left;border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;}
.case_bj_t li:hover .wz2{ left: -100%; background-color: rgba(2, 204, 105,0);}
.case_bj_t li:nth-child(1){ border-radius:30px 0 0 30px;-webkit-border-radius:30px 0 0 30px;-moz-border-radius:30px 0 0 30px; }
.case_bj_t li:nth-last-child(1){border-radius:0 30px 30px 0;-webkit-border-radius:0 30px 30px 0;-moz-border-radius:0 30px 30px 0;}




.in_wksp2{ width: 1490px; margin: 0 auto; clear: both;}
.in_wksp2 ul{ list-style-type: none;}
.in_wksp2 li{ width: 25;width:calc(100% / 4 - (10px * 2) - (4px * 2)); float: left; margin: 20px 10px 0 10px; display: inline; border:solid 4px #Fff;}
.in_wksp2 li:hover{border:solid 4px #25834e;box-shadow:0 15px 20px rgba(0,0,0,0.25);-moz-box-shadow:0 15px 20px rgba(0,0,0,0.25);-webkit-box-shadow:0 15px 20px rgba(0,0,0,0.25);}

.in_wksp2 li a{ width: 100%; height: 100%; float: left;}
.in_wksp2 li .tp1{ width: 100%; float: left;background-position:center!important;background-repeat:no-repeat;background-size:cover;}
.in_wksp2 li .tp1 img{ width: 100%; height: auto; border: 0;}
.in_wksp2 li .wz1{width: 100%; height: 54px; float: left; clear: both; overflow: hidden; font-size: 14px; line-height: 54px; text-align: center; background-color: #f2f2f2; color: #444;}
.in_wksp2 li:hover .wz1{ color: #fff; background-color: #25834e;}
.in_wksp2 .hen1{ width: 100%; height:70px; float: left; clear: both;}



@media screen and (max-width:1490px){
    .in_wksp2{ width: 100%; min-width: 980px; float: left; margin:unset;} 
}


.in_more01{ width: 100%; float: left; text-align: center;}
.in_more01 .mor01{ height: 50px; background-color: #f2f2f2; font-size: 16px; line-height:50px; padding: 0 70px; color: #444; display: inline-block;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;}
.in_more01 .mor01:hover{background-color: #25834e; color: #fff;box-shadow:0 15px 20px rgba(0,0,0,0.25);-moz-box-shadow:0 15px 20px rgba(0,0,0,0.25);-webkit-box-shadow:0 15px 20px rgba(0,0,0,0.25);}

.time3,.time3 *{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}

.bg00001 table{ width: 100%; border-top:solid 1px #dfdfdf; border-left:solid 1px #dfdfdf;}
.bg00001 td{border-bottom:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; padding: 8px;}
.cm01:nth-last-child(1){opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;width:60%;width:calc(60% - (1px * 2));-webkit-filter:drop-shadow(.48rem 0 0 rgba(43, 43, 43, 1));filter:drop-shadow(.48rem 0 0 rgba(43, 43, 43, 1));transform:translateX(-.48rem);}
.cm02{width:calc(100% - (.2rem * 2));border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;background-position:center!important;background-repeat:no-repeat;background-size:contain;background-image:url(../img/tp34.jpg);}
.cm03{box-shadow:15px 10px 20px rgba(0,0,0,0.15);-moz-box-shadow:15px 10px 20px rgba(0,0,0,0.15);-webkit-box-shadow:15px 10px 20px rgba(0,0,0,0.15);}
.cm04{background:-webkit-gradient(0deg,#167f7d 203px, #fff 203px);background:-moz-linear-gradient(0deg,#167f7d 203px, #fff 203px);background:-o-linear-gradient(0deg,#167f7d 203px, #fff 203px);background:linear-gradient(0deg,#167f7d 203px, #fff 203px);}
.cm05{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}