@charset "utf-8";
*{margin:0;padding:0;}
img{border:none;}
body{font-size:14px;font:14px/22px 'Microsoft Yahei','\5b8b\4f53',微软雅黑, Arial, Lucida Grande, Tahoma, sans-serif;line-height:24px; color:#333; background:url(webbg.jpg) top repeat-x;}
body,div,p,form,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,img,input,textarea{margin:0;padding:0;}
ul,li{ list-style-type:none;line-height:24px;}
a{ text-decoration:none; color:#555555;}
a:hover{ text-decoration:none; color:#024FB6}
h1,h3,h4,h5,h6{font-size:100%;font-weight:normal;}


/**/
	/**/
	.clear{clear:both;}
	.float_left{float:left;}
	.float_right{float:right;}
	.no_bg{background:none!important;}
	.no_bor{ border:none!important;}
	/*6*/
	.clear6{overflow:hidden; height:6px; clear:both;}
	.clear5{overflow:hidden; height:5px; clear:both;}
	.clear0{overflow:hidden; height:1px; clear:both;}

.more{float:right; padding-right:10px;}
.h18{line-height: 18px;word-wrap:break-word}
.bold{font-weight:bold}
.clear8{margin-top:15px;clear:both;}
.font1{COLOR:#cc0000;text-decoration:none}
.font1 a:link{COLOR:#cc0000;text-decoration:none}
.font1 a:visited{COLOR:#cc0000;text-decoration:none}
.font1 a:hover{COLOR:#cc0000;text-decoration:underline}

.font2{COLOR:#cc0000;font-family:Microsoft Yahei; font-size:14px; font-weight:bold; text-align:center;text-decoration:none}
.fontred,.fontred a{color:#cc0000;}

#bannerbg{width:100%; background:url(pic.jpg) center no-repeat; height:162px; margin:0 auto;position:relative;overflow:hidden;}

.banner{width:1190px; margin:0 auto;overflow:hidden;height:464px;position:relative}
.banList{position:absolute;left:50%;margin-left:-580px;height:464px}
.banList li{height:464px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:15px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#555;width:10px;height:10px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#0C56B9;cursor:pointer}


#head{width:1100px; margin:0 auto;clear:both; height:100px}
#head .logo{ width:400px; float:left}
#head .link{ width:200px; float:left; padding-top:38px; color:#999}
#head .search{ width:250px;margin-top:40px; float:left; height:28px; border:1px #dcdcdc solid}
#head .search .input{ width:200px; float:left; line-height:28px}
#head .search .input1{ width:200px; float:left; border:1px #fff solid; line-height:26px;}
#head .search .searchbt{ width:30px; float:right}
#head .tel{width:202px; float:right}

#nava{ height:81px;width:1100px;margin:0 auto;clear:both}
#nava .nav{ float:right; height:75px;width:800px;margin:0 auto;clear:both}
#nava .nav li{float:left;text-align:center;width:100px; font-size:15px; color:#fff;line-height:75px; font-family:Microsoft Yahei;padding-top:10px;}
#nava .nav li a:link,.nav li a:visited{color:#ffffff;text-decoration:none;line-height:75px;}
#nava .nav li a:hover{color:#CCC;text-decoration:noneline-height:75px;}
#nava .nav li.on{background:#fff; line-height:30px; color:#000;line-height:75px;}
#nava .nav li.on a,.nav li.on a:hover{color:#FFFFFF;line-height:75px;}
#nava .nav .h{width:124px;}

#main_protj{ width:1100px; margin:0 auto; clear:both}
#main_protj h1{ line-height:24px; font-size:14px;text-indent: 2em; padding-top:30px; width:1100px; padding-bottom:20px;}
#main_protj .proclass{ width:250px; padding-left:40px; padding-top:20px; float:left; background:url(proclassbg.jpg) no-repeat; height:230px;}
#main_protj .proclass li{ width:230px; line-height:30px; background:url(icon.jpg) left no-repeat; padding-left:20px; color:#FFF}
#main_protj .proclass li a{ color:#FFF}
#main_protj .prot{ width:670px; float:right; background:url(procbg.jpg) right no-repeat; padding-right:130px; height:230px;}


.rollBox{width:670px; margin:0 auto; overflow:hidden; }
.rollBox .Cont{width:670px;overflow:hidden;float:left;  }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:152px;float:left;text-align:center;padding:7px;}
.rollBox .Cont .pic img{background:#fff;border:1px solid #ccc;display:block;margin:0 auto; width:150px;height:150px;}
.rollBox .Cont .pic p{padding-top:8px; background:#065ECB;margin:0px;text-align:center; font-size:12px; height:40px;line-height:20px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{text-decoration:none; color:#fff}
.rollBox .Cont a:hover{text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

.boxmain{width:1100px; margin:0 auto; clear:both; height:300px;}
.boxmain .box1{ width:353px;float:left; padding-right:20px;}
.boxmain .box1 .boxtitle{width:353px;}
.boxmain .box1 .newslist{ width:311px; border:1px #E1E1E1 solid; padding:20px;}
.boxmain .box1 .newslist li{ width:311px; line-height:30px;}
.boxmain .box2{ width:355px;float:left;padding-right:20px;}
.boxmain .box2 .title{width:355px;}
.boxmain .box2 .newslist{ width:313px; border:1px #E1E1E1 solid; padding:20px;}
.boxmain .box2 .newslist li{ width:311px; line-height:30px;}
.boxmain .box3{ width:350px;float:right}
.boxmain .box3 .title{width:350px;}
.boxmain .box3 .newslist{ width:308px; border:1px #E1E1E1 solid; padding:20px;}
.boxmain .box3 .newslist li{ width:308px; line-height:30px;}

.submenu {width:232px;margin:0 auto;}
.submenu  li{background:url(probg.jpg) repeat-x left bottom; height:45px; line-height:45px; border-left:1px #dcdcdc solid; border-right:1px #dcdcdc solid;padding-left:15px;font-size:14px; padding-top:5px;}
.submenu  li a{display:block;background:url(listTriangle.gif) no-repeat left center;padding-left:15px;}
.submenu  li a:hover{text-decoration:none;}
.submenu  li.sub_menu{background:#f5f5f5;border:none;border-bottom:#fff 1px solid;margin:0;}

.home-product{ width:1100px; margin:0 auto; clear:both ; height:350px; padding-top:30px; }
.home-product p{ line-height:30px;width:1100px; font-size:16px; color:#555; font-weight:100}
.home-product li{width:215px;  float:left; padding-right:5PX; line-height:22px; color:#0066FF}
.home-product .pro{ border:1px #dcdcdc solid; width:210px; height:210px}
.home-product  h1{ line-height:24px; width:210px; font-size:13px; height:50px; text-align:center}


#main_ab{ width:1100px; margin:0 auto; clear:both ; height:430px;}
#main_ab .about_m{ width:760px; border:1px #dcdcdc solid; float:left; height:380px;} 
#main_ab .about_m .title{ width:760px;}
#main_ab .about_m h1{ padding:30px; line-height:24px;text-indent: 2em;font-size:14px;  color:#333}
#main_ab .about_m h2{ padding-left:30px;padding-right:30px; padding-bottom:20px; font-size:14px; font-weight:100; line-height:24px;text-indent: 2em; color:#333}
#main_ab .about_m p a{ color:#01408F;padding-left:30px;}
#main_ab .pic_m{ float:right; width:320px; border:1px #dcdcdc solid;}
#main_ab .about_m .title{ width:320px;}
#main_ab .about_m p{ padding:15px;width:288px;}

.slide_x{overflow:hidden;position:relative;padding:15px;width:288px;height:294px;}
.slide_x a{color:#eee;text-decoration:none;}
.slide_x .box{overflow:hidden;position:relative;width:288px;height:244px;}
.slide_x .list{overflow:hidden;width:9999px;}
.slide_x .list li{float:left;position:relative;width:288px;}
.slide_x .list img{vertical-align:top;width:288px;height:244px;}
.slide_x .list p{position:absolute;bottom:0;left:0;width:100%;height:24px;color:#eee;font:12px/24px "\5b8b\4f53";text-indent:12px;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.slide_x .btn{overflow:hidden;position:absolute;bottom:24px;right:14px;}
.slide_x .btn li{float:left;width:16px;height:16px;margin:0 0 0 10px;border-radius:2px;background:#eee;color:#333;font:11px/16px Tahoma;text-align:center;cursor:pointer;}
.slide_x .btn .selected{background:#f30;color:#fff;}
.slide_x .minus,
.slide_x .plus{position:absolute;top:110px;width:40px;height:50px;background-image:url(control.png);background-repeat:no-repeat;text-align:center;cursor:pointer;}
.slide_x .minus{left:0;background-position:0 0;}
.slide_x .plus{right:0;background-position:-40px 0;}
.slide_x .minus:hover{background-position:0 -50px;}
.slide_x .plus:hover{background-position:-40px -50px;}


/*foot*/
#foot{padding-top:20px; height:50px; padding-bottom:20px;clear:both; width:100%; margin:0 auto; text-align:center}
#end{ width:100%; margin:0 auto; background:#0C56B9;height:308px;}
#end .endbg{ width:1100px; margin:0 auto; background:#0C56B9; height:308px;}
#end .endbg .box1{ width:220px; padding-left:30px; float:left; padding-top:60px;}
#end .endbg .box1 .title{ width:220px; border-bottom:1px #7DB3FA solid; margin-bottom:15px; line-height:40px; color:#FFFFFF; font-size:16px; font-weight:100}
#end .endbg .box1 p{ width:220px; color:#A2CAFF;  line-height:24px; font-size:13px;}
#end .endbg .box1 p a{width:220px; color:#A2CAFF;  line-height:24px; font-size:13px}
#end .endbg .box1 p a:hover{width:220px; color:#DDDCDC;  line-height:24px; font-size:13px}
#end .endbg .box2{ width:350px; float:left; padding-top:70px; background:url(end.jpg) right bottom no-repeat}
#end .endbg .box2 h1{ width:330px; height:40px; font-size:18px; font-weight:100; color:#fff}
#end .endbg .box2 li{ width:330px; padding-left:3px; font-size:13px; font-weight:100; color:#A2CAFF; line-height:24px;}