@charset "utf-8";
/* CSS Document */
.reg{background:url(../images/order_bg.png) right center no-repeat;height:370px;text-align:right;}
.reg table{width:300px;float:right;padding-top:110px;*margin-top:110px;color:#444444;font-size:12px;text-align:left;}
.inputcss{/*width:200px;*/height:20px;padding:0px;}
.sub{background:url(../images/order.jpg) no-repeat;width:136px;height:42px;border:none;vertical-align:middle;}
.fly{height:265px;}
.wleft{width:980px;margin-right:20px;}
.title a{float:right;width:86px;height:22px;vertical-align:middle;margin-top:15px;}
.wore{width:320px;}
.bore{width:166px;}
.bore img{border:#88C0F1 solid 3px;}
.wore .decoration{width:154px;height:201px;background:url(../images/fenghuo.jpg) no-repeat;}
.wore .decoration ul{margin:0 10px 0 10px;padding:0;line-height:1.8em;}
.wore .decoration h3{color:#0D56A3;}
.wright{width:250px;}
.titles{background:url(../images/bl.jpg) right center no-repeat;}
.wright ul{background:#E4F0FC;padding:10px;margin:0;height:180px;overflow:hidden;}
.wright ul li{background:url(../images/dot.gif) left center no-repeat;padding-left:10px;border-bottom:#000 dashed 1px;height:28px;line-height:28px;overflow:hidden;}
.wright ul a{color:#094E93;}

.fenlei{padding-bottom:10px; padding-top:10px;}
.sele{background:url(../images/tab.jpg) top center no-repeat;padding-top:22px;}
.tab{color:#282828;height:40px;margin-top:20px;}
.tab li{float:left;background:url(../images/normal.jpg) center center no-repeat; /*position:relative;*/ width:176px;height:40px;line-height:40px;text-align:center;margin-right:10px;font-size:13px;font-weight:bold;}
/*.tab li.hover{background:url(../images/act.jpg) center center no-repeat;color:#FFF;}*/

.tab li.lia:hover{background:url(../images/act.jpg) center center no-repeat;color:#FFF;}
.tab ul li.lia{ position:relative;}
.tab ul li.lia ul{ display:none;}
.tab ul li.lia:hover ul{ display:block; position:absolute; top:39px; left:0px; width:176px; background:#FFF;}

.show{padding-top:20px;}
.sleft{display:inline;width:330px;margin-right:20px !important;_margin-right:10px;}
.bigpic{background:#EAEAEA;padding:9px;}
.smallpic{margin-top:10px;height:80px;}
.smallpic li{float:left;width:98px;height:75px;background:#FFF;margin-right:8px;border:#E4E4E4 solid 1px;}
.smallpic img{width:98px;height:75px;overflow:hidden;}
.smallpic li.active{border:#ECECEC solid 3px;}
.sright{display:inline;width:630px;_width:620px;}
.sright ul{pading:0 0 10px 0;margin:0;clear:both;display:block;}
.sright li{float:left;border-bottom:#5F5F5F dotted 1px;line-height:25px;width:600px;min-height:40px;font-family:'微软雅黑';}
.sright li img{float:left;width:100px;margin-right:15px;margin:5px 15px 0 5px;}
.sright li h2{float:left;font-size:14px;font-weight:bold;width:460px;}
.sright li h3{float:left;font-size:14px;font-weight:bold;color:#F64241;width:460px;}
.sright li b{margin-right:10px;}
.sright li p{float:left;font-size:12px;width:460px;}
.sright .immdite{padding-top:10px;}

.season{padding-bottom:20px;}
.play{border-bottom:#181818 dotted 1px;padding-bottom:15px;}
.tite{margin:10px 0; text-align:center;}
.bleft{border:#D4D4D4 solid 1px;width:360px;background:#FFF;margin-right:20px;}
.bright{width:540px;}
.bright p.stront{height:90px;}
.bright p.stront span{float:right;border:#D4D4D4 solid 1px;}
.bright li{list-style:url(../images/dot.png) outside;line-height:30px;color:#3271bb;font-weight:bold;margin-left:20px;}
.quality{width:580px;}
.quality li{float:left;width:178px;height:171px;border:#D3D3D3 solid 1px;text-align:center;margin-right:10px;}
.cols{margin-top:30px;padding:0;}
.cols li{list-style:url(../images/dot.png) outside;margin-left:20px;}
.cols h2{color:#3271bb;font-size:22px;line-height:2em;}
.cols p{color:#3271bb;font-size:18px;font-weight:bold;}

.decora{margin-left:10px;}
.decora li{float:left;width:190px;background:#FFF;text-align:center;border:#E0E0E0 solid 1px;margin-right:5px;color:#e35d20;}
.decora h2{border-bottom:#E0E0E0 solid 1px;}
.decora p{background:#F6F6F6;height:90px;text-align:left;padding:10px 15px 0 15px;font-weight:bold;font-family:'微软雅黑';}

.free{border-bottom:#181818 dotted 1px;}
.free ul{background:url(../images/sg.jpg) right center no-repeat;padding-top:30px;height:170px;}
.free li{margin-left:20px;line-height:25px;font-weight:bold;color:#464646;}
.cert{width:230px;}
.cert li{background:url(../images/pic.gif) left center no-repeat;line-height:30px;padding-left:15px;color:#515151;font-weight:bold;}
.glory li{float:left;margin-right:10px;}

.process{background:url(../images/num.jpg) top center no-repeat;height:160px;padding-top:80px;}
.process ul{width:940px;margin:0 auto;height:60px;padding:10px 0 0 5px;}
.process li{float:left;background:url(../images/jt.png) right center no-repeat;padding-right:35px ; margin-right:30px; display:inline; height:60px;}
.process li.nobm{background:none;margin-right:0;padding-right:0;}
.process img{vertical-align:middle;}
.answer{background:url(../images/wen.jpg) top no-repeat;width:480px;padding-bottom:10px; margin-left:6px}
.answer h2 a{height:33px;line-height:33px;color:#0b4b88;font-size:14px;margin-left:50px;}
.answer p{padding:4px 10px;}
.answer p a{float:right;}
.answer p span{  color:#FF0000; font-size:14px; padding-right:25px;}
.answer p b{color:#15daf3;font-weight:bold;}
.mag{margin-right:16px;}
.answer p i{width: 120px;display: block;float: left;color: #FF0000;font-size: 14px;overflow: hidden;}



#demo{overflow: hidden;width:730px;height: auto;}
#demo img{border: 3px solid #F2F2F2;width: 123px;height: 156px;}
#indemo{float: left;width: 800%;}
#demo1{float: left;}
#demo2{float: left;}

/*tab 案例*/
.c_list{width:978px;height:187px;margin-top:10px;border:1px solid #e5e5e5;}
.c_list_1{width:180px;height:169px; background:url(../images/c_list_1.jpg) repeat-y;padding-top:18px;float:left;}
.c_list_1 li{width:180px;height:30px;line-height:30px;}
.c_list_1 li a{display:block;width:145px;height:30px;padding-left:35px;}
.dis{display:block;}
.undis{display:none;}
.normaltab {display:block;width:180px;height:30px;line-height:30px;background:url(../images/c_list_3.jpg) no-repeat 18px 9px;cursor:pointer;}
.hovertab {width:180px;height:30px; line-height:30px;background:url(../images/c_list_2.jpg) no-repeat;font-weight:900;}


#c_list_2{width:778px;height:187px;float:right;overflow:hidden; padding-right:10px;}
#c_list_2 ul{width:778px;height:187px;}
#c_list_2 li{width:173px;height:162px;float:left; border:1px solid #e5e5e5; text-align:center;margin:12px 9px 0 10px!important;margin:12px 8px 0 8px;}
#c_list_2 li h3{ display:block;width:173px;height:30px; background:#3491e0;color:#fff;font-weight:900;line-height:30px;}
#c_list_2 li p{width:173px;height:130px;}
#c_list_2 li p img{width:173px;height:130px;}
#c_list_2 li span{display:block;width:173px;height:33px;line-height:33px; color:#fff;background:#3491e0;}

/*TAB 产品展示*/
 .ProductShow {
    border: 1px solid #DDDDDD;
    font-size: 12px;
    width: 978px;margin-left: 10px;
margin-top: 10px;
}
	  .hjnav {
    background-color: #FFFFFF;
    height: 428px;
    overflow: hidden;
}
.hjnavleft {
    float: left;
    height: 409px;
    overflow: hidden;
    width:180px;
}
.hjnavleft UL {
}
.hjnavleft UL LI {
    
    border-bottom: 1px solid #DDDDDD;
    height: 40px;
    line-height: 40px;
    padding-left: 36px;
     width:180px;
}
.hjnavleft UL LI a:hover {
    text-decoration: none;
}
.hjnavleft UL LI.hover0 {
    background: none repeat scroll 0 0 #196BA7;
}
.hjnavleft UL LI.hover0 a {
    color: #FFFFFF;
    font-weight: bold;
}
.hjnavleft UL LI.hover1 {
    background: none repeat scroll 0 0 #196BA7;
}
.hjnavleft UL LI.hover1 a {
    color: #FFFFFF;
    font-weight: bold;
}
.hjnavleft UL LI.hover2 {
    background: none repeat scroll 0 0 #196BA7;
}
.hjnavleft UL LI.hover2 a {
    color: #FFFFFF;
    font-weight: bold;
}
.hjnavleft UL LI.hover3 {
    background: none repeat scroll 0 0 #196BA7;
}
.hjnavleft UL LI.hover3 a {
    color: #FFFFFF;
    font-weight: bold;
}
.hjnavleft UL LI.hover4 {
    background: none repeat scroll 0 0 #196BA7;
}
.hjnavleft UL LI.hover4 a {
    color: #FFFFFF;
    font-weight: bold;
}
.hjnavleft UL LI.hover5 {
    background: none repeat scroll 0 0 #196BA7;
}
.hjnavleft UL LI.hover5 a {
    color: #FFFFFF;
    font-weight: bold;
}
.hjnavleft UL LI.hover6 {
    background: none repeat scroll 0 0 #196BA7;
}
.hjnavleft UL LI.hover6 a {
    color: #FFFFFF;
    font-weight: bold;
}
.hjnavleft UL LI.hover7 {
    background: none repeat scroll 0 0 #196BA7;
}
.hjnavleft UL LI.hover7 a {
    color: #FFFFFF;
    font-weight: bold;
}
.hjnavleft UL LI.hover8 {
    background: none repeat scroll 0 0 #196BA7;
}
.hjnavleft UL LI.hover8 a {
    color: #FFFFFF;
    font-weight: bold;
}
.hjnavleft UL LI.hover9 {
    background: none repeat scroll 0 0 #196BA7;
}
.hjnavleft UL LI.hover9 a {
    color: #FFFFFF;
    font-weight: bold;
}
.hjnavleft UL LI.hover10 {
    background: none repeat scroll 0 0 #196BA7;
}
.hjnavleft UL LI.hover10 a {
    color: #FFFFFF;
    font-weight: bold;
}
.hjnavleft UL LI.hover11 {
    background: none repeat scroll 0 0 #196BA7;
}
.hjnavleft UL LI.hover11 a {
    color: #FFFFFF;
    font-weight: bold;
}
.hjnavcn {
    border-left: 1px solid #DDDDDD;
    float: left;
    height: 410px;
    overflow: hidden;
    width: 796px;
}
.hjnavcn .hjone { padding-left:15px;}
.albumblock {
    float: left;
    padding: 10px 15px;
}
.albumblock .inner {
    border: 2px solid #F5F5F5;
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 160px;
}
.albumblock .inner img {
    border-bottom: 1px solid #F5F5F5;
    height: 156px;
    width: 160px;
}
.albumblock .inner .albumtitle {
    color: #2078B5;
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: auto;
    text-align: center;
    width: 170px;
}
.albumblock .inner .albumtitle span {
    font-size: 12px;
    font-weight: normal;
}
.albumblock .inner a:hover {
    text-decoration: none;
}
.albumblock .inner a:visited {
    text-decoration: none;
}
.albumblock .inner:hover {
    border: 1px solid #2078B5;
}
.Block3 { background:#fff}

/*公司简介 视频*/

	.right {
    border: 1px solid #E5E5E5;
    float: left;
    height: 240px;
    overflow: hidden;
    width: 229px;
}
.left {
    border: 1px solid #E5E5E5;
    float: left;
    height: 240px;
    overflow: hidden;
    width: 468px;
}
 .right3 {
    border: 1px solid #E5E5E5;
    float: right;
    font-size: 12px;
    height: 240px;
    overflow: hidden;
    width: 256px;
}
.MainBlock .right3 .img {
    padding: 10px 10px 10px;
    width: 233px;
}

/*link*/
.db_links{width:980px;padding:5px 10px 0 10px; text-align:left}
.db_links span{padding:0 5px; background:#e3e2e2;width:67px;height:16px;border:1px solid #dedede;}
.db_links a{padding:0 10px;}

/*首页产品中心CSS*/
.form {margin:0 10px;}
.search{height: 58px;background: #f4f4f4;margin-bottom: 0px;width:100%}
.sea1{float: left;width: 500px;height: 58px;}
.sea1 b,.sea1 a{display: inline-block;font: 14px/58px "Microsoft Yahei";color: #676767;}
.sea1 b{font-weight: bold;}
.sea1 a{margin-left: 20px;}
.sea2{float: right;width: 350px;height: 38px;padding: 10px 0;}
.sea2 input{float: left;width: 282px;height: 38px;background: url("/skins/images/sea1.png") no-repeat center;padding: 0 5px 0 15px;font: 14px/38px "Microsoft Yahei";color: #333;border:0px;}
.sea2 input.bt1{width: 46px;padding: 0;background: url("/skins/images/sea2.png") no-repeat center;cursor: pointer;}

/*标题*/
.tit{text-align: center;padding-bottom: 18px;border-bottom: 1px solid #dedede;position: relative;}
.tit span{display: block;font: bold 36px/44px "Microsoft Yahei";color: #898989;}
.tit strong{color: #e7b827;}
.tit p{position: absolute;height: 0;text-align: center;background: #fff;}
.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}
.clearfix:after {
    content: "";
    height: 0;
    clear: both;
    display: block;
}
.pro a{text-decoration: none;}
/*pro*/
.pro{width:100%;background: #fff;}
.pro .tit{padding-top: 40px;}
.pro .tit p{width: 310px;height: 32px;left: 378px;bottom: -15px;}
.pro .tit p em{float: left;font: bold 24px/32px "Microsoft Yahei";color: #cfcfcf;margin-left: 10px;}
.pro .tit p a.dpa{float: left;width: 54px;height: 22px;background: #fe8209;margin: 5px 0 5px 15px;font: 14px/22px "Microsoft Yahei";color: #fff;}
.box1{padding-top: 50px;}
.hz1{float: left;width: 260px;}
.hz1 h4{height: 90px;padding-left: 75px;background: url("/skins/images/proa1.png") no-repeat 35px center #3366FF;}
.hz1 h4 span,.box1-left-hz h4 em{display: block;}
.hz1 h4 span{font: 18px/24px "Microsoft Yahei";color: #fff;padding-top: 25px;}
.hz1 h4 em{font: 14px/18px "STXihei";color: #be9b2f;}
.slide{padding-top: 2px;}
.pro .show{border: 1px solid transparent; padding-top:0px;}
.pro .show h5{height: 72px;padding-left: 55px;background: url("/skins/images/proa3.png") no-repeat 30px center #eeeeee;}
.pro .show h5 span,.pro .show h5 em{display: block;}
.pro .show h5 span{font: bold 14px/20px "Microsoft Yahei";color: #5b5b5b;padding: 16px 0 0 40px;}
.pro .show h5 em{font-weight: normal;color: #bfbfbf;}
.pro .show ul{padding-bottom: 30px;display: none;}
.pro .show ul li{height: 34px;font: 14px/34px "Microsoft Yahei";text-align: center;}
.pro .show ul li a{color: #797979;}
.pro .show ul li a:hover,.pro .show ul li.cur a{color:#E8B006;}
.pro .show h5 span.tsp1{background: url("/skins/images/proa7.png") no-repeat left 20px;}
.pro .show h5 span.tsp2{background: url("/skins/images/proa8.png") no-repeat left 15px;}
.pro .show h5 span.tsp3{background: url("/skins/images/proa5.png") no-repeat left 22px;}
.pro .show h5 span.tsp4{background: url("/skins/images/proa6.png") no-repeat left 25px;}
 
.slide div.on,.slide div.show:hover{border: 1px solid #efefef;}
.slide div.on h5,.slide div.show:hover h5{background: url("/skins/images/proa2.png") no-repeat 30px center transparent;}
.slide div.on span.tsp1,.slide div.show:hover span.tsp1{background: url("/skins/images/proa07.png") no-repeat left 20px;color: #292929;}
.slide div.on span.tsp2,.slide div.show:hover span.tsp2{background: url("/skins/images/proa08.png") no-repeat left 15px;color: #292929;}
.slide div.on span.tsp3,.slide div.show:hover span.tsp3{background: url("/skins/images/proa05.png") no-repeat left 22px;color: #292929;}
.slide div.on span.tsp4,.slide div.show:hover span.tsp4{background: url("/skins/images/proa06.png") no-repeat left 25px;color: #292929;}
.slide div.on ul{display: block;}
.hot{height: 210px;background: #2e2c2d;padding-top: 20px;}
.hot h6{width: 140px;height: 42px;margin: 0 auto;font: 16px/42px "Microsoft Yahei";color: #fff;padding-left: 35px;background: url("/skins/images/proa4.png") no-repeat left center;border-bottom: 1px solid #666465;}
.hot p{width: 180px;margin: 0 auto;padding-top: 20px;}
.hot p.htp{padding-top: 15px;}
.hot p em,.hot p span{display: block;}
.hot p em{font: 12px/16px "Microsoft Yahei";color: #acacac;}
.hot p span{font: 24px/30px "STXihei";color: #fff;}
.hz2{float: right;width: 720px;}
.hz2 ul li{float: left;width: 350px;margin: 0 0 20px 20px;}
.hz2 ul li.ml0{margin-left: 0;}
.lid{height: 76px;padding-left: 75px;}
.lid h4{float: left;/*width: 100px;*/padding: 18px 0;}
.lid h4 span,.lid h4 em{display: block;font: bold 14px/20px "Microsoft Yahei";color: #fff;}
.lid h4 em{font-weight: normal;color: #be9b2f;}
.lid p{float: right;width: 45px;height: 34px;background: url("/skins/images/proa9.png") no-repeat 92% center;padding-left: 15px;font: 12px/34px "Microsoft Yahei";color: #292929;/*border-left: 1px solid #d49502;*/margin: 21px 0;}
.pic{height: 294px;position: relative;}
.pic img{width: 350px;height: 294px;}
.pic p{position: absolute;width: 100%;height: 294px;background: url("/skins/images/pro5.png") repeat-x center;left: 0;top: 0;display: none;}
.pic p strong,.pic p span,.pic p em,.pic p a{display: block;text-align: center;}
.pic p a{width: 100%;height: 294px;}
.pic p strong{width: 63px;height: 63px;margin: 0 auto;padding-top: 95px;}
.pic p strong img{width: 63px;height: 63px;}
.pic p span{font: bold 14px/24px "Microsoft Yahei";color: #fff;padding-top: 30px;}
.pic p em{width: 280px;margin: 10px auto 0;font: 12px/22px "Microsoft Yahei";color: #fff;}
.lit1{background: url("/skins/images/proa007.png") no-repeat 20px center #3366FF;}
.lit2{background: url("/skins/images/proa006.png") no-repeat 20px center #3366FF;}
.lit3{background: url("/skins/images/proa005.png") no-repeat 20px center #3366FF;}
.lit4{background: url("/skins/images/proa008.png") no-repeat 20px center #3366FF;}
.lit5{background: url("/skins/images/proa008.png") no-repeat 20px center #3366FF;}
.lit6{background: url("/skins/images/proa008.png") no-repeat 20px center #3366FF;}
 
.pic:hover p{display: block;}
.box2{padding-top: 10px;background: url("/skins/images/probbg.png") no-repeat center 10px;}
.tab1{width: 280px;margin: 0 auto;}
.tab1 li{float: left;width: 124px;height: 35px;background: url("/skins/images/prob8.png") no-repeat center;font: 18px/35px "Microsoft Yahei";color: #fff;text-align: center;}
.tab1 li a{color:#fff;}
.tab1 li.urt{float: right;}
.tab1 li.cur{background: url("/skins/images/prob7.png") no-repeat center;font-weight: bold;color: #2e2c2d;}
.tab1 li.cur a{color: #2e2c2d;}
.uhz1{padding-top: 35px;position: relative;height:310px;width:1000px}
.tab2 li{float: left;width: 294px;margin-right: 8px;position: relative;display:block}
.tab2 li.ml0{margin-left: 0;}
.tab2 li h4 span,.tab2 li h4 em{display: block;}
.tab2 li h4 span{height: 220px;}
.tab2 li h4 span img{width: 294px;height: 220px;}
.tab2 li h4 em{height: 46px;background: #f9f9f9;font: 14px/46px "Microsoft Yahei";color: #777777;text-align: center;}
.tab2 li p{position: absolute;width: 100%;height: 266px;background: url("/skins/images/prob6.png") repeat-x center;left: 0;top: 0;display: none;}
.tab2 li p a,.tab2 li p em{display: block;}
.tab2 li p a{height: 266px;}
.tab2 li p em{width: 63px;height: 63px;margin: 0 auto;padding-top: 100px;}
.tab2 li p em img{width: 63px;height: 63px;}
.tab2 li:hover p{display: block;}
.bti1{width: 100%;height: 0;}
.bti1 i{position: absolute;width: 43px;height: 43px;bottom:178px;}
.bti1 i.prev{background: url("/skins/images/probt01.png") no-repeat center;left: -65px;}
.bti1 i.next{background: url("/skins/images/probt02.png") no-repeat center;right: -65px;}
.bti1 i.prev:hover{background: url("/skins/images/probt001.png") no-repeat center;}
.bti1 i.next:hover{background: url("/skins/images/probt002.png") no-repeat center;}
