/*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:16px; 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:fixed;left:0;top:0;width:100%;background: rgb(255 255 255 / 53%);z-index:9;border-bottom: 1px solid rgba(243, 156, 18, .4);}
.header{ display: flex;   align-items: center;justify-content: space-between;height:100px; transition: all 0.5s;  }
.logo{ width:128px;    transition: all 0.3s ease 0s;}
.logo a{ width:100%}
.logo a img{ width:100%;}

.header01{display: flex;   align-items: center;}
.header-bg.on{ background:#f4f5f5}
.header-bg.on .header{ height:60px}
.header-bg.on .header .menu ul li span>a{ color:#333333}
.header-bg.on .wze a{color:#333333}
.header-bg.on .logo{ width:102px;}


/*menu*/
.menu{line-height:1;}
.menu ul li{ float:left; position:relative;}
.menu ul li span>a{ padding:40px 15px;  text-transform: uppercase;    letter-spacing: 1px;}
.menu ul li span>a i{ margin-left:5px}
.menu ul li dl{background: rgba(0,0,0,.5);width:100%;position:absolute;left:0px;top:100%;/* padding:10px 0; */display:none;}
.menu ul li dl dd{line-height: 1;border-bottom: 1px solid #1a1a1a;/* margin:0 10px; */}
.menu ul li dl dd a{font-size: 16px;color: #fff;font-weight:normal;display:inline;padding:0;text-align:left;padding: 10px;display: block;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{font-size: 16px;color: #000;text-decoration:none;font-weight:normal;display:block;text-align:center;}
.menu a:hover{color:#f39c12;}
a.menu_hover{color:#f39c12;}
/*.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}*/

.wze{ color:#fff}
.wze a{font-size:16px;color: #000;padding:10px;}

.banner{ display:block; }
.banner .img{position:relative}
.banner .img a{ display:block}
.banner .img a img{ width:100%; vertical-align:bottom}
.banner01{ position:absolute; top:50%; left:50%;    transform: translate(-50%,-50%); z-index:2
}
.banner01 span{ font-size:45px; display:block; text-align:center; color:#fff;}
.banner .swiper-button-next, .banner .swiper-button-prev{ width:40px; height:40px; background:#fff none repeat scroll 0 0}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ font-size:16px; color:#666;}
.banner .swiper-button-next{ right:9%; top:inherit; bottom:2%;}
.banner .swiper-button-prev{right:12%; top:inherit; bottom:2%; left:inherit;}


.cent01-bg{ background:#f7f9fc; padding:4% 0 2% 0;}
.cent01 ul li{ float:left; display:block;width:calc((100% - 7%)/3); margin-right:2.5%;     box-shadow: 0 3px 7px #ddd; background:#fff;}
.cent01 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.cent01 ul li a{ display:block}
.cent01 ul li a .img{ width:100%}
.cent01 ul li a .img img{ width:100%; vertical-align:bottom;}
.cent0101{ text-align:center; padding:30px 20px;}
.cent0101 h2{ font-size:18px; color:#3c4a62; display:block}
.cent0101 span{ font-size:14px; color:#687284; display:block; padding:6% 0;}
.cent0101 em{ font-style:normal; background:#5d6b82 none repeat scroll 0 0; border-radius:5px; color:#fff; line-height:40px; padding:0px 25px; width:140px; display:block; font-size:14px; box-sizing:border-box; margin:0 auto;}
.cent01 ul li:hover h2{ color:#f39c12}
.cent01 ul li em:hover{ background: #f39c12}


.title{ text-align:center;}
.title h2{     display: inline-block; font-size: 40px;letter-spacing: 2px; line-height: 1; margin-bottom: 30px; padding-bottom: 20px; position: relative; text-transform: uppercase; color:#3c4a62}
.title p{}
.title h2::before, .title h2::after {
    background: rgba(0, 0, 0, 0) url(../images/title-border.png) repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100px;
}

.title h2::after {
    background: #f39c12 none repeat scroll 0 0;
    height: 4px;
    width: 20px;
}
.cent02{ margin-top:4%; margin-bottom:2%}
.cent02-l{ float:left; display:block; width:31%}
.cent02-l h2{ font-size: 32px;  margin-bottom: 30px; padding-bottom: 15px;position: relative; color:#3c4a62}
.cent02-l h2::after {
    border-bottom: 1px dashed rgb(243, 156, 18);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50px;
}
.cent02-l span{ font-size:14px; line-height:1.8; color:#687284; display:block}
.cent02-l a{ display:inline-block; font-size:14px; background:#5d6b82 none repeat scroll 0 0; border-radius:5px; color:#fff; padding:10px 15%; margin-top:5%;}


.cent02-r{ float:right; display:block; width:67%;    background: url(../images/328918078.jpg) center center / contain no-repeat scroll;
    visibility: visible;}

.cent0201{ float:right; width:50%; background:rgba(243, 156, 18, 0.9) none repeat scroll 0 0; padding:30px; color:#fff;}
.cent0201 h2{ color: #fff;  margin-bottom: 30px;  padding-bottom: 15px;  position: relative;}
.cent0201 h2::after {  border-bottom: 1px dashed;  bottom: 0; content: ""; height: 2px; left: 0; position: absolute;  width: 50px;}
.cent0201 span{    font-size: 16px; line-height: 30px; display:block;}


.footer-bg{ background:rgba(56,64,73,.8); color:#fff; padding:2% 0}
.footer01{ display:block; width:30%;}
.footer02{ display:block; width:30%}
.footer03{ display:block; width:30%}
.footer{ display: flex;   align-items: flex-start;justify-content: space-between; padding-bottom:2%}
.footer h2{ display:block; font-size:22px; font-weight:normal;    margin: 0 0 15px;}
.footer ul li{ line-height:1.5; font-size:14px; color:#a1a7b2}
.footer ul{ margin-bottom:20px}
.footer01>p{ font-weight:bold; padding:0; font-size:14px; color:#a1a7b2; display:block; margin-bottom:10px} 
.footer02>strong{ font-weight:bold; padding:0; font-size:14px; color:#a1a7b2; display:block; margin-bottom:10px} 
.footer02>p{  padding:0; font-size:14px; color:#a1a7b2; display:block; margin-bottom:10px} 
.footer03>strong{ font-weight:bold; padding:0; font-size:14px; color:#a1a7b2; display:block; margin-bottom:10px} 
.footer03 table {}
.footer03 table tr td{color:#a1a7b2; font-size:14px; line-height:2}
 
.footered{ border-top:1px solid #999999; padding-top:1.5%; font-size:14px;} 
.footered>p{ padding:0;} 
 
 .top{ height:50px; display:none}
 .sp_header{ display:none}
 .sjj_nav{ display:none}
 
 .banner02{ width:100%; position:relative}
 .banner02 img{ width:100%; vertical-align:bottom}
 .banner03{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
 .banner03 h2{ color:#fff; font-size:30px; font-weight:normal}
 
 .gray-bg{ background: #f7f9fc; padding:3% 0}
 .cent03{}
 .cent03-l{ float:left; display:block; width:38%}
  .cent03-l img{ width:100%; vertical-align:bottom;}
 .cent03-r{ float:right; display:block; width:56%;}
  .cent03-r h2{     font-size: 22px;
    font-weight: 700;
    display: block;
    line-height: 54px;}
 
 
.cent04{ background:#fff; box-sizing:border-box; padding:30px 20px; margin-top:2%;}
.cent04>span{ font-size:16px; color:#333; display:block; line-height:2;}

.cent05{ background:#fff; box-sizing:border-box; padding:30px 20px; margin-top:2%;}
.cent05-l{ float:left; display:block; width:45%}
.cent05-l img{  width:100%; vertical-align:bottom;}
.cent05-r{ float:right; display:block; width:50%;}  
.cent05-r .table_bt{    height: 35px;line-height: 35px; text-align: center; font-size: 16px; color: #333333; border-bottom: 1px solid #999999;}
.cent05-r .table_txt { height: 30px; line-height: 30px;text-align: center; font-size: 14px; color: #333333;}


.cent06{ margin:4% auto;}
.cent06-l{ float:left; display:block; width:31%;    box-shadow: 0 3px 7px #ddd; box-sizing:border-box; padding:20px;}
.cent06-l h2{ font-size:18px; color:#3c4a62; padding:10px 0;}
.cent06-l ul li{ line-height:30px;}
.cent06-l ul li a{ font-size:16px; color:#5d6b82}
.cent06-l ul li a:hover{ color:#003399}
.cent06-l ul li.on a{ color:#003399}

.cent06-r{ float:right; display:block; width:calc(100% - 34%); box-shadow: 0 3px 7px #ddd; padding:30px 20px; box-sizing:border-box;}
.cpxz{}
.cpxz .title{    height: 34px; line-height: 34px; background: #999;overflow: hidden;}
.cpxz .title span { display: block; float: left; color: #fff; text-align: center; box-sizing:border-box;}
.cpxz .name {  width: 59%; padding-left: 22px;    box-sizing: border-box;}
.cpxz .time {  width: 20%;}
.cpxz .down { width: 20%;}
.cpxz .list { padding-top: 5px;}
.cpxz .list li {  height: 45px; line-height: 48px; overflow: hidden; border-bottom: 1px solid #d0d0d0;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.cpxz .list li .name { text-align: left; border-right: 1px solid #d0d0d0;}
.cpxz .list li span {display: block; float: left; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.cpxz .list li .time { color: #909090;  border-right: 1px solid #d0d0d0;}
.cpxz a{ font-size: 16px;line-height: 35px; text-align: left;    color: #5d6b82;}

.inside_con{ padding:10px 0; min-height:300px;}


@media only screen and (max-width: 980px) {
	 .top{ display:block}
.wapper{ width:90% !important}	
.header-bg{ display:none;}

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.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}
.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:#f39c12;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}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.banner01 span{ font-size:20px;}
.banner01{ width:90%}

.cent01 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
.cent02{ margin-top:10%; margin-bottom:10%;}

.title h2{ font-size:24px}
.cent02-l{ width:100%; float:none; }
.cent02-r{width:100%; float:none; margin-top:5%}
.cent0201{width:100%; float:none; box-sizing:border-box;}
.footer{flex-wrap: wrap; }
.footer01{ width:100%;}
.footer02{  width:100%}
.footer03{  width:100%}
.footer-bg{ padding:5% 0}
.footer h2{ font-size:16px; margin-bottom:5%}
.footer ul li{ font-size:12px}
.footer01>p{font-size:12px}
.footer ul{ margin-bottom:5%}


.cent06-l{ float:none; display:block; width:100%}
.cent06-r{ float:none; display:block; width:100%; margin-top:5%;overflow-x:scroll;}
.cent06-r .cpxz{ width:600px;}
	}