@charset "utf-8";







body{margin:0; padding:0px; font-size:14px;    font-family: '寰蒋闆呴粦',   Arial, Helvetica, sans-serif;  line-height:27px; letter-spacing:0.5px;   }







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:#666;      margin:5px 0 10px 0; width:15%;text-align:center; border:#999 1px solid; border-radius:25px;display:block; }







.more a{ color: #666; 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{ width:1099px; margin:0 auto; }

#top-left{ float:left; }

#top-right{ float:right; width:120px; background:url(../images/index_05.jpg) 0 50% no-repeat; padding-left:20PX; font-size:14px; color:#5a7c91; margin-top:25px;}

















#menu{ border-top:#4b4b4b 3px solid; height:50px;}

#menu1{ width:1099px; margin:0 auto;}



#banner{ background:url(../images/banner_06.jpg) top center no-repeat; height:520px;}







#contact{ background:url(../images/index_10.jpg) left top repeat-x; margin-top:17px; padding-bottom:10PX;}







#contact .c{ width:1099px; background:#e5eef2; margin:0 auto; }

#contact .c-left{ width:663px; float:left;}

#contact .c-right{ width:376px; float:right; padding:30px 30px;}



#contact .c-right-top { color:#323232; font-size:12px; line-height:24px;}

#contact .c-right-top h2{ font-size:25px; font-weight:bold; display: block; color:#002b49; padding-bottom:10px;}

#contact .c-right-bottom{ border-top:#002b49 5px solid; padding-top:20px; margin-top:20px; } 



#contact .yyal{ width:1099px; margin:0 auto; padding:20px 0;}

#contact .yyal-left{ width:335px; float:left; font-size:12px; line-height:22px;}

#contact .yyal-left h3{ font-size:14px; background:url(../images/index_20.jpg) right  center no-repeat; line-height:24px;  color:#000; }

#contact .yyal-left span{border-top:#999 1px solid; margin-top:10px; display:block; padding-top:10px; color:#666;}

#contact .yyal-left img{ float:left; padding:0 10px 0 0;}



#contact .yyal-c{ width:335px; float:left; margin-left:50px;font-size:12px; line-height:22px;}

#contact .yyal-c h3{ font-size:14px; background:url(../images/index_20.jpg) right  center no-repeat; line-height:24px;  color:#000; }

#contact .yyal-c span{border-top:#999 1px solid; margin-top:10px; display:block; padding-top:10px; color:#666;}

#contact .yyal-c img{ float:left; padding:0 10px 0 0;}



#contact .yyal-right{ width:335px; float:right;font-size:12px; line-height:22px;}

#contact .yyal-right h3{ font-size:14px; background:url(../images/index_20.jpg) right  center no-repeat; line-height:24px;  color:#000; }

#contact .yyal-right span{border-top:#999 1px solid; margin-top:10px; display:block; padding-top:10px; color:#666;}

#contact .yyal-right img{ float:left; padding:0 10px 0 0;}



#contact1{ width:1099px; margin:0 auto;}

#contact1 .left{ width:215px; float:left;}

#contact1 .left ul{ margin-top:10px; margin-bottom:10px;}

#contact1 .left ul li{ font-size:14px; line-height:30px; background:url(../images/jiantou.jpg) right 50% no-repeat; display:block;border-bottom:#999 1px dotted;}

#contact1 .left ul li a{font-size:14px; line-height:30px;padding-left:20px; color:#333;  }

#contact1 .left ul li a:hover{ background:url(../images/jiantou1.png) left center no-repeat; background-color:#002d4e; color:#FFF; display:block; padding-left:20px;font-size:14px;}

#contact1 .right{ width:830px; float:right; padding:20px;}

#contact1 .right h2{ font-size:16px; font-weight:bold; display:block;}

#contact1 h3{ font-size:12px; color:#333; border-bottom:#b6b6b6 1px solid;}

#contact1 h3 a{color:#333;}

#contact1 .right ul{ margin:10px 0;}

#contact1 .right ul li{ border:#CCC 1px solid; margin-bottom:10px; padding:10px; font-size:12px; -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;}

#contact1 .right ul li a{color:#666;}

#contact1 .right ul li h3{ font-size:14px; font-weight:bold; color:#123b63;}

#contact1 .right ul li:hover{ background:#e7e7e7;-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;}













#foot{ background:#0d2b49;padding:20px 0; color: #333;  }







#foot .c{ width:1099px; margin:0 auto;}



#foot .c dl{ padding:30px 0;}

#foot .c dd{ width:122px; float:left; margin-left:50px; color:#FFF; }



#foot .c ul{}

#foot .c ul li{ font-size:12px; color:#CCC;}

#foot .c ul li:hover{ color:#FFF;}

#foot .c ul li.s{ border-bottom:#CCC 1px solid; font-size:14px; font-weight:bold; margin-bottom:20px; color:#FFF;}

#foot .c ul li a{ color:#ccc;}

#foot .c .left ul { list-style:none; }







#foot .c .left ul li{ display:block; line-height:30px; color:#80ace5;  float:left; margin-right:20px;  }



#foot .c .left ul li a{ color:#80ace5;}



#foot .c .left ul li:hover{ line-height:30px; color:#FFF;}



#foot .c .left{ float:left; width:778px;}



#foot .c .right{ float:right; width:342px; color:#80ace5;}



.c1{ background:#123b63; padding:10px 0; color:#CCC; font-size:12px; text-align:center;}



#menu-index { width:534px; float:right; }







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







#menu-index ul li {  float:left;font-size:15px;  display:block; font-weight:bold;  color: #5e5d5d; text-align:center;  padding:0 26px;  }







#menu-index ul li a {display: block;font-size:16px;  color: #5e5d5d; padding:20px 0;   }







#menu-index ul li a:hover { display:block; font-weight:bold; color: #000;     }







#menu-index  ul li span{ display:block; font-size:12px; font-weight:normal; }













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

#pro ul {list-style: none;  }

#pro ul li { width:178px; display:block; border:#CCC 1px dotted; margin-left:7px; float:left;   }

#pro ul li a {display:block; color: #363636;  font-size:12px;padding:5; }

#pro ul li .ss{ text-align:center;}

#pro ul li .ss ul{}

#pro ul li .ss ul li{ background:url(../images/jiantou.jpg) left center no-repeat; line-height:30px; border:0}

#pro .products{  width:100%;  

height: 131px;  

border: #CCCCCC solid 1px;  

margin: 0px auto;  

overflow: hidden;  

}  





#contact .products img{  

width: 100%;

cursor: pointer;  

transition: all 0.6s;}  



