.header{ width:100%; height:105px; background-color:#fff;  position: relative; top:0px; z-index:9; background-color:#fff; opacity:1;}
	.head{ width:1400px; height:100%; margin:auto;}
	.head_logo{ float: left; height:100%;}
	.head_logo a{ display:block; cursor:pointer;}
	.head_logo img{ padding-top:30px; height:51px; width:auto;}
	
	.head_right{ float:right; height:100%;}
	.nav{ float:left; height:100%;}
	.nav_1{ float:left; height:100%; }
	.nav_1 a{ display: inline-block; height:105px; line-height:105px; font-size:18px; color:#000; padding:0px 25px; position:relative; z-index:1; cursor:pointer;}
	.nav_1 a span{ display:inline-block; padding-right:22px; background:url(../images/jian_03.png) no-repeat right;}

	
	.nav_1_bian{ width:100%; height:100%; -moz-box-shadow:inset 0px 0px 20px rgba(40,47,135,0.2); -webkit-box-shadow:inset 0px 0px 20px rgba(40,47,135,0.2); box-shadow:inset 0px 0px 20px rgba(40,47,135,0.2); position:absolute; top:0px; opacity:0; left:0; -webkit-transition: all 0.6s ease-in-out;-moz-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);}

	.nav_1 a:hover{  color:#282f87;}
	.nav_1 a:hover span{ background:url(../images/jian_05.png) no-repeat right;}

	.nav_1 a.nav_1_a{ color:#282f87; font-size:18px;}
	.nav_1 a.nav_1_a .nav_1_bian{ opacity:1;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
	.nav_1 a.nav_1_a span{  background:url(../images/jian_05.png) no-repeat right;}
	
	
	.nav_1:hover .nav_1_warp{ display:block;}
	.nav_1:hover .nav_con{ opacity:1;}
	
	.nav_1 a.nav_1_a .nav_1_xian_1{  width:100%;}
	.nav_1_xian{ width:100%; position:absolute; overflow:hidden; bottom:43px; left:0; z-index:-1; opacity:1;   }
	
	.nav_1_xian_1{ width:0px; margin:auto; height:3px; background-color:#da6325; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;}
	
	.nav_1_warp{ width:100%; height: auto; overflow:hidden; position:absolute; left:0; z-index:0; top: 0; padding-top: 105px; display:none;-webkit-transition: all 0.4s ease-in-out;}
	.nav_con{ width:1400px; height: auto; overflow:hidden; background-color:#ededed; border-top:2px solid #172a88; margin:auto; opacity:0;  -webkit-transition: all 0.4s ease-in-out; position:relative;}
	.nav_mune{ float:left; width:285px; height:auto; position:relative; z-index:5;}
	.nav_mune a{ display:block; width:100%; height:51px; font-size:16px; color:#333333; line-height:51px; text-align:center; cursor:pointer; position:relative; -webkit-transition: all 0.4s ease-in-out; padding:0px;} 
	.nav_mune a span{ position:relative; z-index:9; background:none; padding-right:0px;}
	.nav_mune a span::after{ display:none;}
	
	.nav_mune a:hover{ color:#fff;}
	.nav_mune a:hover span{ background:none;}
	.nav_mune a:hover .nav_mune_bi{ opacity:1;}
	
	.nav_mune a.nav_mune_a{ color:#fff;}
	.nav_mune a.nav_mune_a .nav_mune_bi{ opacity:1;}
	
	.nav_mune_bi{ background:url(../images/index_14.png) no-repeat right center; width:297px; height:51px; position:absolute; left:0; top:0; opacity:0; -webkit-transition: all 0.4s ease-in-out;}
	
	.nav_wo{ float:right; width:1115px; height:auto;}
	.nav_two{ float:left; width:285px; height: auto; position:relative; z-index:4;}
	
	.nav_munea{ width:285px; height: auto; padding-top:51px;}
	.nav_munea a{ display:block; width:215px; padding-left:70px; height:51px; font-size:16px; color:#000000; line-height:51px; text-align:left; font-family:Arial, Helvetica, sans-serif; cursor:pointer; position:relative; -webkit-transition: all 0.4s ease-in-out; padding-right:0px;} 
	.nav_munea a span{ position:relative; z-index:9; background:none; padding-right:0px;}
	.nav_munea a span::after{ display:none;}
	
	.nav_munea a:hover{ color:#fff;}
	.nav_munea a:hover span{ background:none;}
	.nav_munea a:hover .nav_munea_bi{ opacity:1;}
	
	.nav_munea a.nav_munea_a{ color:#fff;}
	.nav_munea a.nav_munea_a .nav_munea_bi{ opacity:1;}
	
	.nav_munea_bi{ background:url(../images/index_14.png) no-repeat right center; width:297px; height:51px; position:absolute; left:0; top:0; opacity:0; -webkit-transition: all 0.4s ease-in-out;}


.nav_three{ float:left; width:285px; height: auto; position:relative; z-index:3;}
	
	
	.nav_muneb{ width:285px; height: auto; padding-top:51px;}
	.nav_muneb a{ display:block; width:225px; padding-left:60px; height:51px; line-height:51px; text-align:left; cursor:pointer; position:relative; -webkit-transition: all 0.4s ease-in-out;} 
	
	.nav_muneb a:hover .nav_muneb_1{ color:#fff; background:url(../images/index_10.png) no-repeat left;}
	.nav_muneb a:hover .nav_muneb_bi{ opacity:1;}
	
	.nav_muneb a.nav_muneb_a .nav_muneb_1{ color:#fff; background:url(../images/index_10.png) no-repeat left;}
	.nav_muneb a.nav_muneb_a .nav_muneb_bi{ opacity:1;}
	
	.nav_muneb_1{ background:url(../images/index_16.png) no-repeat left; padding-left:18px; font-size:16px; color:#333333; font-family:Arial, Helvetica, sans-serif; position:relative; z-index:9; -webkit-transition: all 0.4s ease-in-out;}
	.nav_muneb_bi{ background:url(../images/index_14.png) no-repeat right center; width:297px; height:51px; position:absolute; left:0; top:0; opacity:0; -webkit-transition: all 0.4s ease-in-out;}
	
	.nav_right{ float:right; width:545px; height: auto;}
	.nav_img{ width:100%; height:505px;}
	.nav_img a{ display:block; width:100%; height:100%; position:relative; padding:0px 0px;}
	
	.nav_img_2{ font-size:16px; color:#fff; text-align:center; width:70%; margin:auto; margin-top:110px; height: auto; max-height:60px; line-height:30px; overflow:hidden;}
	.nav_img_1{ width:100%; height:245px; text-align:center;  display: flex;
            align-items: center;
            justify-content: center; padding-top:120px;}
	.nav_img_1 img{ max-width:100%; height:245px;}		
	
	

.nav_con_bg{ position:absolute; left:0; width:285px;  height:100%;   background-color: #ededed;
    -moz-box-shadow: 6px 4px 20px rgba(0,0,0,0.34);
    -webkit-box-shadow: 6px 4px 20px rgba(0,0,0,0.34);
    box-shadow: 6px 4px 20px rgba(0,0,0,0.34); top:0; z-index:0;}

.nav_con_bg2{ position:absolute; left:285px; width:285px; height:100%;     background-color: #dddddd;
    -moz-box-shadow: 6px 4px 20px rgba(0,0,0,0.11);
    -webkit-box-shadow: 6px 4px 20px rgba(0,0,0,0.11);
    box-shadow: 6px 4px 20px rgba(0,0,0,0.11); top:0; z-index:0;}


.nav_con_bg3{ position:absolute; left:570px; width:285px; height: 100%; background-color:#cacaca;-moz-box-shadow:6px 4px 20px rgba(0,0,0,0.11); -webkit-box-shadow:6px 4px 20px rgba(0,0,0,0.11); box-shadow:6px 4px 20px rgba(0,0,0,0.11); top:0; z-index:0;}
	

.nav_con_bg4{ position:absolute; right:0; width:545px; height: 100%; background-color:#8d8d8d;top:0; z-index:0;}
		
	

	.nav_1:nth-child(2){ position:relative;}
	.nav_1:hover .nav_2_warp{ display:block; height:auto;}
	.nav_1:hover .guan{ opacity:1; margin-top:0px;}
	
	
	
	
.nav_2_warp{ width:175px; height:0px; overflow:hidden; background-color:#ededed; position:absolute; top:105px; left:0px; -webkit-transition: all 0.4s ease-in-out;}
.guan{ width:100%; height:auto; overflow:hidden; opacity:1; margin-top:0px; -webkit-transition: all 0.4s ease-in-out;}
.guan a{ display: block; width:150px; padding-left:25px; height:auto; overflow:hidden; font-size:16px; color:#333333; line-height:50px; height:50px; text-align:left;}
.guan a:hover{ color:#fff;background: linear-gradient(#9ca0e8, #292f87);}


.nav_1:nth-child(4){ position:relative;}
.nav_3_warp{ width:1193px; height: auto; overflow:hidden; display:none; background-color:#ededed; position:absolute; top:105px; left:-780px; -webkit-transition: all 0.4s ease-in-out;}
.nav_1:hover .nav_3_warp{ display:block; height:auto;}
.nav_1:hover .example{ opacity:1;}

.example{ width:100%; height: auto; overflow:hidden; border-top:2px solid #172a88; margin:auto; opacity:0; position:relative;  -webkit-transition: all 0.4s ease-in-out;}	
.example_mune{ float:left; width:285px; height:auto;  position:relative; z-index:5;}
.example_mune a{ display:block; width:100%; height:51px; font-size:16px; color:#333333; line-height:51px; text-align:center; cursor:pointer; position:relative; -webkit-transition: all 0.4s ease-in-out; padding:0px;} 
.example_mune a span{ position:relative; z-index:9; background:none; padding-right:0px;}
.example_mune a span::after{ display:none;}
	
.example_mune a:hover{ color:#fff;}
.example_mune a:hover span{ background:none;}
.example_mune a:hover .example_mune_bi{ opacity:1;}
	
.example_mune a.example_mune_a{ color:#fff;}
.example_mune a.example_mune_a .example_mune_bi{ opacity:1;}

.example_mune_bi{ background:url(../images/index_14.png) no-repeat right center; width:297px; height:51px; position:absolute; left:0; top:0; opacity:0; -webkit-transition: all 0.4s ease-in-out;}

.example_two{ float:left; width:344px; height: auto; position:relative; z-index:4;}
	
.example_munea{ width:344px; height: auto;}
.example_munea a{ display:block; width:304px; padding-left:40px; height:51px; font-size:16px; color:#000000; line-height:51px; text-align:left; font-family:Arial, Helvetica, sans-serif; cursor:pointer; position:relative; -webkit-transition: all 0.4s ease-in-out; padding-right:0px; overflow: hidden;} 
.example_munea a span{ position:relative; z-index:9; background:none; padding-right:0px; overflow:hidden; width:100%; height:auto; display:block;}
.example_munea a span::after{ display:none;}
	
.example_munea a:hover{ color:#fff;}
.example_munea a:hover span{ background:none;}
.example_munea a:hover .example_munea_bi{ opacity:1;}
	
.example_munea a.example_munea_a{ color:#fff;}
.example_munea a.example_munea_a .example_munea_bi{ opacity:1;}
	
.example_munea_bi{ background:url(../images/case1_09.png) no-repeat right center; width:356px; height:51px; position:absolute; left:0; top:0; opacity:0; -webkit-transition: all 0.4s ease-in-out;}
		
.example_right{ float:right; width:563px; height: auto;}
.example_img{ width:100%; height:357px;}
.example_img a{ display:block; width:100%; height:100%; position:relative; padding:0px 0px; line-height: inherit;}
.example_img img{ width:563px; height:357px;}


.example_bg{ position:absolute; left:0; top:0; height:100%; z-index:0; width:285px; background-color:#ededed;-moz-box-shadow:6px 4px 20px rgba(0,0,0,0.34); -webkit-box-shadow:6px 4px 20px rgba(0,0,0,0.34); box-shadow:6px 4px 20px rgba(0,0,0,0.34);}
.example_bg2{ position:absolute; left:285px; top:0; height:100%; z-index:0; width:344px; background-color:#dddddd;-moz-box-shadow:6px 4px 20px rgba(0,0,0,0.11); -webkit-box-shadow:6px 4px 20px rgba(0,0,0,0.11); box-shadow:6px 4px 20px rgba(0,0,0,0.11);}
.example_bg3{ position:absolute; right:0; top:0; height:100%; z-index:0; width:563px; background-color:#cacaca;}


	
	.head_qie{ float: right; height:105px; line-height:105px; margin-left:50px;}
	.head_qie span{ color:#bfbfbf; padding:0px 10px;}
	.head_qie a{ cursor:pointer; font-size:14px; color:#bfbfbf;  -webkit-transition: all 0.4s ease-in-out;}
	.head_qie a:hover{ color:#282f87;}
	.head_qie a.head_qie_a{ color:#282f87;}



@media screen and (max-width:1914px)and (min-width:1435px){
	
	.header{ width:100%; height:90px;}
	.head{ width:1200px;}
	.head_logo img{ padding-top:25px; height:44px; width:auto;}
	
	
	.nav_1{ }
	.nav_1 a{ display: inline-block; height:90px; line-height:90px; font-size:16px; padding:0px 20px;}
	.nav_1 a span{ padding-right:20px;}
	.nav_1 a:hover{ }
	.nav_1 a.nav_1_a{ }
	.nav_1 a.nav_1_a { font-size: 16px;}
	
	.nav_1_xian{ bottom:40px;}
	
	
	.nav_1_warp{ padding-top:90px; }
	.nav_con{ width:1200px;}
	.nav_mune{ float:left; width:245px;}
	.nav_mune a{ display:block; width:100%; height:41px; font-size:14px; color:#333333; line-height:41px; padding:0px;} 
	.nav_mune a span{ position:relative; z-index:9; padding-right:0px;}
	.nav_mune a span::after{ display:none;}
	
	.nav_mune_bi{ background-size:cover; width:255px; height:41px;}
	
	
	.nav_two{ float:left; width:245px; }
	
	.nav_munea{ width:245px; height: auto; padding-top:41px;}
	.nav_munea a{ display:block; width:185px; padding-left:60px; height:41px; font-size:14px; line-height:41px; padding-right:0px;} 
	.nav_munea a span{ position:relative; z-index:9; padding-right:0px;}
	.nav_munea a span::after{ display:none;}
	
	.nav_munea_bi{ background-size:cover; width:255px; height:41px;}
	
	.nav_three{ float:left; width:245px;}
	
	.nav_muneb{ width:245px; height: auto; padding-top:41px;}
	.nav_muneb a{ display:block; width:195px; padding-left:50px; height:41px; line-height:41px;} 
	
	.nav_muneb_1{ padding-left:18px; font-size:14px;}
	.nav_muneb_bi{  background-size:cover; width:255px; height:41px;}
		
	.nav_right{ float:right; width:465px;}
	.nav_img{ width:100%; height:100%;}
	.nav_img a{ display:block; width:100%; height:100%; position:relative; padding:0px}

	.nav_img_2{ font-size:14px; width:70%; margin:auto; margin-top:100px; height: auto; max-height:50px; line-height:25px; overflow:hidden;}
	
	.nav_img_1{ width:100%; height:215px; text-align:center;  display: flex;
            align-items: center;
            justify-content: center; padding-top:80px;}
	.nav_img_1 img{ max-width:100%; height:215px;}		
	
	
	
	
	.nav_con_bg{ position:absolute; left:0; width:245px;}
	.nav_con_bg2{ position:absolute; left:245px; width:245px;}
	.nav_con_bg3{ position:absolute; left:490px; width:245px;}
	.nav_con_bg4{ position:absolute; right:0; width:465px;}
			
	
	

	.nav_2_warp{ width:150px; height:0px; overflow:hidden; background-color:#ededed; position:absolute; top:90px; left:0px;}
	.guan{ width:100%; height:auto; overflow:hidden; opacity:0; margin-top:0px;}
	.guan a{ display: block; width:130px; padding-left:20px; overflow:hidden; font-size:14px; line-height:42px; height:42px; text-align:left;}
	
	
	.nav_1:nth-child(4){ position:relative;}
	.nav_3_warp{ width:1019px; top:90px; left:-665px;}
	
	.example_mune{ float:left; width:245px;}
	.example_mune a{ display:block; width:100%; height:41px; font-size:14px; line-height:41px; padding:0px;} 
	.example_mune a span{ position:relative; z-index:9; background:none; padding-right:0px;}
	.example_mune a span::after{ display:none;}
		
	.example_mune_bi{ background-size:cover; width:255px; height:41px;}
	
	.example_two{ float:left; width:295px;}
		
	.example_munea{ width:295px; height: auto; }
	.example_munea a{ display:block; width:261px; padding-left:34px; height:41px; font-size:14px; color:#000000; line-height:41px; text-align:left;  padding-right:0px;} 
	.example_munea a span{ position:relative; z-index:9; background:none; padding-right:0px;}
	.example_munea a span::after{ display:none;}
		
	.example_munea_bi{ background-size:cover; width:304px; height:41px;}
			
	.example_right{ float:right; width:479px; height: auto; background-color:#cacaca;}
	.example_img{ width:100%; height:301px;}
	.example_img a{ display:block; width:100%; height:100%; position:relative; padding:0px 0px; line-height: inherit; text-align:center;}
	.example_img img{ width:479px; height:301px; max-width:100%; max-height:100%;}

	.example_bg{ position:absolute; left:0; top:0; height:100%; z-index:0; width:245px;}
	.example_bg2{ position:absolute; left:245px; top:0; height:100%; z-index:0; width:295px; }
	.example_bg3{ width:479px;}



	
	
	.head_qie{ float: right; height:90px; line-height:90px;}
	.head_qie span{ color:#bfbfbf; padding:0px 10px;}
	.head_qie a{ cursor:pointer; font-size:12px;}
	
	
}
@media screen and (max-width:1434px)and (min-width:1275px){
	.header{ width:100%; height:82px;}
	.head{ width:1100px;}
	.head_logo img{ padding-top:22px; height:42px; width:auto;}

	.nav_1{ }
	.nav_1 a{ display: inline-block; height:82px; line-height:82px; font-size:16px; padding:0px 20px;}
	.nav_1 a span{ padding-right:18px;}
	.nav_1 a.nav_1_a { font-size: 16px;}

	.nav_1_xian{ bottom:36px;}
	
	.nav_1_warp{ padding-top:82px;}
	.nav_con{ width:1100px;}
	.nav_mune{ float:left; width:225px;}
	.nav_mune a{ display:block; width:100%; height:38px; font-size:14px; color:#333333; line-height:38px; padding:0px;} 
	.nav_mune a span{ position:relative; z-index:9; padding-right:0px;}
	.nav_mune a span::after{ display:none;}
	
	.nav_mune_bi{ background-size:cover; width:234px; height:38px;}
	
	
	.nav_two{ float:left; width:225px; }
	.nav_munea{ width:225px; height: auto; padding-top:38px;}
	.nav_munea a{ display:block; width:185px; padding-left:40px; height:38px; font-size:14px; line-height:38px; padding-right:0px;} 
	.nav_munea a span{ position:relative; z-index:9; padding-right:0px;}
	.nav_munea a span::after{ display:none;}
	
	.nav_munea_bi{ background-size:cover; width:234px; height:38px;}
	
	.nav_three{ float:left; width:225px;}
	.nav_muneb{ width:225px; height: auto; padding-top:38px;}
	.nav_muneb a{ display:block; width:200px; padding-left:33px; height:38px; line-height:38px;} 
	
	.nav_muneb_1{ padding-left:18px; font-size:14px;}
	.nav_muneb_bi{  background-size:cover; width:234px; height:38px;}

	.nav_right{ float:right; width:425px;}
	.nav_img{ width:100%; height:420px;}
	.nav_img a{ display:block; width:100%; height:100%; position:relative; padding:0px;}
	

	.nav_img_2{ font-size:14px; width:70%; margin:auto; margin-top:90px; height: auto; max-height:50px; line-height:25px; overflow:hidden;}
	
	.nav_img_1{ width:100%; height:185px; padding-top:80px;}
	.nav_img_1 img{ max-width:100%; height:185px;}		
	
	
	.nav_con_bg{ position:absolute; left:0; width:225px;}
	.nav_con_bg2{ position:absolute; left:225px; width:225px;}
	.nav_con_bg3{ position:absolute; left:450px; width:225px;}
	.nav_con_bg4{ position:absolute; right:0; width:425px;}
		
	
	
	.nav_2_warp{ width:140px; height:0px; overflow:hidden; background-color:#ededed; position:absolute; top:82px; left:0px;}
	.guan{ width:100%; height:auto; overflow:hidden; opacity:0; margin-top:0px;}
	.guan a{ display: block; width:120px; padding-left:20px; overflow:hidden; font-size:14px; line-height:40px; height:40px; text-align:left;}

	.nav_1:nth-child(4){ position:relative;}
	.nav_3_warp{ width:934px; top:82px; left:-610px;}
	
	.example_mune{ float:left; width:225px;}
	.example_mune a{ display:block; width:100%; height:38px; font-size:14px; line-height:38px; padding:0px;} 
	.example_mune a span{ position:relative; z-index:9; background:none; padding-right:0px;}
	.example_mune a span::after{ display:none;}
		
	.example_mune_bi{ background-size:cover; width:234px; height:38px;}
			
	.example_two{ float:left; width:270px;}
		
	.example_munea{ width:270px; height: auto;}
	.example_munea a{ display:block; width:240px; padding-left:30px; height:38px; font-size:14px; color:#000000; line-height:38px; text-align:left;  padding-right:0px;} 
	.example_munea a span{ position:relative; z-index:9; background:none; padding-right:0px;}
	.example_munea a span::after{ display:none;}
		
	.example_munea_bi{ background-size:cover; width:280px; height:38px;}
			
	.example_right{ float:right; width:439px; height:100%; background-color:#cacaca;}
	.example_img{ width:100%; height:280px;}
	.example_img a{ display:block; width:100%; height:100%; position:relative; padding:0px 0px; line-height: inherit;}
	.example_img img{ width:439px; height:280px;}

	.example_bg{ position:absolute; left:0; top:0; height:100%; z-index:0; width:225px;}
	.example_bg2{ position:absolute; left:225px; top:0; height:100%; z-index:0; width:270px; }
	.example_bg3{ width:439px;}

	

	.head_qie{ float: right; height:82px; line-height:82px;}
	.head_qie span{ color:#bfbfbf; padding:0px 10px;}
	.head_qie a{ cursor:pointer; font-size:12px;}	
	
}

@media screen and (max-width:1274px)and (min-width:300px){
	.header{ height:50px;}
	.head{ display:none;}
	.head_logo{ float:none; position:absolute; left:2%; z-index:9; height:100%;}
	.head_logo a{ display:block; cursor:pointer;}
	.head_logo img{ padding-top:10px; height:30px; width:auto;}
	
	.head_qie{ float:none; height:50px; line-height:55px; margin-left:0px; position:absolute; right:115px; z-index:9;}
	.head_qie a{ cursor:pointer; font-size:14px; color:#282f87;}
	
	.cai_zi{ float:none; height:50px; line-height:55px; margin-left:0px; position:absolute; right:48px; z-index:9; cursor:pointer; font-size:14px; color:#282f87;}
	
	
}