@charset "utf-8";
/* CSS Document */

/*样式重置*/
*{ font-family:"微软雅黑"; font-size:14px; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
        margin:0;
        padding:0;
}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;
font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a,a:hover{ text-decoration:none; color:#333;}

/*全局样式*/
.container{ width:1000px; margin:0 auto;}
.clear{ clear:both;}


/*top_info*/
.top_info{ width:100%; height:30px; line-height:30px; background:#d5d5d5; color:#575757;}
.welcome{ float:left; font-size:12px;}
.top_tel{ float:right; font-size:12px;}
.top_tel span{ color:#e82102; font-weight:bold; font-size:12px;}

/*header*/
.header{ width:100%; height:123px; line-height:123px; background:#fff;}
.logo{ float:left;}
.logo img{ margin-top:20px;}
.tel{ float:right; height:123px;}
.tel img{ margin-top:8px;}


/*menu*/
.menu{ width:100%; height:40px; line-height:40px; background:#0167b6;}
.menu ul{ width:100%; height:100%;}
.menu ul li{ float:left;}
.menu ul li a{ display:inline-block; padding:0 34px; color:#fff;}

/*banner*/
.banner{ width:100%;}
.banner img{width:100%; display:block;}

/*about_us*/
.about_us{ width:100%; border-bottom:1px solid #d3d3d3;}
.title{ width:100%; text-align:center; padding:30px 0;}
.about_left{ float:left; width:500px;}
.about_left h1{ font-size:16px; font-weight:bold; width:100%; height:40px; line-height:40px; }
.about_left h1 span{ display:inline-block; border-bottom:3px solid #0167b6; font-size:16px;  } 
.about_text{ width:100%; text-indent:50px; line-height:30px; height:145px; width:100%; overflow:hidden; margin-top:30px;}
.btn{ margin-top:25px;}
.btn a{ display:inline-block; padding:5px 20px; background:#0167b6; color:#fff;}
.about_right{ float:left; width:500px;}
.about_right img{ float:right;}

.over{ width:100%; text-align:center;}

/*product*/
.product{ width:100%; height:815px; background:url(../images/product_bg.jpg) no-repeat 100% 100%;}
.product_container{ width:1030px; margin:0 auto;}
.product_box{ width:227.5px; margin:15px; background:#fff; float:left; height:253px;}
.product_img{ width:207.5px; margin:10px 10px 0 10px; height:210px; background:#333;}
.product_img img{ width:100%;}
.product_title{ width:227.5px; height:33px; line-height:33px; overflow:hidden; text-align:center; color:#333;}
.btn_product{ width:100%; text-align:center; margin-top:20px;}
.btn_product a{ color:#fff; display:inline-block; padding:10px 30px; border-radius:20px;  border:1px solid #fff; font-weight:bold;}
.btn_product a:hover{ background:#fff; color:#0167b6; font-weight:bold;}


/*engineer*/
.engineer{ width:100%; margin-bottom:40px;}
.engineer_container{ width:1040px; margin:0 auto;}
.engineer_box{ width:220px; margin:0 20px; height:250px; background:#333; float:left;}

/*advantage*/
.advantage{ width:100%; background:url(../images/advantage_bg.jpg) no-repeat center center; height:640px;}
.advantage_left{ float:left;width:300px;} 
.advantage_right{ float:right; width:300px;}
.advantage p{ color:#666; line-height:30px; height:150px;}
.advantage p:hover{ color: #3D72CF;cursor: pointer}
/*problem*/
.problem{ padding:60px 0 0px 0; background:#f5f8fc;}
/*honor*/
.honor{ width:100%; background:#ececec;}

/*news*/
.news{ padding:0 0 30px 0;}
.news_warp{ width:605px; float:left;}
.news_box{ width:100%; height:100px; margin-bottom:15px;}
.news_number{ width:100px; height:70px; background:#50a7ff; color:#fff; font-weight:bold; text-align:center; font-size:30px; padding-top:30px; float:left;}
.news_text{ width:504px; height:98px; border-top:1px solid #50a7ff; border-right:1px solid #50a7ff; border-bottom:1px solid #50a7ff; float:left;}
.news_text h1{ width:474px; padding: 0 15px; height:45px; line-height:45px;}
.news_text:hover{ background:#f7f7f7;}
.news_text h1 time{ float:right;}
.news_text p{ width:474px; padding:0 15px; height:53px; overflow:hidden; color:#666;}
.news_img{ float:right; width:350px; height:330px; background:#333;}
.btn_news{ text-align:center; margin:20px 0 0 0;}
.btn_news a{ color:#0167b6; display:inline-block; padding:10px 30px; border-radius:20px;  border:1px solid #0167b6; font-weight:bold;}
.btn_news a:hover{ background:#0167b6; color:#fff;}
/*footer*/
.footer{ background:#333; width:100%; padding:0 0 40px 0;}
.footer_left{ float:left; width:300px; color:#fff; line-height:30px;}
.footer_middle{ float:left; width:400px;}
.footer_right{ width:300px; float:left;}
.footer_right img { float:right;}
.footer_bottom{ width:100%; height:35px; line-height:35px; color:#fff; text-align:center; background:#000;}