#contact .products img:hover{ transform: scale(1.4); }  











#HY{ width:1099px; margin:0 auto;}

#HY .left{ width:215px; float:left;}

#HY .left ul{ margin-top:10px; margin-bottom:10px;}

#HY .left ul li{ font-size:14px; line-height:30px; background:url(../images/jiantou.jpg) right 50% no-repeat; display:block;border-bottom:#999 1px dotted;}

#HY .left ul li a{font-size:14px; line-height:30px;padding-left:20px; color:#333;  }

#HY .left ul li a:hover{ background:url(../images/jiantou1.png) left center no-repeat; background-color:#002d4e; color:#FFF; display:block; padding-left:20px;font-size:14px;}

#HY .right{ width:830px; float:right; padding:20px;}

#HY .right h2{ font-size:16px; font-weight:bold; display:block;}

#HY h3{ font-size:12px; color:#333; border-bottom:#b6b6b6 1px solid;}

#HY h3 a{ color:#333;}
#HY .right ul{ list-style: none;}

#HY .right ul li{ width:178px; display:block; border:#CCC 0px dotted; margin-left:29px;  margin-top:20px; float:left;  -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;}



#HY .right ul li h3{ font-size:15px; font-weight:bold; color: #eceff6;background:#31487e; display:block; padding-left:10px; line-height:35px;}





#HY .right ul li dl{ font-size:12px;  margin-left:0;}

#HY .right ul li dl dd{ font-size:12px;  background:url(../images/jiantou1-1.png) left center no-repeat; margin:0; padding-left:15px;}

#HY .right ul li dl dd a{ font-size:12px; color:#333333;}

#HY .right ul li dl dd:hover{ font-size:12px; font-weight:bolder; color:#000066;}



#HY .right ul li .products{  width:176px;  


border: #CCCCCC solid 1px;  

margin: 0px auto;  

overflow: hidden;  

}  





#HY .right ul li .products img{  

width: 100%;

cursor: pointer;  

transition: all 0.6s;}  



