/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;/*font-family:'Microsoft YaHei';*/}
a{color:#666;}
 a:hover{ color:#f60;/* text-decoration:underline;*/} 
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1170px !important; margin:0 auto; width: 90% !important;}



.header-bg{ position:relative; background: #fff; width: 100%; top: 0; left: 0;    padding: 20px 0 12px; transition: all 0.5s;}
/* .header{ display: flex; align-items: center;justify-content: space-between;} */
.logo{ position:relative; width: 210px; float: left;}
.logo a{left: 15px;  position: absolute;  top: -10px; display: inline-block;  z-index: 9;  transition: none;}
.logo a img{ width: 100%;}
.headers01{float: right;width: calc(100% - 220px);display: flex;justify-content: flex-end;flex-wrap: wrap;}
.header02{ display:flex;align-items: center; margin-bottom: 3%;}
.header02>a{    display: inline-block;
    padding: 7px 18px;
    border: 1px solid #f00000;
    background: #f00000;
   
    transition: all 0.3s ease 0s;
    color: #fff;
    text-align: center;
    border-radius: 0;
    font-weight: bold; margin-left: 10px;
}
.search{  height: 36px;  border: 1px solid #bfbfbf; width: 1.63rem; display: flex; justify-content: space-between;  align-items: center;}
.search input { height: 32px; color: #575656; font-size: 10px; font-style: italic;text-transform: uppercase;  opacity: 1; width:calc(100% - 36px);outline:none; font-size: 14px;  color: #575656;}
.search input::-webkit-input-placeholder{ color: #575656;}
.search a{ width: 36px; height: 36px;  display: flex; justify-content: center;  align-items: center;}
.search a i{ font-size: 15px;}
/*menu*/
.menu{height:28px;line-height:28px;padding: 5px  0;display: block;width: 100%;display: flex;justify-content: end;align-items: center;flex-wrap: wrap;} 
.menu ul li{ float:left; position:relative; margin: 0 5px;}
.menu ul li>span>a{padding: 0px 14px;box-sizing: border-box;}
.menu ul li>span>a i{ margin-left: 5px;}
.menu ul li dl{position: absolute;left: 0;top: 100%;border: 1px solid rgba(51, 98, 171, 1);border-top: 5px solid rgba(51, 98, 171, 1);background: #fff;padding: 5px;width: 250px;height: auto;transform: translateY(0%);transition: all 0.3s ease 0s;display: none;z-index:99}
.menu ul li dl dd{line-height: 1.2;/* border-bottom:#ddd dotted 1px; *//* margin:0 10px; */position: relative;/* padding: 5px; */}
.menu ul li dl dd>dl{ position: absolute; left: 100%; top: 10px;}
.menu ul li dl dd a{font-size:13px;color:#666;font-weight:normal;display: block;padding:0;text-align:left;text-transform: uppercase;transition: all 0.3s ease 0s;padding: 5px;}
.menu ul li dl dd a:hover{box-shadow: 0 1px 0px rgba(51, 98, 171, 1);}
.menu a{ font-size:13px;color:#000; text-decoration:none; font-weight:normal;display:block;text-align:center;text-transform: uppercase;}
.menu a:hover{/* color:#fff; */}
a.menu_hover{ background:#3362ab;color:#fff;}
.menu ul li.hover>span>a{ background:#3362ab;color:#fff}



.header-bg.fixed-header {  position: fixed; z-index: 999; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.3);}
.header-bg.fixed-header .header02{ display: none;}
.header-bg.fixed-header .logo{ width: 100px;}




.banner{ width: 100%; position: relative;}
.banner>img{ width: 100%; vertical-align:bottom; max-height: 7.28rem;   object-fit: cover;}
.banner01{  background: rgba(0, 0, 0, 0.42);   padding: 20px 5% 25px; box-sizing: border-box;  width: 4.25rem;   color: #fff;  }
.banner01-bg{position:absolute; top: 0; height: 100%; left: 50%;transform: translate(-50%, 0); display: flex;  justify-content: space-between;}
.banner01-bg>h2{text-transform: uppercase;text-shadow: 5px 0 5px rgba(0, 0, 0, 0.3);color: #ffffff;font-size: 0.4rem;font-weight: normal;width: 60%;margin-top: 3%;padding-left: 18%;box-sizing: border-box;}
.ser{}
.ser h5{ font-size: 20px;  line-height: 24px;  box-sizing: border-box;   margin: 0;  font-weight: normal; text-transform: uppercase;   padding: 0 7%;  text-align: center; margin-bottom: 9%; }
.ser>a{ display: block; background: #f00000; border: 1px solid #fff;  padding: 0.12rem 0.25rem; font-size: 0.12rem; color: #fff; text-align: center;    text-transform: uppercase; border-radius: 5px; font-weight: bold; margin: 0 auto  0.1rem;}
.ser91{ margin-top: 10%;}
.ser91 h5{  font-size: 20px;  line-height: 24px;  box-sizing: border-box;   margin: 0;  font-weight: normal; text-transform: uppercase;   padding: 0 7%;  text-align: center; margin-bottom: 9%;}
.banner02{ position: relative; padding-bottom: 10%;}
.banner02 img{ width: 100%; vertical-align:bottom;}
.banner02 .swiper-button-next{ right: -0.38rem;}
.banner02 .swiper-button-prev{ left: -0.38rem;}
.banner02 .swiper-button-next, .banner02 .swiper-button-prev{ width:20px; height: 20px; border-radius: 50%; background: #fff; opacity: .75;}
.banner02 .swiper-button-next:after, .banner02 .swiper-button-prev:after{ font-size: 8px; color:rgba(0, 0, 0, 0.42) !important ;}
.banner02 .img h4{ text-align: center;    color: rgba(255, 255, 255, 0.9); font-size: 16px;    text-transform: capitalize; font-weight: 600; margin: 5px 0;}
.banner02 .swiper-pagination01{ bottom: 0 !important;}
.banner02 .swiper-pagination01 span{ width: 10px; height: 10px; margin: 0 5px !important;}
.banner02 .swiper-pagination-bullet{ background: #fff;}

/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside_con{ padding:10px 0; min-height: 300px;}

.footer-bg{ background: #3362ab; padding:0.2rem 0 0.1rem 0; color: #fff;}
.footer-bg a{ color: #fff;}
.footer01{ display: flex;  align-items: flex-start;justify-content: space-between;}
.logo01{ width: 30%;}
.logo01 a{ width: 100%;}
.logo01 a img{ max-width: 100%; vertical-align:bottom;}

.footer01{ border-bottom:1px solid #4b79c2; padding-bottom: 3%;}
.footer01 dl{display: flex;  align-items: flex-start;justify-content: space-between;}
.footer01 dl dd{}
.footer01 dl dd>h2{ font-size: 15px; margin-top: 5px; font-weight: bold; margin-bottom: 25px;}
.footer01 dl dd ul { padding: 0;}
.footer01 dl dd ul li{   margin-bottom: 10px;}
.footer01 dl dd ul li a{ font-size:14px;}
.footer01 dl dd:nth-child(1) { width: 25%;}
.footer01 dl dd:nth-child(2) { width: 20%;}
.footer01 dl dd:nth-child(3) { width: 25%;}
.laxem{}
.laxem ul li{ float: left; width: 48%; margin-right: 4%;}
.laxem ul li:nth-child(1) {margin-right: 0%;}
.laxem ul li:nth-child(3) {margin-right: 0%;}
.laxem ul li h3{ font-size: 16px; font-weight: bold;}
.laxem ul li h3 em{ color:#790000; margin-left: 4px;}
.laxem ul li  .fist{ display: flex;  align-items: center;justify-content: space-between;}
.laxem ul li  .fist .input_text01{ font-size:16px; border:1px solid #3a434d;  box-sizing: border-box; color: #4d4d4e; padding: 5px 4px; height: 50px;line-height: 50px;    width: 47%; outline:none;}
.laxem ul li  .fist .input_text01::-webkit-input-placeholder{ color:#4d4d4e;}
.laxem ul li  .input_text02{ font-size:16px; border:1px solid #3a434d;  box-sizing: border-box; color: #4d4d4e; padding: 5px 4px; height: 50px;line-height: 50px; width: 100%; outline:none;}
.laxem ul li  .input_text02::-webkit-input-placeholder{ color:#4d4d4e;}
.laxem ul li .radio{ font-size: 14px; line-height: 1.5; }
.laxem ul li .radio label{display: flex; align-items: center; margin-bottom: 8px;}
.gnu{ width: 100% !important;}
.laxem .gform_next_button{    padding: 12px 25px;  font-size: 16px;border: 1px solid #fff; font-weight: bold; color: #fff; background:#f00000;}

.footer02 ul{ display: flex; justify-content: center;  align-items: center;}
.footer02 ul li{width: 18%; margin: 0 10px;}
.footer02 ul li a{ height: 0.93rem; display: flex; justify-content: center;  align-items: center;}
.footer02 ul li a img{ max-width: 100%; max-height: 100%;}
.footer03{ display: flex; align-items: center;	justify-content: space-between;}
.footer03 h2{ font-size: 15px; font-weight: bold;}
.footer03 span{ font-size: 14px; font-weight: 300;}

.sp_header{ display:none}
.sjj_nav{ display:none}
.top{ display:none}



.banner04{ position:absolute; top: 0; height: 100%; width: 100%; left: 0; display: flex; justify-content: center;  align-items: center;}
.banner04 h2{position:relative;font-size: 30px;font-weight: bold;color: #fff;padding: 0.2rem 0;}
.banner04 h2::before { color: #fff; content: "";height: 2px; left: 0px; position: absolute; top: 0px; width: 100%;}
.banner04 h2::after {color: #ffff;content: ""; height: 2px;  left: 0px; position: absolute; width: 100%; bottom: 0;}
.banner04 h2::before, .banner04 h2::after { background: #3362AB none repeat scroll 0 0;}
.banner04-bg{ position:relative;}
.banner04-bg>img{ width: 100%; vertical-align: bottom;}


.banner0401{position:absolute;top: 50%;/* height: 100%; */width: 28%;left: 54%;display: flex;align-items: center;flex-wrap: wrap;transform: translate(0%, -50%);}
.banner0401 h2{position:relative;font-size: 30px;font-weight: bold;color: #fff;padding: 0.2rem 0;text-align: center;width: 100%;display: block;}
.banner0401 h2::before { color: #fff; content: "";height: 2px; left: 0px; position: absolute; top: 0px; width: 100%;}
.banner0401 h2::after {color: #ffff;content: ""; height: 2px;  left: 0px; position: absolute; width: 100%; bottom: 0;}
.banner0401 h2::before, .banner0401 h2::after { background: #fff none repeat scroll 0 0;}
.banner0401 .input_text{display: block;width: 100%;border-radius: 5px;outline:none;line-height: 38px;box-sizing: border-box;padding: 0 10px;margin-top: 2%;}
.banner0401 .input_text::-webkit-input-placeholder{ color:#333;}
.banner0401>a{display:inline-block;background: #f00000;border: 1px solid #fff;color: #fff;padding: 9px 30px;margin-top: 3%;font-size: 16px;border-radius: 5px;}


.cent01{ max-width: 750px; width: 90%; margin: 0 auto;}
.cent01>h3{ font-weight: bold; font-size: 20px;  }
.cent01 ul{ padding-left: 0;}
.cent01 .laxem ul li .fist .input_text01{ width: 49%;}
.cent01 .laxem ul li{ width: 49%; margin-right: 2%;}
.cent01 .laxem ul li:nth-child(3){ margin-right: 0;}
.cent01 .laxem ul li .radio{ margin: 4% auto;}
.cent01 .laxem .gform_next_button{  color: #000;}


.cent03{ margin-top: 2%;}
.cent03 .sec-title{ text-align: left;}
.cent03 .sec-title h3:after{ left:28px;}
.taboe{border-bottom: 1px solid #d3ced2;height: 37px;padding-left: 10px;}
.taboe a{display: inline-block;font-size: 16px;color: #515151;padding: 0 16px;line-height: 38px;border-radius: 5px 5px 0 0;border: 1px solid #d3ced2;border-bottom-color: #fff;height: 38px;background: #fff;}

.cent02{ margin-top: 2%;}
.cent02-l{ position: relative; float: left; width: 48%;  border: 1px solid #ccc;}
.cent02-l>img{ width: 100%;}
.cent02-l span{position: absolute;top: -15px;left: -15px;font-size: 12px;font-weight: bold;color: #fff;background-color: #77a464;border-radius: 50%;padding: 14px 6px;}
.cent02-l>a{ position:absolute; top: 0; right: 0; background: #fff; color: #333; font-size: 18px; width: 36px; height: 36px; display: flex; justify-content: center;  align-items: center; z-index: 9;}


.magnifier {
	position: absolute;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.8);
	background-repeat: no-repeat;
	pointer-events: none;
	opacity: 0;
	transform: scale(0);
	transition: opacity 0.3s, transform 0.3s;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	z-index: 5;
}

.cent02-r{ float:right; width: 48%;}
.jige{}
.jige span{ font-size: 22px; color: #000;}
.jige .dig{ color: #77a464;    text-decoration: line-through; display:inline-block;font-weight: bold;}
.jige em{ font-style: normal; color: #abb8c3; font-size: 20px;}
.jige strong{ font-weight: bold; color: #000; font-size: 20px;}
.jige .dig01{ color: #77a464;   text-decoration:underline;display:inline-block;font-weight: bold;}
.jgie01 ul{ padding-left: 0;}
.jgie01 ul li{ float:left; display: block; width:calc((100% - 4%)/2); margin-right: 4%;}
.jgie01 ul li:nth-child(2n) {margin-right: 0% ;}
.jgie01 ul li span{ font-size:14px; color: #404040; display: block;} 
.jgie01 ul li span em{ color: red;}
.jgie01 ul li .input_text{ border: 1px solid #ddd; padding: 5px; width: 100%; box-sizing: border-box; height: 34px;outline:none;}
.jgie01 ul li .input_text::-webkit-input-placeholder{ color:#ccc;}

.zce{ display: flex;   align-items: center; font-size: 16px;}
.zce .input_button{ display:inline-block; background: #f0f0f0; border-radius: 5px; padding: 4px 12px; border: 1px solid #000; font-size: 16px; margin-right: 10px;}

.cent07{ margin-top: 2%; margin-bottom: 2%; color: #000;}
.tite{ border-bottom: 1px solid #ccc; padding: 10px 0;}
.tite h2{ font-weight: bold; font-size: 24px;}
.tite span{ display: block; font-size: 14px;}
.cent07>img{ display: block; margin: 3% auto 0; max-width: 100%;}


.cent08 {margin-top: 2%; margin-bottom: 2%; color: #000;}
.cent08 table { border:1px solid #ccc; border-top:none; border-left:none;}
.cent08 table tr td{ border-left:1px solid #ccc; border-top:1px solid #ccc; padding: 4px;}
.cent08 table tr th{ border-left:1px solid #ccc; border-top:1px solid #ccc;padding: 4px;}
.cent08 .tite{ border: 0;}
.cent08  .img{ width: 100%;}
.cent08  .img img{ max-width: 100%;}


@media only screen and (max-width: 980px) {
	.top{ display:block; height: 50px;}
.banner04-bg{ display: none;}
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:100;width:100%;  display: block;border-bottom: 2px solid rgb(191, 30, 46);}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display: block;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.header-bg{ display:none}
.banner>img{ max-height: inherit; min-height: 110vh;}
.banner01{ width:100%;}
.banner01-bg>h2{ display: none;}
.ser h5{ font-size: 20px;}
.banner01-bg{ width: 100% !important;}
.ser>a{ margin-bottom: 5%;}


.footer01{flex-wrap: wrap; }
.logo01{ margin: 0 auto; width: 100%; text-align: center;}
.logo01 a img{ max-width: 160px;}
.footer01 dl{flex-wrap: wrap;}
.footer01 dl dd{ width: 100% !important; text-align: center;}
.laxem ul li h3{ text-align:left;}
.laxem ul li{ width: 100%; margin-right: 0;}
.laxem ul li .fist{flex-wrap: wrap; }
.laxem ul li .fist .input_text01{ width: 100%; margin-top: 5%;}
.footer02{ padding: 10%  0 0 0  ;}
.footer02 ul{flex-wrap: wrap;}
.footer02 ul li{ width: 100%; margin-top: 10px;}
.footer03{    flex-direction: column;  justify-content: center; }


.cent01 .laxem ul li h3{ text-align:left;}
.cent01 .laxem ul li{ width: 100%; margin-right: 0;}
.cent01 .laxem ul li .fist{flex-wrap: wrap; }
.cent01 .laxem ul li .fist .input_text01{ width: 100%; margin-top: 5%;}

.cent02-l{ float: none; width: 100%;}
.cent02-r{ float: none; width: 100%; margin-top: 5%;}
.jgie01 ul li{ float:none; width: 100%; margin-right: 0; margin-top: 5%;}

.cent03{ margin-top: 5%;}
}