@charset "gb2312";
/* CSS Document */

*{margin:0px;padding:0px;}

body,form,p,ul,ol,td,th,li,dl,dt,dd,h1,h2,h3{margin:0;padding:0;list-style:none; line-height:23px;font-size:14px;font-family:"΢ÈíÑźÚ", Helvetica, sans-serif; color:#000; position:relative;}
img{ border:0;}
a{ color:#080808; text-decoration:none;}
a:hover { color:#044582}
.clear{ clear:both;}
.none {display:none;}
.readmore-js-toggle,.readmore-js-toggle{ color:#054a8a}


.top { width:100%; height:36px; line-height:36px; background-color:#d4d5d5; color:#515151;}
.top .topc { width:1100px; height:auto; margin:0 auto;}
.top .topc .left {float: left;}
.top .topc .right {float: right;}
.top .topc span{padding-left: 10px;padding-right: 5px;}
.top a:{ color:#080808;}
.top a:hover { color:#054a8a;}

.logo { width:1100px; height:98px; margin:0 auto;}
.logo img { padding-top:21px;}
.logo .tel {  height:60px; margin-top:22px; padding-left:64px; float:right; background:url(../images/tel.png) left center no-repeat;}
.logo .tel span {font-size:17px; color:#00a2ec;}
.logo .tel p { font-size:30px; font-family:Arial; color:#dd1e24; padding-top:9px;}
 
.nav_k{ width:100%; height:56px;background-color: #054a8a;}
.nav{width:980px; padding-left:90px;  margin:0 auto}
.nav ul{}
.nav li{margin-right: 0px;margin-top:11px;margin-right: 37px; float:left;}
.nav li.rli{margin-right: 0;}
.nav li a{display:block;width: 116px;height: 36px;line-height: 36px;font-size: 18px;color: #fff;text-align: center;border-radius: 5px;}
.nav li a:hover{background-color: #00a2ec;color: #fff;}
.nav li a.select{background-color: #00a2ec;color: #fff;}

.banner {width:100%; height:433px;background:url(../images/banner.jpg) no-repeat center;}
.banner img { text-align:center;}

.pro { width:1165px; height:auto; margin:0 auto;}
.pro .title { width:460px; height:70px; margin:70px auto 20px; padding-top:18px; text-align:center; font-size:32px; font-weight:bold; background:url(../images/pro_bg.jpg) no-repeat;}
.pro .title p {font-family:"ËÎÌå";font-size:18px; color:#2e2e2e; padding-top:10px;}
.pro .fenlei {width:1165px;text-align:center;margin:0  auto;overflow: hidden;} 
.pro .fenlei ul {}
.pro .fenlei ul li { height:47px; line-height:47px; float:left;font-size: 18px; padding:0 25px; margin:0 8px; background:#005bb0}
.pro .fenlei ul li  a {color: #fff;}
 
 .pro .fenlei ul li.active {background:#00a2ec;}
 
.youshi {width:100%; height:390px; background:url(../images/youshi_bg.jpg) center bottom repeat-x; margin-top:90px;}
.youshi .title { width:1100px; text-align:center; font-size:30px; margin:0 auto;}
.youshi .title h2 { font-size:32px; padding-top:20px;}

.youshi .con{ width:900px;margin:0 auto; margin-top:80px; overflow:hidden}
 
.box li {  display: block;width: 258px;height: 220px;   float: left;   margin: 0 18px;    	text-align:center;}
.box li .ico{ padding:35px 0 15px;}
.box li .ico img{ max-height:100%;}
.box li .ico img{transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.box li:hover .ico img{transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);}
.box li a{ font-size:24px; line-height:30px; color:#fff; text-align:center}
 
.about {width:1100px; margin:0 auto; margin-top:70px;}
 .Atitle { height:45px;color:#1d4354; font-size:24px; border-bottom:#999 1px solid  }
 .Atitle p{ color:#010101;font-size:20px; width:95px; height:35px; line-height:40px; position: relative; background-color:#fff;}
 .about .con { height:auto; margin-top:47px;}
.about .con  img { float:left; }
.aboutus { width:635px; float:right; margin-top:2px;}
.aboutus h2 {  font-size:28px; font-weight:normal;  }
.xiangxi{ height:auto;  margin-top:28px;font-size:16px;line-height:26px; }
.xiangxi p{ font-size:16px; margin-bottom:20px; line-height:26px;}
.xiangxi span {  }
.aboutus span  a { display:block; width:245px; height:51px; line-height:51px; text-align:center;font-size:18px; background-color:#ccc; border:#797979 1px solid;border-radius: 5px;}
.aboutus span  a:hover { color:#fff;background-color:#00a2ec;border:#058ac7 1px solid;}


.news_k {width:1100px; margin:0 auto; margin-top:100px;overflow: hidden;}
.news { width:625px; float:left}
.news .con { margin-top:35px;}
.news .con li { height:36px; line-height:36px; padding-left:15px; border-bottom:#ebebeb 1px dashed; background:url(../images/arr.png) left center no-repeat;}
.news .con li a { font-size:16px;}
.news .con li span { float:right; color:#9a9a9a;}
 
.contact { width:380px;  float:right;}
.contact .con { margin-top:35px; color:#454545; font-size:18px; line-height:30px;}
.contact .con  span { font-size:30px}
.contact .con ul{margin-top: 20px;}
.contact .con li{text-align: center;float: left;margin-right: 20px;}
.TabContent{ clear:both;margin-top: 47px;}
.TabContent ul{ }
.TabContent li{width: 220px;float: left;margin:0 33px; }
.TabContent li a{display: block;width: 224px;height: 50; line-height: 50px;text-align: center;color:#fff;background-color: #00a2ec;margin-top: 12px;}
.TabContent li img{width: 220px;height: 220px; border:2px solid #00a2ec}


.footer{padding-top: 45px;padding-bottom: 60px;overflow: hidden;clear: both;background-color: #054a8a;margin-top: 60px;}
.footer .cont{width: 1100px;margin: 0 auto}
.footer .left{font-size: 16px;float: left;}
.footer .left a{color: #fff;font-size: 16px;}
.footer .left p{color: #fff;margin-bottom: 5px;}

.footer .right{float: right;margin-right: 35px;}
.footer .right img{width: 95px;height: 95px;}
.footer .right .des{font-size: 16px;color: #fff;float: right;margin-top: 30px;margin-left: 16px;}
.footer .right p{margin-bottom: 5px;color: #fff;font-size: 16px;}

.container{width: 1144px;margin: 0 auto;overflow: hidden;margin-top: 30px;}
.container .sidenav{width: 220px;float: left;}
.container .sidenav h1{    background: #054a8a;
    background-size: cover;
    color: #fff;
    font-size: 20px;
    height: 55px;
    line-height: 55px;
    margin: 0;
    text-align: center;}
	
.container .sidenav h2{background: #0b77b7;
background-size: cover;
color: #fff;
font-size: 18px;
height: 40px;
line-height: 40px;
margin: 10px 0;
text-align: center;}

.container .sidenav h2 a{color:#fff;}
	
.container .sidenav ul{background: #eaeaea;
    padding: 10px 0;}
.container .sidenav li{    background: #eaeaea;
    border-bottom: 1px solid #fff;
    display: block;
    height: 40px;
    text-align: center;
    color: #505050;
    line-height: 40px;
    font-size: 14px;
    text-decoration: none;}
.container .sidenav li:hover{background: #cfd9e3;} 
.container .sidenav li:hover a{color: #000;}
.container .sidenav a{color: #1e1e1e}
.container .sidenav a:hover{}

.container .sidecont{width: 890px;float: right;}
.container .sidedetail{clear: both;padding: 20px;font-size: 14px;line-height: 27px;}
.container .sidedetail p{font-size: 14px;line-height: 27px;text-indent: 2em;margin-bottom: 15px;color: #1e1e1e;}
.container .sidedetail img{display: block;margin: 0 auto;max-width: 850px;}

.container .sidedetail .title{text-align: center;border-bottom: 1px dashed #666;margin-bottom: 15px;}
.container .sidedetail .title h1{font-size: 22px;color: #1e1e1e;margin-bottom: 15px;}
.container .sidedetail .title .time{font-size: 12px;color: #666;margin-bottom: 15px;}

.sidelist{clear: both;padding: 20px}
.sidelist ul{}
.sidelist li{height: 35px;line-height: 35px;background: url(../images/id_26.png) no-repeat left;border-bottom: 1px dotted #ccc;padding-left: 15px;}
.sidelist li span{float: right;}
.sidelist li a{color: #1e1e1e;font-size: 14px;}
.sidelist li a:hover{color: #0b77b7;}

.prolist{clear: both;padding: 20px}
.prolist ul{}
.prolist li{width: 260px;height: 284px;float: left;margin-left: 15px;}
.prolist li:hover{background-color: #0b77b7;}
.prolist li:hover a{color: #fff;}
.prolist li img{width: 250px;height: 200px;}
.prolist li a{display: block;text-align: center;padding: 5px 0;font-size: 14px;color: #1e1e1e;}

.weizhi{color:#4f3f3f;height:50px;line-height:50px;border-bottom: 1px solid #ccc}
.weizhi .left{float: left;font-size: 18px;}
.weizhi .right{float: right;font-size: 13px;}
.weizhi a{color: #4f3f3f;}

.pages{text-align: center;margin-top: 20px;clear: both;}
.pages a{font-size: 14px;color: #1e1e1e;}

.forma{font-size: 16px;}
.forma .utd{ vertical-align:top;font-size: 16px;}
.forma input{width: 330px;height: 38px;line-height: 40px;padding-left: 5px;border:0;border:1px solid #666;margin-bottom: 10px;}
.forma input.subbtn{width: 100px;border:0;background-color: #00b7ee;font-size: 16px;color: #fff;}
.forma input.code{width: 100px;}
.forma textarea{width: 330px;height: 115px;padding-left: 5px;border:0;border:1px solid #666;margin-bottom: 10px;}
.forma .cimg{}
.container .sidedetail .cimg {
    display: inline-block;
    width: auto;
}

.banner .cont{width: 1000px;
    margin: 0 auto;
    padding-top: 54px;
    padding-left: 28px;}
.bannerc{width: 245px;height: 320px;}