@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td,label { margin:0px;padding:0px;}
table{border-collapse:collapse;}
a img{border:0px; outline:none;}
img{ padding:0; margin:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal;}
input, button, textarea, select { font-family:inherit;font-size:12px; vertical-align:middle; outline:none;}
a{text-decoration:none; outline:none;color:#444;}
a:hover{ text-decoration:none; }
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; width:0px; clear:both; visibility:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;}
body{ font-size:12px; font-family: Arial,"Microsoft YaHei"; color:#444;}
.wrapper{ width:75%; margin:0 auto;}

.header{/*overflow: hidden;*/ width: 100%;}
.top{/*overflow: hidden;*/padding: 5px 0;}
.logo{ float: left;}
.tel{ float: right; padding-top: 10px;}
.nav{/*overflow: hidden; */background: #0d427d; width: 100%;}
.nav ul{ width: 75%; margin: 0 auto; 
	/*overflow: hidden;*/
}
.nav ul li{float: left;line-height: 72px;width: 11.1%; text-align: center;position:relative}
.nav ul li a{ color: #fff;font-size: 16px;display: block;}
.nav ul li a:hover{background: #06305f;}
.nav ul li.on>a{background: #06305f; }

.index_zxyw{ width: 100%; margin: 50px 0;}
.title1{overflow: hidden; background: url("../images/icon_01.png") no-repeat left center; padding-left: 80px; margin-bottom: 50px;}
.title1 h1{ color: #0d427d; font-size: 34px;float: left;margin-top:10px;}
.title1 h1 span{ color: #aeb8ca; font-size: 16px; text-transform: uppercase; display: block;padding-top:5px;}
.title1 h3{ float: right;padding-top:4px;}
.title1 h3 img{width: 80%;}
.index_zxyw_con{ overflow: hidden;}
.index_zxyw_con li{float: left; width: 24%;margin: 0 0.5%;overflow: hidden;}
.index_zxyw_con li h1{ text-align: center;}
.index_zxyw_con li h1 img{ width: 100%; border: 1px solid #eee;}
.index_zxyw_con li h2{font-size: 18px; color: #444; padding: 20px 0;}
.index_zxyw_con li i{ display: block; height: 1px; background: #0d427d; width: 30px;margin-bottom: 30px;}

.index_hyal{ width: 100%;  margin-top: 50px; background: #f8f8f8; padding: 50px 0;}
.title2{overflow: hidden; background: url("../images/icon_02.png") no-repeat left center; padding-left: 80px; margin-bottom: 50px;}
.title2 h1{ color: #0d427d; font-size: 34px;float: left;margin-top: 10px;}
.title2 h1 span{ color: #aeb8ca; font-size: 16px; text-transform: uppercase; display: block;padding-top: 5px;}
.title2 h3{ float: right;padding-top:4px;}
.title2 h3 img{width: 80%;}
.index_hyal_con{ overflow: hidden;}
.index_hyal_con li{float: left; width: 32%;margin:0.6%; background: #fff; border: 1px solid #ddd;position: relative;padding: 1% 0;}
.index_hyal_con li h1{ color: #444; font-size: 18px; float: left;width: 35%; text-align: center;position: absolute; top: 40%;}
.index_hyal_con li h2 img{width: 100%;}
.index_hyal_con li h2{ float: right; width: 60%;}


.index_gsjj{height: 461px;background:#0d427d;}
.index_gsjj_con{ width: 60%;padding-top: 50px;float: left;}
.title3{overflow: hidden; background: url("../images/icon_03.png") no-repeat left center; padding-left: 80px; margin-bottom: 50px;}
.title3 h1{ color: #fff; font-size: 34px;float: left;margin-top:10px;}
.title3 h1 span{ color: #fff; font-size: 16px; text-transform: uppercase; display: block;padding-top: 5px;}
.title3 h3{ float: right;padding-top:4px;}
.title3 h3 img{width: 80%;}
.index_gsjj_con txt{color: #fff; font-size: 16px; line-height: 1.8em; display: block; max-height: 220px; overflow: hidden;}
.index_gsjj_img{ float: right;width: 35%;}



.index_rykh{width: 100%; background: #f8f8f8; padding: 50px 0;}
.title4{overflow: hidden; background: url("../images/icon_04.png") no-repeat left center; padding-left: 80px; margin-bottom: 50px;}
.title4 h1{ color: #0d427d; font-size: 34px;float: left; margin-top:10px; }
.title4 h1 span{ color: #aeb8ca; font-size: 16px; text-transform: uppercase; display: block;padding-top: 5px;}
.title4 h3{ float: right;padding-top:4px;}
.title4 h3 img{width: 80%;}
.index_rykh_con{ overflow: hidden;}
.index_rykh_con li{float: left;text-align: center;width: 16%;margin: 0 0.3%;height: 180pt;}
.index_rykh_con li h1{ border: 1px solid #eee; }
.index_rykh_con li h1 img{width: 100%;}
.index_rykh_con li h2{ color: #444; font-size: 16px; padding-top: 20px;}
.index_rykh_con li h3{ color: #999;font-size: 16px;padding-top: 5px; padding-bottom: 20px;}


.index_qyzx{ width: 100%; margin: 50px 0;}
.title5{overflow: hidden; background: url("../images/icon_05.png") no-repeat left center; padding-left: 80px; margin-bottom: 50px;}
.title5 h1{ color: #0d427d; font-size: 34px;float: left;margin-top:10px;}
.title5 h1 span{ color: #aeb8ca; font-size: 16px; text-transform: uppercase; display: block;padding-top: 5px;}
.title5 h3{ float: right;padding-top:4px;}
.title5 h3 img{width: 80%;}
.index_qyzx_con{ overflow: hidden;}
.index_qyzx_con li{float: left; width: 32%;margin: 0 0.6%; background: #f8f8f8; margin-bottom: 20px;}
.index_qyzx_con li>div{padding: 0 15px; overflow: hidden;}
.index_qyzx_con li h1{ text-align: center;}
.index_qyzx_con li h1 img{ width: 100%; height: 280px;}
.index_qyzx_con li h2{font-size: 18px; color: #333; padding: 15px 0;}
.index_qyzx_con li h3{font-size: 12px; color: #999; font-weight: bold;}
.index_qyzx_con li i{ display: block; height: 2px; background: #0d427d; width: 30px; margin: 15px 0;}
.index_qyzx_con li h4{color: #666; font-size: 14px;line-height: 1.8em;max-height: 80px;}
.index_qyzx_con li h5{ padding: 15px 0;}
.index_qyzx_con li h5 a{font-size: 12px; color: #0d427d; text-transform: uppercase;}

/*.index_znzz{background: url("../images/znzz_img.jpg") no-repeat center center; height: 290px;}*/

.footer{ background: #222;padding: 50px 0;overflow: hidden;margin-top: 50px;}
.foot1{ width: 75%; margin: 0 auto;overflow: hidden;}
.footer_l{float: left;}
.footer_l ul{ float: left;margin-right:70px;}
.footer_l ul li{font-size: 15px; color: #aaa;text-align: center;}
.footer_l ul li a{ color: #aaa;line-height: 2em;}
.footer_l ul li.on{ font-size: 20px; color: #ddd;padding-bottom: 20px;}
.footer_r{ float: right; }
.foot_tel{background: url("../images/foot_tel.png") no-repeat left center;padding-left: 80px;border-bottom: 1px solid #393939; padding-bottom: 30px; margin-bottom: 30px;}
.foot_tel h1{ font-size: 18px; color: #acacac;padding: 15px 0;}
.foot_tel h2{ font-size: 40px; color: #66b9f5;}
.foot_er{overflow: hidden;}
.foot_er li{float: left; text-align: center; margin: 0 8px;}
.foot_er li p{ color: #aaa; font-size: 16px;padding-top: 20px;}
.footer2{background: #282828;padding: 20px 0;overflow: hidden; text-align: center; color: #808080; font-size: 16px;}

.main{ overflow: hidden; margin-top: 50px;}
.main_l{ float: left;width: 22%;}
.main_con{overflow: hidden; background: #0d427d;margin-bottom: 50px;}
.left_title{ text-align: center;padding: 30px 0;}
.left_title h1{ font-size: 28px; color: #fff; font-weight: bold;}
.left_title h2{ font-size: 14px; color: #8b9bb5; font-weight: bold; text-transform: uppercase;}
.left_list{ overflow: hidden; }
.left_list li{}
.left_list li a{ color: #fff; font-size: 16px;line-height:62px;padding-left: 20px;display: block;}
.left_list li a:hover{ background: #2b99ff;}
.left_list li.on a{ background: #2b99ff;}
.left_contact{ background: #0d427d;}
.left_contact_t{}
.left_contact_t img{ width: 100%; }
.left_contact_b{overflow: hidden; padding:20px;}
.left_contact_b txt{ color: #b7ccd1; font-size: 15px;line-height: 1.5em;}
.left_contact_b txt strong{ color: #fff; font-weight: bold;display: block;}

.main_r{ float: right; width: 72%;}
.website{ color: #b8b8b8;font-size: 14px; overflow: hidden; width: 100%; text-align: right; border-bottom: 1px dotted #ddd;padding-bottom: 10px; margin-bottom: 10px;}
.main_r_con{ overflow: hidden;}
.service_con{ overflow: hidden;}
.service_con h1{ color: #0d427d; font-size: 24px; text-align: center;padding-bottom: 40px; padding-top: 30px;}
.service_con txt{ color: #444;font-size: 14pt;}

.service_con txt table{ width: 100% !important;line-height: 2em!important;}

.service_con img{ max-width: 100%;}
.service_con txt b{font-family: Arial,"Microsoft YaHei"!important; font-size: 16px!important; text-indent: 0px!important;line-height: 2em!important;}
.service_con txt b span{font-family: Arial,"Microsoft YaHei"!important;font-size: 16px!important;text-indent: 0px!important;line-height: 2em!important; }
.service_con txt p{font-family: Arial,"Microsoft YaHei"!important;font-size: 16px!important;text-indent: 0px!important;margin: 0!important;line-height: 2em!important;}
.service_con txt p span{font-family: Arial,"Microsoft YaHei"!important;font-size: 16px!important;text-indent: 0px!important;}line-height: 2em!important;

.news_d_con img{ max-width: 100%;}
.news_d_con txt b{font-family: Arial,"Microsoft YaHei"!important;font-size: 16px!important;text-indent: 0px!important;line-height: 2em!important;}
.news_d_con txt b span{font-family: Arial,"Microsoft YaHei"!important;font-size: 16px!important; text-indent: 0px!important;line-height: 2em!important;}
.news_d_con txt p{font-family: Arial,"Microsoft YaHei"!important;font-size: 16px!important;text-indent: 0px!important;margin: 0!important;line-height: 2em!important;}
.news_d_con txt p span{font-family: Arial,"Microsoft YaHei"!important;font-size: 16px!important;text-indent: 0px!important; line-height: 2em!important;}



.pxyw_con{overflow: hidden;}
.pxyw_con h1{ color: #0d427d; font-size: 22px; padding: 40px 0;}
.pxyw_con ul{}
.pxyw_con ul li{width: 100%;overflow: hidden; border-bottom: 1px dotted #ddd; line-height:40px;background: url("../images/icon.png") no-repeat left center;padding-left: 20px;}
.pxyw_con ul li h2{color: #444; font-size: 16px;float: left;}
.pxyw_con ul li h3{ float: right; font-weight: bold; color: #999; font-size: 12px;}

.case_con{overflow: hidden;}
.case_con h1{ color: #0d427d; font-size: 24px; text-align: center;padding-bottom: 40px; padding-top: 30px;}
.case_con ul{overflow: hidden;}
.case_con ul li{overflow: hidden;margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px dotted #ddd;}
.case_con ul li img{ display: block; width: 300px; height: 220px; float: left; padding-right: 30px;}
.case_con ul li>div{overflow: hidden;}
.case_con ul li>div h2{ color: #333; font-size: 16px;}
.case_con ul li>div i{display: block; height: 2px; background: #0d427d; width: 30px; margin: 15px 0;}
.case_con ul li>div h3{color: #666; font-size: 14px;line-height: 1.5em;height:150px;}
.case_con ul li>div h4{}
.case_con ul li>div h4 a{font-size: 12px; color: #0d427d; text-transform: uppercase;}

.case_d_con{overflow: hidden;}
.case_d_con h1{color: #0d427d; font-size: 24px; text-align: center;padding-bottom: 40px; padding-top: 30px;}
.case_d_con txt{color: #444; font-size: 16px;line-height: 1.8em;}

.honor_con{overflow: hidden;}
.honor_con h1{color: #0d427d; font-size: 24px; text-align: center;padding-bottom: 40px; padding-top: 30px;}
.honor_con ul{overflow: hidden;}
.honor_con ul li{float: left;margin: 0 0.5%;text-align: center;width: 24%;}
.honor_con ul li h4{ border: 1px solid #eee; }
.honor_con ul li h4 img{width: 100%;}
.honor_con ul li h2{ color: #444; font-size: 16px; padding-top: 20px;}
.honor_con ul li h3{ color: #999;font-size: 16px;padding-top: 5px; padding-bottom: 20px;}

.news_con{overflow: hidden;}
.news_con h1{ color: #0d427d; font-size: 24px; text-align: center;padding-bottom: 40px; padding-top: 30px;}
.news_con ul{overflow: hidden;}
.news_con ul li{overflow: hidden;margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px dotted #ddd;}
.news_con ul li img{ display: block; width: 300px; height: 200px; float: left; padding-right: 30px;}
.news_con ul li>div{overflow: hidden;}
.news_con ul li>div h2{ color: #333; font-size: 16px; }
.news_con ul li>div h5{font-size: 12px; color: #999; font-weight: bold;padding-top: 15px;}
.news_con ul li>div i{display: block; height: 2px; background: #0d427d; width: 30px; margin: 15px 0;}
.news_con ul li>div h3{color: #666; font-size: 14px;line-height: 1.5em;}
.news_con ul li>div h4{ padding-top: 40px;}
.news_con ul li>div h4 a{font-size: 12px; color: #0d427d; text-transform: uppercase;}

.news_d_con{overflow: hidden;}
.news_d_con h1{color: #0d427d; font-size: 24px; text-align: center;padding-top: 30px;}
.news_d_con h2{font-size: 12px; color: #999; font-weight: bold; text-align: center; padding: 30px 0;}
.news_d_con txt{color: #444; line-height: 1.8em;font-size: 14pt;}


.index_zxyw_con  li a img:hover  {transform: scale(1.12);transition: all 0.9s linear 0s;}

.rightInfoQQandWx {
    position: fixed;
    right: 0;
    bottom: 10px;
    background: url(../images/r_b.png) 0px bottom no-repeat;
    z-index: 999;
}


.rightInfoQQandWx a.btn-qq, .rightInfoQQandWx a.btn-qq:visited {
    background: url(../images/r_qq.png) 0px 0px no-repeat;
    background-color: #6da9de;
    text-decoration: none;
    display: block;
}


.rightInfoQQandWx .btn {
    width: 72px;
    height: 73px;
    margin-bottom: 1px;
    cursor: pointer;
    position: relative;
}

.rightInfoQQandWx .btn-wx {
    background: url(../images/r_wx.png) 0px 0px no-repeat;
    background-color: #78c340;
}

.rightInfoQQandWx .btn-phone {
    background: url(../images/r_phone.png) 0px 0px no-repeat;
    background-color: #fbb01f;
}

.rightInfoQQandWx .btn-top {
    background: url(../images/r_top.png) 0px 0px no-repeat;
    background-color: #666666;
    display: none;
}


.rightInfoQQandWx .btn-wx1 {
    background: url(../images/weixin.png) 0px 0px no-repeat;
    background-color: #389df2;
}


.rightInfoQQandWx a.btn-qq1, .rightInfoQQandWx a.btn-qq1:visited {
    background: url(../images/r_yx.png) 0px 0px no-repeat;
    background-color: #cc5252;
    text-decoration: none;
    display: block;
}

.rightInfoQQandWx .btn-phone:hover{background-color:#ff811b;}
.rightInfoQQandWx .btn-phone:hover .phone{display:block;}

.rightInfoQQandWx .btn-phone .phone{
	background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;
	font-size:18px;text-align:center;display:none;
}




.rightInfoQQandWx.btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.rightInfoQQandWx .btn-top:hover{background-color:#444;}

