﻿@charset "utf-8";
html,body,div,span,em,p,strong,i,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif,"microsoft yahei";color:#696868;font-size:12px;line-height:20px}
em,i{font-style:normal}
img{border:0 none}
ul,ol,dl{list-style:none}
a{color:#333;text-decoration:none}
a:hover{color:#56ce3f;text-decoration:none}
.fl{float:left}
.fr{float:right}
.clr{display:block;overflow:hidden;clear:both;height:0;font-size:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1;}
/* header */
.yuyan{float:right; margin-left:20px;}
.yuyan li{ display:inline-block;}
.yuyan li span{width:80px;height:30px;display:block;margin-top:5px;}
.yuyan li span.cn{background:url("../images/cn.png") no-repeat;}
.yuyan li span.en{background:url("../images/en.png") no-repeat;}
.top,#nav ul,.container,.fbox{max-width:1200px;_width:1200px;margin:0 auto}
.top{position:relative;}
.logo{float:left;max-width:300px;height:100%}
.logo img{max-width:100%;max-height:100px;}
.top .fr{width:300px;}#xyz{position:absolute;right:4px;top:8px;}
.head-text strong{color:#4a4a4a;font-size:20px;display:block;padding:24px 0 6px 0;}
.xyz li{float:left;width:100px;font-size:14px}
.xyz li img{padding-right:8px;}
.ss .sk{float:left;height:35px;border:1px solid #ccc;width:248px;text-indent:8px;color:#696868}
.ss .sbtn {width:47px;height:37px;background:url("sbtn.png"); border:0px;}
#nav{clear:both;background:#192634;box-shadow:1px 5px 20px #c9c7c7;}#nav li{float:left;border-right:1px solid #5C5B5B;background:#192634;}#nav li#liHome{border-left:1px solid #5C5B5B}
#nav li a{font-size:15px;font-weight:600;color:#fff;line-height:64px;display:block;padding:0 28px;text-align:center}
.inmenu{background:rgb(25, 38, 52);vertical-align:middle;position:relative;box-shadow:0px 0px 1px rgba(0, 0, 0, 0);transform:translateZ(0px);transition-property:color;transition-duration:0.3s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;}
.inmenu::before{background:rgba(255, 255, 255, 0.1) !important;transform-origin:50% 50%;left:0px;top:0px;right:0px;bottom:0px;border-bottom:6px solid #56ce3f;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:0.3s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:0.3s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:50%;}
.inmenu:hover::before{transform:scaleX(1);-webkit-transform:scaleX(1);}
.inmenu:focus::before{transform:scaleX(1);-webkit-transform:scaleX(1);}
.inmenu:active::before{transform:scaleX(1);-webkit-transform:scaleX(1);}
#nav li a.inmenu_1{background:rgba(255, 255, 255, 0.1) url("btbg.png") bottom repeat-x!important;z-index:-1;}
#nav .fl,#nav .fr{display:none;font-size:20px;color:#fff;line-height:60px;padding:0 12px;}
.nbtn{background:url("nav_icon.png") center no-repeat;width:60px;text-indent:900px;overflow:hidden;cursor:pointer}
/*sub menu*/
#nav li{position:relative;z-index:99999}
#nav li:hover ul li{float:none;display:block;width:100%; height:30px;border-bottom:1px solid #bdbcb8;clear:both;min-width:120px;background:#003376}
#nav li:hover ul li a{float:none;display:block;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 10px;line-height:30px;text-align:left;text-transform:none;border-top:0px;}
#nav li:hover ul li a:hover{color:#fff;background:#56ce3f;border-top:0px;}
#nav li ul{display:none;float:left;width:auto;position:absolute;top:64px;left:0;background:#003376;padding-left:0px;opacity:0.85;filter:alpha(opacity=85);z-index:9999999}
/*banner*/
#banner{clear:both;background:#fff;width:100%;margin:0px auto 20px;}
.slider_img{display:block;text-align:center;height:100%;}
.slider_img img{margin:0px auto;max-width:100%;width:auto;height:auto;}
.wmuSlider{height:100%!important;position:relative;overflow:hidden;}
.bbdd{z-index:2;position:absolute;bottom:2%;margin:0;padding:0;width:100%; text-align:center;}
.bbdd li{margin:0 8px 10px 0;list-style-type:none;display:inline-block;}
.bbdd a{display:inline-block;text-indent:-9999px;width:16px;height:16px;background:url("dot.png") no-repeat 0 -16px;display:block;border-radius:16px;overflow:hidden}
.bbdd a.wmuActive{background-position:0 0;}
.banner{width:100%;text-align:center;margin:0 auto;padding:0 0 0 0;height:10px;margin-bottom:30px;margin-top:-10px;line-height:0px;}
.banner img{max-width:100%;margin:0 auto;padding:0;height:auto;width:auto;display:none}
.wmuSliderPrev,.wmuSliderNext{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url("ad_ctr.png") no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:35px;}
.wmuSliderNext{background-position:0 -70px;right:48px;}
.wmuSliderPrev{left:48px;}
.wmuSlider:hover .wmuSliderNext{opacity:0.8;filter:alpha(opacity=25);}
.wmuSlider:hover .wmuSliderPrev{opacity:0.8;filter:alpha(opacity=25);}
.wmuSlider:hover .wmuSliderNext:hover,
.wmuSlider:hover .wmuSliderPrev:hover{opacity:1;filter:alpha(opacity=50);}
/*index*/
.whyinfo{margin:0 15px;}
.whyinfo h3{font-size:25px;text-align:center;padding:20px 0px 10px 0px;font-weight:600;text-transform:uppercase;}
.whyinfo p{font-size:14px;padding-bottom:15px;color:#696868;text-align:center}
.prolist li{float:left;width:48%; height:200px;border:1px solid #dddada;margin:15px 0.8%;}
.propic{float:left;}
.protext{padding:0 12px 0 230px;font-size:14px;}
.propic{height:200px;width:200px;text-align:center}
.propic img{max-height:200px;max-width:200px;}
.protext h3{font-size:16px;margin-top:25px;margin-bottom:0px;min-height:34px;text-transform:capitalize;font-weight:600;max-height:42px;overflow:hidden;}
.protext p{max-height:64px;overflow:hidden;}
.p_more{margin:16px 0;display:inline-block;min-width:85px;padding:0 15px;height:30px;line-height:30px;font-size:14px;font-weight:600;text-transform:uppercase;text-align:center;color:#fff;}
.mmv{background-color:#56ce3f;padding:0px 13px;vertical-align:middle;display:inline-block;position:relative;box-shadow:0px 0px 1px rgba(0,0,0,0); transform:translateZ(0px); transition-property:color;transition-duration:0.5s;backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; -webkit-transition-duration:0.5s; -webkit-transition-property:color; -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden;}
.mmv::before{background-color:rgb(25, 38, 52); transform-origin:0% 50%; left:0px;top:0px;right:0px;bottom:0px;position:absolute;z-index:-1;content:""; transform:scaleX(0); transition-property:transform;transition-duration:0.5s;transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; -webkit-transition-duration:0.5s; -webkit-transition-property:transform; -webkit-transform:scaleX(0); -webkit-transform-origin:0 50%;}
.mmv:hover{color:white;text-decoration:underline}
.mmv:focus{color:white;}
.mmv:active{color:white;}
.mmv:hover::before{transform:scaleX(1); transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); -webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); -webkit-transform:scaleX(1);}
.mmv:focus::before{transform:scaleX(1); transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); -webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); -webkit-transform:scaleX(1);}
.mmv:active::before{transform:scaleX(1); transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); -webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); -webkit-transform:scaleX(1);}
.aboutinfo{clear:both;padding-top:70px;background:url("bg-1_b.jpg") 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#fff;}
.aboutinfo_qi{clear:both;padding-top:70px;background:url("../../../uploads/201611049/images/bg.jpg") 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#fff;}
.ab.aboutinfo{clear:both;padding-top:70px;background:url("bg-1_b.jpg") 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#fff;}outinfo-bg{clear:both;padding-top:70px;background:url("Workedbrands.jpg") 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#fff;}
.aboutinbg{clear:both;padding-top:70px;background:url("bg-2_b.jpg") 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#fff;}
.aboutinfo_ni{clear:both;padding-top:70px;background:url("../../../uploads/201610507/images/bg.jpg") 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#fff;}
.aboutinfo_bo{clear:both;padding-top:70px;background:url("../../../uploads/201611408/images/bg.jpg") 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#fff;}
.aboutinfo_nb{clear:both;padding-top:70px;background:url("../../../uploads/201611990/images/bg.jpg") 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#fff;}
.aboutinfo_xi{clear:both;padding-top:70px;background:url("../../../uploads/201612326/images/bg1.jpg") 0 0 fixed;padding:3% 0;margin-top:30px;text-align:center;color:#fff;}
.aboutinfo h3{font-size:50px;line-height:50px;font-weight:500;width:100%;height:80px;text-shadow:1px 1px #000;}
.aboutinfo p{font-size:15px;line-height:20px;font-weight:400;width:96%;margin:0 auto;text-shadow:1px 1px #000;}
.aboutinfo .p_more{margin:45px auto 20px auto;line-height:36px;height:36px}
.aboutinfo .mmv:hover{text-decoration:none}
.hotpro h3,.hnews h3{margin:30px auto 12px auto;font-size:25px;color:##4a4a4a;text-align:left;text-indent:15px;text-transform:uppercase}
.hotpro li{float:left;width:25%;}
.hotpro li .pbox{padding:0;margin:15px;margin-bottom:26px;border:1px solid lightgray; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;position:relative;background:white;position:relative;text-align:center}

.hotpro li .pbox .hpic{height:206px;text-align:center;}
.hotpro li .pbox .hpic img{max-height:206px;}
.hotpro li .pbox:hover{-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 20px rgba(0,0,0,0.3);background:#ededed;}
.hotpro li .pbox img{max-width:100%;width:auto;}
.hotpro li .pbox p{font-size:13px;margin:10px;text-align:center;text-transform:capitalize;height:42px;overflow:hidden;}
.hotpro .p_more{margin:0px auto 20px auto;line-height:45px;height:45px}
.hotpro .mmv:hover{text-decoration:none}
.hotpro span{display:inline-block;background:url("ico01.png") no-repeat;padding-left:45px;}
.hnews{clear:both;}
.tnew,.lnew{float:left;width:50%;}
.tnew .tbox{margin:0 15px;border:1px solid #ddd;margin-top:16px;height:200px;}
.tnew p{padding:0 12px 0 0;max-height:126px;overflow:hidden}
.tnew img{float:left;padding-right:20px; max-height:200px;}
.tnew strong{display:block;font-size:16px;min-height:34px;margin-top:25px;text-transform:capitalize;font-weight:600;max-height:42px;overflow:hidden;}
.hnews li{border-bottom:1px solid #eee;height:36px;line-height:36px;text-align:right;overflow:hidden;}
.hnews li a{float:left;text-align:left;text-indent:18px;background:url("btbg.png") 3px center no-repeat;height:36px;line-height:36px;overflow:hidden;}
.hnews ul{margin:0 15px;}
footer{clear:both;background:#ecedee;margin-top:30px;line-height:24px;}footer .fbox{padding:18px 0 24px 0;font-size:13px;}
.foottext{clear:both;background:#333;color:#fff;text-align:center;font-size:14px;}
/*media screen*/
footer h3{line-height:2.1em;font-size:16px;font-weight:600;text-transform:uppercase;color:#4a4a4a;margin:12px auto;}
footer .col1 h3{text-indent:15px;}
footer .col1 li{text-indent:15px;}footer li a{color:#696868;}footer li .inmenu{background-color:#ecedee!important}
.col1,.col2,.col3{float:left;}
.col1{width:14%;}
.col2{width:28%}
.col3{width:28%;}
.col4{width:262px;padding-right:15px;float:right}
.foo-contact,.foo-contact a{font-size:16px;color:#56ce3f;}
.foo-contact span{display:block;padding-left:24px;height:30px;}
.foo-contact span.ico1{background:url("ico01.gif") no-repeat;background-size:18px 18px;}
.foo-contact span.ico2{background:url("ico02.gif") no-repeat;background-size:18px 18px;}
.foo-contact span.ico3{background:url("ico03.gif") no-repeat;background-size:18px 18px;}
.eput,.form-control{width:260px;border:1px solid #ccc;color:#999;text-indent:12px;font-size:14px;}
.eput{height:30px;}
.form-control{height:64px;resize:none;overflow:auto;margin:12px auto;line-height:30px;font-family:Arial, Helvetica, sans-serif}
.form-control:focus,.eput:focus{border-color:#56ce3f;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(240, 99, 104, .6); box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(240,99,104,0.6);}
.ebtn{float:right;padding:0 15px;height:30px;border:0;background:#56ce3f;font-size:14px;font-weight:600;color:#fff;text-transform:uppercase;cursor:pointer}
.ebtn:hover{background:#000;}
.sidebar{float:left;width:240px;padding-top:24px;}
.main{padding:30px 0 0 270px;}
.ctit h3{font-size:20px;color:#333;line-height:42px;border-bottom:1px solid #ccc;text-transform:uppercase;margin-bottom:12px;}
.bPosition{background:#56ce3f;line-height:36px;padding:0 16px;color:#eee;margin-bottom:16px;}
.bPosition a{color:#fff;}
.pcon_l{float:left;}
.pcon_r{padding:0 16px 0 440px ;}
h1.pd-title{font-size:18px;font-weight:600;margin-top:0px;color:#4a4a4a;padding-top:15px;line-height:24px;border-top:1px solid #E4E2E2;text-transform:capitalize;margin-bottom:20px;}
.pcon_r .pcon_info{line-height:30px;color:333;}
.pcon_r .p_more{line-height:48px;height:48px;padding:0 20px;}
.pcon{padding-top:30px;float:left;width:100%;}
.pcon .tit{height:40px;line-height:40px;padding-left:20px;background:#f3efec;color:#000;font-size:18px;}
.pcon .pinfo{display:block;line-height:24px;padding:20px 20px 30px 20px;}
.pcon .pinfo img{max-width:92%;margin:0 auto;}
.acon{float:left;width:100%;}
.acon .pinfo{display:block;line-height:24px;padding:20px 0 30px 20px;}
/*info submenu*/
.proIntro{color:#999;padding:12px 0px 9px 0px;border-bottom:1px solid #eee}
.prosubmenu li{float:left;width:32%; line-height:24px;}
.prosubmenu{padding:3px 0 0 10px;}
/*sf-menu*/
.sf-menu{display:table;width:220px;margin:0 auto;padding-bottom:20px;}
.sf-menu li{clear:both;border-bottom:1px solid #eee;}
.sf-menu li a,.sf-menu li:hover a{display:block;color:#0a4da6;color:#333;line-height:24px;font-size:16px;background:url("pico.png") 3px 15px no-repeat;padding:9px 0 6px 14px;}
.sf-menu li a:hover{background-color:#f2f2f2}
.sf-menu li li{clear:both;text-transform:capitalize;margin:0 auto;position:relative;border-bottom:none;padding-bottom:0px;}
.sf-menu li li.LiLevel2 a{background:url("icon01.gif") no-repeat 8px 11px;line-height:26px;}
.sf-menu li li.LiProDetail a{background:url("ico_sort.png") no-repeat 8px 11px;}
.sf-menu li li a,.sf-menu li:hover li a{display:block;line-height:20px;color:#777;padding:6px 0 4px 0px;text-decoration:none;font-size:12px;padding-left:18px;font-weight:normal;}
.sf-menu li li a:hover{text-decoration:none;font-weight:bold;color:#555;}
ul.sf-menu ul{display:none;}
.sf-menu li:hover ul{display:block}
ul.sf-menu ul ul{position:absolute;left:220px;width:220px;top:0px;margin:0px;visibility:hidden;border:0px;border-radius:0px;border-left:0px;z-index:999999}
.sf-menu li li li{background:#fff;padding:0;}
.sf-menu li li:hover{opacity:1}
.sf-menu li li li a,.sf-menu li:hover li li a{text-decoration:none;background:url("ico_sort.png") #f2f2f2 no-repeat 8px 11px;border-bottom:1px solid #ddd;padding:5px 0 3px 12px;text-indent:8px;}
ul.pro-menu{margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize;}
ul.sf-menu li:hover > ul{visibility:visible;margin:0px;padding:0px;}
ul.sf-menu li.Level1 > a{background:url("pico1.png") 3px 15px no-repeat;}




/*sf-menu1*/
.sf-menu1{display:table;width:220px;margin:0 auto;padding-bottom:20px;}
.sf-menu1 li{clear:both;border-bottom:1px solid #eee;}
.sf-menu1 li a{display:block;color:#0a4da6;color:#333;line-height:24px;font-size:16px;background:url("pico.png") 3px 15px no-repeat;padding:9px 0 6px 14px;}
.sf-menu1 li a:hover{background-color:#f2f2f2}
.sf-menu1 li li{clear:both;text-transform:capitalize;margin:0 auto;position:relative;border-bottom:none;padding-bottom:0px;}
.sf-menu1 li li.LiLevel2 a{background:url("icon01.gif") no-repeat 8px 11px;line-height:26px;}
.sf-menu1 li li.LiProDetail a{background:url("ico_sort.png") no-repeat 8px 11px;}
.sf-menu1 li li a{display:block;line-height:20px;color:#777;padding:2px 0 4px 0px;text-decoration:none;font-size:12px;padding-left:18px;font-weight:normal;}
.sf-menu1 li li a:hover{text-decoration:none;font-weight:bold;color:#555;}
ul.sf-menu1 ul{visibility:visible}
ul.sf-menu1 ul ul{position:absolute;left:220px;width:220px;top:0px;margin:0px;visibility:hidden;border:0px;border-radius:0px;border-left:0px;z-index:999999}
.sf-menu1 li li li{background:#fff;padding:0;}
.sf-menu1 li li:hover{opacity:1}
.sf-menu1 li li li a,.sf-menu1 li:hover li li a{text-decoration:none;background:url("ico_sort.png") #f2f2f2 no-repeat 8px 11px;border-bottom:1px solid #ddd;padding:5px 0 3px 12px;text-indent:8px;}
ul.pro-menu{margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize;}
ul.sf-menu1 li.Level1 > a{background:url("pico1.png") 3px 15px no-repeat;}



/*sf-menu2*/
.sf-menu2{display:table;width:220px;margin:0 auto;padding-bottom:20px;}
.sf-menu2 li{clear:both;border-bottom:1px solid #eee;position:relative;}
.sf-menu2 li a,.sf-menu2 li:hover a{display:block;color:#0a4da6;color:#333;line-height:24px;font-size:16px;background:url("pico.png") 3px 15px no-repeat;padding:9px 0 6px 14px;}
.sf-menu2 li a:hover{background-color:#f2f2f2}
.sf-menu2 li li{clear:both;text-transform:capitalize;margin:0 auto;position:relative;border-bottom:none;padding-bottom:0px;border-bottom:1px solid #fff;}
.sf-menu2 li li.LiLevel2 a{background:url("icon01.gif") no-repeat 8px 13;line-height:26px;}
.sf-menu2 li li.LiProDetail a{background:url("ico_sort.png") no-repeat 8px 13px;}
.sf-menu2 li li a,.sf-menu2 li:hover li a{display:block;line-height:20px;color:#777;padding:6px 0 4px 0px;text-decoration:none;font-size:12px;padding-left:18px;font-weight:normal;}
.sf-menu2 li li a:hover{text-decoration:none;font-weight:bold;color:#555;}
ul.sf-menu2 ul{display:none;}
.sf-menu2 li:hover ul{display:block}
ul.sf-menu2 ul{position:absolute;left:220px;width:220px;top:0px;margin:0px;visibility:hidden;border:0px;border-radius:0px;border-left:0px;z-index:999999;background:#eee;}
.sf-menu2 li li li{background:#fff;padding:0;}
.sf-menu2 li li:hover{opacity:1}
.sf-menu2 li li li a,.sf-menu2 li:hover li li a{text-decoration:none;background:url("ico_sort.png") #f2f2f2 no-repeat 8px 11px;border-bottom:1px solid #ddd;padding:5px 0 3px 12px;text-indent:8px;}
ul.pro-menu{margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize;}
ul.sf-menu2 li:hover > ul{visibility:visible;margin:0px;padding:0px;}
ul.sf-menu2 li.Level1 > a{background:url("pico1.png") 3px 15px no-repeat;}


h1{text-transform:capitalize;}
/*Row*/
.pro_lb0{float:left;width:100%}
.pro_lb0 li{clear:both;border-bottom:1px solid #eee;padding:8px 12px 8px 0;}
.pro_lb0 li:hover{background:#fffcf3;}
.pro_lb0 .fl{float:left;padding-right:20px;}
.pro_lb0 .pimg{background:#fff;width:150px;height:150px;text-align:center;vertical-align:middle;display:table-cell;border:1px solid #eee;padding:2px;overflow:hidden}
.pro_lb0 img{max-width:150px;_width:150px;max-height:145px;_margin-top:expression_r(( 300 - this.height ) / 2); padding-top:5px;}
.pro_lb0 p{line-height:20px;margin:0;padding:6px 0 0 170px;word-break:break-word;}
.pro_lb0 .pinfo{display:block;font-size:12px;color:#777;max-height:60px;overflow:hidden;}
.pro_lb0 strong{display:block;max-height:38px;font-size:14px;padding:4px 0 6px 0;overflow:hidden}
.pro_lb0 strong a{color:#333;}
.pro_lb0 strong a:hover{color:#56ce3f}
.pro_lb0 span{display:block;}
/*Rows*/
.pro_lb1{padding-top:10px;}
.pro_lb1 p{line-height:24px;}
.pro_lb1 li{float:left;width:25%;}
.pro_lb1 li .pp_box{margin:15px 12px;}
.pro_lb1 li a{display:block;position:relative;}
.pro_lb1 li a img{width:100%;}
.pro_lb1 li a .text{width:100%;height:60px;background:#8f8f8f;position:absolute;z-index:1;bottom:0;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.pro_lb1 li a .tex{width:100%;height:40px;line-height:20px;position:absolute;z-index:2;bottom:0;text-align:center;overflow:hidden;color:#fff;}
.pro_lb1 li a:hover .text{background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.pro_lb1 .li0{padding-right:0;}
.pages{text-align:center;font-size:12px;padding:15px 0 20px 0;color:#b2b2b2;clear:both}
.pages a,.pages span{display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0 10px;line-height:30px;}
.pages a:link,.pages a:visited{color:#666;background:#fff;}
.pages a:hover,.pages a:active,.pages span.ctxt{color:#fff;background:#333;color:#fff;text-decoration:none}
/*news*/
.newslist{margin:12px auto 12px auto;float:left;width:100%;}
.newslist ul{padding-right:16px}
.newslist li{text-align:right;height:36px;background:url("arrow-list.gif") 8px 10px no-repeat;border-bottom:1px dashed #ddd;line-height:32px;color:#888;overflow:hidden}
.newslist li a{float:left;font-size:14px;text-align:left;text-indent:6px;}
.newslist li a:hover{color:#d22720;text-decoration:underline}
/*Relevant Products And News*/
.rnews,.rollPro{margin:0 auto;}
.rnews h3,.rollPro h3{font-size:18px;line-height:24px;padding:10px 0 12px 0;color:#333;font-weight:normal;height:30px}
.rnews li{float:left;width:50%; height:30px;line-height:30px;}
.rnews li a{display:block;white-space:nowrap;margin-right:3%;text-overflow:ellipsis;overflow:hidden;font-size:12px;border-bottom:1px dashed #eee;}
.rnews li a:hover{color:#56ce3f;}
.rollPro{height:220px;}
.rollPro .Cont{width:94%;overflow:hidden;margin:0 auto;}
.rollPro .ScrCont{width:10000000px;}
.rollPro .pic{width:170px;padding:0 5px}
.rollPro .pbox img{min-width:142px;max-height:120px;line-height:120px;_margin-top:expression_r(( 300 - this.height ) / 2);}
.rollPro .pbox{width:150px;height:120px;line-height:120px;text-align:center;vertical-align:middle;display:table-cell;border:1px solid #eee;margin:0 auto;}
.rollPro p{height:42px;overflow:hidden;line-height:20px;text-align:center}
.rollPro #List1,.rollPro #List2,.rollPro .wen_jt,.rollPro .Cont,.rollPro .pic{float:left;}
.rollPro .wen_jt{width:24px;padding-top:45px;}
/*newscon*/
.newcon{padding-top:28px;}
.newcon .tit{text-align:center;color:#000;font-size:18px;}
.newcon .time{line-height:30px;border-bottom:1px solid #ccc;padding-top:10px;font-size:12px;color:#999;width:160px;margin:0 auto;text-align:center;}
.newcon p{padding-top:20px;line-height:24px;}
.pinfo{font-size:14px;}
.newcon .pn{padding:12px 0 0 0;min-height:40px;}
.newcon .prev,.newcon .next{float:left;font-size:16px;padding:6px 0;width:48%;white-space:nowrap;margin-right:2%;text-overflow:ellipsis;overflow:hidden;height:20px;}
.newcon .next{margin-right:0;}
/* fackback */
#feedbackForm table{width:100%; max-width:600px;_width:600px;margin-top:20px;margin:0 auto;text-align:left;}
.ftxt{width:30%;}
.fput{width:68%;}
#feedbackForm .text{float:left;width:90%;height:26px;margin:16px 0px 0px 0px;font-size:12px;line-height:26px;padding:0px;border:1px solid #CCC;}
#feedbackForm .lable{padding:10px 12px 0px 0px;line-height:30px;height:30px;text-align:right;}
#feedbackForm .atextarea{float:left;width:90%;padding:0;margin:16px 0px 0px 0px;border:1px solid #CCC;height:100px;font-size:12px;line-height:24px;font-family:Arial, Helvetica, sans-serif;color:#666;}
#feedbackForm .submita{display:inline-blockl;padding:0 20px;height:30px;line-height:30px;text-align:center;font-size:18px;background:#ff9c00;margin:20px auto;border:none;color:#fff;cursor:pointer}
#feedbackForm .fsbtn{text-align:center;width:90%;border:1px solid #fff;}
#feedbackForm span.xh{color:#56ce3f;}
/* Elastislide Style */
.es-carousel-wrapper{padding:10px 37px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;position:relative;}
.es-carousel{overflow:hidden;background:#fff;}
.es-carousel ul{display:none;}
.es-carousel ul li{height:100%;float:left;display:block;}
.es-carousel ul li a{display:block;border:1px solid #eee!important;width:138px;height:136px;line-height:136px;vertical-align:middle;display:table-cell;text-align:center}
.es-carousel ul li a img{display:block;border:none;max-width:132px;max-height:124px;_margin-top:expression_r(( 300 - this.height ) / 2); margin:0 auto;}
.es-nav span{position:absolute;top:50%;left:12px;background:transparent url("duo_left.gif") no-repeat top left;width:19px;height:32px;margin-top:-13px;text-indent:-9000px;cursor:pointer;opacity:0.8;}
.es-nav span.es-nav-next{right:12px;left:auto;background:transparent url("duo_right.gif") no-repeat top left;}
.es-nav span:hover{opacity:1.0;}
.table{border-collapse:collapse;}
.table td, .table th{border:1px solid #cdcdcd;padding:5px;}
.table p{padding:0;margin:0;}
@media screen and (min-width:1004px){.top .fl{min-width:690px;overflow:hidden;}
.top .fr .ss{clear:both;padding-top:0px}
#nav li a{font-size:14px;} #nav ul{display:inherit}
.pro_lb1 li:nth-child(4n+5){clear:both}
}
@media screen and (max-width:1004px) and (min-width:960px){.top .fl{float:none;clear:both;max-width:100%;}
.top .fr{float:none;clear:both;width:100%;}
.top .fr .ss{float:right;}
.top .fr .xyz{float:left;padding-top:6px;}
#nav li a{font-size:14px;padding:0 20px}#nav ul{display:inherit}
.col2{width:27%}
.col3{width:28%}
.pro_lb1 li{width:33.33%;}
.pro_lb1 li:nth-child(3n+4){clear:both}}
@media screen and (max-width:960px) and (min-width:640px){.logo{float:none;width:100%; text-align:center}
.head-text,.top .fr .xyz{display:none;}
.logo img{max-height:70px;}
#nav{border-top:6px solid #56ce3f;}
#nav li{width:100%;border-right:0px;border-bottom:1px solid #303b48;}
#nav li a{line-height:48px;}#nav li:chirden(2n){}
#nav li:hover ul{display:none!important}
.inmenu::before{border-bottom-width:1px;}
#nav li a.inmenu_1{background:rgba(255, 255, 255, 0.1)url("btbg.png") left 47px repeat-x!important;z-index:-1;}
.prolist li{float:left;width:98%; height:200px;border:1px solid #dddada;margin:15px 0.8%;}
.hotpro li{width:50%;}
.tnew,.lnew{float:none;width:100%; clear:both}
#nav .fl,#nav .fr{display:block;}#nav ul{display:none;position:absolute;top:60px;left:0;}
#nav{height:60px;position:relative;}
.col1{width:50%;}
.col2{width:262px;padding-right:15px;float:right;}
.col3{padding-left:15px;clear:both}
.pro_lb1 li{width:50%;}
.pro_lb1 li:nth-child(2n+3){clear:both}
.pcon_r{word-break:break-word;}
.newslist li a{width:75%;}
#nav li#liHome{border-left:0px;}}
@media screen and (max-width:960px) and (min-width:700px){.pcon_l{float:none;width:402px;margin:0 auto;overflow:hidden;}
.pcon_r{padding-left:0px;}
.pcon_r .pd-title,.pcon_r .pcon_info{padding-left:20px;}
.pcon_r .p_more{margin-left:20px;}
.zoomdiv,.jqZoomPup{display:none!important}

.rnews li{float:none;display:block;width:100%; margin:0 auto;}
.newcon .prev,.newcon .next{float:none;width:100%; margin:0 auto;}
#nav li#liHome{border-left:0px;}}
@media screen and (max-width:700px) and (min-width:480px){.pcon_l{float:none;width:400px;margin:0 auto;overflow:hidden}
.pcon_r{padding-left:12px;}
.zoomdiv,.jqZoomPup{display:none!important}

.newslist li a{width:75%;}
.rnews li{float:none;display:block;width:100%; margin:0 auto;}
.newcon .prev,.newcon .next{float:none;width:100%; margin:0 auto;}
#nav li#liHome{border-left:0px;}}
@media screen and (max-width:640px){.top .fl,.top .fr{float:none;width:100%; margin-top:0px;}
.logo{float:none;width:100%; max-width:480px;text-align:center}
.head-text,.top .fr .ss,.top .fr .xyz{display:none;}
.logo img{max-height:70px;}
#nav{border-top:4px solid #56ce3f;}
#nav li{width:100%;border-right:0px;border-bottom:1px solid #56ce3f;}
#nav li a{line-height:36px;}#nav li:chirden(2n){}
#nav li:hover ul{display:none!important}
.inmenu::before{border-bottom-width:0px;}
#nav li a.inmenu_1{background:rgba(255, 255, 255, 0.1) !important;z-index:-1;}
#nav .fl,#nav .fr{display:block;}#nav ul{display:none;position:absolute;top:48px;left:0;}
#nav{height:48px;position:relative;}
#nav .fl,#nav .fr{font-size:18px;line-height:48px;}
.top .fr .ss{float:none;width:300px;padding-top:0;margin:0 auto;}
.ss .sk{border-radius:0;}
.tnew,.lnew{float:none;width:100%; clear:both}
.hotpro li{float:left;width:50%;}
.hotpro li.hotpro li .p_more{display:none}
.tnew .tbox{height:160px;}
.tnew p{max-height:106px;}
.ttext{padding:0 12px 0 172px;}
.tnew img{width:160px;}
.prolist li{float:none;width:98%; height:160px;}
.propic{height:160px;width:160px;text-align:center}
.propic img{max-height:160px;max-width:160px;}
.protext{padding:0 12px 0 180px;font-size:12px;}
.protext h3{font-size:14px;margin-top:25px;}
.protext p{max-height:40px;overflow:hidden;}
.p_more{margin:16px 0;display:inline-block;min-width:85px;padding:0 15px;height:30px;line-height:30px;font-size:14px;font-weight:600;text-transform:uppercase;text-align:center;color:#fff;}
.col1,.col2{display:none;}
.col3{float:none;width:auto;margin:0;padding:0;}
.col3 h3{text-indent:15px;}
.col4{float:left;}
.ccs{word-break:break-word;word-wrap:break-word;padding:0 15px;}
.col4{float:left;padding-left:15px;}
.pro_lb1 li{width:50%;}
.sidebar{float:none;width:100%; padding-top:12px;}
.main{padding:6px 0 0 0px;}
.sf-menu{display:table;width:96%; margin:0 auto;padding-bottom:20px;}
ul.sf-menu ul ul{display:none!important;}
.ctit h3{text-indent:10px;}
.newcon .prev,.newcon .next{float:none;width:100%; margin:0 auto;}
.newcon{padding:0 12px;}}
@media screen and (max-width:480px){.hotpro span{display:none}
.col1,.col2{display:none;}
.col3{float:none;width:auto;margin:0;padding:0;}
.col3 h3{text-indent:15px;}
.col4{float:left;}
.pro_lb1 li{width:100%;}
.pages span{display:none;}
.pages span.ctxt{display:inline-block}
.pcon_l{float:none;margin:0 auto;overflow:hidden}
.pcon_r{padding-left:12px;}
.pcon_l{float:none;width:302px;margin:0 auto;overflow:hidden}
.spec-preview,.jqzoom{width:300px!important;height:300px!important;}
.jqzoom img {max-width:300px!important;max-height:300px!important;}
.spec-scroll .items{width:244px!important;}
.spec-scroll{width:302px!important;}
.zoomdiv,.jqZoomPup{display:none!important}



.newslist li a,.rnews li{float:none;display:block;width:100%;}
.newslist li span{display:none;}
.newcon .prev,.newcon .next{float:none;width:100%; margin:0 auto;}
.newcon{padding:0 12px;}
#nav li#liHome{border-left:0px;}
.es-carousel ul li a{width:100%; height:100px;line-height:100px;}
.es-carousel ul li a img{max-height:96px;max-width:100%;}}
.table{border-collapse:collapse;}
.table td, .table th{border:1px solid #cdcdcd;padding:5px;}
.table p{padding:0;margin:0;}
/*buybtn*/
.buybtn{clear:both;width:200px;height:40px;margin:20px 0 0 0;text-align:left;line-height:40px;}
.buybtn a{display:inline-block;padding:0 15px;color:#fff;height:40px;background:#0a4da6;border-radius:2px;font-size:18px;}
.buybtn a:hover{background:#145cbc;color:#fff;border-radius:2px;}
/*jsshare*/
.pshare{float:left;padding:8px 0 0 0;}
.jsshare {text-align:center;padding-top:8px;}
.pshare li{float:left;width:48%; height:28px;line-height:28px;}
.pshare li img{vertical-align:middle;margin-right:12px;}
.jsshare span.stxt{display:inline-block;font-size:14px;line-height:24px;padding:0 8px 0 0;position:relative}
.jsshare a,.jsshare a img{width:24px;vertical-align:middle}
.addthis_sharing_toolbox{display:inline-block}
span.at-icon-wrapper,.at-icon-wrapper svg{width:24px!important;height:24px!important;line-height:24px!important;}
/*tenflag*/
.tenflag1,.tenflag2,.tenflag3{width:680px;clear:both}
.tenflag1{border:1px solid #eee;}
.tenflag1 dt{border-bottom:1px solid #eee;}
.tenflag1 dd{text-indent:12px;}
.tenflag1 dt,.tenflag2 dt,.tenflag3 dt{font-size:16px;font-weight:bold;padding:16px 0 12px 12px;}
.tenflag2 dd{float:left;width:20%; margin:0;padding:0;line-height:36px;text-align:left}
.tenflag1 dd{height:36px;line-height:36px;border-bottom:1px solid #eee;padding:0;margin:0;background:#f5f5f5;}
.tenflag1 dd span{float:left;width:36%; background:#fff;font-weight:bold}
.tenflag1 dd:nth-child(2n) span{background:#f5f5f5;}
.tenflag1 dd:nth-child(2n){background:#fff;}
.tenflag2 dd{text-align:center;}
.tenflag2 dd img{width:116px;display:block;margin:0 auto;padding-bottom:0px!important;}
.tenflag2 dd p{padding:0 0 6px 0!important;margin:0;}
.tenflag3 img{width:680px!important;height:448px!important}

/*download*/
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0 0 0;line-height:32px;background:url("../../down1_2.png") right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url("../../down1_1.png")no-repeat;padding:0 0 0 16px;}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0 0 0;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:45px;background:url("../../down2_1.png")no-repeat;padding:0 12px 0 16px;}
.pdown2 #A_DownLoadProduct{background:url("../../down2_2.png") right top no-repeat;}
.pdown3 #A_DownLoadProduct{ background:url("../../down2_3.png") right top no-repeat;}
.pdown4 #A_DownLoadProduct{background:url("../../down2_4.png") right top no-repeat;}
/*keywords*/
.proCateTags{clear:both;padding:0 10px 8px 10px;margin:0 10px;border:1px solid #eee;border-radius:5px;}
.proCateTags h3{font-size:14px;line-height:32px;margin:0;padding:0;}
.keywords{margin:12px auto;}
.keywords a{margin-right:10px;color:#2e66b5;line-height:1.8;text-decoration:underline;display:inline-block;white-space:nowrap;text-overflow:ellipsis;}
.keywords a:hover{text-decoration:none;}
.plist{float:left;}
/*qrcode*/
.qrcode{height:24px;float:right;line-height:24px;background:url("../../2wm.png") no-repeat;background-size:24px 24px;text-align:left;cursor:pointer;position:relative;margin:-24px 12px 0 12px;}
.qrcode .ErWeiImg{width:24px;height:24px;opacity:0;border:3px solid #fff;position:absolute;z-index:9999999999999999999}
.qrcode span{display:inline-block;background:url("../../bmore.png") right no-repeat;padding:0 12px 0 30px;background-size:8px 7px;color:#fff}
.qrcode:hover span{background:url("../../bmore1.png") right no-repeat;background-size:8px 7px;}
.hamore{color:#fff;clear:both;float:left;height:36px;line-height:36px;background:#5fa568;padding:0 20px;margin-top:12px;}