/* ??????ʽ */
html,body{ margin:0; padding:0; font-size:16px; font-family: Arial, Helvetica, sans-serif; color:#666; background:#fff; }
body{overflow-x:hidden}
form,img,ul,li,p{ margin:0; padding:0; border:0;}
ul{ list-style:none;}
a:link { color: #333333; text-decoration: none; font-size:16px;}
a:visited { color: #333333; text-decoration: none;}
a:hover { color: #1B65B9; text-decoration: none;}
a:active { color: #1B65B9; text-decoration: none;}

.top{ width:100%; height:155px; padding-top:10px;}
.top_mid{ width:1200px; margin:0 auto;}
.top_lf{ float:left;}
.top_rg{ float:right;}
.top_rg .tel{display:block}
.top_rg .mtel{display:none}

.nav_box{ width:100%; height:55px; line-height:55px; background:url(../images/nav.jpg) repeat-x;}
.nav{ width:1150px;  height:55px; margin:0 auto}
.nav ul li{ height:55px; line-height:55px; float:left; text-align:center;}
.nav ul li:hover{ background:#35333A}
.nav ul li a{ color:#FFFFFF; font-size:16px; margin-right:20px; text-align:center; padding-left:20px;  }

.banner{ width:100%;}
.index_box10{ height:148px;  width:100%; background:url(../images/line.jpg) repeat-x; text-align:center; line-height:35px; font-size:20px; color:#FFFFFF}
.index_box1{ height:148px;  width:100%; background:url(../images/line.jpg) repeat-x; text-align:center; line-height:35px; font-size:20px; color:#FFFFFF}
.index_pro{ width:1200px; margin:0 auto; margin-top:50px;}
.tit{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #CCCCCC}
.tit span{ float:left; width:400px; font-size:28px;}
.tit a{ float:right; width:150px; height:40px; line-height:40px; background:#1F6692; color:#FFFFFF; text-align:center}
.index_pro_list{ width:100%; margin-top:30px;}
.index_pro_list ul li:first-child{ margin-left:0px;}
.index_pro_list ul li{ float:left; width:32%; margin-left:2%}
.index_pro_list ul li img{ width:100%}

.slideBox{ width:100%; height:840px; overflow:hidden; position:relative;   }
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:5px; bottom:30px; z-index:1; left:50%; margin-left:-30px; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:20px; height:20px; border-radius:10px; text-align:center; background:#2B2B2B; cursor:pointer; }
.slideBox .hd ul li.on{ background:#fff; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:100%; height:840px; display:block; }

.footer{ width:100%; height:260px; background:#32373C}
.footer_con{ width:1200px; margin:0 auto; padding-top:60px; font-size:16px; color:#D7D7D7}
.footer_con_lf{ float:left; width:60%;}
.footer_con_lf img{ float:left; margin-right:50px;}
.footer_con_lf ul li{ height:35px; line-height:35px;}
.footer_con_lf ul li span{ float:left; width:35px; height:35px;}
.footer_con_lf .ico1{  background:url(../images/ico.jpg) -2px -2px}
.footer_con_lf .ico2{  background:url(../images/ico.jpg) 0px -37px}
.footer_con_lf .ico3{  background:url(../images/ico.jpg) 0px -70px}
.footer_con_rg{ width:40%; float:right; line-height:35px;}

.about{ width:1200px; margin:0 auto;}
.about_tit{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #CCCCCC; margin-top:30px;}
.about_tit span{ float:left; font-size:25px; font-weight:bold}
.about_con{ padding-top:25px; line-height:25px;}

.pro{ width:1200px; margin:0 auto;}
.pro_con{ width:100%}
.pro_con ul{ width:1250px}
.pro_con ul{ margin-left:-40px;;}
.pro_con ul li{ width:370px; float:left; margin-left:40px; margin-top:40px; border:1px solid #ccc}
.pro_con ul li img{ width:100%;height:278px; border:0px}
.pro_con ul li span{ width:100%; height:50px; line-height:50px; background:#014E62; color:#FFFFFF; font-size:16px; float:left; text-align:center; margin-top:-3px;}

.pro_view{ width:1200px; margin:0 auto}
.pro_view_con{ width:100%; margin-top:50px;}
.pro_view_pic{ float:left; width:430px;}
.pro_view_pic img{ width:100%;border:1px solid #ccc}
.pro_view_rg{ width:700px; float:right;}
.pro_view_tit{ width:100%; height:50px; line-height:50px; }
.pro_view_tit span{ width:150px; float:left;font-size:20px; font-weight:bold}
.pro_view_tit p{ float:right; background:#E5EDEF; width:490px; padding-left:30px;}
.pro_view_neirong{ width:100%; min-height:500px;}
.pro_view_neirong_lf{ float:left; width:150px; float:left;font-size:20px; font-weight:bold}
.pro_view_neirong_rg{ width:460px; float:right; line-height:30px;background:#E5EDEF; padding:30px;min-height:190px; }

@media screen and (max-width:700px){
.top{width:100%;height:75px;padding-top:30px;}
.top_mid{width:100%;}
.top_lf{width:28%;float:left;margin-left:2%}
.top_lf img{width:100%;margin-top:6px;}
.top_rg{width:68%;float:right;margin-right:1%}
.top_rg img{width:100%}
.top_rg .tel{display:none}
.top_rg .mtel{display:block}
.nav{width:100%}
.nav_box{height:80px;line-height:40px;background:#005083}
.nav ul li{height:40px;line-height:40px;border-bottom:1px solid #000}
.nav ul li:first-child{margin-left:15px;}
.nav ul li:nth-child(5){margin-left:10px;border-bottom:0px;}
.nav ul li:nth-child(6){border-bottom:0px;}
.nav ul li:nth-child(7){border-bottom:0px;}
.nav ul li:nth-child(8){border-bottom:0px;}
.nav ul li a{ color:#FFFFFF; font-size:0.75em; margin-right:13px; text-align:center; padding-left:13px;  }

.slideBox{height:240px;}
.slideBox .bd img{height:240px;}
.index_box10 {font-size:0.9em;width:96%;padding-left:2%;padding-right:2%;height:180px;background:#023C61}
.index_box1 {font-size:0.9em;width:96%;padding-left:2%;padding-right:2%;height:250px;background:#023C61}
.index_pro{width:94%;margin-left:3%;margin-right:3%;margin-top:10px;}
.tit{width:100%;height: 40px;line-height: 40px;}
.tit span{font-size:1.1em}
.tit a{width:100px;font-size:0.8em;height: 30px;line-height:30px;border-radius:5px;}
.footer{height:220px;}
.footer_con{ width:100%;padding-top:20px;font-size:0.8em}
.footer_con_lf{width:100%;}
.footer_con_lf img{width:120px;margin-right:10px;float:left;margin-top:30px;margin-left:10px;}
.footer_con_lf ul{float:right;margin-right:20px}
.footer_con_rg{width:100%;}
.footer_con_lf ul li{height:35px; line-height:35px;width:100%}
.footer_con_rg{text-align:center;line-height:20px; margin-top:15px;}
.index_pro_list ul li{width:100%;margin-left:0px;margin-bottom:10px;}
.about{width:96%;padding-left:2%;padding-right:2%}
.about_tit span{font-size:1.2em}
.pro{width:96%;padding-left:2%;padding-right:2%}
.pro_con ul{margin-left:0px;width:100%}
.pro_con ul li{width:100%;margin-left:0px;margin-top:15px;border:0px;}
.pro_con ul li img{width:100%}
.pro_view{width:96%;padding-left:2%;padding-right:2%}
.pro_view_pic{width:100%;}
.pro_view_tit span{font-size:1.1em;width:auto;margin-left:20px;}
.pro_view_neirong_lf{font-size:1.1em;width:auto;margin-left:20px;}
.pro_view_rg{width:100%;margin-top:20px;}
.pro_view_tit p{width:auto;padding-right:30px;}
.pro_view_neirong_rg{width:auto;margin-top:20px;border-radius:10px;}
.pro_view_tit p{border-radius:10px;}


}