/*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; font-family: "YaHei" !important;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{ width:88% !important; margin:0 auto; max-width:1730px}

@font-face {
    font-family: "YaHei";
    src: url("/fonts/YaHei_Bold.ttf") format("truetype");
}


.header-bg{position: relative;padding:18px;box-sizing:border-box;background:#fff;box-shadow: 0px 0px 15px #ccc;border-bottom:1px solid #e7edf0;z-index: 2;}
.header{ display: flex; align-items: center;justify-content: space-between;}
.logo{ width:20%; height:55px}
.logo a{ width:100%; height:100%; display: flex;   align-items: center;}
.logo img{ max-width:100%; max-height:100%;}
/*menu*/
.menu{height:35px;line-height:35px;}
.menu ul li{ float:left; position:relative; width:175px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:35px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 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:14px;color:#3a3a3d; text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu a:hover{color:#2b5072;}
a.menu_hover{ color:#2b5072;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
.menu ul li.on span>a{color:#2b5072;}

.regi{ background:#003262; border-radius:5px; color:#fff; font-size:15px; line-height:1; padding:20px 30px;}
.regi:hover{ color:#fff;}

.banner{ width:100%}
.banner img{ width:100%; vertical-align:bottom}

.cent01{ width:100%; height:calc(100vh - 92px);  display: flex; justify-content: center;  align-items: flex-start;}
.cent01-l{ width:60%;  display: flex; justify-content: center;  align-items: center; height:100%}
.cent01-r{ width:40%; color:#333; margin-top:6%}

  #mask {
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
    }

    #carousel {
      position: relative;
      z-index: 2;
      height: 200px;
     /* margin-top: 200px;*/

      transform-style: preserve-3d;
      perspective: 800px;
    }
    #carousel img {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 300px;
      height: 200px;
      margin-left: -150px;
      margin-top: -100px;
      border-radius: 8px;

      transition: transform 0.5s ease-in-out; overflow:hidden;
    }
	#carousel img:before {  content: ""; position:absolute; top:0; height:100%; left:0; width:100%; background:#000}
	
	#carousel img.on:before{ display:none}

.cent01-r h2{ display:block; font-size:42px; margin-bottom:4%}
.cent01-r ul li{ font-size:16px; padding:10px 0;}
.cent01-r ul li a{ font-size:26px; display:block;}
.cent01-r .img{ width:66%; margin-top:4%;}
.cent01-r .img img{ width:100%; vertical-align:bottom;}

.cent02{ width:100%}
.cent02 img{ width:100%; vertical-align:bottom;}

.cent03-bg{     background-image: linear-gradient(to bottom, #F8F3E6, #DEEBDF, #D2E2E4);  width:100%; padding:3% 0; }
.cent03{}
.cent03-l{position:sticky;top:24vh; float:left; width:23%;}
.cent03-l ul{}
.cent03-l ul li{ padding:0.15rem  0.05rem}
.cent03-l ul li.active{  border-left: 5px solid #375623;}
.cent03-l ul li a{    font-size: 0.25rem; font-weight: bold;  color: black; transition: all ease 0.5s;}
.cent03-l ul li:hover{    background-color: #C5E0B3;  cursor: pointer;}
.cent03-l ul li:hover a{   color: #375623;}
.cent03-r{ width:calc(100% - 27%); float:right;}
.cent03-r section{ margin-bottom:5%;}
.cent03-r section .tit-bg{position: relative;background-color: white;border-radius: 20px;padding: 0.2rem;margin-top: 0.2rem;box-shadow: #808080 0 0 10px;transition: ease 0.2s;min-height:300px}
.cent03-r section .tit-bg:hover { transform: scale(1.01);}
.tit-bg p{font-size:16px;}
.tilte {
}
.tilte h1{ font-size:0.4rem; color:#212529;}
.tit-bg img{max-width:500px;display:block;margin:0 auto}
.inside_con{ padding:10px 0; min-height:300px;}


.top{ display:none}
.sp_header{ display:none}
.sjj_nav{display:none}
@media only screen and (max-width: 980px) {

    .tit-bg img {
        max-width: 100%;
        display: block;
        margin: 0 auto
    }

		.header-bg{ display:none;}
	.top{ display:block; height:50px;}
	
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;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:#003262;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 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}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

	.cent01{flex-wrap: wrap;height: auto;align-items: center;min-height: 100vh;width: 90%;margin: 0 auto;}
	.cent01-l{width:100%;height: auto;}
	.cent01-r{height:auto;width:100%; margin-top:0%;}
	#carousel{ height:150px;}
	#carousel img{     width:140px;height: 100px;margin-left: -70px; margin-top: -50px;}
	.tilte h1{ font-size:24px;}
	
	.cent03{ width:90% !important;}
	.cent03-l ul li{ margin-bottom: 3%;}
	.cent03-l ul li a{font-size: 11px;line-height:1.5}
	.cent03-r section .tit-bg{ padding: 5%;}
	
	.cent01-r .img{ width:100%}
	}