.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; 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;font-size:14px; width:285px; height:51px; line-height:20px; color:#333333; display:block;  text-align:center; display: flex;align-items: center; justify-content: center;}

	.nav_mune a span::after{ display:none;}

	

	.nav_mune a:hover{ color:#fff;}
	.nav_mune a:hover span{ background:none; color:#fff;}
	.nav_mune a:hover .nav_mune_bi{ opacity:1;}
	.nav_mune a.nav_mune_a span{ 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:245px; height:51px; padding:0px 20px; cursor:pointer; position:relative; -webkit-transition: all 0.4s ease-in-out; } 

	.nav_munea a span{ position:relative; z-index:9; background:none; padding-right:0px;    text-align: center;font-size:14px; width:245px; height:51px; line-height:20px; color:#333333; display:block; display: flex;
    align-items: center; justify-content: center;}

	.nav_munea a span::after{ display:none;}

	

	.nav_munea a:hover{ color:#fff;}
	.nav_munea a:hover span{ background:none; 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 span{ 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:14px; 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; 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; width:285px; height:51px; display:block; font-size:14px; color:#333333; line-height:20px;   text-align:center; display: flex;align-items: center; justify-content: center;}

.example_mune a span::after{ display:none;}

	

.example_mune a:hover{ color:#fff;}

.example_mune a:hover span{ background:none; color:#fff;}

.example_mune a:hover .example_mune_bi{ opacity:1;}

	

.example_mune a.example_mune_a span{ 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:14px; 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;} 

.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; padding:0px;} 

	.nav_mune a span{ position:relative; z-index:9; padding-right:0px;}

	.nav_mune a span::after{ display:none;}

	

	.nav_mune a span{ font-size:12px; width:245px; height:41px; line-height:18px;}

	.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:215px; padding:0px 15px; height:41px;} 

	.nav_munea a span{ position:relative; z-index:9; width:215px; font-size:12px; line-height:18px; height:41px;}

	.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; padding:0px;} 

	.example_mune a span{ position:relative; z-index:9; background:none; padding-right:0px; font-size:12px; width:245px; height:41px; line-height:18px;}

	.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;  padding:0px;} 

	.nav_mune a span{  width:225px; font-size:12px; color:#333333; height:38px; line-height:16px;}

	

	.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:205px; padding:0px 10px; height:38px;} 

	.nav_munea a span{ position:relative; z-index:9; width:205px; font-size:12px; line-height:16px; height:38px;}



	.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;  padding:0px;} 

	.example_mune a span{ position:relative; z-index:9; background:none; padding-right:0px;  width:225px; font-size:12px; color:#333333; height:38px; line-height:16px;}

	.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:103px; 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;}

	

	

	

}