@charset "UTF-8";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img ,span,div{
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
}
body{ font-family: "Microsoft YaHei"; min-width: 1200px;}
fieldset, img, input, button { 			/*fieldset组合表单中的相关元素*/
    padding: 0;
    margin: 0;
    outline-style: none;
}
ul, ol {
    list-style: none;				/*清除列表风格*/
}
input {
    padding-top: 0;
    padding-bottom: 0;
    font-family: "SimSun", "宋体";
}

select, input {
    vertical-align: middle;
}

select, input, textarea {
    font-size: 12px;
    margin: 0;
}

textarea {
    resize: none;
}

/*防止多行文本框拖动*/
img {
    border: 0;
    vertical-align: middle;
}

/*  去掉图片低测默认的3像素空白缝隙*/
table {
    border-collapse: collapse;			/*合并外边线*/
}


body {
    font: 14px Arial, Verdana, "\5b8b\4f53";	/*宋体，Unicode，统一码*/
    color: #666;
    background: #fff
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1; /*IE/7/6*/
}
a {
    color: #333;
    text-decoration: none;
    font-family: "Microsoft YaHei";
}

a:hover {
    color: #C81623;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    text-decoration: none;
    font-weight: normal;
}
i, em {				
    font-style: normal;
    text-decoration: none;
}

.col-red {
    color: #C81623 !important;
}
/*公共类*/
.w {
    /*版心 提取 */
    width: 1200px;
    margin: 0 auto;
}

.fl {
    float: left
}

.fr {
    float: right
}

.al {
    text-align: left
}

.ac {
    text-align: center
}

.ar {
    text-align: right
}
.hide {
    display: none
}
.hover{
	display: block;
}

/*haeder*/
.head_t{
	width: 100%;
	background-color: #003f87;
	line-height: 2.5em;
}
.head_t p{
	margin:0 20px;
	color: white;
}
.head_t span{
	width: 26px;
	height: 26px;
}
.head_t a{
	margin-right: 15px;
}
.head_c{
	padding-bottom: 20px;
}
.head_c .dh{
	margin-top: 10px;
	margin-right: 50px;
}
.head_c .logo{
	margin-left: 50px;
	margin-top:15px;
}
.head_c .logo2{
	margin-left: 50px;
	margin-top: 20px;
	padding-left: 50px;
	border-left: 1px solid #dedede;
}

.nav{
	width: 100%;
	background-color: #1965bb;
	height: 64px;
}
.nav_box{
	height:64px;
}
.nav_box li{
	float: left;
	margin-left: 5px;
	width:128px;
	text-align: center;
	height: 100%;
}

.nav_box li a{
	display: block;
	font-size: 16px;
	line-height: 64px;
	width: 100%;
	height: 100%;
	color: white;
}
.nav_box li a:hover{
	background-color: #0670e8;
	text-decoration: none;
}
/*header end*/
/*footer*/
#footer{ width:100%;background-color:#0f76a4; margin-top: 50px; padding-top:10px ;}
ul#footerBox{ width:1100px; height: 100px;color:#fff; margin:0px auto; border-bottom: 1px solid #666; }
ul#footerBox li{ width: 340px; height:33px; line-height: 33px; text-indent: 2em;  float: left; margin:40px 13px; }
ul#footerBox li img{ float: left; }
#footer p.footernav{text-align: center; line-height: 30px; color:#fff; line-height: 2.5rem;}
#footer p.footernav a{text-align: center;  color:#fff;}
#footer p.footernav span{ margin:0px 5px; color: #fff;  }


.foot_l{width: 300px; color: white;}
.foot_l ul li a{color: white;line-height: 2em;display: block;text-align: center;width: 150px;}
.foot_l p{line-height: 2em;text-align: center;margin-top: 10px;}
.f_b{width: 830px; margin:0 auto; padding: 15px 0;}
.f_b .f_r{width: 280px; margin-left: 70px;}
.f_r p{line-height: 2em; color: white;}
.f_r p a{color: white;}
.f_b .f_l{width: 110px;}
.f_l img{width: 110px;display: block;}
.f_l p{line-height: 1.6em; color: white;text-align: center;}

/*footer end*/

.cplb1 {background-color:#3071A9; padding: 10px;margin-top: 5px; height: 540px;}
.cplb1>ul{background-color: white;padding: 15px 0;border-radius: 5px;height: 520px;}
.cplb1>ul>li{line-height: 28px; font-size: 16px;padding:5px 5px;border-bottom: 1px dashed #eee;width: 190px; margin: 10px auto;}
.cplb1 ul li:hover{background-color: #009CFF;}
.cplb1 ul li:hover p{color: white;}
.cplb1 ul li p{display: block; color: #0670E8;}
.cplb1 ul .blak{background-color: #009CFF;}
.cplb1 ul .blak p{color: #ffffff;}
.cplb1 ul .blak>p>a,.cjlb ul li a:hover,.cplb1 ul .dj:hover>p>a{ color: #fff;}

.cjlb {background-color: #fff;}
.cjlb ul li a{display: block; color: #009CFF;text-indent:1em;font-size:14px;}

.cjlb ul li{line-height: 28px; font-size: 16px;padding-left: 10px;border-bottom: 1px dashed #eee; margin: 0;}


.cpzs_r{margin-left: 15px;/*border: 1px solid #dedede;*/width: 965px; padding-bottom: 10px; overflow: hidden; -moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow: 2px 2px 5px #999;box-shadow:2px 2px 5px #999; }
.cpzs_r ul li{float: left;width: 210px; height: 250px; text-align: center;margin:20px 15px; border: 1px solid #d8d8d8;}
.cpzs_r ul li a img{display: inline-block; width: 208px; height: 208px;/*border-bottom: 1px solid #d8d8d8;*/}
.cpzs_r ul li a p{line-height: 40px;}
.cp_t p{background-color: #3071A9;line-height: 45px; color: #f1f1f1;text-align: center; font-size: 18px;font-weight: 600;}



/*main css*/
.main-im{ position:fixed; right: 10px; top:300px; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../img/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:block;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../img/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../img/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../img/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../img/open_im.png) no-repeat left top;display: none; }




#footer{ width:100%;background-color:#0f76a4; margin-top: 50px; padding-top:10px ;}
ul#footerBox{ width:1100px; height: 100px;color:#fff; margin:0px auto; border-bottom: 1px solid #666; }
ul#footerBox li{ width: 340px; height:33px; line-height: 33px; text-indent: 2em;  float: left; margin:40px 13px; }
ul#footerBox li img{ float: left; }
#footer p.footernav{text-align: center; line-height: 30px; color:#fff; line-height: 2.5rem;}
#footer p.footernav a{text-align: center;  color:#fff;}
#footer p.footernav span{ margin:0px 5px; color: #fff;  }


.foot_l{width: 300px; color: white;}
.foot_l ul li a{color: white;line-height: 2em;display: block;text-align: center;width: 150px;}
.foot_l p{line-height: 2em;text-align: center;margin-top: 10px;}
.f_b{width: 910px; margin:0 auto; padding: 15px 0;}
.f_b .f_r{width: 330px; margin-left: 70px;}
.f_r p{line-height: 2em; color: white;}
.f_r p a{color: white;}
.f_b .f_l{width: 110px;}
.f_l img{width: 110px;display: block;}
.f_l p{line-height: 1.6em; color: white;text-align: center;}