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

body{margin:0px; padding:0px; font-size:14px; font-family:Microsoft YaHei; line-height:24px; color:#333333;}
.fr{float:right;}
.clear{clear:both;}
ul,li{margin:0px; padding:0px; list-style:none;}
a{text-decoration:none;}
a:link{color:#333333;}
a:visited{color:#333333;}
a:hover{color:#276eb0;}
a:active{color:#276eb0;}
.w80{width:80%; margin:0 auto;}
.w70{width:70%; margin:0 auto;}
.img{display: block;width: 100%;height: 100%;transition: all 1s;}
.img:hover{ transform: scale(1.2); }
p{margin:0px; padding:0px;}
.w90{width:90%; margin:0 auto;}

.header_bg{height:100px; background:#ffffff; width:100%; position:fixed; top:0px; z-index:9999;}
.header{ height:100px; }
.header_l{width:30%; padding-top:25px;}
.header_r{width:55%;}
.nav li{float:left; padding-left:5%; line-height:100px; font-size:16px;}
.nav li a.here{color:#276eb0; }


.banner{width:100%;margin-top:100px; }
.page_banner{width:100%;margin-top:100px; position:relative;  }

.index_boxA{width:100%; background:#eef3f7; padding-top:70px; padding-bottom:100px; clear:both; height:auto; overflow:hidden; }
.indexboxA_en{text-align:center; font-size:30px; font-family:"Times New Roman", Times, serif; color:#276eb0;}
.indexboxA_cn{text-align:center; font-size:30px; line-height:60px;}
.red_line{background:#fd0000; width:3%; height:2px; margin:0 auto;}

.h_tonglan {width:1200px;margin:40px auto 0px;}

ol,

video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}




.h218px {width:1200px;height:352px;_height:352px;margin:0 auto;}

.h218px th {padding-top:67px;}
.h218px td {overflow:hidden;}
#scrollbox ul {overflow:hidden; }
#scrollbox ul LI {FLOAT:left;width:290px;_width:290px;height:352px;_height:352px;vertical-align:top;text-align:center;padding:0px;overflow:hidden; background:#000000;}

.pointer {CURSOR: pointer; margin-top:100px;}

.gokm{ height:auto; overflow:hidden;}

.gokm li{float:left;  position:relative;transition: all 1s ease;}

.gokm li img{ display:block; width:100%; height:416px;}

.gojh{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.52); padding:108px 0px 0 0px;transition: all 1s ease;}

.gokm li .gojh img{ display:block; margin:0 auto; width:49px; height:54px; margin-bottom:10px;}

.gojh h1{ text-align:center; color:#fff; background:url(../images/bg2.jpg) no-repeat center top; padding-top:15px; color:#fff; font-size:17px; font-weight:bold; margin-bottom:15px;}

.bon{ height:auto; overflow:hidden;opacity:0;transition: all 1s ease;}



.bon span{ display:block; width:108px; height:30px; background:#fff; text-align:center; line-height:30px; color:#276eb0; font-size:13px; margin:0 auto;}

.gokm li:hover .gojh{ background:rgba(44,112,170,0.8); padding-top:70px}

.gokm li:hover .bon{opacity:1;}


.index_boxB{width:100%; padding-bottom:70px; background:#FFFFFF; padding-top:70px;}
.indexboxB_W{ margin:50px auto 0px;}
.indexboxB_r{width:40%;}
.indexboxB_r img{width:80%; margin:0 auto; box-shadow:5px 5px 5px #666666;}
.indexboxB_l{width:50%;}
.indexboxBL_N{font-size:30px; margin-bottom:30px;}
.indexboxBL_text{font-size:16px; line-height:30px; text-indent:2rem;}
a.button01{width:200px; height:40px; text-align:center; border:1px solid #276eb0; display:block; color:#276eb0; line-height:40px; margin-top:50px; cursor:pointer;}
a.button01:hover{  background-image: linear-gradient(to right, #276eb0 ,#3791e4 , #276eb0); color:#ffffff; border:1px solid #ffffff;}
a.button01:active{  background-image: linear-gradient(to right, #276eb0 ,#3791e4 , #276eb0); color:#ffffff; border:1px solid #ffffff;}

.index_boxC{width:100%;  background:#eef3f7;  padding-bottom:70px; padding-top:70px;}
.indexboxC_r{width:45%;}
.indexboxC_l{width:45%;}
.indexboxC_t_l {font-size:24px; line-height:40px; }
.red_line2{background:#fd0000; width:50px; height:2px; }
.indexbocC_T_r a:link{color:#276eb0;ine-height:40px;}
.indexbocC_T_r a:visited{color:#276eb0}
.indexbocC_T_r a:hover{color:#3b91e1}
.indexbocC_T_r a:active{color:#3b91e1}
.indexnews_list li{border-bottom:1px solid #cccccc; height:50px; line-height:50px; font-size:16px}
.indexnews_list li span{float:right; color:#999999; font-size:14px;}


.indexboxC_head{margin-bottom:20px; height:40px;}
.indexrong_list{margin-top:40px;}
.indexrong_list li{width:300px; float:left; margin-left:30px; marign-right:30px;}
.indexrong_list li img{ width:100%;}
.indexrong_list li p{text-align:center; height:40px; line-height:40px;}
.indexronglist_img{width:300px; height:200px; overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;}

.index_boxD{width:100%; background:#FFFFFF; padding-top:70px;}
.indexboxD_top{background:#276eb0; height:430px; margin-bottom:15px; width:1200px;}
.indexboxD_list{ position:relative;}
.indexboxD_list li{width:390px; height:260px; float:left; margin-right:15px; overflow:hidden; position:relative;}
.indexboxD_list li p{width:380px; height:40px; line-height:40px; padding-left:5px; padding-right:5px;background: url(../images/bg.png) repeat; color:#ffffff; position: absolute; bottom:0px; overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;}
.indexboxDtop_l p{width:645px; height:40px; line-height:40px; padding-left:5px; padding-right:5px;background: url(../images/bg.png) repeat; color:#ffffff; position: absolute; bottom:0px; overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;}

/*焦点图*/
.focus{ position:relative; width:645px; height:430px;float: left;}  
.focus img{ width: 645px; height:430px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#db0101;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#db0101;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  

.indexboxDtop_l p a{color:#ffffff;}
.indexboxDtop_l p a:hover{color:#ffffff; text-decoration:underline;}
.indexboxDtop_l p a:active{color:#ffffff; text-decoration:underline;}
.indexboxD_all{margin:50px auto; width:1215px}
.indexboxDtop_l{width:645px; height:430px; overflow:hidden; position:relative;}
.indexboxDtop_r{width:550px; color:#ffffff; background:url(../images/bg2.png) no-repeat bottom right; height:430px;}
.indexboxDtop_r p{width:80%; margin:30px auto; font-size:16px; line-height:36px; text-indent:2rem; }
.indexboxD_list li p a{color:#ffffff;}
.indexboxD_list li p a:hover{color:#ffffff; text-decoration:underline;}
.indexboxD_list li p a:active{color:#ffffff; text-decoration:underline;}
a.button02{width:150px; height:36px; line-height:36px; border:1px solid #ffffff; color:#ffffff; text-align:center; display:block; margin-left:60px;}
a.button02:hover{background:#ffffff; color:#276eb0;border:1px solid #276eb0;}
a.button02:active{background:#ffffff; color:#276eb0;border:1px solid #276eb0;}
a.button03{width:400px; height:50px; margin:50px auto; line-height:50px; border:1px solid #276eb0; color:#276eb0; display:block; text-align:center; cursor:pointer;}
a.button03:hover{border:1px solid #62a3e0; color:#62a3e0;}
a.button03:active{border:1px solid #62a3e0; color:#62a3e0;}

.footer_bg{width:100%; padding-top:30px; background:#353535;}
.footer_bottom{line-height:40px; border-top:1px solid #646464; text-align:center; color:#666666; margin-top:10px;}
.footer_list li{line-height:30px; color:#cccccc;}
.footer_t{color:#ffffff; font-weight:bold;  font-size:16px;line-height:30px; margin-bottom:10px;}
.footer_list2 li{float:left; width:50%; line-height:30px;}
.footer_list2 li a:link{color:#cccccc;}
.footer_list2 li a:visited{color:#cccccc;}
.footer_list2 li a:hover{color:#ffffff;}
.footer_list2 li a:active{color:#ffffff;}
.footerr_cn{color:#ffffff; text-align:center; font-weight:bold; font-size:16px;}
.footerr_en{color:#ffffff; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.footer_r{width:25%;}
.footer_r img{margin-top:20px; margin-bottom:20px;}
.footer_m{width:40%; padding-left:6%;border-right:1px solid #646464; border-left:1px solid #646464;}
.footer_l{width:25%; padding-bottom:20px;}



.about_A{padding-top:70px; padding-bottom:70px;}
.aboutA_r{width:45%; background:url(../images/about2.png) no-repeat top right; margin-top:100px;}
.aboutA_l{width:50%;}
.aboutA_l p{text-indent:2rem; font-size:16px; line-height:30px; }
.aboutALH_en{color:#cccccc; font-size:30px; font-family:"Times New Roman", Times, serif; background:url(../images/icon09.jpg) no-repeat 2px; padding-left:40px;}
.aboutALH_cn{font-size:30px; line-height:50px;}
.aboutAL_header{border-bottom:1px solid #cccccc; padding-bottom:10px; margin-bottom:20px;}

.aboutA_r img{padding-top:70px; width:90%;}
.about_B{width:100%; background:#f3f4f8; padding-top:70px; padding-bottom:70px;}
.aboutBL_header{ padding-bottom:10px; margin-bottom:20px;}

.aboutB_list li{width:270px; height:250px; float:left; background:#ffffff; margin-left:15px; margin-right:15px; margin-bottom:30px; padding:10px 10px 0px 10px; overflow:hidden;}
.aboutBlist_img{width:270px;height:180px;}
.aboutB_list li p{text-align:center; height:40px; line-height:40px; border-top:1px solid #eaeaea; margin-top:20px; font-size:15px; }
.case_head {margin-bottom:30px;}
.case_head p{font-size:30px; margin-bottom:20px;}
.case{padding-top:70px; padding-bottom:70px; min-height:500px;}
.line_r{width:96%; height:1px; background:#eaeaea;}
.line_l{width:3%; height:2px; background:#1378be;}
.case_list li{width:400px; height:327px; float:left; margin-right:15px; margin-left:15px; margin-bottom:30px;}
.caselist_img{width:400px; height:267px; overflow:hidden;}
.case_list p{background:#f3f4f8; height:60px; line-height:60px; font-size:16px; text-align:center;}

.pagelist li{float:left;width:24px; height:24px;  text-align:center; line-height:24px; font-size:12px;  border-radius:3px;border:1px solid #cccccc; margin-right:10px;   color:#333333; margin-bottom:10px;}
.pagelist li a:link{color:#333333;width:24px; height:24px;  display:inline-block; }
.pagelist li a:visited{color:#333333;width:24px; height:24px;  display:inline-block; }
.pagelist li a:hover{background:#1378be; color:#ffffff; width:24px; height:24px;  display:inline-block; }
.pagelist li a:active{background:#1378be; color:#ffffff; width:24px; height:24px; display:inline-block;}
.pagelist li a.on{background:#1378be; color:#ffffff; width:24px; height:24px; display:inline-block;}
.pagelist {margin:20px auto 0px; width:350px; margin-bottom:50px;}
.page_ul{position:absolute; bottom:0px;}
.page_ul li{float:left; width:150px; height:50px; margin-right:4px; margin-left:4px;}
.page_ul li a{background:#1378be; width:150px;height:50px; line-height:50px; color:#ffffff; display:block; text-align:center}
.page_ul li a:hover{background:#ffffff; color:#1378be;}
.page_ul li a:active{background:#ffffff; color:#1378be;}
.page_ul li a.pateul1{line-height:20px; padding-top:5px; height:45px;}
.page_ul li a.here2{background:#ffffff; color:#1378be;}
.page_ul li a.pateul1{line-height:50px; padding-top:0px; height:50px; font-size:12px;}
.case{font-size:15px;}
.casetable{width:100%;}


.news_list li{width:360px; height:347px; border:1px solid #eaeaea; float:left; margin-right:15px; margin-left:15px; margin-bottom:30px; float:left; padding:20px;}
.news_t{font-size:18px; line-height:40px;}
.news_time{color:#cccccc; font-size:14px; line-height:30px;}
.news_img{width:360px; height:239px; overflow:hidden;}
.more{float:right; line-height:40px;}

.merge_p{font-size:16px; font-weight:bold; text-indent:2rem; margin-bottom:30px; line-height:30px;}
.merge_head{font-size:30px; font-weight:bold; line-height:80px; text-align:center;}
.mergetable{font-size:16px;}
.contact_l{width:30%;}
.contact_r{width:65%;}
.contact_head{font-size:24px; font-weight:bold; margin-bottom:30px;}
.contact_add{font-size:16px; line-height:45px; background:url(../images/icon10.png) no-repeat 2px; padding-left:30px; }
.contact_add2{font-size:16px; line-height:20px; background:url(../images/icon10.png) no-repeat 2px; padding-left:30px; }
.contact_tel li{line-height:45px; font-size:16px;  background:url(../images/icon11.png) no-repeat 2px; padding-left:30px;}
.contact_line{width:100%; height:1px; background:#eaeaea; margin-top:40px; margin-bottom:40px;}


.news_title{font-weight:bold; font-size:24px; text-align:center;}
.newsxx_time{font-size:14px; text-align:center; line-height:50px; color:#666666;}
.news_bottom{border-top:1px solid #eaeaea; margin-top:30px;}
.newsbottomlist li{line-height:40px;}
@media(max-width:1534px) {
	.page_ul li a.pateul2{line-height:20px; padding-top:5px; height:45px;}
	.page_ul li{ width:120px; height:50px; font-size:12px;}
.page_ul li a{background:#1378be;width:120px; height:50px; line-height:50px; color:#ffffff; display:block; text-align:center}
.page_ul li a.pateul1{line-height:50px; padding-top:0px; height:50px; font-size:12px;}
.header_r{width:55%; }
.nav li{padding-left:5%; line-height:100px; font-size:14px;}
.aboutALH_en{font-size:24px; padding-left:40px;}
.aboutALH_cn{font-size:24px; line-height:40px;}
.aboutA_l p{font-size:14px; line-height:24px; }
.aboutB_list li{width:240px; height:220px; float:left; background:#ffffff; margin-left:10px; margin-right:10px; margin-bottom:30px; padding:10px 10px 0px 10px; overflow:hidden;}
.aboutBlist_img{width:240px;height:160px;}
.aboutB_list li p{text-align:center; height:40px; line-height:40px;  margin-top:10px; font-size:14px; }
.w70{width:80%; margin:0 auto;}
	.zczy {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
		padding: 0 100px;
	}
.case_list li{width:350px; height:284px; float:left; margin-right:15px; margin-left:15px; margin-bottom:30px;}
.caselist_img{width:350px; height:234px; overflow:hidden;}
.case_list p{background:#f3f4f8; height:50px; line-height:50px; font-size:14px; text-align:center;}	
	.indexrong_list li{width:230px; float:left; margin-left:20px; marign-right:20px;}

.indexrong_list li p{text-align:center; height:40px; line-height:40px;}
.indexronglist_img{width:230px; height:153px; overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;}
.news_list li{width:320px; height:317px; border:1px solid #eaeaea; float:left; margin-right:15px; margin-left:15px; margin-bottom:30px; float:left; padding:15px;}
.news_img{width:320px; height:212px; overflow:hidden;}
}

@media(max-width:1380px) {
	
	.page_ul li{ width:121px; height:40px; margin-right:2px; margin-left:2px;}
.page_ul li a{width:121px; height:40px; line-height:40px; color:#ffffff; display:block; text-align:center}
.page_ul li a.pateul1{line-height:40px; padding-top:0px; height:40px; font-size:12px;}
.header_l img{width:100%;}
.header_r{width:65%;}
.aboutA_r{width:45%; background:url(../images/about2-2.png) no-repeat top right; margin-top:80px;}
.w80{width:90%; margin:0 auto;}
.w70{width:90%; margin:0 auto;}
.w90{width:100%; margin:0 auto;}
.footer_m{ width:45%;padding-left:2%;}
.aboutB_list li{width:230px; height:210px; float:left; background:#ffffff; margin-left:10px; margin-right:10px; margin-bottom:30px; padding:10px 10px 0px 10px; overflow:hidden;}
.aboutBlist_img{width:230px;height:153px;}
.aboutB_list li p{text-align:center; height:30px; line-height:30px;  margin-top:10px; font-size:14px; }
	.zczy {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
		padding: 0 100px;
	}	
	
	.case_list li{width:330px; height:260px; float:left; margin-right:15px; margin-left:15px; margin-bottom:30px;}
.caselist_img{width:330px; height:220px; overflow:hidden;}
.case_list p{background:#f3f4f8; height:40px; line-height:40px; font-size:14px; text-align:center;}	
.indexrong_list li{width:220px; float:left; margin-left:20px; marign-right:20px;}

.indexrong_list li p{text-align:center; height:40px; line-height:40px;}
.indexronglist_img{width:220px; height:153px; overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;}
.news_list li{width:280px; height:287px; border:1px solid #eaeaea; float:left; margin-right:15px; margin-left:15px; margin-bottom:30px; float:left; padding:15px;}
.news_img{width:280px; height:186px; overflow:hidden;}
}
@media(max-width:1024px) {
.page_ul li{ width:105px; height:45px; margin-bottom:10px;}
.page_ul li a{background:#1378be;width:105px; height:45px; line-height:45px; color:#ffffff; display:block; text-align:center; margin-right:8px; margin-left:8px; }
.page_ul li a.pateul3{line-height:20px; padding-top:5px; height:45px;}
.page_ul li a.pateul1{line-height:20px; padding-top:5px; height:40px; font-size:12px;}

.news_list li{width:240px; height:267px; border:1px solid #eaeaea; float:left; margin-right:15px; margin-left:15px; margin-bottom:30px; float:left; padding:15px;}
.news_img{width:240px; height:159px; overflow:hidden;}
.nav li{padding-left:4%; }
.aboutA_l p{font-size:12px; line-height:20px; }
.aboutB_list li{width:230px; height:210px; float:left; background:#ffffff; margin-left:15px; margin-right:15px; margin-bottom:30px; padding:10px 10px 0px 10px; overflow:hidden;}
.footer_bg{font-size:12px;}
	.zczy {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
		padding: 0 30px;
	}
	.gojh h1{ text-align:center; color:#fff; background:url(../images/bg2.jpg) no-repeat center top; padding-top:15px; color:#fff; font-size:14px; font-weight:bold; margin-bottom:15px;}

.gokm li img{ display:block; width:100%; height:324px;}

.gojh{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.52); padding:128px 20px 0 20px;transition: all 1s ease;}

.gokm li:hover .gojh{ background:rgba(44,112,170,0.8); padding-top:50px}	
	.case_list li{width:280px; height:227px; float:left; margin-right:10px; margin-left:10px; margin-bottom:30px;}
.caselist_img{width:280px; height:187px; overflow:hidden;}
.case_list p{background:#f3f4f8; height:40px; line-height:40px; font-size:14px; text-align:center;}
}



@media(max-width:414px) {


	.zczy {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
		padding: 0 15px;
	}
	
	.gojh h1{ text-align:center; color:#fff; background:url(../images/bg2.jpg) no-repeat center top; padding-top:15px; color:#fff; font-size:14px; font-weight:bold; margin-bottom:15px;}

.gokm li img{ display:block; width:100%; height:400px;}

.gojh{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.52); padding:148px 20px 0 20px;transition: all 1s ease;}

.gokm li:hover .gojh{ background:rgba(44,112,170,0.8); padding-top:120px}	

.gokm li{float:left; width:100%; position:relative;transition: all 1s ease;}

.bon p{ height:70px;}

}

.menu {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  display: flex;
  justify-content: center;
  margin-top:30px;
}

.menu * {
  box-sizing: border-box;
}
.menu .center {
  width: 1200px;
}
.menu .ul-list {
  display: flex;
}
.menu .ul-list > li {
  flex: 1;
  border-right: 0px solid #333;
  position: relative;
}
.menu .ul-list > li:last-child {
  border-right: none;
}
.menu .ul-list > li > a {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-decoration: none;
  color: #000;
  background: #ffffff;
}
.menu .ul-list > li > a:hover{color:#276eb0}
.menu .ul-list > li > span {
  color: #000;
  font-size: 16px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}

.menu .ul-list > li > a .here{color:#276eb0; }
.menu .ul-list > li:hover .ol-list {
  display: block;
}
.menu .ol-list {
  display: none;
  position: absolute;
  top: 35px;
  left: 0;
  z-index: 999;
  background:#276eb0;
  width: 120%;

}
.menu .ol-list > li > a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  height:40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #348ee2;
  justify-content: center;
  

}


@media(max-width:1534px) {
.menu .ul-list > li > a {
 
  font-size: 14px;

}

.menu .ul-list > li > span {
 
  font-size: 14px;

}	

.menu .ol-list > li > a {
  font-size: 12px;
 
  height:35px;
}	

}
.menu .ol-list > li > a:hover {
  background: #348ee2;
}