body{}
body, input, textarea, select, button{ color:#000; margin:0; padding:0; font-size:12px; font-family:"Microsoft YaHei";}
ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset,*,strong,span { margin:0; padding:0; }
img{ border:0px;border-style:none;}
em{ font-style:normal;}
ul{ list-style:none;}
a{ text-decoration:none; color:#0e0e0e;}
a:hover{ text-decoration:none; color: #fad604;}

.topbox{ height:110px; width:1020px; margin: auto;}
.logo{ float:left; padding-top:20px;}
.searchbox{ float:right;width:150px; border: 1px solid #e5e5e5; border-radius: 5px; color:#fff;box-sizing: border-box;  margin-top:20px; position: relative; padding-left: 10px; height: 26px;}
.searchtxt{ border:0; background:none; width:100%; height:20px; color:#ddd;}
.searchbox .img{ position: absolute;top: 4px; right: 5px;}

.navs{ float: right; height:40px; width: 70%; margin-top: 20px;}
.navs a{ display:block; float: left; width: 12.5%; text-align: center; font-size:14px;height:40px;line-height:40px; color:#000;}
.navs a:hover{ color:#01a951;}

.banner{height:468px; overflow: hidden;}
.banner li{ height:468px; background-position:center; background-repeat:no-repeat;}
.dbanner{ width:100%; z-index:1;}
.dbanner .bx-prev{z-index:1;}
.dbanner .bx-next{z-index:1;}
.dbanner img{ margin:auto;}
.dbanner .bx-wrapper .bx-viewport{  -webkit-box-shadow:0 0 0px #ccc;box-shadow:0 0 0px #ccc;border:0;left:0;background:none;}
.dbanner.bx-wrapper .bx-viewport { background:none;}
.dbanner .bx-wrapper .bx-pager {
	padding: 3px 0 0 0 ;
	bottom:20px;
}
.dbanner .bx-wrapper .bx-pager div a{ width:15px; height:15px;    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;background: #666;}
.dbanner .bx-wrapper .bx-pager div a.active{ background: #333; }

.banner .bx-wrapper .bx-pager div a{width:20px; height:20px; }

.index-ad{  width: 1020px; margin: 40px auto 0 auto; overflow:hidden;}
.index-ad ul{ overflow:hidden; margin-right: -2%;}
.index-ad li{ width: 23%;margin-right: 2%; float: left; border: 1px solid #d8d8d8;box-sizing: border-box; }
.index-ad li img{ width:100%;}
.index-ad li .t{ font-size: 16px; color: #01a951; line-height: 30px; display: inline-block; margin-top: 10px;}
.index-ad li div{ padding: 10px;}
.index-ad li .cc{ color: #5a5657; margin-top: 10px;}
.index-ad li .cmore{ color: #888;}

.index-product{ width:1020px; margin:40px auto 0 auto;}
.index-ct{ border-bottom: 2px solid #c9c9c9; height: 2px; text-align: center; margin-top: 80px;}
.index-ct span{ display: inline-block;color: #01a951;  font-size: 30px; margin-top: -20px; line-height: 40px; background: #fff; padding: 0 50px;}

.index-product li{ float:left; width:236px; height:216px; padding-top:5px; overflow: hidden;}
.index-product li a{width:210px; height:156px; padding:10px; background:#fff;  border:3px solid #fff; display:block;}
  .index-product li a:hover{ border:3px solid #333;}
.index-product li img{ display:block; width: 210px; height: 156px;}
.index-product li span{ display:block; height:40px; color:#000; line-height:40px; text-align:center;}
.index-product .bx-wrapper .bx-pager {
	padding: 3px 0 0 0 ;
	bottom:-10px;
}
.index-product .bx-wrapper .bx-viewport{ padding:0 20px 0 0px;}
.index-product .bx-controls-direction1 .bx-prev{ left:-40px; background: url(../images/prev.png) no-repeat;}
.index-product .bx-controls-direction1 .bx-next{ right:-40px;background: url(../images/next.png) no-repeat right;}
.index-product .bx-controls-direction1 .bx-prev:hover{ background: url(../images/prev_over.png) no-repeat;}
.index-product .bx-controls-direction1 .bx-next:hover{background: url(../images/next_over.png) no-repeat right;}
.index-product .bx-wrapper .bx-pager div a{background:#666;}
.index-product .bx-wrapper .bx-pager div a.active{ background:#333;}


.location{ height:287px; background: url(../images/showbanner.jpg) no-repeat center; width: 100%;}


.page-content{width:1020px; margin:40px auto; overflow:hidden;}

.page-left{ float:left; width:240px;}

.leftpclass span{ display: block; color: #fff; background: #252525; font-size: 20px; height: 55px; line-height: 55px; border-radius: 10px 10px 0 0 ; text-align: center;}
.leftpclass ul{ background: #ebebeb; padding: 10px 0;min-height: 300px;}
.leftpclass li{ line-height:25px;}
.leftpclass li a{display:inline-block; width:100%;line-height:40px; font-size: 14px; height:40px; text-align:center; }
.leftpclass li a:hover,.leftpclass li .cur{ background:#01a951;color:#fff;}

.page-right{ float:right; width:700px; overflow: hidden;}

.newsshow_title{ font-size:16px; line-height:35px; font-weight:bold; text-align:center;}
.newsshow_time{ border-bottom:1px solid #999; line-height:30px;text-align:center;}
.newsshow_content{ line-height:30px; padding:10px; text-align:left;}
.newsshow_img{ width:100%; margin:10px auto;}
.newsshow_img img{ margin:0 auto; display:block;}
.showbottomlink{ text-align:right; padding-right:10px; line-height:30px;}
.showbottomlink a{ color:#000; margin:0 10px;}
.flvplayer{ width:450px; height:350px; margin:20px auto; text-align:center;}

.datanewslist li{ height:30px; line-height:30px; text-align:left; background:url(../images/icon.png) no-repeat 0px 5px; padding:0 10px 0 30px; border-bottom:1px dashed #ccc; font-size:12px;}
.datanewslist ul li a{ float:left;}
.datanewslist li span{ float:right; color:#8c8f91;}

.datapicturelist2{ overflow:hidden; margin-top:10px; font-size:12px;}
.datapicturelist2 li{ float:left; width:182px; height:68px;  margin:7px 0 7px 20px; display:inline;zoom:1; text-align:center;}
.datapicturelist2 .cimg{ display:block;width:182px;height:68px; border:1px solid #e6e6e6;overflow:hidden;}
.datapicturelist2 .cimg img{}
.datapicturelist2 .ctxt{ display:none; color:#000; height:25px; line-height:25px;}

.datapictureclass{ overflow:hidden; margin-top:10px; font-size:12px;}
.datapictureclass ul{ overflow: hidden; margin-left:-1px;margin-top:-1px; }
.datapictureclass li{ float:left; width:25%; text-align:center;border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6;box-sizing: border-box; }
.datapictureclass a{ display:block; width: 100%; padding:11px;box-sizing: border-box;background:#fff; overflow:hidden;color:#000;}
.datapictureclass a:hover{border:3px solid #000; padding:7px;}
.datapictureclass img{ width:100%;}
.datapictureclass span{ display:block;  height:53px; line-height:15px; font-size: 13px; font-weight: bold;}
.datapictureclass .ppcb{ border-left: 1px solid #fff;}

.datapicturelist{ overflow:hidden;font-size:12px;}
.datapicturelist ul{ overflow: hidden;margin-right: -2.33%;}
.datapicturelist li{ float:left; width:31%; margin-right: 2.33%; margin-bottom: 15px;  border: 1px solid #cacaca; text-align:center;box-sizing: border-box;}
.datapicturelist ul a{ display:block;width: 100%; color:#000;box-sizing: border-box;}
.datapicturelist ul a:hover{}
.datapicturelist img{ width:220px; height: 164px;}
.datapicturelist .cimg{ width:100%;}
.datapicturelist .ctxt{height:40px; line-height: 40px; font-size: 14px;}

.datapicturelist3{ overflow:hidden; margin-top:10px; font-size:12px;}
.datapicturelist3 ul{ overflow:hidden; margin-right: -3%;}
.datapicturelist3 li{ float:left; width:22%;   margin:20px 3% 0 0; display:inline;zoom:1; text-align:center;}
.datapicturelist3 a{ display:block; border:1px solid #e6e6e6; background:#fff; overflow:hidden;color:#000;box-sizing: border-box; padding: 22px 2px;}
.datapicturelist3 a:hover{border:3px solid #000; padding: 20px 0px;}
.datapicturelist3 img{ width:100%;}
.datapicturelist3 span{ display:block;  height:53px; padding-top: 5px; line-height:15px;font-size: 13px; font-weight: bold;}
.datapicturelist3 .ppcb{ border-left: 1px solid #fff;}

.spt{font-size:22px; font-weight:bold; padding: 20px 0 0 0; width: 100%; }



.productshow{ overflow:hidden;}
.productshow .showleft{ float:left; width:490px;}
.productshow .slider_product img{ margin:auto;width:490px;height:490px;}
.productshow .showright{ float:right; width:490px;}
.productshow .t{ font-size:18px; font-weight: bold;}
.productshow .n{ color:#818181;}
.productshow .addcar{ display:block; padding:5px 0; line-height:30px; background:url(../images/addcar.gif) center no-repeat #505050; margin-top:20px; text-align:center; height:30px;}
.productshow .addcar:hover{ background:url(../images/addcar_over.gif) center no-repeat #fbd504;}
.productshow .b { overflow:hidden;}
.productshow .b .a{ display:block; padding:5px 0; width:240px; line-height:30px; background:#505050; margin-top:20px; color:#fbd504; text-align:center; height:30px; font-size:14px; font-weight:bold;}
.productshow .b .a:hover{ background:#fbd504; color:#505050;}

.productshow .pcontent{ margin-top:20px;}
.productshow .ct{ font-size:16px; font-weight:bold; margin-top:20px;}
.productshow .cc{ line-height:25px; padding:20px 0;}
.productshow .c{ padding-top: 10px;}
.productshow .c p{ margin-bottom: 0;}
.productshow .bx-pager a{ float:left;}
.productshow .bx-pager img{ width:80px; height:80px;}
.productshow .bx-wrapper{ margin-bottom:30px;}
.productshow .bx-wrapper .bx-viewport{  -webkit-box-shadow:0 0 0px #ccc;box-shadow:0 0 0px #ccc;border:0;left:0;background:none;}
.productshow .bx-wrapper .bx-viewport { background:none;}
.productshow  .bx-pager {
    bottom: -95px;
  }
  
 .productshow  .bx-pager a {
    border: solid #ccc 1px;
    display: block;
    margin: 5px 5px 0 5px;
    padding: 3px;

  }
 .productshow .bx-wrapper .bx-controls-direction a { z-index:0;}
.productshow .bx-pager a:hover,
 .productshow  .bx-pager a.active {
    border: solid #000 1px;
  }


.LivePage{margin:20px 0 10px 0;padding:5px 20px 0 20px; clear:both; font-size:12px;}
.LivePage .Page_left{float:left;color:#fff;font-family:Tahoma;}
.LivePage .Page_left span{ color:#6a95b5; margin:0 5px;}
.LivePage .Page_right{font-family:Tahoma;color:#fff;text-align:left;float:right;}
.LivePage .Page_right A {padding:2px 5px;color:#6a95b5;text-decoration:none;margin:2px;border:1px solid #6a95b5;display:block;float:left;}
.LivePage .Page_right A:hover {border:1px solid #6a95b5;text-decoration:none;background:#6a95b5;color:#fff;}
.LivePage .Page_right span{border:1px solid #6a95b5;color:#fff;font-weight:bold;background:#6a95b5;padding:2px 

5px;margin:2px;float:left;}
.LivePage .Page_right em{float:left;}
.LivePage .Page_right input{float:left; width:30px; margin-top:2px; height:15px;}
.LivePage .Page_right .PageTXT{ margin-top:5px;}

.showtable{table-layout:fixed;border-collapse:collapse;margin:40px auto 0 auto; font-size:12px;}
.showtable .r,.showtable .l,.showtable th, .showtable td{ border:1px solid #b29646; line-height:30px;text-align:center;}
.showtable th{ padding:0; text-align:center; font-size:16px;background:#b29646; color:#b29646;}
.showtable .r{ text-align:left; padding:0 0 0 5px;}
.showtable .l{color:#000; }
.red{ color:#cc0000;}



.footlinkbox{ background:#7e7e7e; padding:30px 0;}
.footlink{width:1020px; margin:auto;color:#fff; overflow:hidden;}
.footlink .footlogo{float:left;width:22%;}
.footlink .list{ float:left; width:13%; border-right:1px solid #969696;box-sizing: border-box; text-align: center; min-height: 260px;}
.footlink .list ul{ overflow:hidden;}
.footlink .list li{ margin-top:5px; }
.footlink .list p a{ font-size: 14px;}
.footlink a{color:#fff; }
.footlink span{ margin-top:10px; display:block; cursor:pointer;}
.footlink span i{ color:#fbd504; margin-left:10px; font-size:16px;}

.footbox{background:#323232; clear:both; width:100%;}
.foot{ width:1020px; margin:auto; color:#fff; text-align:left; padding:10px 0; overflow: hidden;}
.foot a{ color: #fff;}

.plocation{width:1000px; margin:20px auto 0 auto; height: 35px; position: relative;}
.plocation img{ height: 30px; width: auto;}
.skype{float:right; margin-right:130px;}
.share{ float: right; width: 120px; height: 35px; overflow: hidden; border: 1px solid #fff; border-radius: 5px;  padding: 1px; background: #fff; cursor: pointer;position:absolute; right: 0;top: -5px; z-index: 1000;}
.share .t{ height: 35px; line-height: 35px; padding-left: 40px; display:block; font-size: 16px; background: url(../images/share.png) no-repeat 5px; color: #737373;}
.sharecur{border: 1px solid #737373;}
.share .t i{ font-size: 16px; float: right; margin-right: 10px;}
.share a{ display:block; line-height: 30px; padding: 10px 10px;border-radius: 5px; height: 30px; color:#363636;}
.share a img{ float: right;}
.share a:hover{background:#737373;  color: #fff;}

.leftinfo .leftshare{  padding-bottom: 25px;}
.leftinfo .leftshare img{height: 30px;}
.leftinfo .share{ position: initial; margin-top: 10px; float: none;}

.ylink{ text-align: right;}
.ylink a{ margin-left: 10px;}
.ylink a img{ width: 30px;}

.changetitle{ overflow: hidden; height: 40px; margin-bottom: 50px;}
.changetitle .t{ font-size:22px; font-weight: bold; float: left;}
.changetitle .mainbutton{ float: right;}
.changes{ overflow: hidden;border-bottom:1px  solid #cdcdcd; padding:20px 0;}
.changes .t{ font-size:22px;font-weight: bold; }
.reghead .t span{ font-weight:bold; font-size:14px; line-height:40px;}
.changes em{ color:#999; margin-left: 10px;}
.changes li{ margin-top:30px; width: 50%; float: left;}
.changes li span{ font-size:14px; font-weight:bold; display:block;}
.changes li .cinput{ width:80%; border:1px solid #9a9a9a; height:27px; margin-top: 10px; padding-left: 10px;}
.change-clist{border-bottom:1px  solid #cdcdcd; margin-top:30px; padding:30px 0;padding-left:0px;overflow:hidden;}
.change-clist dt{ display:block;}
.change-clist dd{ float:left; width:100px; overflow:hidden;}
.change-clist dd input{float:left; margin-top:3px;}
.change-clist dd label{float:left; margin-left:5px;}
.changes-emailc{border-bottom:1px  solid #cdcdcd;padding:30px 0 30px 0;}
.changes-emailc dt{ display:block; font-size:30px; font-weight:bold;}
.changes-emailc dd{ margin-top:10px;display:block;overflow:hidden;}
.changes-emailc dd span{ display:block; width:100%; font-size:14px;font-weight:bold; line-height:30px;}
.changes-emailc dd input{float:left; margin-top:3px;}
.changes-emailc dd label{float:left; margin-left:5px;}
.cselect{ background: #505050; color: #fff; width: 20%; margin-right: 10px; height: 32px;}

.Support-page-content{ margin: 20px auto 40px auto}
.supportindex{  text-align: center;}
.supportindex .sf{font-size: 45px; height: 339px; line-height: 40px; color: #fff; background: url(../images/sp1.png) no-repeat;background-size:cover; padding-top: 120px;box-sizing: border-box;font-weight: bold;}
.supportindex .sf span{ display: block; color: #fad604; margin-bottom: 10px;}
.supportindex .sf p{letter-spacing:5px;}
.supportindex .st{background: url(../images/sp2.png) no-repeat;background-size:cover; color: #000;height: 305px;padding-top: 80px;box-sizing: border-box;}
.supportindex .st span{ display: block; font-size: 40px; line-height: 40px; font-weight: bold;}
.supportindex .st p{ line-height: 25px;  width: 80%; margin: 20px auto 0 auto;font-weight: bold;}
.supportindex .sb{background: url(../images/sp3.png) no-repeat;background-size:cover; color: #000;height: 364px; margin-top: 30px;padding-top: 50px;box-sizing: border-box;}
.supportindex .sb span{ display: block; font-size: 40px; line-height: 40px;color: #fff;}
.supportindex .sb p{ width: 80%; margin: 20px auto 0 auto;}
.supportindex .sb p a{ display: block; float: left; width: 33.33%; background: url(../images/icon2.png) no-repeat 0 5px;box-sizing: border-box;  padding-left: 50px; color: #fff; font-size: 16px; text-align: left; height: 40px; line-height: 40px; margin-top: 20px;}

.slocation{ font-size: 14px; font-weight: bold; color: #fad604;}
.slocation a{color: #fad604;}
.slocation .cur{color: #000;}
.category-head{ margin-top: 20px;}
.category-head span{ font-size: 26px; display: block; color: #575757;}
.category-head p{ overflow: hidden; margin-right: -2%;margin-top: 20px;}
.category-head a{ font-size: 16px; display: block;font-weight: bold; width: 23%; height: 50px; line-height: 50px; text-align: center; border: 1px solid #e1e1e1;box-sizing: border-box; float: left;margin-right: 2%;overflow: hidden;}
.category-head a:hover,.category-head  .cur{ border: 1px solid #fad604; color: #000;}


.category-clist{ margin-top: 20px; background: #fff;}
.category-clist span{font-size: 20px; display: block;color: #575757;}
.category-clist p{border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1; overflow: hidden;margin-top: 20px;  }
.category-clist a{border-top: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1; width: 20%; height: 45px;font-size: 12px; display: block;font-weight: bold; padding-left: 20px; float: left;box-sizing: border-box; line-height: 45px;overflow: hidden;}
.category-clist a i{ margin-right: 10px; font-size: 20px;}
.categoryclisttoshow{ position: fixed; top: 0; width: 1000px;left:0; z-index: 10000; padding-top: 10px; margin: 0;}
.categoryclisttoshow span{ display: none;}
.categoryclisttoshow p{ margin: 0;}

.categorylist{margin-top: 20px; border-bottom: 1px solid #a7a7a7; padding: 20px;box-sizing: border-box;}
.categorylist span{font-size: 20px; display: block;color: #575757; line-height: 35px;}
.categorylist p{ margin-top: 20px; padding-left: 30px; overflow: hidden;}
.categorylist a{ width: 20%; height: 30px;font-size: 12px; line-height: 30px; display: block;  float: left;box-sizing: border-box;overflow: hidden;}
.categorylist span i{font-size: 20px;}
.categorylist .move{ font-size: 12px;margin-left: 30px; cursor: pointer; }
.categorylist .move i{ font-size: 14px;color: #fad604; margin-left: 10px;}

.knowledgelist{ margin-top: 20px;}
.knowledgelist li{ border-bottom: 1px solid #a7a7a7; padding-bottom: 10px;}
.knowledgelist li .t{ display: block; line-height: 40px; font-size: 18px; }
.knowledgelist .c{ background: #f0f0f0; padding: 10px; display: none;}
.knowledgelist .cc{ line-height: 25px; }
.knowledgelist .imgs{ margin-top: 10px;margin-right: -2%;overflow: hidden;}
.knowledgelist .imgs a{ width: 18%; margin-right: 2%; display: block; float: left; margin-top: 10px;}
.knowledgelist .imgs img{ width: 100%;}

.teampage{  overflow: hidden; color: #565656; margin-top: 20px;}
.teamlist{ float: left;width: 65%;}
.teaminfo{ float: right;width: 25%;}
.teamlist .t{ display: block; font-size: 40px; text-align: center;}
.teamlist li{ overflow: hidden; margin-top: 20px;}
.teamlist li img{ float: left; width: 20%;}
.teamlist .info{ float: left; width: 80%;box-sizing: border-box; padding:0 0 20px 20px; border-bottom: 1px solid #a7a7a7;}
.teamlist .it{ font-size: 18px;}
.teamlist .ic{ line-height: 25px; margin-top: 10px;}
.teaminfo span{ font-size: 16px; margin-bottom: 10px;}
.teaminfo p{margin-top: 20px;}

.contactpage{  overflow: hidden; color: #565656; margin-top: 20px;}
.contactleft{ float: left;width: 40%;}
.contactright{ float: right;width: 40%;}
.contactleft .t{ display: block; font-size: 20px; line-height: 40px;  }
.contactleft .info{ font-size: 14px; line-height: 40px; border-bottom: 2px solid #fbd403;}
.contactleft .c{ margin-top: 20px; line-height: 25px;}
.omessagebox{ background: #f0f0f0; padding: 50px 0;}
.omessage{ width: 1000px; margin:  auto;color: #565656;}
.omessage .t{ text-align: center;}
.omessage .t span{ font-size: 26px;line-height: 40px; font-weight: bold; }
.omessage .t p{ font-size: 14px; line-height: 40px; border-bottom: 2px solid #fbd403;}
.omessage .list li{ margin-top: 20px;}
.omessage .list input,.omessage .list textarea{width: 100%;box-sizing: border-box; padding-left: 20px; height: 30px; border-radius: 3px; border: none; border-bottom: 1px solid #a7a7a7;}
.omessage .list textarea{ height: 50px;}
.ombtn{ background: none;border-radius: 3px;border:1px solid #a7a7a7; height: 30px; margin-top: 20px; width: 100%;}
.omessage .list .code{ width: 60%;}
.omessage .list  li img{ margin-left: 10px;}

.aboutlist{ margin-top: 20px;}
.about-head a{ width: 31.33%;}
.aboutcontent .t{ border-bottom: 2px solid #fbd403; height: 2px; text-align: center; margin-top: 80px;}
.aboutcontent .t span{ display: inline-block; font-size: 40px; margin-top: -20px; line-height: 40px; background: #fff; padding: 0 50px;}
.aboutcontent .c{ line-height: 25px; margin-top: 40px;}