@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:0}input.hidefocus::-moz-focus-inner{border:0}table{border-collapse:collapse;border-spacing:0;empty-cells:show}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{font-size:100%}i,em{font-style:normal}small{font-size:12px;display:block}* html .clearfix{zoom:1}*+html .clearfix{zoom:1}.clearfix:after{height:0;visibility:hidden;content:".";display:block;clear:both}a{text-decoration:none;color:#333}a:hover{color:#10a8fe;text-decoration:none}body{font-size:12px;font-family:"微软雅黑";color:#333;line-height:24px;background:#fff}.big{font-size:14px;line-height:30px}.clear{clear:both}.shouji{display:none}
.header .head,.banner,.header #nav{width:1200px;margin:0 auto}
.header{width:100%;height:88px;background:#10a8fe}
/*.header #nav{width:75%;margin:0 auto}
*/.header #nav .logo{width:403px;float:left;}.header #nav .logo img{display:block;width:100%}.header .nav{width:735px;float:right;padding-top:6px}.header .nav .anniu{text-align:right;color:#fff;line-height:30px;margin-bottom:10px}.header .nav .anniu a{color:#fff;}
.header .menu li{ float:left;width:66px;margin-right:48px;position:relative}
.header .menu li .tya{ display:block; color:#fff;text-align:center;line-height:20px;font-size:16px;height:40px;border-bottom:2px solid #10a8fe}
.header .menu li .tya:hover{ color:#f1d70d;border-bottom:2px solid #f1d70d}
.header .menu li ul li{width:130px;padding-left:0}
.menu .navli_6{margin-right:0!important}
.header .menu .currentNav1{width:6.8%}.header .menu .currentNav1 a{color:#f1d70d;border-bottom:2px solid #f1d70d}

.menu{position:relative; z-index:9}
.menu ul{position:absolute;top:-999em;z-index:9;padding:0 258px 26px 0;left:-370px;height:200px}
.header .menu .navli_5 ul{display:none}
.header .menu ul li a{font-size:14px;color:#999;text-align:center;border-bottom:1px dotted #b3b3b3;line-height:38px;display:block;height:38px}.header .menu ul li a span{display:block;}
.header .menu li img{position:relative;display:none;padding-left:14px}
.header .menu li:hover .tya{color:#f1d70d;border-bottom:2px solid #f1d70d}.header .menu li:hover li a{position:relative}
.header .menu .on a span{ background:#e6e6e6;color:#333;}
.header .menu .on img{display:block;left:130px;top:-61px;padding-top:23px}
.header .menu .navli1 a{padding-top:18px}
.header .menu .navli1:hover img{display:block;left:130px;top:-61px;padding-top:23px}
.header .menu .navli2:hover img{display:block;left:130px;top:-104px;padding-top:26px}
.header .menu .navli3:hover img{display:block;left:130px;top:-147px;padding-top:29px}
.header .menu .navli4:hover img{display:block;left:130px;top:-190px;padding-top:33px}
.header .menu .navli5:hover img{display:block;left:130px;top:-233px;padding-top:36px}
.menu li:hover ul{top:42px;display:block;}
.menu li:hover ul li{ float:none;}
.menu li:hover ul li a:hover span{ background:#e6e6e6;color:#333;}

.navul1,.navul2,.navul3,.navul4{background:#fff}
/*IE6*/
.header .menu li.hover .tya{color:#f1d70d;border-bottom:2px solid #f1d70d}.header .menu li.hover li a{position:relative}
.header .menu .navli1.hover img{display:block;left:130px;top:-61px;padding-top:23px}
.header .menu .navli2.hover img{display:block;left:130px;top:-104px;padding-top:26px}
.header .menu .navli3.hover img{display:block;left:130px;top:-147px;padding-top:29px}
.header .menu .navli4.hover img{display:block;left:130px;top:-190px;padding-top:33px}
.header .menu .navli5.hover img{display:block;left:130px;top:-233px;padding-top:36px}
.menu li.hover ul{top:42px;display:block;}
.menu li.hover ul li{ float:none;}
.menu li.hover ul li a:hover span{ background:#e6e6e6;color:#333;}

.footer{padding-top:11px;background:#808080;color:#2c2929;padding-bottom:23px}.footer a{color:#2c2929}.footer a:hover{color:#10a8fe}.footer #footer{max-width:1200px;margin:0 auto}
.footer .banquan{float:left;width:36.6%;padding-left:3px;padding-top:15px;}.footer .banquan p{padding-left:35px}.footer .banquan .telp{background:url(../images/telp.jpg) no-repeat left center}.footer .banquan .chuanzhenp{background:url(../images/chuanzhenp.jpg) no-repeat left center}.footer .banquan .emailp{background:url(../images/emailp.jpg) no-repeat left center}.footer .banquan .addp{background:url(../images/addp.jpg) no-repeat left center}
.footer .banquan1{float:left;width:42.8%;padding-top:15px;}
.footer .foot_ewm{float:right;width:16.9%}
/*右侧漂浮*/
.suspend{width:37px;height:345px;position:fixed;top:100px;right:0;overflow:hidden;z-index:9999; color:#fff; font-size:14px}
.suspend dl{width:160px;height:345px;padding-left:40px;}
.suspend dl dt{width:37px;height:345px;background:url(../images/suspend.gif) no-repeat left center;position:absolute;top:0;left:0;cursor:pointer; }
.suspend .fwrx{width:160px;height:64px; padding-top:22px;background:url(../images/suspend1.gif) no-repeat 22px 22px #666; border-bottom:1px solid #999}
.suspend .fwrx .p{ font-size:18px; padding-left:12px}
.suspend .QQ a{height:40px; padding-top:18px;display:block;background:url(../images/suspend2.gif) 26px 14px #666 no-repeat;overflow:hidden; padding-left:64px; color:#fff;border-bottom:1px solid #999;}
.suspend .erweima{background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend .erweima{background:url(../images/suspend_d.gif) left bottom repeat-x #666; padding:14px 16px 8px 16px; color:#fff; line-height:32px; text-align:center}

/* slide */
.slide-main{height:552px;position:relative;margin-bottom:45px}
/*.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
*/.item{display:block;width:100%;height:5px;position:absolute;z-index:4;bottom:40px;left:0;text-align:center;}
.item a{display:inline-block;width:14px;height:14px;margin-right:33px;background:url(../images/yuan.png) no-repeat;overflow:hidden;}
.item a.cur{background:url(../images/yuan1.png) no-repeat;}
.slide-box,.slide{display:block;width:100%;height:552px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:552px;background:#ff6900;z-index:1;}
#bgstylea{background:url(../images/banner2.jpg) no-repeat center top}
#bgstyleb{background:url(../images/banner.jpg) no-repeat center top}
#bgstylec{background:url(../images/banner.jpg) no-repeat center top}
.slide a{display:block;width:100%;height:552px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:2;}
.obj-a,.obj-b{width:1200px;margin-left:5%;text-align:center;}.obj-f1{top:190px!important}.obj-f2{top:248px!important}.slide-main img{display:block}
/*.obj-b{top:200px;height:100px;}
.obj-a{display:block;height:352px;top:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
*/.obj-e{margin-left:5%;top:145px;z-index:2;}
.obj-f{top:266px;margin-left:5%;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:70%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:70%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:70%;} to{opacity:1;left:50%;} }

.index_product{position:relative;top:0;z-index:2;margin-bottom:80px}
.index_product .h2{font-size:22px;width:196px;margin:0 auto 45px;padding-left:20px;height:24px; overflow:hidden}.index_product .h2 span{display:block; font-family:Arial, Helvetica, sans-serif;color:#999;float:right;width:90px;font-size:16px}
.boxbox{width:1200px;position:relative;overflow:hidden;_height:100%;margin:0 auto}
.picbox{width:1200px;overflow:hidden;height:380px;position:relative;margin:0 auto}
.piclist{height:380px;position:absolute;left:0;top:0;display:inline}
.piclist li{margin-right:18px;width:286px;float:left;text-align:center;height:380px;display:block;background:#fff}
.piclist li .imga{display:block;width:284px;height:350px;padding-top:28px;border:1px solid #e6e6e6}
.piclist li .imga .title{line-height:36px;font-size:18px;display:inline-table;border-top:2px solid #fff;}.piclist li .imga:hover .title{border-top:2px solid #10a8fe;}
.piclist li .imga .desc{text-align:left;padding:10px 20px 0;height:85px;color:#999;background: url(../images/jian.png) center bottom no-repeat;position:relative;z-index:3;padding-bottom:32px}.piclist li .imga .img{position:relative;top:-32px;z-index:1}.piclist li .imga .img img{display:block;position:relative;z-index:1}.piclist li .imga .img .imghover{position:relative;height:217px;top:-217px;z-index:2;}
.piclist li .imga:hover .img .imghover{background:rgba(0,0,0,0.3) url(../images/jia.png) center 86px no-repeat;}
.swaplist{position:absolute;top:0}
.og_prev,.og_next{width:23px;height:43px;position:absolute;z-index:6;top:0;cursor:pointer;top:147px}
.og_prev{background:url(../images/index_left.png) no-repeat center center;left:0}
.og_next{background:url(../images/index_right.png) no-repeat center center;right:0}

/*content*/
.w1200{width:1200px;margin:0 auto;text-align:left;}
.index_about{float:left;width:572px}.index_about .h2{font-size:26px;color:#333;margin-bottom:20px}.index_about .h2 span{font-size:16px;color:#bfbfbf;font-family:Arial, Helvetica, sans-serif}.index_about .about_content{background: url(../images/index_about.jpg) no-repeat right top;padding:35px 35px 15px;color:#fff;font-size:14px;line-height:30px;}.index_about .about_content .info{height:187px;margin-bottom:20px}.index_about .about_content .more{background: url(../images/aboutjt.png) no-repeat;width:123px;padding-left:22px;margin:0 auto;line-height:34px;display:block;}

.index_news{float:right;width:583px}.index_news .h2{font-size:26px;color:#333;margin-bottom:20px}.index_news .h2 span{font-size:16px;color:#bfbfbf;font-family:Arial, Helvetica, sans-serif}
.conul1 li{position: relative;}
.conul1 a{position: relative;}
.cacur{width: 100%; height:55px; display: block; line-height: 43px;font-size: 16px;padding-left: 58px; box-sizing:border-box;}
.con_zhank{display:none;height:145px}
.con_zhank .cacur{ background:url(../images/hls_02c.png) no-repeat;color: #fff;}
.con_li .cacur{background:url(../images/hls_01c.png) no-repeat;margin-bottom:8px;height:43px}
.con_lirt{position:relative;}
.conmesg{line-height:22px;color:#999;float:right;width:480px;padding-right:8px}
.condate{float:left;height:85px;background:#ffde00;color:#fff;font-size:24px;width:83px;text-align:center;line-height:30px;padding-top:15px;position:relative;top:-11px}.condate span{font-size:18px}

.mosueon_tab{height:334px; overflow:hidden; width:100%;position:relative;padding:37px 0px 35px;}
.mosueon_tab ul{ width:1920px;}
.mosueon_tab li{ float:left; width:334px; height:334px; position:relative; overflow:hidden; cursor:pointer; background:#000; text-align: left;}
.mosueon_tab li img{ width:334px; height:334px;}
.zhaoc{ position:absolute; right:0px; top:0px; width:334px; height:334px; }
.bglan{background:#dedede;}
.bglan .txt{width: auto;}
.bglan .txt h1 span{color: #626262;min-width:170px}
.bglan .txt em{width: 22px; height: 29px;}
.bglan .txt .zem1{background: url(../images/hls_02ja.png) no-repeat;}
.bglan .txt .zem2{background: url(../images/hls_02jb.png) no-repeat;}
.bglan h1{margin-bottom: 0px}
.zhaoc h1{line-height:48px;text-align:center;}.zhaoc h1 a{color:#fff;font-weight: bold;}
.zhaoc h1 span{font-size:24px;}
.txt{ width:300px; margin:0 auto; color:#fff;background: url(../images/3.png) no-repeat center top}
.bglan .txt{margin-top:21px!important;background:none}.bglan .txt h1{line-height:60px;margin-top:0!important;margin-bottom:15px;background: url(../images/line2.jpg) repeat-x left bottom}.bglan .txt h1 a{font-size:26px;color:#333;}
.txt p{ font-size:14px;}
.litile{ display:none;word-wrap:break-word;}
.zkh_ul a{display: block;font-size:16px;line-height:50px;float:left;width:35%;padding-left:15%;background: url(../images/jt.gif) no-repeat 19% center}
.zkh_ul a:hover{background: url(../images/jt_hover.gif) no-repeat 19% center;}
@media screen and (max-width:1440px){
 .zkh_ul a{font-size:14px;width:40%;padding-left:10%;background: url(../images/jt.gif) no-repeat 10% center}
.zkh_ul a:hover{background: url(../images/jt_hover.gif) no-repeat 10% center;}
}
@media screen and (max-width:990px){
 .zkh_ul a{font-size:12px;}
}
/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden;font:14px/54px Arial, Helvetica, sans-serif;}
.side ul li .sidebox1{ display:block;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden;width:40px;height:40px; padding-top:14px; padding-left:14px}
.side ul li .sidebox1:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
#qcode { position:relative; margin:0 auto; }
#qqgroup { display:none; position:absolute; overflow:hidden; background:url(../images/erweima.png) no-repeat; width:150px; height:150px; z-index: 2000000; left:-150px; top:-35px; }
@media all and (min-width:0) and (max-width:768px){body{min-width:inherit;background:#fff;color:#333;font-size:14px;border-top:0}.shouji{display:block}.shoujinone{display:none !important}img{width:100%}.logo,.banner,.header .nav{width:93.75%;margin:0 auto}.head_sj{background:#10a8fe}
.head_sj a{display:block;width:93.75%;margin:0 auto}.head_sj a img{display:block;width:233px}
.sjbanner{display:block;margin-bottom:45px}

/*content*/
.w1200{width:100%;}
.index_about{float:none;width:100%;margin-bottom:40px}.index_about .h2{font-size:24px;margin:0 auto 12px;width:93.75%}.index_about .h2 span{font-size:14px;}.index_about .about_content{background:url(../images/sjindex_about.jpg) repeat-x;padding:18px 0 0;line-height:24px;}.index_about .about_content .info{width:83.75%;margin:0 auto;background:url(../images/index_about.png) repeat;height:auto;padding:10px 5% 16px;height:262px; overflow:hidden}.index_about .about_content .more{background: url(../images/index_about.png) repeat;width:93.75%;padding-left:0;padding-bottom:12px}.index_about .about_content .more span{width:120px; text-align:center;background:#fff;display:block;margin:0 auto}

.index_news{float:none;width:93.75%;margin:0 auto}.index_news .h2{font-size:24px;margin-bottom:12px}.index_news .h2 span{font-size:14px;}
/* fengqin*/
.main-wrapper{width: 100%;margin-bottom:23px}
.main-wrapper h3{line-height:14px;line-height:24px;padding-left:26px;padding-top:8px;padding-right:20px;height:52px; overflow:hidden;margin-bottom:9px}
.main-wrapper .rl-close{background:url(../images/sj1.gif) no-repeat left 9px #10a8fe;margin-bottom:0}.rl-close a{color:#fff}
.rl-open{background:url(../images/sj2.gif) no-repeat left 9px #ccc;}
.rlAccordion > h3 + div {display: none;}
.conmesg{width:68%;padding:5px 2% 0;}.main-wrapper .opened{position:relative}.main-wrapper .opened .chakan{position:absolute;bottom:5px;right:7px;color:#565656}
.condate{width:28%;padding-top:15px;top:0}

/*products*/
.productfl li{width:100%;height:229px;margin-bottom:5px}.productfl .pli1{background:url(../images/yuanliao.jpg) no-repeat center center;}.productfl .pli2{background:url(../images/shimo.jpg) no-repeat center center;}.productfl .pli3{background:url(../images/yingyong.jpg) no-repeat center center;}
.productfl li a{display:block;position:relative;width:300px;margin:0 auto;background:url(../images/1.png) no-repeat;color:#fff;font-size:26px;line-height:56px;text-align:center;top:86px}

.footer{padding-top:27px;background:url(../images/fb.gif) repeat-x #999;color:#292929;padding-bottom:48px}.footer a{color:#292929}.footer #footer{width:93.75%;}
.footer .banquan{float:none;width:100%;padding-left:0;}.footer .banquan p{padding-left:6px}.footer .banquan .telp{background:none}.footer .banquan .chuanzhenp{background:none}.footer .banquan .emailp{background:none}.footer .banquan .addp{background:none}
.footer .banquan1{float:none;width:auto;padding-top:0;padding-left:6px}.banquan1 .shouji{height:0; overflow:hidden}


.toolbar {position: fixed;top:15px;right: 0;background-color: transparent;z-index: 3;width:48px}
.menu-left {float: right;margin-right:16px;}
.sidebar {margin:0;padding-top: 1em;background-color:#10a8fe;}
.sidebar li{ border-bottom:1px solid #dedede; padding-bottom:10px}
.sidebar .block{ font-weight:bold; display:block; margin-left:15px; line-height:3rem; font-size:14px; color:#fff}
div.sdmenu {width:280px;margin:0 auto}
div.sdmenu .span{ line-height:32px; border-bottom:1px solid #fff; display:block;padding-left:25px;font-size:14px;background:url("../images/pro_left.png") no-repeat scroll 170px center;cursor: pointer;}
div#my_menu1 .span{margin-bottom:8px;background:url("../images/pro_left.png") no-repeat #dfdfdf scroll 255px center;border:1px solid #999; }
div.sdmenu a{ color:#110d0d}
div#my_menu1 ol {overflow: hidden;border:1px solid #999;background:#dfdfdf;margin-bottom:8px}
div.sdmenu ol {overflow: hidden;border-bottom:1px solid #fff;}
div.sdmenu ol.collapsed {height:32px;}
div.sdmenu ol span {background:url("../images/pro_down.png") no-repeat scroll 170px center;cursor: pointer;font-size: 14px;height:32px;line-height:32px;margin: 0;padding-left: 25px;position: relative; display:block; width:253px}
div#my_menu1 ol span {background:url("../images/pro_down.png") no-repeat scroll 255px center;}
div.sdmenu ol span a{padding:0; background:none; border:0; font-size:14px;color:#110d0d}
div.sdmenu ol.collapsed span{background:url("../images/pro_left.png") no-repeat scroll 170px center;border: 0 ;}
div#my_menu1 ol.collapsed span{background:url("../images/pro_left.png") no-repeat scroll 255px center;border: 0 ;}
div.sdmenu ol.collapsed span a.current{color:#ad8634;}
div.sdmenu ol .a {color: #110d0d; display: block;font-size: 14px;padding-left: 38px; padding-bottom:10px}
div.sdmenu ol .a.current { font-weight:bold}
div.sdmenu ol span a.current {background :none; color:#fff}
.sp_bottom { display: block; position: fixed; bottom:0px; left:0px; width: 100%; height:39px; background:#000; overflow:hidden;z-index:6}
.sp_bottom li{ width:20%; float:left;text-align:center; overflow:hidden;padding:6px 0}
.sp_bottom .bodernone{ border:0}
.sp_bottom img{ width:35.5px;}
}