@charset "utf-8";



body{margin:0; padding:0px; font-size:14px;    font-family: '微软雅黑',   Arial, Helvetica, sans-serif;  line-height:27px;   }



a {text-decoration:none;



color: # 333;



-webkit-transition: color 300ms, background-color 600ms;



-moz-transition: color 300ms, background-color 600ms;



-ms-transition: color 300ms, background-color 600ms;



-o-transition:  color 300ms, background-color 600ms;



transition:  color 300ms, background-color 600ms;



}











a:hover, a:focus {



color: #d43133;



}







.more{ font-size:14px;  color:#ced8e1;      margin:5px auto 10px auto; width:20%;text-align:center; border:#999 1px solid; border-radius:25px;display:block; }



.more a{ color: #ced8e1; font-size:14px;  text-align:center; border-radius:25px;display:block; }



.more a:hover{ color: #fff; font-size:14px; background: #000;  }







.more3{ font-size:14px;  color:#666;      width:70px; text-align:center; border:#CCC 1px solid; display:block; }



.more3 a{ color: #666; font-size:14px; text-align:center; border-radius:25px;  display:block;  }



.more3 a:hover{ color: #000; font-size:14px; background: #FFF;  }











div,ul,li,h2,h3,h4,tr,td,p{margin:0; padding:0;}



ul,li{list-style:none;}



img{ border:0;}



.clear {clear:both;height:0;font-size: 1px;line-height: 0px;} 











#top{ background:#f5f6f6; }

#top .top1{ background:#fbfafb; height:30px; line-height:30px; width:100%; margin: 0 auto;  }

#top .top1 .c{  width:1100px; margin: 0 auto;  }

#top .top1 .c .left{ width:358px; float:left;}

#top .top1 .c .right{ width:176px; float:right;}





#top .top2{ width:100%; text-align:center; background:url(../images/bj.jpg) left top repeat-x;}

#top .top3{ text-align:center;height:122px;}



#nav{ background:#20a0da;}



#contact{ width:1100px; margin:20px auto;}

#contact .c{width:1100px; }

#contact .c h2{ font-size:25px; font-weight:bold; color:#1f6696; background:url(../images/index_16.jpg) left bottom repeat-x; display:block; padding-bottom:20px; text-align:center;}

#contact .c span{ text-align:center; width:100%; display:block;}

#contact .c ul{ margin-left:50px; margin-top:20px;}

#contact .c ul li{ width:210px; float:left; border:#e7e7e7 1px solid; margin-right:20px;margin-bottom:20px;box-shadow: 3px 3px 5px #888888; padding:10px; text-align:center;}

#contact .c ul li:hover{ background:#999; color:#FFF;

-webkit-transition: color 300ms, background-color 600ms;



-moz-transition: color 300ms, background-color 600ms;



-ms-transition: color 300ms, background-color 600ms;



-o-transition:  color 300ms, background-color 600ms;



transition:  color 300ms, background-color 600ms;}


#contact .c ul li a{ color:#000;}
#contact .c ul li a img{ width:100%;}
#contact .c ul li:hover a{ color:#fff;}
#contact .c .products{  width: 204px;  



            height: 211px;  



            border: #000 solid 0px;  



            margin: 0px auto;  



            overflow: hidden;  



            }  















#contact .c .products img{  

width: 100%;



            cursor: pointer;  



            transition: all 0.6s;



			



            }  















#contact .c .products img:hover{  



            transform: scale(1.4);  



            }  

#contact1{ background:#f0f0f0;}

#contact1 .c{ width:1100px; margin:0px auto; padding:40px 0;}

#contact1 .c h2{font-size:25px; width:20%; font-weight:bold; color:#1f6696; background:url(../images/bj_24.jpg) left bottom repeat-x; display:block; padding-bottom:25px; text-align:center; margin:0 auto;}

#contact1 .c span{ text-align:center; width:80%; margin:0 auto; display:block;}

#contact2{ background:url(../images/index_32.jpg) top center no-repeat; height:647px;}

#contact3{ background:url(../images/index_35.jpg) top center no-repeat; height:488px;}

#contact4{ background:url(../images/index_38.jpg) top center no-repeat; height:424px;}

#contact5{ background:#1f6696; padding:20px 0;}

#contact5 .c{ width:1100px; margin:0 auto; padding:40px 0;}

#contact5 .c h2{ font-size:25px; width:20%; font-weight:bold; color:#ffa200; background:url(../images/bj_24.jpg) left bottom repeat-x; display:block; padding-bottom:25px; text-align:center; margin:0 auto;}

#contact5 .c span{ color:#CCCCCC; text-align:center; display:block; margin-bottom:20px;}

#contact5 .c .left{ float:left; width:526px;}

#contact5 .c .right{ float:right; width:522px; color:#ced8e1; line-height:24px;}

#index-news{ width:1100px; margin:0 auto; padding:20px 0;}

#index-news h2{font-size:25px; width:20%; font-weight:bold; color:#1f6696; background:url(../images/index_16.jpg) left bottom repeat-x; display:block; padding-bottom:15px; text-align:center; margin:0 auto;}

#index-news span{ display:block; width:101px; margin:0 auto; text-align:center;}

#index-news ul{ margin-left:10px; margin-bottom:10px; margin-top:30px;}

#index-news ul li{ width:212px; background:#efefef; padding:20px;border-bottom:#d1d0cc 5px solid; float:left; margin:10px;}

#index-news .bo{ font-size:12px; line-height:22px;}

#index-news .bo h2{ font-size:14px; font-weight:bold; background-image:none; width:100%; display:block; padding-top:10px;}



#index-news ul li:hover{ background-color:#d6d6d6; border-bottom:#006699 5px solid;-webkit-transition: color 300ms, background-color 600ms;



-moz-transition: color 300ms, background-color 600ms;



-ms-transition: color 300ms, background-color 600ms;



-o-transition:  color 300ms, background-color 600ms;



transition:  color 300ms, background-color 600ms;}

#index-news .ps{  width: 100%;  



            height: auto;  



            border: #000 solid 0px;  



            margin: 0px auto;  



            overflow: hidden;  



            }  















