﻿

/*公用样式*/

html,body{ margin: 0; padding: 0; border:0; background: #ecf1f4;font-family: "微软雅黑"}

a,li { background-color: transparent; text-decoration: none; list-style-type: none;}
img{border: none;}
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
a, span ,p{font-size: 14px;color: #666;}
em{font-style: normal;}
h1 { font-size: 2em; margin: .67em 0; }
ul{margin:0; padding: 0; list-style: none;}
h3{color: #1b1b1b;font-size: 16px;}
.w{width: 1200px;}
.m_auto{margin:0 auto;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.o_h{overflow: hidden;}
.f_l{float: left;}
.f_r{float: right;}
.d_b{display: block;}
.h1,h2,h3,h4,h5,h6{font-weight: normal;}

.m-l{margin-left: 40px;}
.p-t{padding-top: 16px;}
.p-10{padding-bottom: 10px;}
.p-l{padding-left: 20px;}




/*顶部样式*/
.top{
	height: 30px;
	line-height: 30px;
	background:#02599c;
	color: #fff;

}
.logo_box{
	height: 123px;
	background: #0068b7;
}

.top_nav li a{
	color: #fff;
	padding: 6px 10px;
	font-size: 12px;
}
.top_nav li a:hover{text-decoration:underline; }
.search_btn{
	width: 20px;
	height: 20px;
	background: url(../images/search_top_ico.png);
	background-repeat: no-repeat;
	background-position: 6px 8px;
}
.logo_image{
	 margin-top: 30px;
	float:left;
}
.logo_ad{
	margin-top: 38px;
	float:left;
	margin-left:20px;
}
.logo_ad span{
	font-size:28px;
	color:#fff;
	font-weight:bold;
}
.logo_tell{
	margin-top: 38px;
	float:right;
}
.words{margin-top: 40px; border-left: 1px solid #fff; margin-left: 20px; padding-left: 20px;}
.words p{font-size: 26px; color: #46b692; font-weight: 600}
.words span{font-size: 9px; color: #46b692;}
.words img{margin-top: 5px;}

/*导航*/
.menu{width: 100%; height: 60px; background-color: #fff;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ height:60px; line-height:57px; background:#fff;  position:relative;width: 1200px; margin: 0 auto }
.nav a{ color:#313131; font-size: 16px; }
.nav .nli{ float:left;  position:relative; display:inline;  }
.nav .nli h3{ float:left;  }
.nav .nli h3 a{ display:block; padding:0 33px; font-size:16px; font-weight:500;  }
.nav .sub{ display:none; min-width: 134px; text-align: center; left:0; top:60px; z-index:999;   position:absolute; background:#fff;  line-height:40px;}
.nav .nli h3 a:hover{color: #0068b7}
.nav .sub li{ zoom:1; border-top: 1px solid #e5e5e5;white-space: nowrap; width:100%;}
.nav .sub li:first-child{border-top: none;}
.nav .sub a{ display:block;padding: 0 10px; font-size: 14px;}
.nav .sub a:hover{background-color: #ebebeb}
.nav .sub h3 a:hover{ border-bottom: 3px solid #0068b7}
.nav .on h3 a{ border-bottom: 3px solid #0068b7;color: #0068b7}
/*底部样式*/
.foot{
	background: #3d4049;
	width:100%; 

}
.connect{padding:10px 0 35px 0;}
.bottom_nav_menu li a{
	color: #d1d2d2;
	display: block;
}
.bottom_nav li{display: block;}
.bottom_nav li a{
	color: #8c8d8f!important;
	padding: 4px 0px 4px 0px;
	display: block;
}
.bottom_nav li a:hover{
	color: #e0e0e0 !important;
}
.bottom_nav_w{
	width:160px; 
	margin-top: 20px;
}
.bottom_nav_title{
	color:#d1d2d2 !important;
	padding: 30px 0px 18px 0px;
	display: block;
}

.bottom_logo_tell{
	margin: 0px 14px;
	color: #fff;
}
.bottom_add{
	margin: 42px 0px; 
	padding: 0px 0px 0px 0px;
	float:right;
	color:#fff;
}
.bottom_add li{
	margin: 10px 0px;
}
.bottom_right{
	float:right;
	border-left: 1px solid #34363d;
	width: 390px;
}
.bottom_Link{
	color: #d1d2d2!important;
}
.link_images{
	margin: 0px 30px;
}

.link_list a{
   color: #d1d2d2!important;
   padding:5px;
}
.foot_lien{
	height: 1px;
	background:#34363d;
}
.record{ 
	text-align: center;
	color: #a0a0a0
	
}
.record em{display: block;height: 52px; line-height: 52px;}
.record li a{ 
	color: #a0a0a0!important;
}
.record li a:hover{text-decoration:underline; }

/*二级页面底部*/
.message{width: 332px;margin-top:70px; padding-right:50px;  }
.message li{float: left; padding-right: 44px;margin-bottom: 33px; }
.message li a{font-size:16px;color: #d1d2d2;}
.message li a:hover{color: #fff;}
.address{margin-top:55px;padding-left: 75px;padding-right: 70px; }
.address p{font-size: 14px; color: #fff; padding-top: 15px;}
.none{border: none; margin-top: 70px;}
.line{float: left; height: 90px; border-left: 1px solid #34363d; margin-top: 70px;}
/*内页banner 工用*/
.page-banner{width: 100%; height: auto;}
.page-banner img {width: 100%;}
/*内页共用 左边导航  面包屑*/
.page-main{ margin: 30px auto; width: 1190px;min-height: 350px;}
.survey-nav{width: 200px;}
.survey-nav h3{height: 70px; background: #0068b7; line-height: 70px; text-align: center;color: #fff; font-size: 18px;}
.survey-nav ul li{height: 50px; line-height: 50px; text-align: center; background: #fff; border-top: 1px solid #e5e5e5; text-align:left; padding:0px 15px; box-sizing:border-box; overflow:hidden}
.survey-nav ul li a{display: block;font-size: 16px;}
.survey-nav ul .on{border-left: 2px solid #faa701}
.survey-nav ul .on a{color:#0068b7 }
.survey-nav ul li:hover{background: #ebebeb;}
.survey-title {padding-left: 40px;width: 950px;}
.survey-title-2{width: inherit;}
.crumbs{ height: 40px; width: 100%;}
.crumbs ul li{float: left;font-size: 14px; padding-right: 5px; color: #898989;margin-top: -4px;}
.crumbs ul li a{color: #898989}
.crumbs ul li a:hover{color: #0068b7}
.survey-content{width:100%; background-color:#fff}
.survey-article{width:830px;/* width: 590px; */ padding:35px; margin-bottom:25px; background:#fff;}
.article-1{padding-top: 25px;}
.article-1 p{padding-bottom: 20px; color: #626262;font-size: 16px; line-height: 30px;}
.survey-title h2{font-size: 25px; color: #0068b7; font-weight:bold}
/*右边图片点击放大共用*/
.right-img{width: 300px; padding-left: 60px;padding-top:20px;}
.right-img li{width: 300px; height: 400px; overflow: hidden;}


/*内页二级导航共用*/
.page-nav{width: 100%; height: 80px;  background: #fff;}
.page-nav ul{width: 725px; margin: 0 auto;}
.page-nav ul li{float: left; padding: 0 30px; line-height: 77px;}
.page-nav ul li a{color: #1b1b1b; font-size: 16px; display: inline-block;}
.page-nav ul .on{border-bottom: 3px solid #46b692;}
.page-nav ul .on a{color: #46b692}
.page-nav ul li:hover{border-bottom: 3px solid #46b692}
.page-nav ul li a:hover{color: #46b692; }
.page-r {
    width:100%;
    padding: 0 30px 25px 30px;
    min-height: 400px;
}
.indent p {
    text-indent: 0em;
    margin-bottom: 0em;
}
.pagecontent p {
    font-size: 16px;
    line-height: 1.8em;
    color: #242424;
    padding-top: 15px;
}
.pagecontent p img{margin-bottom: 15px;}
.pagecontent p a{font-size: 16px; color: #0068b7;}
.bigdl {
    width: 100%;
    float: left;
    padding: 15px 0;
}
.indent .left {
    float: left;
    padding:0;
}
.indent .left dt {
    font-size: 14px;
    padding-right: 15px;
}
.nor{ margin-right:0px!important;}

@media (max-width: 1200px){
.w,.nav{width:980px;}
.logo_ad{ display:none;}	
.nav .nli h3 a{padding:0px 23px;}
.bottom_right{width:220px;}
.bottom_nav_w.b{width:135px;}
.record{ padding:10px 0px;}
.record em{width:100%; text-align:center; line-height:20px; height:auto;}
.page-main {
    margin: 15px auto;
    width: 980px;
    min-height: 350px;
}
}
/*768-720-640-480-414-411*/
@media (max-width: 769px){
.w,.nav{width:100%;}	
.top .w{width:98%; margin:0 1%;}
.page-main {width: 100%;}
.survey-nav{ display:none;}
.nav .nli h3 a{padding:0px 15px;}
.foot{ padding:0px 20px; box-sizing:border-box;}
.bottom_right{display:none;}
.bottom_nav_w.a{width:100px;}
}
/*640 480 414*/
@media (max-width: 640px){
.logo_box{height:80px;}
.logo_image{ margin-top:20px;}
.logo_image img{width:220px;}
.logo_tell{margin-top:23px;}
.logo_tell img{width:130px;}
.menu{height:auto;}
.nav{height:auto; line-height:35px; padding:10px 0px;}
.nav .nli h3{width:100%; float:none;}
.nav .nli h3 a{padding:0px 0px; text-align:center}
.nav .nli{width:25%; text-align:center}
.bottom_nav_w.c{width:130px;}
.bottom_nav_w.b{width:120px;}
.bottom_nav_w.a{width:100px;}
.connect{display:none;}
.foot_lien{ margin-top:20px;}
}
/*375-360-320*/
@media (max-width: 380px){
.bottom_nav_w.c{width:120px;}
.bottom_nav_w.b{width:110px;}
.bottom_nav_w.a{width:90px;}
.bottom_nav_title{padding-top:5px; padding-bottom:8px;}
}
@media (max-width: 320px){
}
