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

/*默认样式设置*/
.clear{clear:both;}
.dis{display:block;}
.undis{display:none;}
.fl{float:left;}
.fr{float:right;}
.Pf{position: fixed;}
.Pr{position: relative;}
.Pa{position: absolute;}

/*默认样式设置 end*/

/* 头部logo 样式*/
.header_ln{ width:100%; }
.header_ln .max_width_1200{ width:100%;}
.header_top{ width:92%; height:7rem; display:table;}
.header_logo{ width:30%; display:table-cell; vertical-align:middle; }
.header_logo img{ display:block; width:auto; height:auto; max-height:100%;}
.header_contact,.header_share,.header_ss{    display: table-cell;  vertical-align: middle;}
.header_contact>ul{ float:left; margin-right:2.5rem; }
.header_contact>ul>p{ font-size:1rem;text-transform:Capitalize; line-height:1.5rem;}
.header_contact>ul>p>img{ vertical-align:middle; margin-top:-4px; margin-right:.5rem;}
.header_contact>ul>a{ color:#3183c1; font-size:1.25rem;}

.header_share a{ float:left; display:block; width:1.875rem; height:1.875rem;  margin-right:1rem;}
.header_share a img{ display:block; width:100%; height:100%;}

.header_ss{ width:5%; position:relative;}
.ss_ico{ width:1.875rem; height:1.875rem; float:right;}
.header_ss .header_form{ position:absolute; right:2.5rem; top:5rem; box-shadow:0 0 10px rgba(0,0,0,.1); z-index:999; display:none;}
.form_flex{ display:flex; height:3rem;}
.form_flex input{ border:none; background:#fff; padding:0 .5rem; width:16rem;}
.form_flex input.header_form_submit{ border:none; background:#3183c1; color:#fff; display:block; width:4.5rem; text-transform:uppercase;} 
/* 头部logo 样式 end*/
/* 头部logo 样式 end*/

/*导航样式可变样式*/
.btn1{display: none; transition: all 0.4s;}
.btn2{display: none;}
.nav1{ width:100%; font-size:1rem; text-align: center; float:left; background:#3183c1; }
.nav_list{width: 100%; height:3.25rem; line-height:3.25rem;}
.nav_list>li{ width:auto; margin:0; float: left;overflow: hidden;position: relative;z-index: 999;}
.nav_list>li>a{ display:block; padding:0 2.55rem; padding-top:4px; transition: all 0.3s; color:#fff;  font-weight:bold; border-bottom:4px solid #3183c1; text-transform:uppercase;}
.nav2 { width:auto; min-width:100%; height:auto; font-size:.875rem; background: #3183c1; box-shadow:0 0 2px #ccc; position: absolute; z-index:999999; transition: all 0.4s;}
.nav_list>li:nth-child(2) .nav2 { width:150%; margin-left:-25%;}
.nav_list>li:nth-child(3) .nav2 { width:230%; margin-left:-30%;}
.nav2>li{ width:100%;   line-height:3.25rem; border-bottom:1px solid rgba(255,255,255,.25);}
.nav2>li:last-child{ border-bottom:0;}
.nav2>li>a{ width:100%; line-height: 3.25rem; display: block; color: #fff; text-align:center; transition: all 0.3s; font-weight:bold;}
/*导航样式可变样式  end*/

/*导航选中*/
.nav_list li.nav_sele>a{border-bottom:4px solid #fff;}

/*导航划过*/
.nav_list>li:hover{overflow:visible; }
.nav_list>li:hover>a{ border-bottom:4px solid #fff;}
.nav2>li:hover a{color:#fff; background:#3a5887;}



.nav1 .width_1200{ position:relative;}
.jrzd_rs{ line-height:3.75rem; text-align:right; position:absolute; right:0; top:0; color:#fcff00; font-size:1rem;}


.flex_hight{ width:100%; height:10.75rem;}
.flex_top{ position:fixed; top:0; left:0; z-index:999; background:#fff;}




@media only screen and (max-width: 767px) {
    html,body{ font-size:90%;}
    /*头部*/
    .header_ln{ height:auto; position:relative;}
    .header_top { width:70%; margin-left: 2%; height:6rem;}
    .header_logo{width: 100%; height:100%;}
	/*头部 end*/
	
	/*导航*/
    .nav1{ display: none; background:#3183c1;clear: both;position: absolute;top: 100%;  left:0; z-index: 111;}
	.nav_list{ height:auto;}
    .nav_list li{ width:100%; text-align:left;}
    .nav_list a{text-indent: 1em;display: block;}
    .nav_list>li>a{line-height: 3rem;font-size: 1rem;border-bottom: 1px solid rgba(255,255,255,0.7);}
    .btn1,.btn2{right: 0;top: 0;display: flex;align-items :center;justify-content: center;cursor:pointer;}
    .btn1{width: 5rem; font-size: 2rem;height:100%; position:absolute; color:#333;}
    .btn2{ width:3rem; height: 3rem;font-size: 1rem; position:absolute; top:0; right:0; z-index:9; overflow:hidden;}
    .btn2 i{font-size: 1.3em;color:#fff;}
    .nav2 { display: none;transition:none; position:static;}
    .nav2>li>a{width: 92%; margin:0 auto; color: #fff; font-size: 0.875rem; text-indent: 0; text-align:left;}
    /*导航可变样式*/
    .nav_list li.nav_sele>a,.nav_list>li:hover>a,.nav2{ background:#3183c1; color:#fff; border-bottom:1px solid rgba(255,255,255,0.7);}
    .nav2>li{ width:90%; margin:0 auto;border-bottom: 1px solid rgba(255,255,255,.4);}
	
	.nav_list>li>a{ padding:0;}
	.nav_list>li:nth-child(2) .nav2{ width:100%; margin-left:0;}
	.header_ln{ position:relative;}
	.header_share,.header_ss,.header_contact{ display:none;}
	
	
	.flex_hight{ height:4rem;}
	.flex_top{ position:fixed; border-bottom:1px solid #ddd;}
	.header_top{ height:4rem;}
	.header_logo img{ height:4rem;}
	
	
	
	
	
	
	
	
	
	
	
	}