#index-news .ps img{  





            cursor: pointer;  



            transition: all 0.6s;


width:100%;
			



            }  















#index-news .ps img:hover{  



            transform: scale(1.4);  



            }  

#contact5 .c .right span{ text-align:left; color:#FFF; line-height:24px;}
#top .top1 .c .right a{ color:#333;}
#top .top1 .c .right a:hover{ color: #009;}

#foot{ background:#226aa2;padding:20px 0; color:#8ebadc; border-top:#283079 5px solid; text-align:center; }

#foot a{ font-size:12px; color:#8ebadc;}

#foot a:hover{ font-size:12px; color: #fff; }











#foot ul {  margin-top:10px;}



#foot ul li{ line-height:30px; color:#666; height:30px; display:block;  }



#foot ul li:hovre{ line-height:30px; color:#FFF;}



#foot ul h2{ font-size:16px; margin:0; padding:0 0 5px 0; border-bottom:#CCC 2px solid; width:50%;}



#foot1{ background:#000; color:#333; line-height:30px; text-align:center;}



#foot1 a{ background:#000; color:#333; line-height:30px; text-align:center;}



#foot1 a:hover{color: #FFF;}







































#left{  margin:0 45px; padding:0; }



#left dl {list-style: none;  }



#left dl dd { color: #5f5f5f; border:#828282 1px solid;  margin:5px;    float:left; text-align:center; }



#left dl dd a {display:block; font-size:12px;   color: #5f5f5f; padding:5px 10px; height:15px; line-height:15px; }



#left dl dd  a:hover {   color: #fff;background-color: #333;}















#menu-index { margin:0 auto; width:1100px; }



#menu-index ul {list-style: none;  }



#menu-index ul li { width:122px;height:50px;line-height:50px; font-weight:bold;   float:left;font-size:16px;  display:block;  color: #FFF; text-align:center;  position: relative;}



#menu-index ul li a {display: block;height:50px; line-height:50px;font-size:16px;  color: #FFF;   }



#menu-index ul li a:hover { display:block; height:50px; line-height:50px; font-weight:bold; color: #fff; background:#ff7200;   }







#menu-index ul li .erji{ position: absolute; background: #fff; display: none;}



#menu-index ul li .erji li{ z-index:999;border-top:#999 1px solid;}



#menu-index ul li .erji li a{background: #fff;}



#menu-index ul li .erji li:hover a{ background:#cb2c2c;}











#pro-1 { width:100%; margin:0 auto;    }



#pro-1 ul {list-style: none;  }



#pro-1 ul li {  display:block;   float:left;  border-right:#CCC 1px solid; margin-left:5px;    }



#pro-1 ul li a {display:block; color: #363636; text-align:center; font-size:14px; padding:5px;}



#pro-1 ul li a:hover { display:block;  color: #FFF;   background-color: #a71700; }











#news { width:100%; margin:0 auto;    }



#news ul {list-style: none;  }



#news ul li {  display:block; border-bottom:#CCC 1px dotted; margin:5px; background: url(../images/sprite-assorted.png) 0 50% no-repeat;  }



#news ul li a {display:block; color: #363636;  font-size:14px; padding:5px 0 5px 25px;}



#news ul li a:hover { display:block;  color: #FFF;   background-color: #a71700; }