#HY .right ul li .products img:hover{ transform: scale(1.4); }  



















#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; }















dl { margin:0; padding:0;}



dl dd{ list-style: none;}





























.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:600px;}



.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:45%;}



.frontCover li{float:left;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;}









#foot .c .left ul li a{ border-bottom: 1px solid #80ace5; padding: 0 10px;}

#foot .c .left ul li div a{ border: none; padding: 0; font-size: 12px;}











.detail {

    border: 1px solid #ddd;

    padding: 10px;

    height: 25px;

    line-height: 25px;

    border-top: 2px solid #0060ad;

    font-size: 12px;

	text-align: left;

}

.detail a{ color:#000;

    font-size: 12px;}





/*鐩稿叧鏍峰紡*/

#showbox { border:1px solid #eee; background: #fff;}

#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;}









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

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

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











#contact .c .npro .cp{ width:17%; margin-right: 2%; float: left;}



#contact .c .npro ul{ width:80%; float: left;}





#contact .c .npro ul li{ width:268px;}



#contact .c .npro ul .products{ width:auto;}



















.newstext{ text-align: left;}



#contact .c .npro .cp dl dd{width:90%; border:none; border-bottom: #a6a6a6 1px solid; text-align: left; font-weight: bold; padding-left: 10%; background:url(../images/jia.png) 5px center no-repeat;}

#contact .c .npro .cp dl dd.f{ width:100%; background:#003fa2; color:#fff; line-height: 50px; text-align: center; padding-left: 0;}

#contact .c .npro .cp dl dd.er{width:80%; padding-left: 20%; font-weight: normal; background:url(../images/jian.png) 20px center no-repeat;}

#contact .c .npro .cp dl dd.er a{ font-size:12px;}

#contact .c .npro .cp dl dd.er a:hover{ color:#333;}









#contact .c .npro ul li h2{ width:auto;}

#contact .c .npro ul li{ text-align: center;}



#contact .c4 .c .newstext ul li{ width:auto; border-radius: 0; text-align: center;padding:10px; border:1px #CCC solid; }

#contact .c4 .c .newstext h2{ width:auto;}











.newstext

{

	margin-bottom:20px;

	padding:20px;

}

.newstext h2{

	text-align:center;

}

.newstext .info

{

	width:100%;

	height:40px;

	line-height: 40px;

	font-size:12px;

	border-top:1px solid #e1e1e1;

	border-bottom:1px solid #e1e1e1;

	text-align:center;

	margin:10px 0;

}





















.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;}






.picshow {width:663px;position:relative;}
.ctrl-panel {position:absolute;z-index:1000;left:20px;bottom:20px;}
.m-page { display:block;width:30px;height:30px;text-align:center;background:#022b47;float:left;font-size:14px;line-height:30px;color:#fff;}
.m-page:hover {text-decoration:none;color:#022b47;background:#fff;}
.focus {background:#f8aa24;color:#022b47;background:#fff;}
.con {width:100%;}
.scroll-wrap {overflow: hidden;width: 663px;POSITION: relative;height: 421px;}
.scroll_box_content {position: absolute;}
.content_list {float: left;width: 663px;height: 421px;cursor:pointer;}
.content_list img{width: 663px;height: 421px;}





#menu{ position:relative;}
#menu-index ul li{ border-left:2px solid #fff; border-right: 2px solid #fff;}
#menu-index ul li:hover{ border-left:2px solid #e8eef1; border-right: 2px solid #e8eef1;}
#menu-index ul li .erji{ box-shadow: 1px 14px 17px 0px #ccc}
#menu-index ul li .erji{ display: none;position: absolute;top: 69px;z-index: 999999; left: 0; width:100%; padding: 20px 0; background: #fff;}
#menu-index ul li .erji ul{ width:1100px; margin: 0 auto;}
#menu-index ul li .erji ul li{ float:right;}
#menu-index ul li .erji ul li:hover{ border-left:2px solid #fff; border-right: 2px solid #fff;}
#menu-index ul li .erji ul li a{ font-size:14px; font-weight: normal;}

#contact .left ul li a.this,
#contact1 .left ul li a.this{
background: url(../images/jiantou1.png) left center no-repeat;
    background-color: #002d4e;
    color: #FFF;
    display: block;
    padding-left: 20px;
    font-size: 14px;

}