﻿body,ul,li,h2,h3,h4,p{ padding:0; margin:0; list-style:none; font-weight:normal;}
a{ text-decoration:none;}
*{ font-family:'微软雅黑';}
img{border:none;}

.top_box{ width:100%; background:#224e6b; height:100px;}
.top{ width:1200px; margin:auto; height:100px}
.logo{ float:left; width:426px;}
.logo img{ width:100%;}
.nav_box{ float:right; padding-top:30px; width:610px;}
.j_nav{ width:640px; height:70px;}
.nav{ float:left; height:70px; position:relative;}
.nav_a{ line-height:67px; color:#fff; font-size:16px;margin:0 30px; border-bottom:3px solid #224e6b; display:block;}
.xsj{ background:url(../images/xsj_03.jpg) no-repeat right 10px center;}
.dxq{border-bottom:3px solid #fff;}
.e_nav{  background-color:#3193c2; position:absolute; overflow:hidden; display:none; padding-top:40px; padding-left:60px; padding-bottom:40px;z-index:999;}
.e_nav li{ padding-top:20px;} 
.e_nav h3{ font-size:30px; color:#fff; line-height:30px; background: url(../images/smb_03.jpg) no-repeat left top; padding-top:10px;}
.e_nav li a{ color:#fff; font-size:16px; line-height:16px; padding-top:20px;}
.e_nav li a:hover{ text-decoration:underline;}
.e_nav ul{ float:left;width:176px;}
.cpfw{ width:653px; left:-365px;}
.prd{ left:-91px;}
.nav:hover div{ display:block;}
.banner{ position:relative; height:520px; width:100%; z-index:1}

.banner a{ display:block; width:100%; height:520px; background-position: center center; background-size:cover; position:absolute; left:0; top:0;}
.dqx{ border-bottom:3px solid #fff}
.cpfw ul{ padding-right:60px;}

.prdouct{ width:1200px; margin:auto; overflow:hidden;}
.title{ font-size:30px; color:#353535; margin-top:40px; margin-bottom:20px;}
.js_box{ overflow:hidden;}
.js_box div{ float:left; width:360px; padding-right:40px;}
.js_box div p{ font-family:'Arial'; font-size:40px; line-height:60px; color:#c6d3dc;border-top:2px solid #829eb1; display:inline;}
.js_box div h3{ font-size:24px; color:#444; line-height:24px; padding-bottom:20px;}
.fw_a{ font-size:14px; line-height:27px; color:#999; margin-bottom:20px; display:block;height:108px; overflow:hidden;}
.js_box ul li{ line-height:22px; padding-left:20px; background: url(../images/dd_05.jpg)  left center no-repeat; font-size:16px; margin-bottom:10px;}
.js_box ul li a{ color:#3193c2;}
.js_box ul li a:hover{text-decoration:underline}


.case_box{ width:100%; margin-top:30px; padding-bottom:67px; background:#fbfbfd;}
.case{ width:1200px; margin:auto; overflow:hidden;}
.case div{ width:360px; padding-right:40px; float:left; height:460px; position:relative;}
.case div span{ font-size:24px; color:#444; line-height:24px; background:url(../images/ls_03.jpg) no-repeat left top; display:block; padding:10px 0;}
.case img{ width:360px; height:195px;}
.case p{ font-size:14px; line-height:24px; color:#999; display:block; line-height:27px; padding-top:7px;}
.case a{ display:block; width:100px; height:34px; line-height:34px; text-align:center; background-color:#31a2d9; font-size:16px; color:#fff;  position:absolute; left:0; bottom:13px;}
.footer{ width:100%; text-align:center; font-size:14px; color:#fff; line-height:24px; padding:20px 0; background-color:#0b2f47;}




/*contact*/
.xbanner{ width:100%; height:180px; background:url(../images/top_bg.png) no-repeat center center; background-repeat:no-repeat;}
.xbn{ width:1000px; margin:auto; font-size:40px; padding-top:69px; color:#fff;}
.contact{ width:1200px; overflow:hidden; margin:auto;}
.con_l{ float:left; width:610px;}
.con_info p{ font-size:16px; color:#444; line-height:24px;}
.con_info span{ font-size:14px; color:#787878; line-height:24px;}
.con_info{ margin-bottom:20px;}
.lxr{ background-color:#f1f9fd; font-size:14px; color:#666; padding:20px 35px; line-height:24px; margin-top:20px; margin-bottom:80px;}
.con_r{ float:right; width:410px;}
.map_box{width:360px; padding:0px 10px; background-color:#f1f9fd; padding-top:20px; overflow:hidden;}
.map img{ width:100%; height:195px;}
.map p{ font-size:18px; color:#353535; line-height:20px; margin-top:20px; margin-bottom:5px;}
.map span{ font-size:14px; color:#666; line-height:24px;}
.map{ margin-bottom:40px;}


/*about*/
.about{ width:790px; margin:auto; padding-bottom:80px; overflow:hidden;}
.gsgk p{ font-size:14px; color:#666; line-height:28px;}
.jzg ul{ overflow:hidden;}
.jzg ul li{ float:left; width:130px; line-height:130px; color:#fff; font-size:30px; text-align:center; border-radius:50%; margin-right:90px;}
.zj_img{ width:140px; height:140px; border-radius:50%; float:left; margin-right:30px;}
.zj_img img{ width:100%;}
.zj_info{ width:620px; float:left;}
.zj_info h3{ margin-bottom:15px; font-size:18px; color:#111; line-height:18px; margin-top:24px;}
.zj_info p{ margin-bottom:15px; font-size:14px; color:#111; line-height:27px; color:#575757;}
.zj_info span{ margin-bottom:15px; font-size:18px; color:#111; line-height:24px;}
.zj_list{ overflow:hidden; margin-bottom:20px;}
.hdjj img{ width:100%;}


/*info*/
.xhs{ font-size:28px; color:#fff; padding-top:50px; width:1000px; margin:auto;}
.xbn1{ padding-top:20px;}
.xpss{ width:1000px; margin:auto; }
.xpss p{ width:1000px; font-size:14px; color:#666; line-height:28px; margin:auto;}
.wbz li{    line-height: 22px;
    padding-left: 20px;
    background: url(../images/dd_05.jpg) left center no-repeat;
    font-size: 16px;
    margin-bottom: 10px;}
.wbz li a{ color:#3193c2;}	
.wbz{ width:1000px; margin:auto; padding-top:40px;}
.xx{font-size:16px; line-height:16px; color:#31a2d9; padding-left:26px; background:url(../images/xx_03.jpg) no-repeat left top 20px; margin-top:40px; margin-bottom:80px; display:block; background-size:19px;padding-top:20px;}


.con_info .MsoNormal{ font-size:14px;color:#787878}


.pd60{ padding-top:70px;}


.gsgk,.jzg,.qwzj{padding-bottom:30px;}
.hdjj video{ width:100%;}