.f1{ font-size:12px;  color: #000;   text-align:center;  display:block;font-weight:bold;  }



.f1 a { font-size:12px;  color: #000; font-weight:bold;}



.f1 a hover{ color: #FFF; font-size:12px;}











.f2{ font-size:20px; font-weight:bold; color:#d7d7d7; margin:5px; display:block;  }



.f2 a{ color:#d7d7d7; font-size:25px;font-weight:bold; }



.f2 a:hover{ color: #d7d7d7; font-size:35px;font-weight:bold; }











.word2{ font-size:20px; font-weight:bold; color: #ccc;  display:block;text-align:center;  }



.word2 a{ color:#ccc; font-size:20px;font-weight:bold;  }



.word2 a:hover{ color: #ccc;font-size:20px; font-weight:bold; }























.f2-1{ color: #d7d7d7; font-size:15px; font-weight:bold;  }



.f2-1 a{ color:#d7d7d7; font-size:15px;font-weight:bold; }



.f2-1 a:hover{ color: #ffffff; font-size:15px;font-weight:bold; }







.f2-2{ font-size:15px; font-weight:bold; padding:5px; text-align:center; width:180px; margin:0 auto;  }

















.banner{height:540px;}

.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}

.banner .ban_nav{display:none;}

.banner .Left,.banner .Right{display:none;}

.bann_ext{position:relative;}

.frontCover{position:absolute;bottom:20px;left:0; width: 100%; text-align: center;}

.frontCover li{display: inline-block; width:15px;padding:0px;background:#ccc;color:#fff;overflow:hidden;margin-right:7px;cursor:pointer; border-radius:50%;}

.frontCover .img{position:relative;width:15px;height:15px;overflow:hidden;}

.frontCover img{position:absolute;width:0px;height:0px;left:-50px;}

.frontCover .open{background:#e60013;}

/*幻灯片(组件)*/

.slide{position:relative;width:100%;}

.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}

.ban_c img{width:100%;height:100%;}

.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}

.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}

.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}

.ban_nav .on{background:#f90;color:#fff;}




#index-news .newstext p span,
#index-news .newstext span{ display: inline;width:auto;margin: auto;text-align: left;}

.newstext

{

	margin-bottom:20px;
	
}





#contact .c .newstext h2{

	text-align:center;
	font-size: 12px;
    color: #000;
    background: none;
    display: block;
	width: auto;
	padding: 0;

}

.newstext .info

{

	width:100%;

	line-height: 30px;

	border-bottom:1px solid #e1e1e1;

	text-align:center;
	
	font-size:12px;

}



#contact .c .newstext h2{width:100%;}

#contact .c .newstext #products ul{ margin:0;}
#contact .c .newstext #products ul li{ margin:20px auto; float: none; padding: 10px 10px 0 10px;}


.page{margin:20px 0;text-align:center;width:100%;}

.page a{border:1px solid #7CBBED;padding:4px 6px;font-size:12px; color:#000;}

.page .thispage{padding:4px 6px;background:#7CBBED;font-size:12px;color:#fff;}







#index-news .newstext h2{width:auto;}









.newspagechange .pagechangel, .newspagechange .pagechanger{ width:auto;border: 1px solid #ccc;padding: 3px 10px; margin-bottom:10px; font-size:12px;}

.newspagechange .pagechangel a,.newspagechange .pagechanger a{ color:#000; font-size:12px;}









.propagechange .pagechangel, .propagechange .pagechanger{ width:49.5%; float:left; margin: 30px 0;}

.propagechange .pagechangeleft{ float:right; margin-right:10px;}

.propagechange .pagechangeright{ float:left; margin-left:10px;}

.propagechange .pagechangeleft, .propagechange .pagechangeright{ width:auto;border: 1px solid #ccc;padding: 3px 10px; margin-bottom:20px; font-size:12px;}

.propagechange .pagechangeleft a, .propagechange .pagechangeright a{ color:#000; font-size:12px;}

















.subbutton

{

	padding:4px 24px;

	border:1px solid #ccc;

	font-size:12px;

	background:#fff;

	vertical-align:center;

}











.detail {

    border: 1px solid #ddd;

    padding: 10px;

    height: 25px;

    line-height: 25px;

    border-top: 2px solid #0060ad;

    font-size: 16px;

}

.detail a{ color:#000;}





/*相关样式*/

#showbox { background:#eee;}

#showbox span { background:url(../images/whitebg.png) repeat;}

#showsum { left:25px; margin-top:10px;}

#showsum span { border:1px solid #ddd;}

#showsum span.sel { border:1px solid #f60;}



.showpage { width:400px; position:relative;}

.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}

.showpage a#shownext { left:auto; right:0;}

.showpage a:hover { background:#ccc; color:#777;}