* { box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-webkit-text-size-adjust: none; outline: none;scroll-behavior: smooth;  }

/* 通用滚动条代码 */
::-webkit-scrollbar {
	width: 7px;
	background-color: #0e75c8;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #0e75c8;
}
/*-----------------共用------------*/
.space1{ overflow:hidden; clear:both; height:10px; width:100%}
.space2{ overflow:hidden; clear:both; height:20px; width:100%}
.space3{ overflow:hidden; clear:both; height:30px; width:100%}
.space4{ overflow:hidden; clear:both; height:40px; width:100%}

.main_box{ max-width:1500px; overflow:hidden; width:94%; margin:0 auto;}

@media (max-width:2000px) {
.main_box{ max-width:1400px; overflow:hidden; width:94%; margin:0 auto;}

}

@media only screen and (max-width:1000px) {
.space2{ overflow:hidden; clear:both; height:10px; width:100%}
.space3{ overflow:hidden; clear:both; height:10px; width:100%}
.space4{ overflow:hidden; clear:both; height:20px; width:100%}
}

li{ list-style:none}
.hui_bg{ background:#f2f1f7; width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
.bai_bg{ background:#ffffff; width:100%; padding:80px 0px 80px 0px; overflow:hidden; }


@media only screen and (max-width:1400px) {
.hui_bg{ background:#f2f1f7; width:100%; padding:60px 0px 60px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:60px 0px 60px 0px; overflow:hidden; }
}


@media only screen and (max-width:1100px) {
.hui_bg{ background:#f2f1f7; width:100%; padding:30px 0px 30px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:30px 0px 30px 0px; overflow:hidden; }
}




.sy_title1{ text-align:center; }
.sy_title1 h3{ color: #000;font-size: 40px;line-height:50px; margin:0px; padding:0px; padding-bottom:10px; font-weight:700;letter-spacing:1px; position: relative; font-family:'Anton';text-transform: capitalize; }
.sy_title1 .x_txt{ margin:0 auto;line-height: 30px;padding:0px 15px;font-size:16px; color: #666;  }
.sy_title1 h3::before{position: absolute; z-index: 1;content: ""; bottom:0; width: 40px; height: 3px; background: #f80000;left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);}
@media only screen and (max-width:1450px) {
.sy_title1 h3{ font-size: 34px; margin-bottom:0px;line-height:36px;}		
}

@media only screen and (max-width:1190px) {
.sy_title1 h3{ font-size: 30px; margin-bottom:0px;line-height:36px;}
.sy_title1 .x_txt{line-height: 24px;}
}
@media only screen and (max-width:800px) {
.sy_title1 h3{ font-size: 24px; margin-bottom:0px;line-height:30px;}
.sy_title1 .x_txt{font-size: 14px;}
}


.x_txt_sm{ overflow: hidden;margin: 0px;  padding: 0px;text-align: center;font-size: 16px; line-height: 190%;font-weight: 400;color:#333; margin-bottom: 20px}

.xx_btn_k1{width:120px; margin:0 auto; margin-top:5px; }
.xx_btn_k1 a{ display:inline}
.xx_btn1{text-align:center; color:#0e75c8; border:#0e75c8 1px solid; line-height:36px; height:36px; font-size:14px; border-radius:30px;}
.xx_btn_k1:hover .xx_btn1{ background:#0e75c8; color:#fff}


	


.tab_menu{overflow:hidden; margin:0px; padding:0px; float:left; width:19%; margin:0px; padding:0px; position:relative; }
.tab_menu li{cursor:pointer; height:auto; padding:0px 0px 0px 0px; border-bottom:#fff 1px solid;background:#f6f6f6;font-family: 'Aileron-Regular';}
.tab_menu li.current{color:#0e75c8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:inline}
.tab_menu li p a{color:#333;text-decoration:none; line-height:44.2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:inline}
.tab_menu li p{font-size:16px; line-height:44.2px; text-indent:15px; padding:0px 0px; margin:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; position: relative}

.tab_menu li p::before{ content: ""; z-index:2;position: absolute; width: 4px; height: 4px;border-radius:50%; background: #333;left:8px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.tab_menu li:last-child{ border-bottom:#eee 0px solid}
.tab_menu li.current a{color:#fff;display:inline}

.tab_box{overflow:hidden; padding:0px; float: right; width:79%; }
.tab_menu li.current p{background:#0e75c8; color:#FFFFFF;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.tab_menu li.current p::before{ background: #fff}

.tab_box .hide{display:none;}
.tab_menu li:hover p i{ margin-right:15px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}



@media screen and (max-width: 1300px) {
.tab_box{ float: none; width:100%; margin-top:15px;}
.tab_menu{padding-top:0px; float: none; width:100%;box-shadow: 0 0 0px #ddd;}
.tab_menu li{float:left; width:20%;box-shadow: 0 0 0px #ddd;border-right: #fff 1px solid}
.tab_menu li p a{font-size: 14px}
.tab_menu li p{font-size:14px;}
.tab_menu li:nth-child(5n) p{ border-right:#eee 0px solid}

}
@media screen and (max-width: 800px) {

	.tab_menu li{ width:25%;}
	.tab_menu li:nth-child(5n) p{ border-right:#eee 1px solid}
	.tab_menu li:nth-child(4n) p{ border-right:#eee 0px solid}
	
	.tab_menu li p::before{ display: none; width: 0; height: 0}
}



@media screen and (max-width: 760px) {
.tab_menu li p a{ overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:40px;}
.tab_menu li p{ text-indent:0px; text-align:center;line-height:40px;}

.tab_menu li {overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:33.333%;}
.tab_menu li:nth-child(5n) p{ border-right:#eee 1px solid}
.tab_menu li:nth-child(4n) p{ border-right:#eee 1px solid}
.tab_menu li:nth-child(3n) p{ border-right:#eee 0px solid}
}

@media screen and (max-width: 550px) {
  .tab_menu li {overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:50%;}
  .tab_menu li:nth-child(3n) p{ border-right:#eee 1px solid}
.tab_menu li:nth-child(2n) p{ border-right:#eee 0px solid}
}


.sy_cplist{ overflow:hidden; padding:0px; margin:0 auto}
.sy_cplist li{ overflow:hidden; margin:0px; padding:0px; width:23.875%; float:left;display:inline;  margin-bottom:2%; margin-right:1.5%}
.sy_cplist dl{ overflow:hidden;padding:8px;margin:0 auto; border:#ddd 1px solid;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; position:relative; background:#fff;}
.sy_cplist dl a{ display:inline}
.sy_cplist dl dt{overflow:hidden;font-weight:normal;color:#222; position:relative;text-align:center; }
.sy_cplist dl dd{ overflow:hidden; margin:0px;font-size: 15px; text-align: center}
.sy_cplist dl dt h3{ font-size:16px;line-height:24px; padding:0px 5px 0px 5px;  text-align:left; margin-top:8px;font-family: 'Aileron-Regular';font-weight: normal;text-align: center;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_cplist dl dd span{ color:#777; margin-right:2px}
.sy_cplist dl dt img{width:100%;height:auto; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; margin:0 auto }
.sy_cplist li:hover dl{box-shadow:0 0 15px 1px rgba(0,0,0,.1); background:#fff; border:#3da9ea 1px solid; }
.sy_cplist li:hover dt h3{ color:#0e75c8;}


.cpsx_sm_txt{ overflow:hidden; margin:0px;font-size:14px; line-height:20px; color:#555;padding:0px 5px 0px 5px;height:40px}
.cpsx_sm_txt span{ color:#777; margin-right:2px}


.sy_cplist li:hover dt{color:#0e75c8}

.sy_cplist li:nth-child(4n){ margin-right:0}

.sy_cplist dl  .cp_dv{ width:auto; height:40px; text-align:center; position:absolute; z-index:6; right:8px; bottom:0px}
.cp_dv i{ color:#6633FF;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;font-size: 26px;
background: -webkit-linear-gradient(45deg, #6633FF, #0672c1);
background: -o-linear-gradient(45deg, #6633FF, #0672c1); 
background: -moz-linear-gradient(45deg, #6633FF, #0672c1); 
background: linear-gradient(45deg, #6633FF, #0672c1); -webkit-background-clip: text; color: transparent;}
.sy_cplist dl  .cp_dv img{ height:22px; width:auto}

.sy_cplist dl .cp_dv:hover i{transform:rotate(360deg);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media only screen and (max-width:1300px) {
.sy_cplist dl{ overflow:hidden; padding:8px;}
.sy_cplist dl dt h3{ font-size:14px;}
.cpsx_sm_txt{ font-size:12px}
.sy_cplist dl  .cp_dv i{font-size: 22px;}
}

@media only screen and (max-width:750px) {
.sy_cplist li{ width:49%; margin-bottom:15px}
.sy_cplist li:nth-child(2n){ margin-right:0}
.sy_cplist dl{ overflow:hidden;padding:15px;}
.sy_cplist dl  .cp_dv{ width:auto; height:40px; text-align:center; position:absolute; z-index:6; right:4px; bottom:-10px}
}

@media only screen and (max-width:650px) {
.sy_cplist dl{ overflow:hidden;  padding:6px;}
}

.our-ser_bg{overflow:hidden;background:#0e75c8  url(../images/our-ser.jpg)  no-repeat center bottom;background-size:cover;z-index: 1;  position: relative;}

.our-ser_bg::before {
  content: "";
  position: absolute;
  background:#102374;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.8;
}

.our-i_bg{ position: absolute;left:-8%;top:30%;z-index: 0;width: 20%;}
.our-i_bg img{width: 100%; height: auto; opacity: 0.3;
  -webkit-transition: all 10s;
  -webkit-animation: lineAnimate 15s linear infinite;}
  @media only screen and (max-width:750px) {
    .our-i_bg{width: 30%; } 
  }
  
@-webkit-keyframes lineAnimate {
	0% {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes lineAnimate {
	0% {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}


.home_about_bg{ background:url(../images/about_bg.jpg) no-repeat; background-size: cover; }
.sy_about_tu{ overflow:hidden; text-align:center; margin:0px; padding:0px; width:48%; float:left;  position: relative;  padding-bottom: 20px; padding-right: 20px;z-index:2}
.sy_about_tu img{ overflow:hidden; vertical-align: middle;max-width:100%; width:auto; height:auto;z-index:2; position: relative; }
.sy_about_tu::after{position: absolute; z-index:1; content: "";width:90%; height:90%; background: #0e75c8; bottom: -20px; right: -20px}

.sy_about_R{ overflow:hidden; padding: 0px; margin: 0px;float: right; width: 45%}
.sy_about_R dl{ overflow:hidden; padding: 0px; margin: 0px; padding-top: 7%}
.sy_about_R dl dt{ overflow:hidden; padding: 0px; margin: 0px;color: #111;font-size: 1.8vw;line-height:1.5;text-transform:uppercase; font-family:'AlumniSans';margin-bottom: 10px;font-weight: 700}
.sy_about_R dl dd{ overflow:hidden; padding: 0px; margin: 0px;line-height: 26px;  color: #333}


.btn-area{margin-top:20px;}

.readon {
    background: #0e75c8;
    line-height: normal;
    color: #ffffff;
    transition: all 0.3s ease 0s;
    border-radius: 3px;
    padding: 0 0px;
    height: 50px;
    line-height: 50px;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
    display: flex;align-items: center;width: 180px;justify-content: center;
}

.readon i{font-size: 14px; margin-left: 5px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.readon:hover i{margin-left: 15px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.readon:hover { color: #ffffff;}
.readon:hover:before { right: 20px;}


@media only screen and (max-width:1400px) {
  .sy_about_R dl dt{font-size: 2vw;}
  .sy_about_R dl dd{ line-height: 24px; font-size: 14px;}	

  }
  
  @media only screen and (max-width:1200px) {
  .sy_about_R dl dt{font-size: 25px;}

  
  }
  
  @media only screen and (max-width:900px) {
  .sy_about_R dl dt{ font-size: 24px;}
  .readon {height: 40px;line-height: 40px;width: 150px; margin: 0 auto;}
  }
  
  
  @media only screen and (max-width:1100px) {
  .sy_about_R{ width: 47%}
  .sy_about_R dl{padding-top: 1%}
  }
  
  @media only screen and (max-width:1000px) {
  .sy_about_R{ width: 48%}
  .sy_about_R dl{padding-top: 0%}
  }
  
  @media only screen and (max-width:900px) {
  .sy_about_R{float: none; width: 100%;}
  .sy_about_tu{ width: 100%; margin-bottom: 25px;}
  .sy_about_R dl dt{ text-align: center;}
  }
  

  .home_ys_bg{ overflow:hidden;background:#fff url("../images/map-bg.png") no-repeat center top; background-size:100% auto}

/*-------左右列表-----------*/
.list_LR{overflow: hidden;margin: 0px;padding: 0;}
.list_LR li{overflow: hidden;margin: 0px;padding: 0;margin-bottom: 30px; }
.list_LR li .item_box{overflow: hidden;margin: 0px;padding: 0;
   display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.list_LR li .item_box .box_left{overflow: hidden;margin: 0px;padding: 0; width: 50%;}
.list_LR li .item_box .bot_right{overflow: hidden;margin: 0px;padding: 0; width:50%;}
.list_LR li .item_box .bot_right img{width: 100%;height: auto;vertical-align: top;}

.Des_text_xx{overflow: hidden;margin: 0px;padding: 0; width: 90%;}
.Des_text_xx dl{overflow: hidden;margin: 0px;padding: 0;}
.Des_text_xx dl dt{overflow: hidden;margin: 0px;padding: 0;font-size: 25px; margin-bottom: 5px; color: #0e75c8;font-weight: bold;}
.Des_text_xx dl dd{overflow: hidden;margin: 0px;padding: 0;font-size: 16px; line-height: 190%; color: #333;}
.Des_text_xx dl dd strong{color: #111;}
.list_LR li:nth-child(2n) .item_box{direction: rtl}
.list_LR li:nth-child(2n) .item_box .box_left{direction: initial;}
.list_LR li:nth-child(2n) .item_box .bot_right{direction: initial;}

.list_LR li:nth-child(2n-1) .item_box .Des_text_xx{float: right;}



@media screen and (max-width: 900px) {
.Des_text_xx dl dt{font-size: 20px;}
.Des_text_xx dl dd{font-size: 14px;}
}

@media screen and (max-width: 640px) {
  .Des_text_xx dl dt{font-size: 18px;}
.Des_text_xx{overflow: hidden;margin: 0 auto;padding: 20px 0px; width:100%;}
.list_LR li:nth-child(2n-1) .item_box .Des_text_xx{float: none;}
.list_LR li .item_box .box_left{overflow: hidden;margin: 0px;padding: 0; width: 100%;}
.list_LR li .item_box .bot_right{overflow: hidden;margin: 0px;padding:0; width:100%;}
.list_LR li {margin-bottom: 2px;}
}
/*-------左右列表----//-------*/
.sy_m_news_bg{ overflow:hidden;background:#fff url("../images/news_bg.jpg") no-repeat center top; background-size:cover}


.sy_m_news{ overflow:hidden; margin:0px; padding:20px 0px 20px 0px;}
.sy_m_news li{ overflow:hidden; margin:0px; float:left; width:49%; margin-right: 2%; margin-bottom:15px;background:#fff; padding:15px; list-style:none}
.sy_m_news li:nth-child(2n){ margin-right:0}
.sy_m_news li dl{overflow:hidden; margin:0px; padding:0px;}
.sy_m_news li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:16px; color:#222;white-space:nowrap;text-overflow:ellipsis; margin-bottom:5px}
.sy_m_news li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:14px; color:#555; line-height:24px; max-height:48px;}
.sy_m_news li dl dd p{ font-size:12px; color:#888; padding-bottom:5px; line-height: 20px}
.sy_m_news li dl dd p i{ font-size:14px; vertical-align: middle; margin-right: 4px; line-height: 20px}
.sy_m_news_tu{ margin:0px;overflow:hidden; margin-right:20px; width:200px; height:120px; position:relative; float:left}
.sy_m_news_tu img{ width:100%; height:100%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.sy_m_news li:hover .sy_m_news_tu img{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.sy_m_news li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1)}
.sy_m_news li:hover dl dt{ color:#0069C1}



@media only screen and (max-width: 1000px) {
.sy_m_news_tu{ margin:0px; overflow:hidden; margin-right:20px; width:150px; height:90px; position:relative; float:left}
.sy_m_news li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:14px; color:#222;white-space:nowrap;text-overflow:ellipsis; margin-bottom:2px}
.sy_m_news li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:12px; color:#555; line-height:22px; max-height:44px;}
.sy_m_news li dl dd p{padding-bottom:1px}

}

@media only screen and (max-width: 730px) {
.sy_m_news li{ overflow:hidden; margin:0px; float:left; width:100%; margin-bottom:15px;margin-right:0%; padding:10px}
.sy_m_news_tu{ margin:0px;overflow:hidden; margin-right:15px; width:120px; height:72px; position:relative; float:left}
.sy_m_news li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:12px; color:#555; line-height:22px; max-height:22px;}
}

.img_box_wx{overflow: hidden; position: relative}
.img_box_wx .product_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.img_box_wx .product_img img{display: block;width:100%;height: auto; vertical-align: top}
.img_box_wx:hover .product_img{transform: scale(1.1); -webkit-transform: scale(1.1);}



.LB_newslist1{ overflow:hidden; margin:0px; padding:0px}
.LB_newslist1 li{ overflow:hidden; margin:0px; padding:2% 4%; margin-bottom:15px; list-style:none; background:#fff}

.LB_newslist1 li dl{ overflow:hidden; margin:0px; position:relative}
.LB_newslist1 li dl dt{ overflow:hidden; margin:0px; font-size:20px; color:#222;  line-height: 26px; max-height: 56px; margin-bottom: 5px;font-family:'Raleway';font-weight: 900}
.LB_newslist1 li dl dt a{ font-size:20px; color:#222;}
.LB_newslist1 li dl dt a:hover{ color:#de1919;}
.LB_newslist1 li dl dd{ overflow:hidden; margin:0px; font-size:14px;}
.LB_newslist1 li dl dd .des_txt{font-size:14px; line-height:24px; overflow:hidden; margin:0px; padding:0px; height:48px; color:#666666; padding-right:150px;}
.LB_newslist1 li dl dd .time{ font-size:14px; margin-bottom:5px; line-height:190%;color:#666666}
.LB_newslist1 li dl dd .time i{font-size:14px; margin-right: 4px;}
.LB_newslist1 li dl dd .more{ float: right;position: absolute;bottom: 26px;right: 0; z-index:1 }


.LB_newslist1 li .more a{display: block;color: #313134;border:1px solid #313134;width:115px;text-align:center;line-height:35px;height: 35px;border-radius: 35px;position: relative;}
.LB_newslist1 li .more a i{position: absolute;right: 5px;top: 50%;margin-top: -4px;
  width: 0px;height: 0px;display: block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 8px solid #313134;
  border-right: 8px solid transparent;
}
.LB_newslist1 li .more a:hover{background: #de1919;color: #fff;border:1px solid #de1919;}
.LB_newslist1 li .more a:hover i{border-left: 8px solid #fff;}

.LB_news{ float:left; margin-right:20px; min-width: 240px; width:30%; overflow:hidden; height:auto;}

@media only screen and (max-width:1300px) {
.LB_newslist1 li dl dt{font-size:16px;  line-height: 24px; max-height:48px;} 
.LB_newslist1 li dl dt a{ font-size:16px;}
.LB_newslist1 li{ overflow:hidden; padding:3% 2% 4% 2%; }
}

@media only screen and (max-width:700px) {
.LB_newslist1 li{ overflow:hidden; padding:10px 10px 10px 10px; }
.LB_newslist1 li dl dt a{ font-size:16px; color:#222;}
.LB_newslist1 li .more a{display: block;color: #313134;border:1px solid #313134;width:95px;margin:0 auto;text-align:center;line-height:30px;height: 30px;border-radius: 30px;position: relative;}

.LB_newslist1 li dl dd .des_txt{ line-height:20px; overflow:hidden; margin:0px; padding:0px; height:40px; color:#666666;font-size:14px;}

.LB_newslist1 li dl dd .more{ float:left;position: inherit;bottom: 5px;right: 0; z-index:1; margin-top:5px ; font-size:12px}

.LB_newslist1 li .more a i{position: absolute;right: 1px;top: 50%;margin-top: -3px;
  width: 0px;height: 0px;display: block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 8px solid #313134;
  border-right: 8px solid transparent;
}

.LB_news{ float:left; margin-right:20px; width:160px; overflow:hidden; height:auto;}

}

@media only screen and (max-width:600px) {
.LB_news{ float: none; margin-right:0px; width:100%; overflow:hidden; height:auto;}
}



.main_inbox{ overflow:hidden;  margin:0px; padding:40px 5% 40px 5%;}
@media screen and (max-width: 950px) {
	.content_txt  video{max-width:800px; width: 100%; max-height: 300px;}
}

@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
}



.news_title_bt{ width:100%; line-height:34px; font-size:24px;margin-bottom:15px; color:#222; font-weight:700; text-align: center }
.content_time{width:100%; border-bottom:#ededed 1px solid; font-size:14px; color:#666666; padding-bottom:15px; margin-bottom:20px; line-height:25px; text-align:center;
display: flex;justify-content: center;align-items: center;display: -webkit-flex;flex-wrap: wrap;}
.content_time i{ font-size:16px; color:#999999; margin-right:2px; font-weight:300}


.content_txt{line-height:200%; color:#333333; font-size:16px; overflow:hidden; padding:0px; word-break:break-word;}
.content_txt p{line-height:200%; color:#333333; font-size:16px; overflow:hidden;}
.content_txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}


.content_img{overflow:hidden; width:100%; text-align:center}
.content_img img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.content_txt table{ table-layout: fixed;word-break: break-all;width: 100%; }
.content_txt table td{border:1px solid #999; padding: 0px 5px 0px 5px;;}
.content_txt table{border:1px solid #999} 
.content_txt  video{max-width:800px; width: 100%; max-height: 400px; height: auto; background:#000}
.main_inbox{ overflow:hidden;  margin:0px; padding:40px 5% 40px 5%;}
@media screen and (max-width: 950px) {
	.content_txt  video{max-width:800px; width: 100%; max-height: 300px;}
}

@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
}

@media screen and (max-width: 768px) {
	.content_txt  video{background:#000 url(../images/dv_bg.jpg) no-repeat; background-size: cover}

}

@media (max-width: 1400px) {
.content_txt{line-height:190%; font-size:14px; }
.content_txt p{line-height:190%;}
}
@media (max-width: 1300px) {
.content_txt{font-size:14px; }	
.content_txt p{font-size:14px; }	
.content_time{ margin-bottom:15px}	
.content_bt{ font-size:24px;}
}
@media screen and (max-width: 768px) {
.main_inbox{ overflow:hidden;  margin:0px; padding:20px 4% 20px 4%;}
.news_title_bt{ width:100%; line-height:25px; font-size:18px; padding-top:10px;font-weight:bold;text-align: center }
.content_time{font-size:12px; }
.content_time i{ font-size:14px;}
.content_bt{ font-size:22px;}
}

@media screen and (max-width: 650px) {
.content_time{text-align: center}	
}




.related{ font-size:18px; color:#222; padding:0px; margin:0px; margin-top:25px; margin-bottom:20px; font-weight:700}
.related span{font-size:18px; color:#222; padding:0px; margin:0px;}

.relatedlist{margin:0px 0px; padding:10px 0px 10px 0px; overflow:hidden;border:#eee 1px solid;}
.relatedlist li{margin:0px; padding:0px; width:48%; margin-right:1%; margin-left:1%;float:left; margin-bottom:10px; line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:16px; background:url(../images/x_dot.png) no-repeat left center; text-indent:15px; color:#111}
.relatedlist li a{display: inline}
.relatedlist a{ display: inline}

.next_k{ padding:0px;margin-top:15px; border-top:#ddd 1px solid;}
.next_k ul{margin:0px; padding:0px; margin-top:10px}
.next_k ul li{ line-height:28px; margin:0px; padding: 2px 0px; color:#666666; font-size:16px; list-style:none}


@media (max-width:1000px) {
.relatedlist{margin:0px 0px; padding:5px 0px 0px px;}
.relatedlist li{margin:0px; padding:0px;width:48%; margin-right:1%; margin-left:1%; float:left;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent:15px}
.relatedlist li{ font-size:14px}
.relatedlist li a{ display: inline}
.relatedlist a{ display: inline}

.next_k ul li{ line-height:25px; margin:0px; padding:0px; color:#666666; font-size:14px; list-style:none}
.next_k ul li a{font-size:14px}
.page_k{ text-align:center; padding:0px; font-size:12px;border-top:#ddd 0px solid; margin-top:15px;}
.page_k a{ font-size:12px}
.page_k a:hover{ font-size:12px}
}

@media (max-width:750px) {
.relatedlist li{margin:0px; padding:0px;width:98%; margin-right:1%; margin-left:1%; float:left;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent:15px}
}
.relatedlist li a:hover { color:#0e75c8; }



.xx_btn_k{width:140px; margin:0 auto; }
.xx_btn{ margin:0px; text-align:center; color:#0e75c8;  border:#0e75c8 1px solid; line-height:40px; height:40px; font-size:16px; border-radius:30px;}
 
.xx_btn_k:hover .xx_btn{ background:#ee0000; color:#fff;border:#ee0000 1px solid;}
.xx_btn i{ margin-right: 5px; font-size:18px; }
.xx_btn_k a{display: inline}


.article_title{ width:100%; line-height:1.1; font-size:1.8vw;margin-bottom:15px; color:#222; font-weight:bold; text-align: center}

@media only screen and (max-width:1300px){
	.article_title{font-size:22px;}
}

.line_bt{border-bottom:#ddd 1px solid;clear: both; margin-bottom: 20px;}

.side_L{width: 22%;float: left;}
.side_R{width: 75%;float: right;}

.navLHead{ height:75px; line-height:75px; background:#0e75c8; text-align:center; color:#fff; font-size:24px; font-weight: bold;}


.l-sub{  padding:0px;margin:0px; overflow:hidden; border:#ddd 1px solid;border-top:#CECECE 1px solid; margin-top: 10px;}
.l-sub li{ height: 44px; line-height: 43px;background: #fff;  border-bottom:#CECECE 1px solid; margin:0px; padding:0px}
.l-sub a{ display: block; color: #333;font-size:16px; position: relative;text-indent: 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.l-sub a:hover,.l-sub a:active{ color: #0e75c8; font-size:16px; background:#f4f4f4; border-bottom:#CECECE 1px solid; line-height:43px; position: relative;}
.l-sub li.active a{border-bottom:#ddd 1px solid; color:#0e75c8; font-size:16px; background:#f4f4f4; line-height:43px; }
.l-sub li:last-child{border-bottom:#CECECE 0px solid;}
.l-sub li.active a::before{position: absolute;content: "";width: 4px; height: 100%;left:0;top:0;z-index: 3; background: #0e75c8 ;}



@media only screen and (max-width:1300px) {
.l-sub li{ font-size:14px;height: 41px; line-height: 40px;}
.l-sub a{font-size:14px;}
.l-sub li.active a{ font-size:14px;line-height:40px;}
.navLHead{font-size:20px; height:60px; line-height:60px;}
.l-sub a:hover,.l-sub a:active{line-height:40px;}
}

@media only screen and (max-width:950px) {

.side_L{width: 22%;float: left;display: none;}
.side_R{width: 100%;float: none;}
}



.nav_ml{ border-bottom:1px solid #d9d9d9; height:42px; margin-bottom:30px; }
.nav_ml i{ display:inline-block; border-bottom:3px solid #0e75c8; color:#0e75c8; font-size:22px; font-weight:bold; height:42px; line-height:30px; padding:0 0px; font-style:normal}
.nav_ml a{display: inline}


@media only screen and (max-width:1000px) {
  .nav_ml i{font-size:20px;}
  .nav_ml{ margin-bottom:20px}

  } 
  
  















































































.public_imgs{ overflow:hidden; position:relative; padding-top:66%;}
.public_imgs img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}

.public_imgs .title{position: absolute; z-index:1;
   background: rgba(0, 0, 0, 0.5);bottom:0;left:0; width: 100%;  padding: 10px 10px; 
   color: #fff;text-align: center; font-family:'AlumniSans';font-size: 1.5vw;
   transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;line-height: 1;}


@media (max-width: 1300px) {
  .public_imgs .title{font-size: 1.8vw;}
}

  
@media (max-width: 1000px) {
  .public_imgs .title{font-size: 18px;}
}

@media (max-width: 420px) {
  .public_imgs .title{font-size: 16px; padding: 5px 6px; }
}



#fixed_1{ width:100%; height:400px ;background:#004ea1;background-size:cover!important;position:relative;}

.m_ser_box{ overflow:hidden; padding:0px; position: absolute; z-index: 2;background:rgba(0,0,0,0.3);width: 100%; height: 100%;float: left}

.ser_txtbox{ overflow:hidden; margin:0px; padding:0px; font-size:2.8vw; line-height:1.5;ext-transform: uppercase;
position:absolute;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
font-family:'Anton';
text-align: center; width: 100%;color: #fff
}
.ser_txtbox h6{font-size: 20px; line-height: 26px;color: #fff;margin: 0px; padding: 5px 10px;font-weight: normal;} 
.ser_txtbox p{font-size: 16px; line-height: 24px; font-weight: normal;text-transform: capitalize; color: #fff;}
.ser_txtbox p a{color: #fff}
@media only screen and (max-width:1300px) {
	#fixed_1{height:300px }
	.ser_txtbox p{font-size: 14px; }

  .ser_txtbox h6{font-size: 18px; }
}

@media only screen and (max-width:1190px) {

#fixed_1{ width:100%; height:200px ;background-size:cover!important;position:relative;}
.ser_txtbox{ font-size:36px;}
.ser_txtbox h6{font-size: 16px; }
}


@media only screen and (max-width:700px) {
#fixed_1{ width:100%; height:120px ;background-size:cover!important;position:relative; }
.ser_txtbox{ font-size:25px;  line-height:25px;letter-spacing:1px;}

}



.d_box_bg{overflow:hidden; padding:50px 0px 30px 0px; margin: 0px; position:relative;background: #00285b; z-index: 1}

.d_box_bg:before {
  content: "";
  background: url(../images/map-bg1.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
background-size: contain;opacity: 0.2;
}

.d_box_L{overflow:hidden; padding:0px; margin: 0px; width: 35%;float: left}
.d_box_M{overflow:hidden; padding:0px; margin: 0px; width: 35%;float: left; text-align: center}
.d_box_R{overflow:hidden; padding:0px; margin: 0px; width: 30%;float: right;text-align: right}

.d_box_L li{overflow:hidden; padding:0px; margin: 0px;}
.d_box_L li dl{overflow:hidden; padding:0px; margin: 0px;}
.d_box_L li dl dt{overflow:hidden; padding:0px; margin: 0px; margin-bottom: 10px; font-size: 18px; color: #fff; font-family:'AlumniSans-Bold'; line-height: 1.5;}
.d_box_L li dl dd{padding:4px 0px; margin: 0px; line-height: 24px;font-size: 16px;color: rgba(255, 255, 255, 0.8);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.d_box_L li dl dd a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color: rgba(255, 255, 255, 0.8);}
.d_box_L li dl dd a:hover{color: #0e75c8}

.d_box_lx{overflow:hidden; padding:0px; margin: 0px;display: inline-block}
.d_box_lx dl{overflow:hidden; padding:0px; margin: 0px; text-align:left}
.d_box_lx dl dt{overflow:hidden; padding:0px; margin: 0px;  margin-bottom: 10px; font-size: 18px; color:#fff;line-height: 1.5;font-family:'AlumniSans-Bold'; }
.d_box_lx dl dd{overflow:hidden; padding:4px 0px; margin: 0px;  line-height: 24px;font-size: 14px;color: rgba(255, 255, 255, 0.8);}
.d_box_lx dl dd i{ margin-right: 4px;font-size: 18px;vertical-align: middle}
.d_box_lx dl dd span{    line-height: 28px;font-family: 'Aileron-Bold'; letter-spacing: -0.5px;font-size: 22px;vertical-align: middle}

.d_2wm_box{overflow:hidden; padding:0px; margin: 0px 10px;display: inline-block;}
.d_2wm_box dl{overflow:hidden; padding:0px; margin: 0px; }
.d_2wm_box dl dt{overflow:hidden; padding:0px; margin: 0px;  margin-bottom:5px; }
.d_2wm_box dl dt img{width: 120px; height: 120px; vertical-align: top;border-radius: 5px;}
.d_2wm_box dl dd{overflow:hidden; padding:4px 0px; margin: 0px;  line-height: 24px;font-size: 14px;color: rgba(255, 255, 255, 0.8); text-align: center}


.d_copxx{overflow:hidden; padding:0px; margin: 0px; font-size: 14px; color: rgba(255, 255, 255, 0.8); text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid rgb(255,255,255,0.1)}

@media (max-width:1500px){
  .d_box_lx dl dt{font-size: 1.7vw;}
  .d_box_L li dl dt{font-size: 1.7vw;}
}

@media (max-width:1300px){
  .d_box_lx dl dt{font-size: 22px}
  .d_box_L li dl dt{font-size:22px}
}


@media (max-width:1100px){
.d_2wm_box dl dt img{width: 100px; height: 100px; vertical-align: top;border-radius: 5px;}	
	
}

@media only screen and (max-width: 1000px){
.d_box_L{ display: none}	
.d_box_bg{ padding:30px 0px 20px 0px; }
	
.d_box_lx{display: block}
.d_box_M{overflow:hidden; padding:0px; margin: 0px; width: 65%;float: left; text-align: center}
.d_box_R{overflow:hidden; padding:0px; margin: 0px; width: 35%;float: right;text-align: right}

}


@media only screen and (max-width: 650px){
	.d_box_lx dl dl{font-size: 16px}
.d_box_lx dl{overflow:hidden; padding:0px; margin: 0px; text-align:center}
	.d_box_lx dl dd{ padding:1px 0px;}
	.d_box_lx dl dd i{display: none}
.d_box_M{overflow:hidden; padding:0px; margin: 0px; width: 100%;float: none; text-align: center; margin-bottom: 20px}
.d_box_R{overflow:hidden; padding:0px; margin: 0px; width: 100%;float: none;text-align:  center;display: none;}
.d_copxx{margin-top:10px;}
}



    .boxleft{ overflow:hidden; padding:0px; margin:0px; float:left; width:18%;}
    .boxright{ overflow:hidden; padding:0px; margin:0px; float: right; width:79%; display: block}
    
    @media only screen and (max-width:1250px) {
      .boxleft{ width:22%; overflow:hidden; float:left; display:block}
      .boxright{ width:75%; overflow:hidden; float: right; display:block}
      }
    
    @media only screen and (max-width:1024px) {
    .boxleft{ width:24%; overflow:hidden; float:left; display:block}
    .boxright{ width:73%; overflow:hidden; float: right; display:block}
    }
    @media only screen and (max-width:1000px) {
    .boxleft{ width:100%; overflow:hidden; float:left; margin-bottom:10px;display:none}
    .boxright{ width:100%; overflow:hidden; float: left;}
    .lm_btK{ display:none}
    }


    .list_lm{text-align:center; color:#fff;background:#0e75c8; margin-bottom:6px}
    .list_lm h3{ margin-right:10px; overflow:hidden; width:auto; line-height:60px; font-size:2vw;font-weight:700; color:#fff; 
      font-family:'AlumniSans-Bold';}
    .list_lm h3 span{ vertical-align:middle; margin-right:5px}
    .list_lm h3 span img{ vertical-align:middle}
    
    .zw_column{ width:100%; position:relative; margin-bottom:30px; display: flex;flex-wrap:wrap; height:50px;position: relative;justify-content: space-between;align-items: center;}
    .zw_column span{ height:36px; line-height:36px; font-size:30px; color:#444;font-family:'AlumniSans-Bold'; }
    
    .r_colum{overflow: hidden;display: flex;justify-content: flex-start; align-items: center;font-size: 14px; color: #888;flex-wrap: wrap;}
    .r_colum a{font-size: 14px; }
    .r_colum a:hover{color:#0e75c8; }
    
    .zw_column::after {
      content: "";
      width: 42px;
      height: 2px;
      background-color: #0e75c8;
      position: absolute;
      bottom:0px; z-index: 2;
      left: 0px;
      }
    
      .zw_column::before {
      content: "";
      width: 100%;
      height: 1px;
      background-color: #ddd;
      position: absolute;
      bottom:0px; z-index: 1;
      left: 0px;
      }
    
    @media only screen and (max-width:1300px) {
    .zw_column{margin-bottom:30px; display: flex;}
    .zw_column span{font-size:24px; }
    .list_lm h3{ font-size:2.2vw;}
    .zw_column span{ height:26px; line-height:26px;}
    }
    
    @media only screen and (max-width:1000px) {
    .zw_column{margin-bottom:20px; display: flex; height: 45px; }
    .zw_column span{font-size:22px; }
    }
    
    @media only screen and (max-width:700px) {
  .zw_column{margin-bottom:20px; display: flex; height: auto; padding-bottom:10px; }
 }




.sy_cplist1{ overflow:hidden; padding:0px; margin:0 auto}
.sy_cplist1 li{ overflow:hidden; margin:0px; padding:0px; width:23.5%; float:left;display:inline;  margin-bottom:2%; margin-right:2%}
.sy_cplist1 dl{ overflow:hidden;padding:8px;margin:0 auto; border:#ddd 1px solid;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; position:relative; background:#fff;}
.sy_cplist1 dl a{ display:inline}
.sy_cplist1 dl dt{overflow:hidden;font-weight:normal;color:#222; position:relative;text-align:center; }
.sy_cplist1 dl dd{ overflow:hidden; margin:0px;font-size: 16px; text-align: center}
.sy_cplist1 dl dt h3{ font-size:16px;line-height:24px; padding:0px 5px 0px 5px;   margin-top:8px;height: 24px;font-family: 'Aileron-Regular';font-weight: normal;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_cplist1 dl dd span{ color:#777; margin-right:2px}
.sy_cplist1 dl dt img{width:100%;height:auto; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; margin:0 auto }
.sy_cplist1 li:hover dl{box-shadow:0 0 15px 1px rgba(0,0,0,.1); background:#fff; border:#0e75c8 1px solid; }
.sy_cplist1 li:hover dt h3{ color:#0e75c8;}

.sy_cplist1 li:hover dt{color:#0e75c8}

.sy_cplist1 li:nth-child(4n){ margin-right:0}

.sy_cplist1 dl  .cp_dv{ width:auto; height:40px; text-align:center; position:absolute; z-index:6; right:8px; bottom:0px}
.cp_dv i{ color:#6633FF;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;font-size: 26px;
background: -webkit-linear-gradient(45deg, #6633FF, #0672c1);
background: -o-linear-gradient(45deg, #6633FF, #0672c1); 
background: -moz-linear-gradient(45deg, #6633FF, #0672c1); 
background: linear-gradient(45deg, #6633FF, #0672c1); -webkit-background-clip: text; color: transparent;}
.sy_cplist1 dl  .cp_dv img{ height:22px; width:auto}

.sy_cplist1 dl .cp_dv:hover i{transform:rotate(360deg);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media only screen and (max-width:1300px) {
.sy_cplist1 dl{ overflow:hidden; padding:8px;}
.sy_cplist1 dl dt h3{ font-size:14px;}
.cpsx_sm_txt{ font-size:12px}
.sy_cplist1 dl  .cp_dv i{font-size: 22px;}
}

@media only screen and (max-width:800px) {
  .sy_cplist1 li{ width:32% }
  .sy_cplist1 li:nth-child(4n){ margin-right:2%}
  .sy_cplist1 li:nth-child(3n){ margin-right:0}

}


@media only screen and (max-width:640px) {
.sy_cplist1 li{ width:49%; margin-bottom:15px}
.sy_cplist1 li:nth-child(3n){ margin-right:2%}
.sy_cplist1 li:nth-child(2n){ margin-right:0}
.sy_cplist1 dl{ overflow:hidden;padding:15px;}
.sy_cplist1 dl  .cp_dv{ width:auto; height:40px; text-align:center; position:absolute; z-index:6; right:4px; bottom:-10px}
}

@media only screen and (max-width:650px) {

.sy_cplist1 dl{ overflow:hidden;  padding:6px;}

}



/*----pages-------*/



#pages {
    text-align: center; overflow:hidden; margin:0px; margin-top: 30px; margin-bottom: 10px
}

#pages li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li.active {
    text-align: center;
    background: #0e75c8;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #0e75c8;
}

#pages li:hover a {
    color: #fff;
}

.post_prev_box{width: 100%; height: auto; margin: 0px; padding: 0px; margin-top:30px; margin-bottom: 20px; overflow: hidden;}

.post_prev{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: left;display: flex}
.post_prev .icon{width: 20px;line-height: 20px; position: relative;height: 20px;}
.post_prev .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block; line-height: 24px;font-size: 14px}
.post_prev .icon i{ font-size: 16px; line-height: 24px;color: #ccc; vertical-align: middle;}
.post_prev .icon::before{width:1px;height:14px;position:absolute;right:3px;background:#ccc;content:'';z-index: 5;top: 58%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_next{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: right;display: flex}
.post_next .icon{width: 20px; display:inline-block;line-height:20px; height: 20px; position:relative;float:right; text-align: right; margin-left: 5px}
.post_next .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;line-height: 24px; font-size: 14px}
.post_next .icon i{ font-size: 16px; line-height: 24px; vertical-align:middle;color: #ccc; }
.post_next .icon::before{width:1px;height:14px;position:absolute;left:3px;background:#ccc;content:'';z-index: 5;top: 58%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_prev .n_title a{ line-height: 24px; display: inline;font-size: 16px}
.post_next .n_title a{ line-height: 24px; display: inline;font-size: 16px}

.post_prev:hover{ background: #0e75c8}
.post_prev:hover a{ color: #fff}
.post_next:hover{ background: #0e75c8}
.post_next:hover a{ color: #fff}

@media screen and (max-width: 1300px) {
	
.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 14px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 14px}	
}

@media screen and (max-width: 900px) {
.post_prev{width: 100%; margin-bottom: 15px}
.post_next{width: 100%;}
}



.main_R{ width:77%;overflow:hidden; float:right ; display:block; }
.main_L{ width:21%; overflow:hidden; float:left; display:block;}

@media only screen and (max-width:1120px) {
.main_L{ width:21%; overflow:hidden; float:left; display:block}
.main_R{ width:77%; overflow:hidden; float:right; display:block}
}
@media only screen and (max-width:1024px) {
.main_R{ width:100%; overflow:hidden; float:left;}
.main_L{ width:100%; overflow:hidden; float: left; display: none}
}



/*---------book---------------*/
.ts_book_bt{text-align: center; color: #fff;line-height: 30px;font-size: 18px;}
.form_input-flexing{ padding: 0px 40px;}
.form_df-input {flex-basis: 50%;position: relative;margin-top: 20px;}
.form_df-input input {border: 1px solid #5E5E5E45; padding: 0 20px 0 40px;height: 50px; width: 100%;border-radius:5px;font-size: 16px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; color: #222; background: rgba(255,255,255,0.8)}
.form_df-input i{position: absolute; z-index: 1; left: 8px;top: 12px;
font-size: 25px; vertical-align: top;  color:#ccc}
.form_texting-fild {margin-top: 20px;position: relative;}
.form_texting-fild textarea { border: 1px solid #5E5E5E45;height: 80px; padding: 10px 20px 10px 20px; width: 100%;border-radius:5px;font-family:"Microsoft YaHei";font-size: 16px;color: #222; background: rgba(255,255,255,0.8)}

.form_df-input input:focus {border-color:#80bdff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_texting-fild textarea:focus {border-color:#80bdff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_df-input input::placeholder {color:#666;}
.form_texting-fild textarea::placeholder {color:#666;}
.form_df-input input[type='number']::-webkit-inner-spin-button{appearance:none;-moz-appearance:textfield}
.form_btn_k {width: 200px;margin: 0 auto;}
.form_btn_k:hover .form_btn { background:#ff6000;}
.form_btn {
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    height: 50px;
    border-radius:40px;
    background: #d4282d;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 300;display: flex;align-items: center;justify-content:center;
}
.form_btn i{font-size: 20px; vertical-align: middle; margin-right: 4px; line-height: 50px}

@media only screen and (max-width:800px) {
.form_texting-fild textarea {font-size: 14px;}
.form_df-input input {height: 46px;font-size: 14px}
.form_df-input i{top: 10px; }	

.form_input-flexing{ padding: 0px 10px;}
.ts_book_bt{font-size: 16px;}
}

@media only screen and (max-width:450px) {
.form_df-input {flex-basis: 100%;margin-top: 15px;}

}

.form_btn_k button{border: 0; width: 100%}
.form_btn_k button:focus{border: 0;}



.footer-form{max-width:560px ;width: 90%;margin: 0px;padding:0 ;position: relative; margin: 0 auto;}
.footer-form .form-control{  background-color: #fff;padding: 10px 150px 10px 25px;color: rgba(0, 0, 0, 0.8); box-shadow: none;
    border: none; border-radius: 40px; line-height: 40px; height: 50px;}
.footer-form a{display: inline;}

@media only screen and (max-width:1200px) {
	.footer-form{ margin-bottom: 10px;}	
}
@media only screen and (max-width:500px) {
.footer-form{width: 100%;margin-top: 10px; margin-bottom: 15px;}
}

.footer-form .submit {
        background:#d4282d;
        color: #fff;
        text-transform: uppercase; 
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        height: 100%;
        font-size: 18px;
        font-weight: 600;
        padding: 0 35px;
        border-radius:40px; border: 0;line-height: 40px; border: #fff 1px solid; display: flex;justify-content: center;align-items: center;
      }

	  .footer-form .submit i{font-size: 20px; margin-right: 5px;}
	  @media only screen and (max-width:700px) {
		.footer-form .submit {padding: 0 30px;font-size: 16px;}
		.footer-form .form-control{height: 44px;font-size: 14px;}
		}
		


.form_btn_k button{border: 0; width: 100%}
.form_btn_k button:focus{border: 0;}


.pc_cx_btn_k {width: 160px; margin-top: 20px}
.pc_cx_btn_k:hover .pc_cx_btn {background:#fd6900;}
.pc_cx_btn i{ vertical-align: middle;font-size: 24px}
.pc_cx_btn_k a{display: inline}
.pc_cx_btn {
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    height: 46px;
    border-radius:40px;
    background: #0062b8;
    color: #FFFFFF;
    cursor: pointer;

}

@media only screen and (max-width:900px) {
.pc_cx_btn_k {margin: 0 auto;margin-top: 10px;width: 140px; }
.pc_cx_btn { line-height: 40px;text-align: center;font-size: 16px;height: 40px;}
}

.postions{ height:42px; line-height:42px; overflow:hidden;color:#444444; font-size:14px; background:#fff; border-bottom:1px solid #e5e5e5;}
.postions_txt{display: inline-block}
.postions_txt a{ overflow:hidden; font-size:14px; color:#333333;}
.postions_txt i{ vertical-align: top;font-size:16px;color:#999; margin-right:3px; line-height: 42px}




.cp_soso_k{ overflow:hidden; padding:0px; margin:0px 0px 0px 0px;}

.form_k{ margin:0px; padding:0px; overflow:hidden}
.searchbox1{
 margin:0px; padding:0px; overflow:hidden; border:1px solid #DEDEDE; background:#fff; vertical-align:middle;
height:38px;border-radius:38px;
}

.searchbox1 input{vertical-align:middle;}
.input_tex { margin:0px; padding:0px;
	border:medium none;
	color:#a7a7a7;
	font-size:14px;
	height:38px;
	line-height:38px;
	padding-left:4px;
	width:84%;border-radius:38px;vertical-align:middle; padding-left:20px
}

.searchbox1 input.search-btn {
	background:url(../images/i_t_so.svg) no-repeat center center;
	background-size:50% auto;
	border:medium none;
	height:36px;

	max-width:40px;width:15%; display:inline; float:right; position:relative; cursor: Pointer
}
.searchbox1 input{display:inline}
.input_tex{ display:inline}
.search-btn{ display:inline}



@media only screen and (max-width:1024px) {
.input_tex {	
	border:medium none;
	color:#a7a7a7;
	font-size:14px;
	height:38px;
	line-height:38px;
	padding-left:4px;
	width:250px;border-radius:38px; margin-left:19px

}
}

@media only screen and (max-width:1000px) {
.searchbox1{ overflow:hidden; width:322px;margin:0 auto}
}

@media only screen and (max-width:500px) {
.searchbox1{ overflow:hidden; width:100%;margin:0 auto}
.input_tex { width: 75%}
}


.fa_xx_tu{ overflow:hidden; margin:0px; padding:0px}
.fa_xx_tu_L{ overflow:hidden; margin:0px; padding:0px; text-align:center; float:left; width:50%}

.fa_xx_tu_R{ overflow:hidden; margin:0px; padding:0px; float: right; width:45%}
.fa_xx_tu_R dl{overflow:hidden; margin:0px; padding:0px;}
.fa_xx_tu_R dl dt{overflow:hidden; margin:0px; padding:0px; font-size:20px; color:#222; margin-bottom:10px; line-height:30px;font-family: 'Aileron-Regular';}
.fa_xx_tu_R dl dd{overflow:hidden; margin:0px; padding:0px; font-size:14px; line-height:190%; color:#666}

@media only screen and ( max-width:1300px ) {
.fa_xx_tu_R dl dt{ font-size:20px;line-height:26px}
}
@media only screen and ( max-width:1000px ) {

.fa_xx_tu_L{ overflow:hidden; margin:0px; padding:0px; text-align:center; float:left; width:63%}
.fa_xx_tu_R{ overflow:hidden; margin:0px; padding:0px; float: right; width:33%}
.fa_xx_tu_R dl dt{ font-size:18px; }
.fa_xx_tu_R dl{overflow:hidden; margin:0px; padding:0px; margin-top:0px}
}

@media only screen and ( max-width:900px ) {
.fa_xx_tu_L{  float: none; width:100%;margin-bottom:20px}
.fa_xx_tu_R{ float:  none; width:100%}

.fa_xx_tu_R dl dt{text-align:center;}
.fa_xx_tu_R dl dd{ font-size:14px; line-height:22px;}

}

@media only screen and ( max-width:700px ) {
.fa_xx_tu_R dl{ padding:10px; }
.fa_xx_tu_R dl dd{ font-size:14px; line-height:22px;}

}



.like_cp{ overflow:hidden; padding:0px; width: 96%; margin: 0 auto}
.like_cp dl{ overflow:hidden;padding:8px;margin:0 auto; border:#ddd 1px solid;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; position:relative; background:#fff;}
.like_cp dl a{ display:inline}
.like_cp dl dt{overflow:hidden;font-weight:normal;color:#222; position:relative;text-align:center; }
.like_cp dl dd{ overflow:hidden; margin:0px;font-size: 15px; text-align: center}
.like_cp dl dt h3{ font-size:16px;overflow:hidden; line-height:22px; padding:0px 5px 0px 5px; margin-top:8px;font-weight: normal;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.like_cp dl dd span{ color:#777; margin-right:2px}
.like_cp dl dt img{width:100%;height:auto; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.like_cp:hover dl{box-shadow:0 0 15px 1px rgba(0,0,0,.1); background:#fff; border:#0e75c8 1px solid; }
.like_cp:hover dt h3{ color:#0e75c8;}
.like_cp dl a{display: inline;}


.actGotop{position:fixed;_position:absolute;bottom:70px;right:2%;width:40px;height:40px;display:none; z-index:2}
.actGotop a,.actGotop a:link{width:40px;height:40px;display:inline-block; text-align:center; background:url(../images/UP.svg) no-repeat center;background-size: cover; border-radius: 50%}
.actGotop a:hover{ background: url(../images/up.svg) no-repeat center;outline:none;background-size: cover}



.contact_box{overflow: hidden; padding: 0px; margin: 0; background: #f7f7f7;
  display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}


.contact_box_L{overflow: hidden; padding: 0px; margin: 0;width: 50%;}
.contact_box_R{overflow: hidden; padding: 0px; margin: 0;width: 50%;}
.contact_info{overflow: hidden; padding: 0px; margin: 4% 8%;}
.contact_info dl{overflow: hidden; padding: 0px; margin: 0;}
.contact_info dl dt h3{font-weight: bold;font-size: 24px; margin-bottom: 10px;}
.contact_info dl dt{overflow: hidden; padding: 0px; margin: 0;font-weight: bold;font-size: 18px; margin-bottom: 5px;}
.contact_info dl dd{overflow: hidden; padding: 0px; margin: 0; line-height: 200%;}

@media screen and (max-width:1400px) {
  .contact_info dl dt h3{font-weight: bold;font-size: 22px;}
}


#allmap {height: 500px;width:100%;overflow: hidden; box-sizing: inherit; }
@media screen and (max-width: 1450px) {
#allmap {height: 400px;width:100%;overflow: hidden;}
}


.about_R{ overflow:hidden; padding:0px; margin:0px; float:right; width:48%; }
.about_R_txt{ font-size:14px; line-height:180%;overflow:hidden; padding:0px; margin:0px;}
.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:48%;}
.about_L img{ width:100%; height:auto; vertical-align:top}
.about_R img{ width:100%; height:auto; vertical-align:top}
@media (max-width: 1400px) {
	.about_R_txt{ height: 330px; overflow: auto; overflow-y: auto}
}
@media (max-width: 1300px) {
	.about_R_txt{ height: 300px; overflow: auto; overflow-y: auto}
}
@media (max-width: 1200px) {
	.about_R_txt{ height: 255px; overflow: auto; overflow-y: auto}
}

@media (max-width: 960px) {
.about_R_txt{ height: auto; overflow:hidden; overflow-y: auto}
.about_R{width: 100%;float:none; }
.about_L{width: 100%;float:none; margin-bottom: 20px}

}


.wap_cplist{ display:none; padding:0px; margin:0px; margin-bottom:10px; width:100%; margin-top:10px}
.wap_cplist  label{ width:100%; }
.wap_cplist select {  text-align: center; text-align-last: center;}
.wap_cplist option{ line-height:40px; text-indent:20px}


@media only screen and (max-width:950px) {
.wap_cplist{ display: block}
}


.case_box{margin: 0px;padding: 0px;overflow: hidden;}
.case_box li{margin: 0px;padding: 0px;overflow: hidden;width: 32%; margin-right: 2%; margin-bottom: 2%;float: left;}
.case_box li:nth-child(3n){margin-right: 0;}
.case_box li dl{margin: 0px;overflow: hidden;}
.case_box li dl dt{margin: 0px;padding: 0px;overflow: hidden}
.case_box li dl dd{margin: 0px;padding: 0px;overflow: hidden;font-size: 16px; line-height: 30px;white-space:nowrap;text-overflow:ellipsis; margin-top: 5px;text-align: center;}
.case_box li dl a{display: inline;}

.case_box li dl:hover dt{ color: #0069C1;}
@media only screen and (max-width:1300px) {
  .case_box li dl dd{font-size: 14px;}
}

@media only screen and (max-width:640px) {
  .case_box li{ width: 49%; margin-bottom: 15px;}
  .case_box li:nth-child(3n){margin-right: 2%;}
  .case_box li:nth-child(2n){margin-right: 0;}
}

/*---------service-------------*/
.service_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:50%; margin-bottom:20px}
.service_L_txt{ font-size:16px; line-height:220%;overflow:hidden; padding:0px; margin:0px;}
.service_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:46%; }
.service_R img{ width:100%; height:auto; vertical-align:top}

.gsjs_bt{font-size: 36px;width: 100%;margin: 0px 0px 25px 0px;line-height: 40px; color:#111;font-weight: bold}

@media screen and (max-width: 1400px) {
.gsjs_bt{font-size: 30px;margin: 0px 0px 15px 0px;}	
.service_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:50%; margin-bottom:20px}
.service_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:47%; }
}
@media screen and (max-width: 1200px) {
.gsjs_bt{font-size: 25px;margin: 0px 0px 15px 0px;text-align: center}	
.service_L{ overflow:hidden; padding:0px; margin:0px; float: none; width:100%; margin-bottom:20px}
.service_R{ overflow:hidden; padding:0px; margin:0px; float: none; width:100%; }
}



.lx_list{margin:0px; padding:0px;overflow:hidden;}
.lx_list li{margin:0px; padding:0px;overflow:hidden; width: 25%;float: left}
.lx_list li dl{margin:0px; padding:0px;overflow:hidden;text-align: center}
.lx_list li dl dt{margin:0px; padding:0px;overflow:hidden;font-weight: bold;font-size: 18px; margin-bottom: 10px; color: #000}
.lx_list li dl dd{margin:0px; padding:0px;overflow:hidden;font-size: 14px; line-height: 24px; color: #666; min-height: 48px}


.lx_icon{overflow: hidden;padding:0px;text-align: center; width: 90px; height: 90px;border-radius:50%; margin: 0 auto; background: #0e75c8;transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.1); line-height: 90px}
.lx_icon i{font-size:40px; color: #fff;vertical-align: middle}

.lx_list li:hover .jmzc_icon i{ filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.4)); -webkit-filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.4)); }
.lx_list li:hover .lx_icon{ background: #f10000;transition: 0.2s;-moz-transition: 0.2s;box-shadow: inset 0px 0px 12px 7px rgba(0, 0, 0, 0.2)}



@media screen and (max-width: 1450px) {
	.lx_icon{width: 80px; height: 80px;line-height: 80px}
}



@media screen and (max-width: 1100px) {
.lx_icon i{font-size:30px;}
.lx_icon{width: 70px; height: 70px;line-height: 70px}
}

@media screen and (max-width: 750px) {
	
.lx_icon i{font-size:30px;}
.lx_icon{width: 70px; height: 70px;line-height: 70px; }
.lx_list li{width: 50%; margin-bottom: 10px}
.lx_list li dl dt{font-size: 16px;}
}

@media screen and (max-width: 400px) {
.lx_list li dl dd{font-size: 12px; line-height: 22px; }
}


.container_map{width:100%;height:300px; margin:0 auto; width:100%; margin-top:10px}



.lx_left{ float:left; width:47%; margin:0px; padding:0px}
.lx_Right{ float: right; width:47%; margin:0px; padding:0px}

.lx_map_L{ float:left; width:49%; margin:0px; padding:0px}
.lx_map_R{ float: right; width:49%; margin:0px; padding:0px}


@media (max-width: 700px) {
.lx_left{ float:left; width:100%; margin:0px; padding:0px}
.lx_Right{ float: right; width:100%; margin:0px; padding:0px}
.lx_map_L{ float:left; width:100%; margin:0px; padding:0px; margin-bottom:15px;}
.lx_map_R{ float: right; width:100%; margin:0px; padding:0px}


.container_map{width:100%;height:220px; margin:0 auto; width:100%; margin-top:10px}
}


.cptd_into_txt{overflow: auto; overflow-y: auto; margin: 0px; padding: 0; padding-right: 10px;font-size: 16px; max-height: 220px; line-height: 190%;}

.cptd_into_txt::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #878787;}

.cptd_into_txt::-webkit-scrollbar {
    width: 5px;
    background-color: #c4c4c4;
}
  
.cptd_into_txt::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

@media only screen and (max-width:1300px) {
.cptd_into_txt{font-size:14px;}
}