@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1920px; padding-left:100px; padding-right:100px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}
.flex3{ display:flex; display: -webkit-flex; align-items:stretch;}


.header{ transition:all .3s; position:fixed; z-index:100; top:0; left:0; width:100%; height:80px; background:rgba(0,0,0,.3);}


.subbtn{ cursor:pointer;}
.subbtn span{ display:block; width:23px; height:2px; background:#fff; margin:6px 0;}


.header .logo{ padding:12.5px 0;}
.header .logo img.b{ display:none;}

.lang { position:relative; height:80px; padding-top:25px;}
.lang span{ font-size:16px; color:#fff; cursor:pointer;}
.lang span i{ color:#fff; font-size:16px; margin-left:10px;}
.lang ul li:first-child{ border-bottom: 1px solid #eee;}
.lang ul{ box-shadow:0 0 10px rgba(0,0,0,.1); position:absolute; top:120%; left:50%; opacity:0; visibility:hidden; transition:all .3s; background:#fff; text-align:center; width:150px; transform:translateX(-50%); -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.lang ul li a{ transition: all .3s; display:block; color:#fff; font-size:16px; line-height: 55px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.lang:hover ul{ top:100%; visibility:visible; opacity:1;}
.lang ul li a:hover{ background-color: #ed6d00 !important; color: #fff !important;}

.nav_down{ width:100%; z-index:99; border-top:1px solid #eee; background:#fff;position:absolute; top:80px; opacity:0; visibility:hidden;transition:all .3s;}
.nav_down li a{ white-space:nowrap;}

.header.open,.header:hover,.header.on{ background:#fff; border-bottom:1px solid #eee;}
.header.open .nav_down{ top:100%; opacity:1; visibility:visible; padding:60px 0;}
.header.open .subbtn span,.header:hover .subbtn span,.header.on .subbtn span{ background:#000}
.header.open .logo img.b,.header:hover .logo img.b,.header.on .logo img.b{ display:block;}
.header.open .logo img.w,.header:hover .logo img.w,.header.on .logo img.w{ display:none;}
.header.open .lang span,.header:hover .lang span,.header.on .lang span{ color:#000;}
.header.open .lang span i,.header:hover .lang span i,.header.on .lang span i{ color:#000}

.header.open .lang ul li a,.header:hover .lang ul li a,.header.on .lang ul li a{ color:#333;}


.nav_down li b a{ transition:all .3s; color:#333; font-size:24px; display:block; line-height:1; margin-bottom:35px;}
.nav_down li a{transition:all .3s; display:block; font-size:16px; color:#666; line-height:1; margin-bottom:25px;}
.nav_down li a:hover{ color:#ed6d00;}
.nav_down li:hover b a{ color:#ed6d00}
.nav_down li.on b a{ color:#ed6d00}

.banner img{ width:100%; height:100%; object-fit:cover; transition:all 3s;}
.banner .swiper-pagination{ bottom:40px;}
.banner .swiper-pagination span{ width:60px; height:2px; position:relative; border-radius:0; opacity:1; background:#fff; margin:0 20px !important;}
.banner .swiper-pagination span:after{  background:#ed6d00; content:""; display:block; width:0; height:2px;  position:absolute; left:0; top:0;}
.banner .swiper-pagination span.swiper-pagination-bullet-active:after{ animation: banner 4s;-webkit-animation: banner 4s;animation-timing-function:linear;-webkit-animation-timing-function:linear;}

.banner .swiper-slide-active img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);}


@keyframes banner
{
    from {width: 0;}
    to {width: 100%;}
}
 
@-webkit-keyframes banner
{
    from {width: 0;}
    to {width: 100%;}
}


.indexabout1{ padding:1.5rem 0;}
.indexabout1 li{ text-align:center;}
.indexabout1 li b{ font-size:80px; color:#000; display:block; line-height:1; margin-bottom:15px;font-family: Bahnschrift;}
.indexabout1 li span{ font-size:20px; color:#666666;}

.indexabout2{ padding-bottom:1.75rem;}
.indexabout2le{ width:43%; padding-left:100px;}
.indexabout2le .tit{ position:relative;}
.indexabout2le .tit b{ font-size:40px; line-height:1; position:relative; z-index:1;}
.indexabout2le .tit b em{ font-size:20px; font-style:normal; margin-left:10px;}
.indexabout2le .tit .entxt{ position:absolute; line-height:1; left:0; bottom:0;}
.indexabout2le .tit .entxt i{ font-weight:bold; font-style:normal;font-size:80px; letter-spacing:-5px;color:rgba(0,0,0,.04);}
.entxt i:nth-child(2n){ color:#ed6d00; color:rgba(237,109,0,.04) !important;}
.indexabout2ri{ width:52%;position:relative;}
.indexabout2ri img{ width:100%; }

.indexabout2ri .swiper-slide{ overflow:hidden;border-radius:10px; }
.indexabout2ri .swiper-slide img{ transition:all 1s;}
.indexabout2ri .swiper-slide:hover img{ transform:scale(1.1,1.1);}

.indexabout2txt{ padding:.35rem 0;}
.indexabout2txt p{ font-size:20px; color:#333333; text-indent:2em;}
.indexabout2le a{ transition:all .3s; font-size:18px; color:#666; margin-top:.5rem; display:inline-block;}
.indexabout2le a i{ width:21px; height:21px; line-height:21px; display:inline-block; border-radius:100%; margin-left:15px; font-size:12px; text-align:center; border:1px solid #eee; color:#666}

.indexabout2le a:hover{ color:#ed6d00;}
.indexabout2le a:hover i{color:#ed6d00;}



.indexabout2ri .entxt{ position:absolute; bottom:0; left:0;transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); padding-right:1rem; }
.indexabout2ri .entxt i{ line-height:1; font-weight:bold; font-style:normal;font-size:.8rem; letter-spacing:-5px;color:#ed6d00; color:rgba(237,109,0,.04) !important;}
.indexabout2ri .entxt i:nth-child(2n){ color:#000; color:rgba(0,0,0,.04)!important;}

.indexabout2ri .swiper-pagination{ padding-right:1rem; left:0; transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); bottom:.55rem;}
.indexabout2ri .swiper-pagination .swiper-pagination-bullet{ margin-left:.3rem; margin-right:0; width:8px; height:8px; background:#ccc; opacity:1;}
.indexabout2ri .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#ed6d00}


.main3 ul{ overflow:hidden;}
.main3 li{ width:35%;height:800px; position:relative; transition: all .65s ease-out;}
.main3 li img{ width:100%; height:100%; object-fit:cover;}
.main3 li .table{ position:absolute; left:0; top:0; transition:all .36s; padding:0 100px; width:100%; overflow:hidden;} 
.main3 li .table2{ opacity:0;}


.main3 li .table1 b{ color:#fff; font-size:40px; text-align:center; display:block;}
.main3 li .table2 b{ color:#fff; font-size:40px; display:block; line-height:1; margin-bottom:40px;}

.main3 li p{ color:#fff; font-size:18px; width:540px;}
.main3 li:hover .table1{ opacity:0;}
.main3 li:hover .table2{ opacity:1;}

.main3 li.on{ width:50%;}
.main3 li.on .table{ background:rgba(0,0,0,.3);}
.main4 { position:relative; background-image: url(../images/index_10.jpg);  background-size: cover; background-position: center;}
.main4 video{ position:absolute; z-index:1; left:0 ; top:0;    width: 100%;    height: 100%;    object-fit: cover;    object-position: center center;}
.main4 .main4box{padding:150px 0 190px; position:relative; z-index:2; background:rgba(0,0,0,.3);}
.main4 .main4box b{ font-size:40px; color:#fff; display:block; margin-bottom:140px;}
.main4 .main4box ul{ margin-bottom:180px;}

.main4 .main4box ul{justify-content: flex-start;}
.main4 .main4box li { width:30%;}
.main4 .main4box li span{ font-weight:bold; font-size:18px; color:#fff;}
.main4 .main4box li span i{ width:21px; height:21px; border:1px solid #fff; color:#fff; font-size:14px; line-height:19px; border-radius:100%; text-align:center; margin-left:10px;}
.main4 .main4box li img{ display:block; margin-bottom:25px; transition:all .3s;}
.main4 .main4box p{ font-size:18px; color:#fff; font-weight:bold;}
.main4 .main4box li i{transition:all .3s;}

.main4 .main4box li:hover  img{ transform:translateY(-10px); -moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);}
.main4 .main4box li:hover i{ transform:translateX(5px); -webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);}


.footer{ padding-top:100px; color:#fff; background:#222222;}

.fotri{ width:570px;}
.fotle{ width:calc(100% - 570px);}
.fotle li{ width:31%;}
.fotle li b a{ font-size:24px; display:block; line-height:1; color: #fff; margin-bottom:55px;}
.fotle li a{ color: #999; transition:all .3s; display:inline-block; font-size:16px; line-height:1; margin-bottom:35px;}
.fotle li a:hover{ color:#ed6d00}


.fotri{ padding-bottom:50px;}
.fotri b{ font-size:20px; line-height:1.3; margin-bottom:13px; display:block;}
.fotri p{ font-size:14px; padding-left:30px;color: #999; background-repeat:no-repeat; background-position:left 5px; line-height:25px; margin-bottom:5px;}
.fotri p.tel{ background-image:url(../images/icon_03.png);}
.fotri p.add{ background-image:url(../images/icon_10.png);}
.fotri p.email{ background-image:url(../images/icon_07.png);}
.fotri .line{ height:1px; width:100%; background:#393939; margin:32px auto;}
.fotri .weixin{ margin-top:30px; position:relative; width:25px;}
.fotri .weixin .ewm{ width:120px; height:120px; padding:5px; background:#fff; border-radius:5px; position:absolute; left:100%; bottom:110%; visibility:hidden; opacity:0; transition:all .3s;}
.fotri .weixin .ewm img{ width:100%; height:100%;}
.fotri .weixin:hover .ewm{ visibility:visible; opacity:1; left:100%; bottom:100%;}

.fotcopy{ border-top:1px solid #393939;}
.logofot{ padding:12px 0;}
.copy p,.copy p a{ font-size:14px; color:#999;}
.copy p a{ display:inline-block; padding:0 13px;}

.fotcopy a{ display:inline-block; font-size:14px; color:#999;}
.copy p a:hover,.fotcopy a:hover{ color: #ed6d00;}

.GoTop{ width:60px; height:60px; transition:all .3s; line-height:60px; color:#fff; border-radius:5px; background:rgba(0,0,0,.4); text-align:center; font-size:24px; cursor:pointer; position:fixed; right:20px; bottom:80px; z-index:1000; display:none;}
.GoTop:hover{ background:#ed6d00;}
.GoTop.open{ display:block;}



/*合作伙伴*/
.hezuohuoban,.zerenbox{ padding:100px 0;}
.hezuohuoban li { position:relative; height:250px; width:25%; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.hezuohuoban li  i{ position:absolute; width:0; height:0; transition:all .4s; display:block;}
.hezuohuoban li  i.i01{ left:0; top:0; width:0; height:1px; background:url(../images/xian01.png) no-repeat right top; background-size:100% 100% ;}
.hezuohuoban li  i.i02{ right:0; top:0; width:1px; height:0; background:url(../images/xian02.png) no-repeat right top; background-size:100% 100%;}
.hezuohuoban li  i.i03{ right:0; bottom:0; width:0; height:1px; background:url(../images/xian03.png) no-repeat left top; background-size:100% 100% ;}
.hezuohuoban li  i.i04{ left:0; bottom:0; width:1px; height:0; background:url(../images/xian04.png) no-repeat right top; background-size: 100% 100%;}

.hezuohuoban li:hover{ border-bottom:1px solid #fff;}
.hezuohuoban li:hover  i.i01{ width:100%;}
.hezuohuoban li:hover  i.i02{ height:100%;}
.hezuohuoban li:hover  i.i03{ width:100%;}
.hezuohuoban li:hover  i.i04{ height:100%;}

.hezuohuoban li img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:80%; max-height:60%;}
.hezuohuoban li:nth-child(4n){ border-right:none;}
.hezuohuoban li:nth-last-child(2),.hezuohuoban li:last-child,.hezuohuoban li:nth-last-child(3),.hezuohuoban li:nth-last-child(4){ border-bottom:none;}


.lunbopic img{ width:100%;}
.lunbopic .swiper-slide {
    width: 1100px !important;
    transform: scale(0.8);
}
.lunbopic .swiper-slide:after{ content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .7);
    z-index: 1;}

.lunbopic .swiper-slide.swiper-slide-active:after{ background:none;}

.dowebok { width: 100%; margin: 100px auto; font-size: 0;}
.dowebok img { margin-right: 20px; vertical-align: top; border-radius:10px; overflow:hidden;}






.duoyuanbox .gallery-top .swiper-slide img.bac{ position:absolute; bottom:0; left:0; width:100%; height:auto;}




.xm02title{ text-align:center;}
.xm02title span{ width:1.6rem; color:#fff; background:#ed6d00; display:inline-block; line-height:.5rem; position:relative; margin-bottom:.5rem; font-size:.16rem; height:.5rem;}
.xm02title span:after{ left:50%; position:absolute; content:""; display:block; height:.5rem; width:1px; background:#eeeeee; top:.5rem;}
.box-line{ width:87.87%; margin:0 auto; height:.4rem; border:1px solid #eeeeee; border-bottom:none;}

.xm02bot >ul{   width:12.12%; text-align:center;}
.xm02bot >ul span{ font-size:.16rem;}

.xm02bot >ul>li{ overflow:visible; border-radius:0; margin-bottom:.3rem; position:relative;}
.xm02bot >ul>li:hover{ box-shadow:none;}
.xm02bot >ul>li>span{border:1px solid #eee;line-height:.4rem; transition:all .3s; background:#fff; display:block;}
.xm02bot >ul>li>span:hover{ border:1px solid #ed6d00; color:#ed6d00;}

.xm02bot >ul>li:after{ left:50%; position:absolute; content:""; display:block; height:.3rem; width:1px; background:#eeeeee; top:100%;}
.xm02bot >ul>li:last-child:after{ display:none;}
.xm02bot >ul>li.haschild{ margin-bottom:0;}
.xm02bot >ul>li.haschild:after{ display:none;}
.xm02bot >ul>li.haschild ul{ padding-bottom:.3rem; overflow:hidden; padding-left:.3rem; width:calc(100% - .1rem); margin-left:.1rem; border-left:1px solid #eee;}

.xm02bot >ul>li.haschild ul li{ overflow:visible; border-radius:0; margin-top:.3rem; position:relative;}
.xm02bot >ul>li.haschild ul li span{border:1px solid #eee;line-height:.4rem; transition:all .3s; background:#fff; display:block;}
.xm02bot >ul>li.haschild ul li:hover{ box-shadow:none;}
.xm02bot >ul>li.haschild ul li span:hover{border:1px solid #ed6d00; color:#ed6d00;}
.xm02bot >ul>li.haschild ul li:after{ position:absolute; content:""; display:block; height:1px; width:.3rem; left:-.3rem; background:#eeeeee; top:50%;}



.xm02title span{ position:relative; z-index:2;}


.sub_ban01{ text-align:center; color:#fff; height:930px; background-size:cover; background-position:center; background-repeat:no-repeat;}

.sub_ban01 b br{ display: none;}
.sub_ban01 b{ font-size:60px;}
.sub_ban01 p{ font-size:20px;}

.sub_chan{ border-bottom:1px solid #eeeeee;}
.sub_chan ul li a{ transition:all .3s; line-height:80px; display:block; position:relative; font-size:20px; font-weight:bold; text-align:center; color:#000;}
.sub_chan ul li{ width:16.66%; position:relative;}
.sub_chan ul li.on a,.sub_chan ul li a:hover{ color:#ed6d00}
.sub_chan ul li a:after{ height:30px; width:1px; content:""; display:block; position:absolute; right:0; top:50%; margin-top:-15px; background:#eee;}
.sub_chan ul li:after{ transition:all .3s; content:""; display:block; width:0; height:1px; background:#ed6d00; position:absolute; bottom:0; left:0;}
.sub_chan ul li.on:after{ width:100%;}
.sub_chan ul li:hover:after{ width:100%;}
.sub_chan ul li:last-child a:after{ display:none;}


.aboutbox{ padding:90px 0; background:#fafafa;}
.about01{ padding-bottom:100px;}
.about01 p{ font-size:18px; color:#000000; line-height:2.2;}


.about02{ background-size:cover; border-radius:10px; position:relative; padding:200px 410px;}
.about02 .leimg{ left:110px; position:absolute; top:0; width:144px;}
.about02 .riimg{ position:absolute; right:140px; bottom:-35px; width:172px;}

.about02  li{transition:all .3s; cursor:pointer; width:23%; text-align:center; padding-bottom:15px; opacity:.6; position:relative;}
.about02  li.on{ opacity:1;}
.about02  li.on:after{ width:60px; height:1px; background:#fff; position:absolute; content:""; display:block; bottom:0; left:50%; margin-left:-30px;}
.about02 li b{  font-size:40px; color:#fff; display:block}
.about02 li span{ font-size:18px; color:#fff; font-weight:bold;}
.about02 ul{ border-bottom:1px solid rgba(255,255,255,.2);}

.histoybox{ position:relative; overflow:hidden;}
.histoybox img{ width:100%; position:relative; z-index:1;}
.histoybox ul li img{ width:184px;}
.histoybox ul li span{ display: block; font-size: 18px; color: #333; padding-top: 5px;}
.histoybox ul {  height:100%; width:100%; position:absolute; top:0; left:0; z-index:2;}
.histoybox ul li{ width:16%; padding-left:20px; position:absolute; border-left:1px solid #333333; }
.histoybox ul li:first-child{ left:4%;  bottom:380px; border: none; text-align: center;}
.histoybox ul li:nth-child(2){ left:21%; height:240px; bottom:380px;}
.histoybox ul li:nth-child(3){ left:36%; height:285px; bottom:380px;}
.histoybox ul li:nth-child(4){ left:51%; height:300px; bottom:445px;}
.histoybox ul li:nth-child(5){ left:65%; height:270px; bottom:535px;}
.histoybox ul li:nth-child(6){ left:80%; height:300px; bottom:560px; width: 220px;}
.histoybox ul li:nth-child(7){ right:0; height:280px; bottom:640px; width: 175px;}

.histoybox ul li b{ font-size:40px; display:block; display:block; line-height:1; margin-bottom:15px;}
.histoybox ul li p{ font-size:16px; color:#333; line-height:24px;}

.histoybox ul li:hover{ border-left:1px solid #ed6d00;}
.histoybox ul li:hover b{ color:#ed6d00}
.histoybox ul li:hover p{ color:#ed6d00}
.histoybox img.weilai{ position:absolute; right:100px; bottom:30px; z-index:3; width:145px;}
.hsiwap{ display:none;}
.hsiwap{ padding:20px 20px 40px;}


.hsiwap li{ border-bottom:1px solid #eee; display:block; padding:15px 0;}
.hsiwap li b{ font-size:18px;}
.hsiwap li p{ font-size:14px;}
.hsiwap li img{ display: block; width: 5rem;}
.hsiwap li span{ display: block; padding-top: 10px; font-size: 16px; margin-left: 10px;}
.hsiwap li.fist .flex{ justify-content: flex-start;}

.contentabout img{ max-width:100%; display:block;}




.controls{ max-width:1100px; margin:50px auto; display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.controls .swiper-button-prev{transition:all .3s; position:static; width:40px; height:40px; border-radius:100%; margin-top:0; border:1px solid #999}
.controls .swiper-pagination{ position:static;}
.controls .swiper-button-next{ transition:all .3s; position:static;width:40px; height:40px; border-radius:100%; margin-top:0; border:1px solid #999}
.controls .swiper-button-prev:after{ color:#999; font-size:16px;}
.controls .swiper-button-next:after{color:#999; font-size:16px;}

.controls .swiper-pagination .swiper-pagination-bullet{ width:8px; height:8px; background:#cdcdcd; margin:0 10px; opacity:1;}
.controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#ed6d00}

.controls .swiper-button-next:hover,.controls .swiper-button-prev:hover{ border:1px solid #ed6d00}
.controls .swiper-button-prev:hover:after{ color:#ed6d00;}
.controls .swiper-button-next:hover:after{color:#ed6d00;}


.zhaopin01{ padding:150px 0;}
.tit_zhaopin{ text-align:center;}
.tit_zhaopin b{ font-size:30px; color:#333; display:block; margin-bottom:10px; font-weight:normal;}
.tit_zhaopin p{ font-size:14px; color:#999999;}


.zhaopin01 .txts{ position:relative; max-width:1000px; margin:0 auto; margin-top:50px; border:1px solid #fbe2cc; border-radius:10px; padding:45px 50px;}
.zhaopin01 .txts img.leimg{ position:absolute; left:30px; top:-15px;}
.zhaopin01 .txts img.riimg{ position:absolute; right:30px; bottom:-15px;}
.zhaopin01 .txts span{ font-size:18px; color:#333; display:block; letter-spacing:2px;}
.zhaopin01 .txts span.en{ font-size:14px; color:#333;}
.zhaopin01 .txts .names{ text-align:right; font-size:18px; color:#333;}

.zhaopin02{ padding:90px 0; text-align:center; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; }
.zhaopin02 strong{ opacity:.1; font-size:1.2rem; text-transform:uppercase; color:#fff;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%); display:block; width:100%; text-align:center;}


.zhaopin02 .txt b{ font-size:30px; color:#fff; font-weight:normal; display:block; margin-bottom:10px;}
.zhaopin02 .txt p{ font-size:18px; color:#fff;}

.zhaopin03{ margin-top:100px;}

.maps{ margin-top:50px; border-radius:10px; overflow:hidden; position:relative;}
.maps img{ width:100%;}
.maps .dian{ position:absolute; width:6px; height:6px; background:#fff; border:6px solid #ed6d00; z-index:1; display:block; top:47%; left:50%; margin-top:-3px; margin-left:-3px; border-radius:100%; box-sizing:content-box;}
.maps .dian a{ display:inline-block; text-align:center; padding:0 30px; line-height:45px; background:#ed6d00; color:#fff; border-radius:100px; position:absolute; top:40px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);}


.maps .dian2{position:absolute;left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); width:20px; height:20px; opacity:.2; background:#ed6d00;animation: dian2 1.5s infinite;-webkit-animation: dian2 1.5s infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear; border-radius:100%;}

@keyframes dian2
{
    0 {width: 20px; height:20px;}
    50% {width: 30px; height:30px;}
	100%{ width:40px; height:40px;}
}
 
@-webkit-keyframes dian2
{
   0 {width: 20px; height:20px;}
    50% {width: 30px; height:30px;}
	100%{ width:40px; height:40px;}
}

.duoyuanbox .litpic{ text-align:center;}

.duoyuanbox .litpic b{ font-size:18px; color:#fefefe}
.duoyuanbox .litpic .img{ height:75px; margin-bottom:15px;}
.duoyuanbox .litpic img{ display:block; margin:0 auto; max-height:90%;}
.duoyuanbox .litpic .swiper-slide{padding:.5rem 0; }
.duoyuanbox .litpic .swiper-slide a{ display:block;border-right:1px solid rgba(255,255,255,.2);}
.duoyuanbox .litpic .swiper-slide:last-child a{ border: none;}
.duoyuanbox{ position:relative;}
.duoyuanbox .litpic .swiper-wrapper{}
.duoyuanbox .gallery-thumbs{ border-top:1px solid rgba(255,255,255,.2);}
.duoyuanbox .litpic{ position:absolute; border:0; left:0; width:100%; bottom:0; }
.duoyuanbox .gallery-top .swiper-slide img{ width:100%;}


.duoyuanbox .litpic .swiper-slide:after{ position:absolute; content:""; display:block; top:0; left:0; width:0; transition:all 1s; height:1px; background:#fff;}
.duoyuanbox .litpic .swiper-slide.swiper-slide-thumb-active:after{ width:100%;}



.sub_ban02{ height:600px; background-size:cover; background-position:center; background-repeat:no-repeat;}


.positions{ padding:40px 0;}

.posi { padding-left:43px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/3-1_03.png);}
.posi,.posi a{ font-size:14px; color:#666;}
.posi a{ display: inline-block; padding: 0 5px;}
.posi a:last-child,.posi a:hover{ color:#ed6d00;}

.duoyuantit{ font-size:30px; color:#000; font-weight:bold; line-height:1; display:block; margin-bottom:35px;}
.duoyuan01{ padding-top:120px;}
.duoyuan01 p{ font-size:18px; color:#333; line-height:2;}
.duoyuan01 p img{ max-width:100%; margin:0 auto; display:block;}

.duoyuan01 .lunbopic{ margin:70px auto;}

.duoyuan02{ padding:140px 0;}

.duoyuan02 li{ transition: all .3s; padding:0 60px; line-height:55px; margin-right:20px; margin-bottom:20px; border-radius:100px; border:2px solid #eee; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.duoyuan02 ul{    justify-content: flex-start;}
.duoyuan02 li a{ transition: all .2s; font-size:20px; font-weight:bold; display:block; padding-left:55px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/3-1_13.png); color:#666; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; }
.duoyuan02 li:last-child{ margin-right:0;}
.duoyuan02 li.on a,.duoyuan02 li:hover a{ color:#fff;background-image:url(../images/3-1_11.png); }
.duoyuan02 li.on,.duoyuan02 li:hover{ background:#ed6d00; border:2px solid #ed6d00; }


.duoyuan03{ padding-top:110px; padding-bottom:170px; background:#fafafa;}
.duoyuan03 ul{ border-bottom:1px solid #eeeeee; padding-top:40px;}
.duoyuan03 li{ width:32%; padding-bottom:40px; position:relative;}
.duoyuan03 li .imgs{ border-radius:8px; overflow:hidden; position:relative;}
.duoyuan03 li img{ width:100%;}
.duoyuan03 li .txts{ position:absolute; bottom:0; left:0; padding:30px; font-size:24px; color:#fff; font-weight:bold;}
.duoyuan03 li:hover:after{ width:100%;}
.duoyuan03 li:after{ content:""; display:block; position:absolute; bottom:0; left:0; width:0; height:1px; background:#ed6d00; transition:all .5s;}




.dy3_01le{ width:50%;}
.dy3_01le img{ max-width:100%; display:block;}
.dy3_01ri{ width:45%;}
.dy3_01ri p{ font-size:20px; color:#000; padding:20px 0; padding-left:60px; background-position:left 25px; background-repeat:no-repeat;}
.dy3_01ri p.icon01{ background-image:url(../images/3-3_10.jpg);}
.dy3_01ri p.icon02{ background-image:url(../images/3-3_14.jpg);}
.dy3_01ri p.icon03{ background-image:url(../images/3-3_17.jpg);}
.dy3_01ri p.icon04{ background-image:url(../images/3-3_21.jpg);}
.dy3_01ri p.icon05{ background-image:url(../images/3-3_24.jpg);}
.dy3_01ri p.icon06{ background-image:url(../images/3-3_28.jpg);}


.duoyuan_06le{ width:49%;}
.duoyuan_06le img{ width:100%;}
.duoyuan_06ri{ width:48%;}
.duoyuan_06ri li{ width:30%;padding:25px 0; font-size:20px; color:#000; padding-left:65px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/3-6_10.jpg); }

.duoyuan_06_02{ margin-top:100px;}
.duoyuan_06_02 li{ width:20%; padding-left:80px; border-right:1px solid #e5e5e5;}
.duoyuan_06_02 li:last-child{ border:none;}
.duoyuan_06_02 li .img{ width:75px; padding-right:10px;}
.duoyuan_06_02 li .img img{ max-width:100%; display:block;}
.duoyuan_06_02 li .txt{ width:calc(100% - 75px);}
.duoyuan_06_02 li span{ display:block; font-size:20px; color:#000; font-weight:normal;}
.duoyuan_06_02 li span:nth-child(2n){ font-size:18px; color:#ed6d00;}


.fanganbaner{ height:930px; width:100%;}

.fanganbaner .swiper-container{ height:100%; width:100%;}

.fanganbaner .swiper-slide .bacimg{ position:relative; background-size:cover; width:105%; height:100%; background-position:center; background-repeat:no-repeat;}

.fanganbaner .swiper-slide .bacimg2{ transition: all .65s ease-out; opacity:0; position:absolute; z-index:2; left:0; top:0; width:100%; height:100%;}
.fanganbaner .swiper-slide .bacimg2 img{ height:100%; width:100%;}

.fanganbaner .swiper-slide.on .bacimg:before{backdrop-filter: blur(0px);}
.fanganbaner .swiper-slide.on .bacimg2{ opacity:1;}

.fanganbaner .swiper-slide .txt01{transition: all .65s ease-out; opacity:1; position:absolute; bottom:90px; left:0; width:100%; text-align:center; padding:0 40px; z-index:2;}
.fanganbaner .swiper-slide .txt01 b{ color:#fff; font-size:24px;}



.fanganbaner .swiper-slide .txt02{transition: all .65s ease-out; opacity:0; position:absolute; bottom:130px; left:0; width:100%; padding:0 100px; z-index:2; width:730px;}
.fanganbaner .swiper-slide .txt02 b{ font-size:30px; color:#fff; margin-bottom:30px; display:block;}
.fanganbaner .swiper-slide .txt02 p{ font-size:18px; color:#fff;}
.fanganbaner .swiper-slide .txt02 a{ display:inline-block; margin-top:30px; font-size:18px; font-weight:bold; color:#fff;}
.fanganbaner .swiper-slide .txt02 a i{ width:21px; height:21px; font-size:14px; color:#fff; border:1px solid #fff; border-radius:100%; text-align:center; line-height:19px; margin-left:10px;}

.txt01 .circle{ width:10px; height:10px; background:#fff; margin:0 auto; border-radius:100px; margin-top:20px; position:relative;}
.txt01 .circle:after{position:absolute;left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);animation: dian3 1.5s infinite;-webkit-animation: dian3 1.5s infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;  content:""; display:block; width:10px; height:10px; background:rgba(255,255,255,.3);border-radius:100px;}
.fanganbaner .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#ed6d00}

@keyframes dian3
{
    0 {width: 10px; height:10px;}
    50% {width: 15px; height:15px;}
	100%{ width:20px; height:20px;}
}
 
@-webkit-keyframes dian3
{
  0 {width: 10px; height:10px;}
    50% {width: 15px; height:15px;}
	100%{ width:20px; height:20px;}
}

@media screen and (min-width: 768px) {
	
.fanganbaner .swiper-slide{ width:30%;  flex-shrink: initial; transition: all .65s; overflow:hidden;}
	
.fanganbaner .swiper-slide:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;     background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));}
.fanganbaner .swiper-slide.on{ width:140%;}
.fanganbaner .swiper-slide.on .txt02{ opacity:1;}
.fanganbaner .swiper-slide.on .txt01{ opacity:0;}


.fanganbaner .swiper-slide .bacimg:before{    content: ''; transition: all .65s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(8px);
    display: block;}
	}



.sub_ban01 .table{ background:rgba(0,0,0,.3);}


.shuziyingyong{ padding:150px 0;}
.shuziyingyong li{width:32%; position:relative; border-radius:10px; overflow:hidden;}
.shuziyingyong li:first-child,.shuziyingyong li:nth-child(2){ width:49%; margin-bottom:2%;}

.shuziyingyong li img{ transition:all .4s; width:100%; height:100%; object-fit:cover; position:relative; z-index:1;}
.shuziyingyong li a{ display:block; position:relative; height:350px; overflow:hidden;}
.shuziyingyong li img.bac{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}

.shuziyingyong li:hover img:nth-child(2){ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
.shuziyingyong li .txt02{ padding:30px; position:absolute; bottom:-100px; height:200px; left:0; width:100%; z-index:3; transition:all .4s;}
.shuziyingyong li .txt02 b{ transition:all .3s; color:#fff; font-size:24px; display:block; margin-bottom:50px; line-height:1.3;}
.shuziyingyong li .txt02 p{ color:#fff; font-size:18px;}
.shuziyingyong li .txt02 em{ font-style:normal; color:#fff; margin-top:20px; display:inline-block;}
.shuziyingyong li .txt02 em i{width:21px; height:21px; font-size:14px; color:#fff; border:1px solid #fff; border-radius:100%; text-align:center; line-height:19px; margin-left:10px;}
.shuziyingyong li:hover .txt02 b{ margin-bottom:10px;}
.shuziyingyong li:hover .txt02{ bottom:0;}


.xmbox02 { margin-top:40px; margin-bottom:40px;}
.oneimg  img{ max-width:100%;}

.Ehsul li{ width:auto;}
.Ehsul li span{ width:50px; height:50px; text-align:center; line-height:50px; background:#ed6d00; color:#fff; font-size:18px; border-radius:100px;}
.Ehsul li .txt{ width:calc(100% - 70px);}
.Ehsul li .txt b{ font-size:18px; color:#333; line-height:1; display:block; margin-bottom:5px;}
.Ehsul li .txt p{ font-size:18px; color:#333; white-space:nowrap; line-height:1.2;}


.shiwenduul{ padding:60px 0;}
.shiwenduul li{ width:48%;}
.shiwenduul li img{ max-width:100%;}


.sub_ban03{ height:600px; text-align:center;}
.sub_ban03 .tbc{ font-size:60px; color:#fff;}


.newsboxli{ padding:100px 0;}

.topnews{ border-radius:10px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,.1); margin-bottom:75px;}
.topnews .imgs{ height:480px; width:50%;}
.topnews .imgs img{ width:100%; height:100%; object-fit:cover;}
.topnews .txts{ width:50%; padding:50px;}
span.tim{ display:block; font-size:16px; color:#999; padding-left:30px; background-image:url(../images/6news_26.jpg); background-repeat:no-repeat; background-position:left center;}
.topnews .txts h2 a{ transition:all .3s; font-size:24px; margin-bottom:20px; color:#000; margin-top:10px;}
.topnews .txts p{ font-size:18px; color:#666;}
.topnews .txts a{transition:all .3s; font-size:18px; color:#999; display:inline-block; margin-top:100px;}
.topnews .txts a i{width:21px; height:21px; line-height:21px; display:inline-block; border-radius:100%; margin-left:15px; font-size:12px; text-align:center; border:1px solid #eee; color:#666; vertical-align:middle;}

.topnews .txts h2 a:hover{ color:#ed6d00}
.topnews .txts a:hover{color:#ed6d00}




.newslists ul{justify-content: flex-start;}
.newslists li{ width:calc(33.33% - 13.333px); margin-right:20px; margin-bottom:60px; position:relative;}
.newslists li:nth-child(3n){ margin-right:0;}
.newslists li .imgs{ height:360px; overflow:hidden; border-radius:10px;}
.newslists li .imgs img{ width:100%; height:100%; object-fit:cover;}
.newslists li .txts{ padding:30px 20px;}
.newslists li:after{ background:#eee; width:100%; z-index:1; height:1px; position:absolute; left:0; bottom:0; content:""; display:block;}
.newslists li:before{ background:#ed6d00; transition:all .3s; width:0; height:1px; z-index:2; position:absolute; left:0; bottom:0; content:""; display:block;}
.newslists li:hover:before{ width:100%;}
.newslists li b{ font-size:18px; color:#000; margin:10px 0; transition:all .3s;}
.newslists li p{ font-size:16px; color:#666666;}
.newslists li:hover img{transform:scale(1.1); -moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.newslists li:hover b{ color:#ed6d00}


.pages{}
.pages ul{justify-content: center;}
.pages ul li{ margin:0 5px;}
.pages ul li a{ font-size:14px; transition:all .3s; display:block; line-height:38px; padding:0 16px; border:1px solid #999999; color:#333;}
.pages ul li.active a,.pages ul li:hover a{ color:#fff;border:1px solid #ed6d00; background:#ed6d00;}

.pages ul li.disable a{ background:#eeeeee;}
.pages ul li.disable:hover a{ color:#333;border:1px solid #999999;}

.news_article h1{ display:block; text-align:center; font-size:24px;}
.news_article{ background:#fff; border-radius:10px; padding:70px 100px;}
.newsboxs{ padding-bottom:1rem;}


.news_content{ padding:25px 0 50px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:25px;}
.news_content p{ font-size:18px; color:#333;}
.news_content p img{ max-width:100%; display:block; margin:0 auto;}

.page_next{ padding-top:30px;}
.page_next a{ max-width:48%; font-size:18px; color:#000;}
.page_next a.disabled{ color:#ccc;    cursor: not-allowed;}
.page_next a:hover{ color:#ed6d00}

.page_next a.disabled:hover{ color:#ccc;}

.contactbox{ margin-top:200px; padding-bottom:70px;}
.contactbox .mapss{ position:relative;}
.contactbox .mapss img{ width:100%; height:100%;}
.contactbox .mapss iframe{ width:100%; height:650px;}
.contactbox .mapss .maptitle{ position:absolute; right:0; padding:20px 70px 15px; background:#ed6d00; display:inline-block; top:0; transform:translateY(-50%);-webkit-transform:translateY(-50%); color:#fff;}
.contactbox .mapss .maptitle b{ display:block; font-size:24px; line-height:1;}
.contactbox .mapss .maptitle span{ font-size:14px; color:#fff; line-height:1;}

.address{ margin-top:55px; border-top:1px solid #333333; background-image:url(../images/7con_08.jpg); background-position:right center; background-repeat:no-repeat; padding:25px 0; padding-right:1rem;}
.address b{ font-size:24px; color:#000;}

.contactbox ul{ padding:80px 0;}
.contactbox ul li b{ transition:all .3s;font-size:20px; color: #333; display:block;}
.contactbox ul li b:nth-child(2){ color:#666}
.contactbox ul li{ border-bottom:1px solid #eaeaea; padding-bottom:30px; position:relative;}
.contactbox ul li:hover b{ color:#ed6d00}
.contactbox ul li:after{ transition:all .3s; content:""; display:block; width:0; height:1px; position:absolute; bottom:0; left:0; background:#ed6d00}
.contactbox ul li:hover:after{ width:100%;}

.sub_ban01{position:relative;}
#md{position:absolute; height:80px; width:100%; bottom:0; left:0;}

@font-face
{
font-family: Bahnschrift;
src: url('../fonts/Bahnschrift.ttf'),
     url('../fonts/Bahnschrift.eot'); /* IE9+ */
}