/*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:var(--main-color);/*font-family:'Microsoft YaHei';*/}
a{color:var(--main-color)}
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: 1506px !important; margin:0 auto; width:90% !important}



 :root {
    --main-color: #212121;
    --main-color-white: #ffffff;
    --main-color-333: #333333;
    --main-color-555: #555555;
    --main-color-666: #666666;
    --main-color-999: #999999;
    --main-color-888: #888888;
	 --main-color-4b5563: #4b5563;
	 --main-color-1976d2: #1976d2; 
    --main-transition: all ease 0.4s;
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --main-linear: linear-gradient(45deg, #79bd28 0%, #00653b 100%);
}


.header-bg{ position:fixed; left:0; top:0; width:100%; z-index:99}
.header{ display: flex;  align-items: center;justify-content: space-between;}
.logo{ width:90px; height:90px;}
.logo a{display: flex;  align-items: center; width:100%; height:100%;}
.logo a img{ max-width:100%; max-height:100%;}
/*menu*/
.menu{height:35px;line-height:35px; flex:1}
.menu ul{ display: flex; justify-content: center;  align-items: center;flex-wrap: wrap; }
.menu ul li{  position:relative; width:120px;}
.menu ul li dl{ background:var( --main-color-white); width:100%; position:absolute; left:0px; top:35px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index:99; min-width:120px; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; position: relative; }
.menu ul li dl dd>dl{ position: absolute; left: 100%; top: 10px;}
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:16px;color:var( --main-color-white); text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu a:hover{color:#e0e0e0;}

.header-bg.on{ background:var( --main-color-white);    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);  border-color: #e5e7eb;}
.header-bg.on .menu a{ color:var(--main-color)}
.header-bg.on .menu a:hover{ color:#2e7d32}



.banner{ width:100%;}
.banner .img-bg{ position:relative;}
.banner .img-bg img{ height:100vh;  object-fit: cover; width:100%;}
.banner .img-bg .img{ position:absolute; top:0; width:100%; height:100%; left:0; display: flex; justify-content: center;  align-items: center; color:var( --main-color-white);}
.banner .img-bg .img h2{ font-size:60px; display:block;}
.banner .img-bg .img span{ font-size:20px; display:block; margin-top:1%;}
.banner .img-bg .img a{ background:var(--main-color-1976d2); padding:12px 24px; font-size:16px; color:var( --main-color-white); border-radius:5px; display:inline-block; margin-top:1%}
.banner .swiper-button-next, .banner .swiper-button-prev{    background-color: rgba(0, 0, 0, 0.3);  width: 50px;   height: 50px; border-radius: 50%;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ color:var( --main-color-white); font-size:24px; font-weight:700}
.banner .swiper-pagination span{ width:12px; height:12px; }
.banner .swiper-pagination-bullet{ background:var( --main-color-white)}

.cent01-bg{ background:#f5f5f5; padding-top:4%; padding-bottom:4%;}

.title{ text-align:center}
.title h2{ font-size:40px; color:var(--main-color);}
.title span{ font-size:16px; color:var(--main-color-4b5563); margin-top:16px; display:block;}
.title p{ padding:0; width:80px; height:4px; background:var(--main-color-1976d2); margin:16px auto 0;}


.cent02{ padding-top:4%}
.cent02 ul{ margin-top:4%;}
.cent02 ul li{ display: flex;   align-items: center;justify-content: space-between;flex-wrap: wrap; margin-top:4%}
.cent02 ul li .img{ width:48%;  width:48%;}
.cent02 ul li .img img{box-shadow: 0px 0px 15px #ccc; width:100%; vertical-align:bottom;    transition: transform 0.5s ease; border-radius:20px; overflow:hidden;transition: all 0.5s;border:1px solid #e5e7eb;object-fit: contain;}
.cent02 ul li .img:hover img{
    transform: scale(1.03);
}
.cent02-l{ width:48%;}
.cent02-l h2{ font-size:24px; color:var(--main-color-1976d2); display:block;font-weight: 700; margin-bottom:24px}
.cent02-l span{ color:#374151; font-size:16px; display:block; line-height:1.625; margin-bottom:24px;}
.cent02-l dl{}
.cent02-l dl dd{ font-size:16px; color:#374151; margin-top:10px;}
.cent02-l dl dd i{ color:var(--main-color-1976d2); font-size:14px; margin-right:10px;}
.cent02 ul li:nth-child(2n-1) {flex-direction: row-reverse;}
.cent02 ul li:first-child{margin-top:0}



.cent03{ margin-top:2%;}
.cent03 ul li{ float:left;  width:calc((100% - 20px)/2); margin-top:20px; margin-right:20px; background:var( --main-color-white); display: flex;  align-items: center;
 border-radius:10px; padding:16px; box-sizing:border-box;    box-shadow: 0px 0px 15px #0000001a;}
.cent03 ul li:nth-child(2n) {  margin-right: 0% ;}
.lxwm{ width:100% !important; margin-right:0;}
.cent03 ul li i{ color:var(--main-color-1976d2); font-size:28px; margin-right:10px;}
.cent03 ul li .cent0301{ flex:1}
.cent03 ul li .cent0301 h2{ font-size:16px; display:block;}
.cent03 ul li .cent0301 a{ font-size:14px; color:#6b7280; display:block;}



.cent04{ margin-top:4%; margin-bottom:4%}
.cent04 ul{ display: flex;  align-items: center;justify-content: space-between;flex-wrap: wrap; }
.cent04 ul li{ background:#f5f5f5; border-radius:10px;box-shadow: 0px 0px 15px #ccc; width:32%; box-sizing:border-box; padding:3%; margin-top:3%}
.cent04 ul li .img{ width:64px; height:64px; border-radius:50%; background:#1976d21a; overflow:hidden; margin:0 ;}
.cent04 ul li .img img{ width:100%; height:100%;}
.cent04 ul li h2{ font-size:20px; font-weight:700;margin-top:4%;}
.cent04 ul li span{ font-size:16px; display:block;  color:var(--main-color-4b5563); margin-top:4%;}
.cent04 ul li a{ color:var(--main-color-1976d2); display:block; font-size:16px;margin-top:3%;}
.cent04 ul li a i{ margin-left:10px;}

.cent05{ width:40%; border-radius:10px; margin:4% auto 0; background:#1976d21a; box-sizing:border-box; padding:2%; text-align:center;}
.cent05 h2{ font-size:18px; font-weight:normal; margin-bottom:32px; display:block;}
.cent0501{ display: flex; justify-content: center;  align-items: center;flex-wrap: wrap; }
.cent0501 a{ font-size:16px; color:var(--main-color-1976d2); border-radius:30px; border:2px solid var(--main-color-1976d2); margin:0 1vw; padding:8px 24px;}
.cap{ background:var(--main-color-1976d2); color:var( --main-color-white) !important;}
.cs{ display:block; font-size:20px; color:var(--main-color-1976d2); font-weight:700; margin-top:32px}


.footer-bg{ background:#000000;color:#9ca3af}
.footer-bg a{ color:#9ca3af}
.footer{ padding:2% 0; }
.footer dl{display: flex;   align-items: flex-start;justify-content: space-between;flex-wrap: wrap; }
.footer dl dd{ width:22%;}
.footer dl dd .dae{display: flex; font-size:20px; color:var( --main-color-white); font-weight:700; margin-bottom:24px}
.footer dl dd .dae i{ font-size:24px; color:var(--main-color-1976d2); margin-right:10px}
.footer dl dd span{ font-size:16px;}
.footer dl dd:nth-child(1) { width:25%}
.footer dl dd .fle{ display: flex;  align-items: center;margin-top:24px}
.footer dl dd .fle a{ margin-right:10px}
.footer dl dd .fle i{ font-size:16px;}
.footer dl dd h2{ margin-bottom:24px; font-size:18px; color:var( --main-color-white);}
.footer dl dd ul{}
.footer dl dd ul li{ font-size:16px; margin-bottom:10px;}
.footer dl dd:nth-child(4) ul li{  display: flex;align-items: center;}
.footer dl dd:nth-child(4) ul li i{font-size:16px; color:var(--main-color-1976d2); margin-right:10px}
.footer dl dd:nth-child(4) ul li span{ font-size:16px; line-height:1.5; flex:1}

.footer01{ text-align:center; border-top:1px solid #1f2937; padding:1.5% 0}
.footer01 .footer0101{}
.footer01 .footer0101 a{ font-size:16px; margin:0 10px}
.footer01 span{ font-size:16px; margin-top:20px; display:block;}

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

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:16px; color:var( --main-color-white);}
.weizhi a{ font-size:16px; color:#fffc; margin:0 5px;}
.inside_con{ padding:10px 0; min-height:300px;}


.banner02{ background:var(--main-color-1976d2); padding:6% 0; text-align:center; color:var( --main-color-white);}
.banner02>h2{ font-size:48px; display:block; margin-bottom:16px; font-weight:700;}
.banner02>span{ font-size:18px; display:block; margin-bottom:16px;}


.cent06-bg{ background:#f5f5f5; padding:4% 0;}
.cent06 ul li{ float:left; display:block;width:calc((100% - 6%)/4); margin-right:2%; background:var( --main-color-white); border-radius:10px;     box-shadow: 0px 0px 15px #ccc; margin-top: 3%; overflow:hidden;}
.cent06 ul li:nth-child(4n) {  margin-right: 0% ;}
.cswr{ padding:24px;}
.cent06 ul li .img-bg{ position:relative; overflow:hidden}
.cent06 ul li .img{ padding-top:100%;cursor:pointer; transition: all 0.5s;}
.cent06 ul li .uge{ color:var( --main-color-white); position:absolute; bottom:0; left:0; width:100%; padding:20px; box-sizing:border-box;background-image: linear-gradient(to top, #0000008c,transparent);}
.cent06 ul li .uge h2{ font-size:20px; display:block;}
.cent06 ul li .uge span{ font-size:16px; display:block; color:#e5e7eb}
.cent06 ul li:hover .img{transform: scale(1.1);}
.cent06 ul li .gap{ margin-bottom:16px;}
.cent06 ul li .gap em{ font-style:normal; font-size:14px; padding:4px 12px; border-radius:30px; display:inline-block; color:var(--main-color-1976d2); background:#1976d21a; margin-right:16px;}
.cent06 ul li .cswr{}
.cent06 ul li .cswr span{ font-size:16px; color:var(--main-color-4b5563); display:block; line-height:1.5;min-height: 240px;}
.cent06 ul li:nth-child(4n-3){ clear:left;}


.cent07{ margin:4% auto;}
.cent0703{ display:none}
.cent0701{}
.cent0701 ul{ text-align:center;}
.cent0701 ul li{ display:inline-block; font-size:16px; color:#374151; background:#e5e7eb; padding:8px 24px; border-radius:5px; margin:0 5px;}
.cent0701 ul li.on{ background:var(--main-color-1976d2); color:var( --main-color-white) !important;}
.cent0701 ul li:hover{background:var(--main-color-1976d2); color:var( --main-color-white) !important;}
.cent0702{ margin-top:3%;}
.tpxc{}
.tpxc ul li{ float:left; display:block;width:calc((100% - 4%)/3); margin-right:2%; background:var( --main-color-white); border-radius:10px; overflow:hidden;box-shadow: 0px 0px 15px #ccc; margin-bottom:2%}
.tpxc ul li:nth-child(3n) { margin-right: 0% ;}
.tpxc ul li .img-bg{overflow:hidden}
.tpxc ul li .img{ padding-top:50%;cursor:pointer; transition: all 0.5s;}
.tpxc ul li:hover .img{transform: scale(1.1);}
.tpxc01{ padding:5%; box-sizing:border-box;}
.tpxc01 h2{ font-size:20px; display:block; margin-bottom:8px;}
.tpxc01 span{ font-size:16px; display:block; color:var(--main-color-4b5563); height:48px; overflow:hidden;}
.tpxc ul li:nth-child(3n-2){ clear:left;}

.siyue ul li{float:left; display:block;width:calc((100% - 60px)/4); margin-right:20px; background:var( --main-color-white); border-radius:10px; overflow:hidden;box-shadow: 0px 0px 15px #ccc; margin-bottom:20px;}
.siyue ul li:nth-child(4n) { margin-right: 0% ;}
.siyue ul li a{ display:block;}
.siyue ul li .img{ display: flex; justify-content: center;  align-items: center; height:485px; width:100%; padding:8px; overflow:hidden;}
.siyue ul li .img img{ max-width:100%; max-height:100%;cursor:pointer; transition: all 0.5s;}
.siyue ul li:hover .img img{ transform: scale(1.1);}


.cent08-bg{ background:#f5f5f5; padding:6% 0}
.cent08{ width:90%; margin:0 auto; max-width:1152px;}
.cent08 .img{ }
.cent08 .img img{ width:100%; vertical-align:bottom;height: 500px;object-fit: cover;}
.cent08 .mySwiper02{ margin-top:4%;   box-shadow: 0px 0px 15px #ccc;border-radius:10px; overflow:hidden}
.cent08 .swiper-button-next, .cent08 .swiper-button-prev{    background-color: rgba(0, 0, 0, 0.3);  width: 35px;   height: 48px; border-radius: 30px;}
.cent08 .swiper-button-next:hover, .cent08 .swiper-button-prev:hover{ background:#000000bf}
.cent08 .swiper-button-next:after, .cent08 .swiper-button-prev:after{ color:var( --main-color-white); font-size:24px; font-weight:700}
.cent08 .swiper-pagination span{ width:12px; height:12px; }
.cent08 .swiper-pagination-bullet{ background:var( --main-color-white)}

.cent09{ margin:5% auto 0;}
.cent09>ul>li{ width:90%; margin:0 auto; max-width:768px; background:var( --main-color-white); border-radius:10px; overflow:hidden; border-top:2px solid #1976d2b3; box-sizing:border-box; padding:1.5%;box-shadow: 0px 0px 15px #ccc; margin-top:3%;transition:all .3s ease;}
.cent09>ul>li:hover{transform: translateY(-18px);}
.cet{ display: flex; align-items: center;}
.cet .img{ width:20px; height:20px; border-radius:50%; background:#1976d21a; overflow:hidden; margin-right:10px;}
.cet .img img{ width:100%;height:100%;}
.cet .cet01{ flex:1;}
.cet .cet01 h2{ font-size:20px;}
.cent09>ul>li>span{ font-size:16px; display:block; color:var(--main-color-4b5563); margin:4% 0;}
.cent09>ul>li>ul{ display: flex; align-items: flex-start;justify-content: space-between}
.cent09>ul>li>ul li{ background:#f9fafb; padding:16px; box-sizing:border-box; width:32%; border-radius:10px;}
.cent09>ul>li>ul li em{ font-style:normal; font-size:14px; display:block; margin-bottom:8px;}
.cent09>ul>li>ul li h3{ font-size:16px; display:block; font-weight:normal;}
.cent0901{  display: flex; justify-content: flex-end;  align-items: center; margin-top:2%; }
.cent0901 a{ font-size:16px; color:var( --main-color-white); background:var(--main-color-1976d2); border-radius:5px; padding:8px 16px;}

.ermite{ margin-top:3%; margin-bottom:2%;}
.ermite ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.ermite ul li{ display:block;width:31%;        padding: 20px; box-sizing:inherit; text-align:center;}
.ermite ul li img{ width:120px; height:120px; margin-bottom:2%}
.ermite ul li span{ font-size:16px; display:block; text-align:center;}

@media only screen and (max-width: 980px) {
	.header-bg{ display:none;}
	.top{ display:block; height:50px;}
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:var( --main-color-white);position:fixed;z-index:10;width:100%; display:block;}
.sp_logo{padding:10px;float:left;height:50px; box-sizing:border-box}
.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:var(--main-color-1976d2);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}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.banner .img-bg .img h2{ font-size:30px}
.banner .img-bg .img span{ font-size:18px;}
.banner .img-bg img{ min-height:300px; height:auto}
.banner .img-bg .img a{ font-size:14px; padding:4px 12px; margin-top:5%}


.title h2{ font-size:24px}
.title span{ font-size:14px; margin-top:10px}
.title p{margin-top:10px}
	
.cent02 ul li{ margin-top:5%;}	
.cent02 ul li .img{ width:100%; }	
.cent02 ul li .cent02-l{ width:100%;margin-top:5%;}	
.cent02 ul li:nth-child(2n-1){     flex-direction: initial;}	
.cent02-l h2{ margin-bottom:4%; font-size:24px}	
.cent02-l span{ margin-bottom:4%;}
.cent03 ul li{ width: 100%; float:none; margin-right:0; margin-top:5%;}
.cent04 ul li{ margin-top:5%; width:100%; margin-right:0}	
	
.cent05{ width:90%; padding:5%;}
.cent05 h2{ margin-bottom:4%}
.cent0501 a{ padding:4px 12px;}	
.cs{ font-size:16px; margin-top:5%;}
.footer dl dd:nth-child(1){ width:100%}
.footer dl dd{ width:100%; margin-bottom:5%;}
.footer dl dd h2{ margin-bottom:5%}
.footer dl dd ul li{ font-size:12px; margin-bottom:5px}	
.footer{ padding:5% 0}

.banner02{ padding:5%; box-sizing:border-box;}
.banner02>h2{ font-size:30px; margin-bottom:5%;}
.banner02>span{ font-size:16px; margin-bottom:5%;}

.cent06-bg{ padding:5% 0}
.cent06 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}

.tpxc ul li{ width:100%; margin-right:0; margin-top:5%;}
.siyue ul li{ float:none; width:100%; margin-right:0; margin-top:5%;}	
.siyue ul li .img{ height:auto;}
.cent09>ul>li>ul li h3{ font-size:14px;}
.cent09>ul>li{ padding:5%;}
.cent09>ul>li>ul{flex-wrap: wrap; }	
.cent09>ul>li>ul li{ width:100%; margin-top:4%;}	
.cent0901{ margin-top:5%;}	
	
.ermite ul li{ width:100%; margin-top:4%;}	
	}


.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: var(--main-color-1976d2) url(../images/xsej.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50%;
  background-size: 20px;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 40px;
    width: 40px;
    right: 30px;
    bottom: 30px;
  }
}