/*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-666);/*font-family:'Microsoft YaHei';*/}
a{color:var(--main-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:1690px; margin:0 auto;}
.wapper02{ max-width:1400px; margin:0 auto;}
.wapper03{ max-width:1534px; margin:0 auto;}
.wapper04{ max-width:1734px; margin:0 auto;}

 :root {
    --main-color: #1f5cf7;
	--main-color-000: #000000;
    --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-0266e1: #0266e1;
    --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{ display: flex; align-items: center;justify-content: space-between; height:120px}
.logo{ width:34%; height:100%;}
.logo a{ width:100%; height:100%; display: flex; align-items: center;}
.logo a img{ max-width:100%; max-height:100%;}
/*menu*/
.menu{height:50px;line-height:50px;;}
.menu ul li{ float:left; position:relative; min-width:130px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:50px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index:99 }
.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:var(--main-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:25px;color:var( --main-color-000); text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu ul li span>a{ position:relative}
.menu ul li span>a:before {content: ""; position:absolute; bottom:0; width:50px; height:4px; background:var( --main-color-0266e1); left:50%;    transform: translate(-50%, 0); opacity:0}
.menu ul li:hover  span>a:before{ opacity:1}
a.menu_hover:before{ opacity:1}
.menu ul li.on span>a:before {opacity:1}
/*.menu a:hover{color:#fff;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}*/


.banner{ width:100%;}
.banner  .img{ position:relative;}
.banner  .img a>img{ width:100%; vertical-align:bottom;}
.snize{ position:absolute; top:0; left:0; width:100%; height:100%; display: flex; justify-content: center;  align-items: center;}
.snize img{ max-width:100%; width:30%}
.banner  .img .ae{position:absolute;top:0;height:100%;left:10%;width:50%;display: flex;justify-content: center;flex-direction: column;align-items: flex-start;color: #fff;}
.banner  .img .ae h2{ font-size:63px; display:block;}
.banner  .img .ae em{width:63px;height:5px;background:#fff;display: block;margin: 2% 0;}
.banner  .img .ae i{ display:block; text-align:left; font-style:normal; font-size:21px;}
.banner .swiper-button-next, .banner .swiper-button-prev{ color:#fff !important}
 .banner  .more{ background:#fff;}
 .banner  .more img{ width:30px !important;}




.titler{ text-align:center;}
.titler h2{ font-size:40px; color:var( --main-color-000); position:relative}
.titler h2 em{ font-style:normal; color:var(--main-color)}
.titler p{  width:40px; height:2px; background:var(--main-color); padding:0; display:block; margin:20px auto;}



.cent01-bg{ padding:5% 0}
.cent01-l{ float:left; display:block; width:53%;}
.mySwiper03{    height: 80%;
    width: 100%;}
.mySwiper03 .swiper-slide .img{ padding-bottom: 51.7396%;}
.mySwiper02 {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
    margin-top: 10px;
}
.mySwiper02 .swiper-slide img{ height: 73px;width:100% }
.cent01-l .mySwiper02  .swiper-slide-thumb-active{ opacity:1 !important }
.cent01-l .mySwiper02  .swiper-slide{  opacity: 0.4;}

.cent01-r{ float:right; display:block; width:41%; margin-top:3%;}
.cent01-r .titler{ text-align:left}
.cent01-r .titler p{ margin:20px 0}
.cent01-r span{ display:block; font-size:17px; color:#929292; line-height:2;}
.cent01-r ul{ display: flex; justify-content: space-between;   align-items: center; margin-top:5%}
.cent01-r ul li{}
.cent01-r ul li h2{ font-size:60px;color:var( --main-color-000); font-weight:normal;}
.cent01-r ul li span{ font-size:18px; color:#016ee8}


.more{ width:149px; height:52px;  display: flex; justify-content: center;  align-items: center; background:var(--main-color); border-radius:30px; position:relative; overflow:hidden; margin-top:8%}

.more:before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    padding-top: 100%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .6s;
    width: 100%
}

.more:hover:before {
    animation: button_style_0_anim .75s;
    z-index: 1
}

@keyframes button_style_0_anim {
    0% {
        background: rgba(0,0,0,.25);
        transform: translateX(-50%) translateY(-50%) scale(0)
    }

    to {
        background: transparent;
        transform: translateX(-50%) translateY(-50%) scale(1)
    }
}


.cent02{ width:100%; position:relative; overflow:hidden;}
.cent02>img{ width:100%; vertical-align:bottom;cursor:pointer; transition: all 0.5s;}
.cent02>a{    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;    height: 60px;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 3;    opacity: 0;
    top: 10%;visibility: hidden;}
.cent02:hover a{    opacity: 1;
    top: 50%;
    visibility: visible;
}
.cent02:hover img{transform: scale(1.1);}
.cent02>a img{ width:100%; height:100%}
.HBoxbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,0.5); display:none;}
.HBox {
	width: 960px;
	height:auto;
	margin: 0 auto;
	box-shadow: 1px 1px 5px var( --main-color-333);
	-webkit-box-shadow: 1px 1px 5px var( --main-color-333);
	background-color: var( --main-color-000); position:absolute;
	top: 50%;
	left: 50%; transform: translate(-50%,-50%);
	z-index: 100000;
}

.HBox  .video{ width:100%}
.HBox  .video video{ width:100%; vertical-align:bottom;}


.cent03{ margin-top:4%;}
.cent03 ul li{float:left;display:block;width:calc((100% - 9%)/4);margin-right:3%;position: relative;margin-bottom: 2%;}
.cent03 ul li:nth-child(4n) { margin-right: 0% ;}
.cent03 ul li a{ display:block; position:relative;}
.cent03 ul li .img{ width:100%; height:30vh; display: flex; justify-content: center;  align-items: center;}
.cent03 ul li .img img{ max-width:100%; max-height:100%; vertical-align:bottom}
.cent03 ul li .img .mae{ display:block}
.cent03 ul li .img .mae01{ display:none}
/*..cent03 ul li:hover .img .mae{ display:none}
cent03 ul li:hover .img .mae01{display:block }*/
.cent03 .snee{ position:absolute; bottom:0; left:0; width:100%; color:#fff; bottom:2%;}
.cent03 .snee span{ font-size:18px; display:block; text-align:center;}
.cent03 .dine{position:absolute;/* top:0; */height: 0;width:100%;left:0;color:#fff;box-sizing:border-box;display: flex;/* flex-direction: column; */align-items: flex-start;padding: 5%;justify-content: center;opacity:0;background: #0000002e;bottom: 0;transition: all 0.5s;}
.cent03 .dine h2{ font-size:22px; display:block; text-align:left;}
.cent03 .dine span{ font-size:16px; display:block; text-align:left; margin-top:32%; line-height:2;}
.cent03 ul li:hover .dine{opacity:1;height: 100%;}
.cent03 ul li:hover .snee{ display:none}
@media(max-width:999px){
    .cent03 .snee{bottom: 18%;}
    .cent03 .snee span{font-size: 14px;}
    
}


.cent04-bg{ margin-top:5%; padding-top:5%}
.cent04 .titler h2{ color:#fff;}
.cent04 .titler p{ background:#fff;}

.cent0401{margin-top:5%;padding: 0 5%;}
.cent0401 .swiper-top{justify-content: center !important;}
.mySwiper05{float:right;display:block;width: 77% !important;}
.mySwiper05 .img{ width:100%; position:relative; overflow:hidden;}
.mySwiper05 .img img{ width:100%; vertical-align:bottom;cursor:pointer; transition: all 0.5s;}
.mySwiper05 .img:hover img{transform: scale(1.1);}
.mySwiper05 .img span{ position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; background:rgba(0,0,0,.5); color:#fff; font-size:15px; text-align:center; padding:12px 14px;}

.mySwiper04{ float:left; display:block; width:18% !important;}
.mySwiper04 .swiper-slide{ height:150px !important;}
.mySwiper04 .swiper-slide:last-child{margin-right: 0 !important;}
.mySwiper04 .swiper-slide span{ height:100%;display: flex; justify-content: center;  align-items: center; font-size:20px; color:#818181;}
.mySwiper04 .swiper-slide-thumb-active>span{ background:#0067e2; color:#fff;}




.cent05{}
.cent05 ul li{ float:left; display:block;width:calc(100%/6);}
.cent05 ul li a{ width:100%; overflow:hidden;}
.cent05 ul li a img{ width:100%; vertical-align:bottom; cursor:pointer; transition: all 0.5s; }
.cent05 ul li:hover img{ transform: scale(1.1);}



.cent06-bg{ margin-top:5%; padding-top:5%; padding-bottom:4%;}
.cent06 .titler h2{ color:#fff;}
.cent06 .titler p{ background:#fff;}
.cent06-l{ float:left; display:block; width:41%; position:relative;border-radius: 5px;overflow: hidden;}
.cent06-l .img{ width:100%; position:relative;}
.cent06-l .img img{ width:100%; vertical-align:bottom; height:48.5vh;    object-fit: cover;}
.cent06-l .img span{background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5));
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 15px;
    padding: 11px 150px 9px 15px;
    position: absolute;
    text-align: left;
    width: 100%; left:0}
.cent06-r{ float:right; display:block; width:57%;}
.cent06-r ul li{ float:left; display:block; width:49%; margin-right:2%; background:#fff; border-radius:5px; overflow:hidden; padding:2.5%; box-sizing:border-box;}
.cent06-r ul li:nth-child(2n) {  margin-right: 0% ;}
.cent06-r ul li a{ display:block}
.cent06-r ul li a .img{ width:100%;overflow:hidden;}
.cent06-r ul li a .img>img{ width:100%; vertical-align:bottom;cursor:pointer; transition: all 0.5s; }
.cent06-r ul li:hover .img img{ transform: scale(1.1);}
.cent06-r .cent0601{ margin-top:2.5%}
.cent06-r .cent0601 h2{ overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; font-weight:normal; font-size:16px; color:var( --main-color-000);}
.cent06-r .cent0601 em{ display:block; font-size:14px; color:var(--main-color-999);     margin-top: 9px; font-style:normal;}
.cent06-r .cent0601 span{ display:block; font-size:16px; color:var(--main-color-666); line-height:1.5; margin-top:9px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; }
.cent0602{ display: flex;   align-items: center;justify-content: space-between;}
.cent0602 i{ font-size:12px; color:rgb(153, 153, 153); display:block; padding:0 8px; line-height:2; border:1px solid rgb(229, 229, 229); border-radius:5px; font-style:normal;} 

.cent0602-r{ overflow: hidden;   position: relative;  width: 40px;    height: 28px;
}
.cent0602{ margin-top:10px}
.cent0602 .img01{       position: absolute;
    top: 0px;
    transition: all 0.36s ease 0s;
    width: 30px; opacity:1;
}
.cent0602 .img02{      height: 28px;
    position: absolute;
    top: 0px;
    transition: all 0.36s ease 0s;
    width: 30px; opacity:0; left:-30px;
}
.cent06-r ul li:hover .cent0602-r .img01{    left: 30px;
    opacity: 0;}
.cent06-r ul li:hover .cent0602-r .img02{      left: 0px;
    opacity: 1;}
@keyframes newsListArrow {
    0% {
        left: 0px;
    }

    50% {
        left: 50px;
    }

    51% {
        left: -20px;
    }

    100% {
        left: 0px;
    }
}



.footer{padding-top:2%;display: flex;align-items: flex-start;justify-content: space-between;border-top:1px solid rgb(136, 136, 136);margin-top:4%;padding-bottom:4%;}
.footer01{}
.footer01 ul{display: flex;align-items: flex-start;}
.footer01 ul li a{ font-size:20px; color:var( --main-color-000);}
.footer01 ul li{ margin:0 2vw;}
.footer02{}
.footer02 h2{font-size:26px;color:#1f5cf7;display:block;margin-bottom: 9px;}
.footer02 ul li{  font-size:16px; color:var( --main-color-000); line-height:2;}

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


.banner01{ display:block; width:100%}
.banner01 img{ width:100%; vertical-align:bottom;}


.cent07-bg{margin-top:5%; padding-top:5%; padding-bottom:4%;}
.cent07 .titler h2{ color:#fff;}
.cent07 .titler p{ background:#fff;}
.uuzz ul li{ float:left; display:block; width:calc((100% - 12%)/4); margin-right:4%}
.uuzz ul li:nth-child(4n) {
    margin-right: 0% ;
}
.uuzz ul li a{ display:block}
.uuzz ul li a img{ width:100%; vertical-align:bottom;}
.cent07 .mySwiper07{ width:30%; margin-bottom:3%}
 .mySwiper07 .img{ color:#fff; font-size:18px; padding:10px 20px; border:1px solid #fff; display:inline-block;}
.mySwiper07 .swiper-slide-thumb-active .img{ color:#007aff}


.cent08-bg{ margin-top:5%; padding-top:5%; padding-bottom:5%}
.cent0801.titler h2{ color:#fff;}
.cent0801.titler p{ background:#fff;}

.cent0802{margin-top:5%;/* padding: 0 3%; */ height:60vh}
.mySwiper10{float:right;display:block;width: 83.5% !important;background:url(../images/AD0Imqm9Dx4rwQ.png) center no-repeat !important;min-height: 569px;}
.mySwiper10 .img{padding: 10% 9% 0;display: flex;align-items: flex-start;justify-content: space-between;}
.mySwiper10 .img img{width: 26%;}
.cent0803{text-align:left;width: 71%;}
.cent0803 h2{ font-size:38px; color:#0065DE; font-weight:normal;}
.cent0803 .img01{ width:50%}
.cent0803 .img01 img{ width:100%}
.cent0803 span{ font-size:16px; color:var(--main-color-666); line-height:2;}



.mySwiper09{float:left;display:block;width: 15% !important;}
.mySwiper09 .swiper-slide{/*height: 120px !important;*/}
.mySwiper09 .swiper-slide:hover{cursor:pointer}  
.mySwiper09 .swiper-slide span{height:100%;display: flex;justify-content: center;align-items: center;font-size:20px;color:#818181;box-shadow: 0 1px 12px rgba(43,43,43,.1);background: #ffff;}
.mySwiper09 .swiper-slide span img{ max-height:100%; max-width:	100%}
.mySwiper09 .swiper-slide-thumb-active>span{ background:#0067e2; color:#fff;}

.cent0801{ display: flex; justify-content: space-between;  align-items: center;}
.cent0801 .titler p{ margin:20px 0; background:var( --main-color-000)}
.cent0801 .jiru{ text-align:right;}
.cent0801 .jiru span{ display:block; font-size:14px; color:var(--main-color-666); line-height:30px}


.tab_valli{ display:none}
.cent09-bg{ background:url(../images/gA84jA4.jpg) center no-repeat; background-size:cover; padding:4% 0}
.cent09 .title{ display: flex; justify-content: center;  align-items: center;flex-wrap: wrap; }
.cent09 .title li{ font-size:18px; padding:10px 20px; display:block; border-radius:5px; margin:0 2vw;} 
.cent09 .title li.cur{ background:rgb(31, 92, 247); color:#fff;}

.tabs_val{ margin-top:4%}
.cent10 .titler{ text-align:left}
.cent10 .titler p{ display:none}
.cent10 .titler span{ font-size:20px; color:rgb(32, 28, 28); display:block; margin-top:9px;}
.cent10  ul{ margin-top:4%}
.cent10  ul li{ margin:4% 0; display: flex;  align-items: center;
justify-content: space-between;}
.cent10  ul li:nth-child(2n) {flex-direction: row-reverse;}
.cent10  ul li .img{ width:50%;}
.cent10  ul li .img img{ width:100%; vertical-align:bottom}
.cent10  ul li .cent101{ width:48%; }
.cent10  ul li .cent101 h2{ font-size:32px; font-weight:normal; display:block; color:var(--main-color)}
.cent10  ul li .cent101 span{ font-size:18px; color:#5A5959; line-height:2;margin-top:2%; display:block;}

.cent11-bg{background:url(../images/gA84jA4.jpg) center no-repeat; background-size:cover; padding:4% 0}
.zsdx{}
.zsdx ul li{border-bottom:1px dashed rgb(202, 203, 205);padding-bottom:4%;padding-top: 4%;}
.zsdx ul li h2{ color:var( --main-color-000); display:block; font-size:26px; display: flex;  align-items: center;}
.zsdx ul li h2 em{ width:10px; height:10px; border-radius:50%; background:rgb(21, 128, 255); display:inline-block; margin-right:10px}
.zsdx ul li>span{ font-size:18px; color:#4f4f4f; display:block; margin-top:2%; margin-left:2%}
.zsdx ul li dl{ margin-left:2%; display: flex;  align-items: flex-start;}
.zsdx ul li dl dd{text-align:center;margin-right: 9%;margin-top: 3%;}
.zsdx ul li dl dd img{ max-width:100%; margin:0 auto;}
.zsdx ul li dl dd span{ display:block; font-size:18px; color:rgb(79, 79, 79)}
.zsdx ul li .img{ width:100%; margin-top:4%}
.zsdx ul li .img img{ width:100%; vertical-align:bottom;}



.cent12-bg{background:url(../images/gA84jA4.jpg) center no-repeat; background-size:cover; padding:4% 0}
.cent12 .titler h2{ text-align:left;} 
.cent12 .titler p{ margin:20px 0;}
/*update_news3*/
.update_news3{ margin:0 auto;}
.update_news3 ul li{ padding:0px 30px; box-sizing:border-box;transition: all .4s ease-out;}
.update_news3 ul li .news_con{ border-bottom:1px solid #ececec; overflow:hidden; padding:30px 0px;}
.update_news3 ul li .news_con .news_pic{float:left;width: 426px;overflow:hidden;}
.update_news3 ul li .news_con .news_pic img{ width:100%; transition: all .36s ease;}
.update_news3 ul li .news_desc{float:right;width: calc(100% - 454px);}
.update_news3 ul li .news_desc strong{display:block;font-weight:normal;line-height: 40px;overflow:hidden;}
.update_news3 ul li .news_desc strong a{float:left;font-size: 27px;color:#444;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:calc(100% - 104px);font-weight: bold;}
.update_news3 ul li .news_desc strong em{ float:right; font-style:normal; color:#444; font-size:16px;}
.update_news3 ul li .news_desc span{display:block;font-size: 16px;color:#777;line-height:24px;padding-top: 11px;}
.update_news3 ul li:hover{box-shadow: 0 0 22px rgba(0,0,0,.12);border-radius: 4px;background: #fff;}
.update_news3 ul li:hover .news_con .news_pic img{transform: scale(1.1);}
.update_news3 ul li .news_desc:hover strong a{ color:var(--main-color);}
.update_news3 ul li .news_desc:hover strong em{ color:var(--main-color);}
.update_news3 ul li .news_desc em{ display:block; width:66px; height:28px; text-align:center; line-height:28px; border-radius:5px; border:1px solid #e5e5e5; color:var(--main-color-666); font-style:normal; margin-top:2%;}

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


.niey{ margin-top:0}
@media only screen and (max-width: 980px) {
	.header{ 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;display: flex;justify-content: center;align-items: center;}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;/* float: left; */cursor:pointer;height:30px;margin-top:15px;position: absolute;}
.sp_nav span{display:block;background:#999;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:var(--main-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}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	
	.wapper{ width:96%;}
	.wapper02{width:90%;}
	.titler h2{ font-size:22px;}
	.titler h2{ font-size:22px;}

	.cent01-l{ float:none; display:block; width:100%;}
	.cent01-r{ float:none; display:block; width:100%;}
	
	.cent01-bg{ background:none !important;}
	.cent01-r span{ font-size:15px; line-height:1.5;}
	
	.more{ width:120px; height:40px;}
	.cent01-r ul li h2{ font-size:29px;}
	.cent01-r ul li span{ font-size:14px;}
	.cent03{ width:100%;}
	.cent03 ul li{width: calc(100%/2); margin-right:0;}
	.cent03 ul li:nth-child(2n) { margin-right: 0% ;}
	.cent03 ul li{margin-right: 10px;width: calc((100% - 10px) / 2);}
    .cent03 ul li:nth-child(2n) { margin-right: 0% ;}
	.cent03 ul li:nth-child(2n-1){ clear:left;}

	/*.cent04-bg{background-size: auto 600px !important;}
	.mySwiper04{ width:100% !important; float:none;}
	.mySwiper04 .swiper-slide{ height:30px !important; width:20% !important; background:#fff}
	.mySwiper04 .swiper-slide span{ font-size:12px}
	.mySwiper05{ margin-top:5%; width:100% !important; float:none;}
	.cent0401{ height:auto;}
	.cent0401{ margin-top:15%}
	*/
	.cent0401{margin-top: 15%;}
	.cent04-bg{background-size: auto 600px !important;}
	.mySwiper04{ width:100% !important; float:none;}
	.mySwiper04 .swiper-slide{ height:75px !important; width:23% !important; background:#fff;padding: 5px;}
	.mySwiper04 .swiper-slide span{ font-size:14px}
	.mySwiper05{ margin-top:5%; width:100% !important; float:none;}
	
	.cent05{ margin-top:5%}
	.cent05 ul li{width:calc(100%/3);}
	
	.cent06-bg{background-size: 100% 100% !important; }
	.cent06-l{float:none; display:block; width:100%;}
	.cent06-l .img img{ height:auto}
	.cent06-r{ float:none; display:block; width:100%;}
	
	.cent06-r ul li{float:none; display:block; width:100%; margin-right:0; margin-top:5%}
	.cent06-r .cent0601 span{ font-size:12px}
	.cent06-r .cent0601 em{ font-size:12px}
	.cent06-r .cent0601 h2{ font-size:14px;}
	
	.footer01 ul{flex-wrap: wrap;justify-content: center; }
	.footer01 ul li{margin-right:5px}
    .footer01 ul li:last-child{margin-right: 0;}
	.footer01 ul li a{ font-size:16px;} 
	.footer{ border-top:0; margin-top:0;flex-wrap: wrap;padding-bottom: 10px; }
	
	
	.footer02{text-align: center;margin: 5% auto 0;}
	.footer02 h2{ font-size:18px}
	.footer02 ul li{ font-size:14px; line-height:1.5;}
	.cent03 .dine{ padding:5% 19%}
	.cent03 .dine h2{ font-size:18px;}
	.cent03 .dine span{ font-size:12px; line-height:1.5}
	
	.snize img{    width: 57%;}
	.banner .img .ae h2{ font-size:22px;}
	.banner .img .ae i{ font-size:12px}
	.banner .more{ width:60px; height:24px;}
	
	.uuzz ul li{ width:calc((100% - 4%)/2); margin-right:4%; margin-top:4%}
	.uuzz ul li:nth-child(2n) {
    margin-right: 0% ;
}
	.cent07 .mySwiper07{ width:100%}
	.mySwiper07 .img{ padding:10px 12px;}
	
	.wapper03{ width:96%}
	.wapper04{ width:90%}
	.mySwiper09{ width:100% !important; float:none;}
	.mySwiper09 .swiper-slide{ height:80px !important;}
	.mySwiper09 .swiper-slide span img{}
	.mySwiper10{ width:100% !important; float:none; padding:5% 0 !important; background:#fff !important;     box-shadow: 0 1px 12px rgba(43,43,43,.1); margin-top:5%}
	
	.mySwiper10 .img{ padding:16px;flex-wrap: wrap; }
	.mySwiper10 .img  img{ width:80%; margin:0 auto}
	.cent0803{ width:100%}
	.cent0802{ height:auto}
	.cent0801 .jiru span{ font-size:10px; line-height:1.5}
	
	.cent09 .title li{ margin:0 1vw;}
	.cent10 ul li{flex-wrap: wrap; }
	.cent10 ul li .img{ width:100%}
	.cent10 ul li .cent101{width:100%; margin-top:4%}
	.cent10 ul li .cent101 span{}
	
	
	.zsdx ul li dl{flex-wrap: wrap; }
	.zsdx ul li dl dd{width: calc((100% - 24%)/2);margin-top:5%;margin-right: 6%;margin-left: 6%;}
	.zsdx ul li dl dd span{ font-size:16px}
	.zsdx ul li h2{ font-size:18px}
	
	 /*update_news3*/
    .update_news3 ul li{ padding:0px;}
    .update_news3 ul li .news_con{ padding:20px 0px;}
    .update_news3 ul li .news_con .news_pic{ float:none; width:100%;}
    .update_news3 ul li .news_desc{ float:none; width:100%; margin-top:10px;}
	
	.mySwiper07 .swiper-slide-thumb-active .img{ color:#fde11b; font-weight:bold}
	
	}
	
	
	

.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: rgb(2 102 225) url(../images/xiangs.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50%;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  /* opacity: .5; */ z-index:99
}
.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: 48px;
    width: 48px;
    right: 30px;
    bottom: 30px;
  }
}
@media only screen and (max-width: 980px) {.cd-top{ display:none}}
.copy{font-size: 16px;text-align: center;}
@media only screen and (max-width: 980px) {
.copy{font-size: 14px;}
.copy .copycon{margin-bottom: 65px;}
}