@charset "utf-8";
/* CSS Document */
/* index */
body{}
.op0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.wrap{ width:1522px; margin:0 auto;}
.wrap1400{ max-width:1400px; margin:0 auto;}
.tab-cell{ display:table-cell; vertical-align: middle;}
.mob-nav{ display:none; width:50px; height:50px; background-size:auto 40%; position:relative;}
.mob-nav:before{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-8px; background:#129da3; transition:all 0.5s ease;}
.mob-nav:after{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:6px; background:#129da3; transition:all 0.5s ease;}
.mob-nav span{position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-1px; background:#129da3; transition:all 0.5s ease;}
.mob-nav.on{ transition:all 0.5s ease;}
.mob-nav.on:before{ margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;}
.mob-nav.on:after{ margin-top:-1px; transform:rotate(-45deg); transition:all 0.5s ease;}
.mob-nav.on span{width:0;transition:all 0.5s ease;}

.top{ position: fixed; left:0%; top:0px; width:100%; z-index:15; transition:all 0.5s ease;     background: #ffffff;}

.t-logo{}
.t-logo a{ display:block;}
.s-t-search a{ display:block; height:35px; width:35px; border:1px solid #f0f0f0; background:url(../images/fd2.png) no-repeat center center; margin-top:14px;}
.otebn a{display:block; height:35px; width:210px;  line-height:34px;    background-color: #cd0718;
    border-radius: 1em; color:#fff; text-align:center; font-size:16px; margin-top:14px; text-align:center; margin-left:15px;}
.alanvl a{ margin:0 8px;}
.alanvl{ line-height:58px;}
.T-nav{}
.T-nav > li{ float:left; position:relative; padding:0 1px;}
.T-nav > li > a{ line-height:60px; padding:0 35px; font-size:16px; color:#00898f; display:block; position:relative; transition:all 0.5s ease;}
.T-nav > li > a:after{ content:''; position:absolute; width:0; height:3px; background:#dd4128; left:50%; bottom:0; transform:translateX(-50%); transition:all 0.5s ease;}
.t-logo a{ display:block;}
.T-nav > li .thr{ position:absolute; left:50%; top:60px; width:156px;margin-left:-79px; background:rgba(255,255,255,0.8); box-shadow:0 0 10px rgba(0,0,0,0.2); display:none;}
.T-nav > li .thr a{ display:block;border-bottom:1px solid #eee; line-height:40px; text-align:center;font-size: 15px;}



.search-bg{ background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10; display:none;}
.lbotal{ position: fixed; left:50%; margin-left:-460px; top:30%; z-index:11; height:50px; width:920px; border:1px solid #ddd; border-radius:25px; background:#fff; display:none;}
.lbotal:before{ content:''; position:absolute; left:0; height:20px; bottom:-20px; width:100%;}
.lbotal .c2{ float:left; width:60px; height:48px; border:none; cursor:pointer; background:url(../images/fd.png) no-repeat center center; opacity:0; transform:translateX(50px); transition:all 0.5s ease;}
.lbotal .c1{ float:left; width:800px; border:none; background:none; height:48px; padding:0 10px; font-size:16px; opacity:0; transform:translateX(80%); transition:all 0.5s ease;}
.lbotal.on .c2{ opacity:1; transform:translateX(0px); transition:all 1s ease;}
.lbotal.on .c1{ opacity:1; transform:translateX(0px); transition:all 1.5s ease;}
.lbotal > .bgcl{ float:left; height:48px; width:58px; position:relative; z-index:2; background:url(../images/x.png) no-repeat center center;}

.font12{font-size: 12px;}

.ind-01{ padding:5% 10%; background:#fff;}
.buaetn{ width:50%; background:#f6f6f6; height:468px;}

.ceubaa{ width:calc(100% - 20px); padding:5% 5% 0;}
.ceubaa .d1{ color:#dd4128; font-size:36px; font-weight:bold;}
.ceubaa .d2{ font-size:16px; color:#666; margin-top:5px;}
.ceubaa .d3{ font-size:16px; line-height:1.8; margin-top:20px; text-align:justify;}

.side-nav a {
    display: inline-block;
    color: #ff4900;
    border: 1px solid #ff4900;
    /* border-radius: 30px; */
    padding: 8px 60px;
    font-weight: 500;
    margin-top: 30px;
}

.otelb{ width:180px;}
.otelb li{ background:url(../images/t3.jpg) no-repeat center center; background-size:cover;}
.otelb li a{ display:block; padding:25px 25px 0; height:117px; position:relative;}
.otelb li a .d1{ font-size:20px;}
.otelb li a .d2{ font-size:12px; text-transform:uppercase; color:#999; margin-top:3px;}
.otelb li a img{ position:absolute; right:25px; bottom:15px;}




.voltac{ width:50%;}
.voltac .pic img{ width:100%; height:468px; object-fit:cover;}
.voltac a{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:68px; height:68px; background:url(../images/pl--.png) no-repeat center center; background-size:100% 100%; z-index:2;}

.otenac{ position:absolute; width:100%; bottom:0; background:rgba(0,0,0,0.4);}
.otenac li{ width:33%; text-align:center; color:#fff; float:left; padding:20px 0;}
.otenac li .d1{ font-size:18px;}
.otenac li .d1 strong{ font-size:2vw;}
.otenac li .d2{ color:#eee;}


.ind-02{ padding:5% 0 5% 10%; background:url(../images/t4.jpg) center center; background-size:cover;}
.taeolb{ position:relative;}
.taeolb:before{ content:''; position:absolute; left:0; bottom:5px; width:100%; height:1px; background:#fff;}
.ebunc{ width:370px; color:#fff;}
.ebunc .d1{font-size:36px; font-weight:bold;}
.ebunc .d2{ margin-top:5px;}
.ebunc .d3{ font-size:16px; line-height:36px; margin-top:50px;}

.oteba{ width:calc(100% - 400px);}
.eokba{ position:absolute; z-index:5; bottom:-17px; left:0;}
.eokba div{ cursor:pointer; width:45px; height:45px; float:left; margin-right:16px; background:no-repeat center center; background-size:100% 100%;}
.eokba .prev{ background-image:url(../images/left.png);}
.eokba .next{ background-image:url(../images/right.png);}

.ind-03{ padding:3% 10%; background:#f5f5f5;
    background: url(../images/home-projectbg.jpg) no-repeat center center;
    background-size: 100% 100%;

}

.mlcba .d1{font-size:36px;  color:#129da3;text-align: center;}
.mlcba .d2{ margin-top:5px; font-size:16px; color:#666;}

.ind-04{ padding:5% 10%; background:url(../images/eb.png) no-repeat bottom right; background-size:contain;}


.ecobva .prev,.ecobva .next{ cursor:pointer; width:45px; height:45px; background:no-repeat center center; background-size:100% 100%; position:absolute; top:50%; margin-top:-22px;}
.ecobva .prev{ background-image:url(../images/left01.png); left:-60px;}
.ecobva .next{ background-image:url(../images/right01.png); right:-60px;}
.foot{ padding: 39px 10%;
    background: url(../images/footbg.jpg) #393939 left bottom;}
.ecboa .d1{ font-size:18px;color: #ffffff;}
.ecboa .d1 a{ font-size:16px;color: #ffffff;}
.ecboa .d1 span{ margin:0 10px;}
.ecboa .d2{ color: #ffffff;
    margin-top: 41px;
    font-size: 14px;
    line-height: 27px;}
.oteal .b-tel{ color:#dd4128; padding:8px 80px 8px 0; margin-right:20px; background:url(../images/tel.png) no-repeat right center;}
.oteal .b-tel .d2{ font-size:30px; font-weight:bold;}

.ewmc img{width: 100px;}

.vonca{ background: #393939;
    padding: 8px 10%;
    line-height: 20px;
    color: #ffffff;
    font-size: 14px;}
    .vonca a{ color: #ffffff;
        font-size: 14px;}
.otema select{ height:35px; width:200px; border:none; background:#e9e9e9; margin-left:20px;}


.divBox {
    width: 75%;
    margin: 0 auto;
}

 



.ny-banner{ height:620px; background:no-repeat center bottom;  }
.ny-banner .cont{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#fff; text-align:center;}
.ny-banner .cont .d1{ font-size:32px;text-transform: uppercase;}
.ny-banner .cont .d2{ margin-top:6px;font-size: 12px;text-transform: uppercase;    display: none;}

.oblca{ position:absolute; left:0; bottom:0; width:100%; line-height:50px; background:rgba(255,255,255,0.6); padding:0 10%;}
/* .oblca:before{ content:''; position:absolute; left:0; top:0; width:10%; height:50px; background:#00ddd3;} */
.eenlca{ padding-left:0px; position:relative; height:50px;}
/* .eenlca:before{ content:''; display:block; position: absolute; left:0; top:0; background:#00a49d url(../images/hs.png) no-repeat center center; width:85px; height:50px;} */
.ny-nav span{ display:none;}
.ny-nav a{ margin-left:40px; position:relative; float:left; font-size:16px;}
.ny-nav a.cur{ color:#dd4128;}
.ny-nav a.cur:after{ content:''; position:absolute; width:50px; margin-left:-25px; height:2px; left:50%; bottom:0px; background:#dd4128;}


.ny-subnav a{ text-align:left; width:100%; margin:0; padding:0 15px; font-size:15px;}
.ny-subnav a.cur:after{ display:none;}
.ny-subnav a.cur{ color:#dd4128;}


.ny-main{ padding:4% 10%; background:#fff;}
.abenm{ color:#dd4128; font-size:26px; font-weight:bold;}
.abenm:before{ content:''; width:3px; height:26px; display:inline-block; vertical-align:middle; margin-right:10px; background:#dd4128;}
.telao{ padding-top:2%;}
.telao li{ width:23.5%; margin-right:2%; margin-top:2%; float:left;}
.telao li:nth-child(4n){ margin-right:0;}
.telao li a{ display:block; border:1px solid #ddd; padding:25px 25px 0; position:relative;}
.telao li a:after{ content:''; position:absolute; left:0; bottom:0; height:2px; width:0; background:#00a49d; transition:all 0.5s ease;}
.telao li a .pic{ overflow:hidden;}
.telao li a .pic img{ width:100%; height:215px;object-fit: scale-down;}
.telao li a .tit{ font-size:18px; font-weight:bold; line-height:30px; height:30px; overflow:hidden; margin-top:22px;}
.telao li a .con{ color:#999; line-height:22px; height:44px; overflow:hidden; margin-top:10px;}
.telao li a .link{ line-height:45px;height: 45px; border-top:1px solid #ddd; margin-top:10px; text-align:center;font-size: 14px;color: #2e2e2e;}




/*==首页新闻↓==*/


.titleTop{position: relative;margin-bottom: 60px;border-bottom:2px #f2f6fa solid;}
.titleTop .titleAx{float:left;position: relative;}
.titleTop .titleAx:before{content: "";position: absolute;left:0;bottom: -26px;width:100%;height:2px;background: #71b6fc;}
.titleTop .more{float:right;color:#81868e;font-size:20px;margin-top: 13px;padding-bottom: 24px;}
.titleTop .more:hover{color:#007eff}

#news .titleAx{float:left;position: relative;}
#news .titleAx:before{content: "";position: absolute;left:0;bottom: -17px;width:100%;height:2px;background: #71b6fc;}

/*==标题↓==*/
.titleAx{color:#000000;font-size:36px;}
.titleAx b{position: relative;margin: auto;display: table;color:#333333;font-size:36px;padding-bottom:30px;}
.titleAx b:before,.titleAx b:after{content: "";position: absolute;left:0;bottom:0;width:100%;height: 1px;}
.titleAx b:before{background: #ddd;}
.titleAx b:before{}
.titleAx b:after{left:50%;bottom:-2px;width:50px;margin-left:-25px;height:5px; background: #007eff;}
.titleAx .art{display: block;margin-bottom:-40px;color:#ddd;font-size:80px;font-weight:bold;text-transform: uppercase;}
.titleAx .art{letter-spacing: 5px;/* transform: translate(-50%,-50%); */ background: url(../images/fontbg.png) 50% 50%;/* background-size: cover; */-webkit-text-fill-color: transparent;background-clip: text;-webkit-background-clip: text;}
.titleAx.cen{text-align: center;margin-bottom:60px;}
.titleAx.white,.titleAx.white b,.titleAx.white span{color:#fff}
.titleAx.white b:before{background: #fff;}
.titleAx p{color:#ddd;font-size:16px;margin-top:40px;line-height:30px;padding:0 50px}
.titleAx.m120{margin-bottom:120px;}
.titleAx.m100{margin-bottom:100px;}
.titleAx.m80{margin-bottom:80px;}

.pt80{padding-top:80px}
.pt120{padding-top:120px}
.ptm50{padding:50px 0}
.ptm80{padding:80px 0}
.ptm100{padding:100px 0}
.ptm711b{padding:70px 0 110px 0}
.ptm106{padding:100px 0 60px 0}
.ptm1312b{padding:130px 0 120px}

.NewsHome{
    
    /* background: #f5f9ff; */
    
    background: url(../images/about-bg.png) no-repeat center;
    background-size: cover;}
.NewsHome .list{margin:0 0 -10px -20px;column-count: 3;column-gap: 0;orphans: 1;widows: 1;}
.NewsHome .list li{float:none !important;display: inline-block !important;width: 100% !important;}
.NewsHome .list li a{margin:0 0 10px 20px;padding: 30px;overflow:hidden;background:#fff;}
.NewsHome .list .one{float:left;width: 28%;}
.NewsHome .list .one a{ display: block;padding:20px; background: #fff;}
.NewsHome .list .one img{max-width:100%;height: 100%;object-fit: cover;}
.NewsHome .list .one h4{color:#2e3136;font-size:20px;margin-top:20px;margin-bottom: 0;overflow: hidden;}
.NewsHome .list .one h4 font{float:left;display: block;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsHome .list .one h4 em{float:right;margin-top:0px;background: #2e3136}
.NewsHome .list li:hover h4{color:#007eff}
.NewsHome .list li:hover em{background:#007eff}
.NewsHome .list li:hover a{box-shadow:0px 0px 10px #dae1e8;}
.NewsHome .list .two{ float: left; width: 30%;}
.NewsHome .list .two a{display: block;background: #fff;}
.NewsHome .list h4{color:#2e3136;font-size:18px;margin-bottom: 20px;/* font-weight: bold; */max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsHome .list p{-webkit-line-clamp: 2;color:#81868e;font-size:14px;margin-bottom: 33px;    line-height: 24px;}
.NewsHome .list .time{float:left;color:#81868e;font-size:16px; text-align: center;}
.NewsHome .list .time font{ display:block; color:#2e3136;font-size:42px;}
.NewsHome .list em{float:right;margin-top: 25px;color:#fff;font-size: 24px;    display: inline-block;width: 30px;height: 30px;line-height: 28px;border-radius: 50%;text-align:center;background: #bcbdbf;}
.NewsHome .list .two:hover h4{}
.NewsHome .list .three{}
.NewsHome .list .three a{display: block;}
.NewsHome .list .three em{float:none;}
.NewsHome .list .three .time{float:left;padding: 15px 30px 15px 0px;margin-right:30px;border-right:1px solid #eee;}
.NewsHome .list .one a{height: 520px;}
.NewsHome .list .one .pic{height: 426px;}
.NewsHome .list .two a{height: 253px;}
.NewsHome .list .three a{height: 164px;}
/*--*/
.newsRe-list{/* width:100%; */margin: 20px 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;overflow: hidden;}
.newsRe-list li{float:left;width: 33.3%;margin-bottom:20px;}
.newsRe-list a{display:block;padding: 30px;margin-left:20px;border: solid 1px #e4e4e4;box-shadow: 0 0 10px #f5f5f5;background: #fff;}
.newsRe-list li p{-webkit-line-clamp: 1;font-size:14px;color:#666666;line-height:24px;margin-bottom:22px;}
.newsRe-list li h4{margin-bottom:10px;color:#333333;font-size: 18px;/* font-weight:bold; */width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsRe-list li .time{display:block;color:#999;font-size:12px; }
.newsRe-list li:hover a{box-shadow:0 0 10px #ddd}
.newsRe-list li:hover h4{color:#007eff}


/*==首页申请留言↓==*/
.UseHome{background: #f5f9ff;}
.UseHome .up{padding:50px;height: 241px;background:url(../images/usebg.png) no-repeat center;background-size:cover;}
.UseHome .up .pic{float:left;display: block;margin: -49px 0 0px -76px;}
.UseHome .up .pic img{display: block;max-width:100%;}
.UseHome .up .box{float: left; margin: 0 0 0 30px;}
.UseHome .up .box h3{   color:#fff;font-size:42px;}
.UseHome .up .box p{   color:#fff;font-size:18px; display: block;margin-top:5px;}
.UseHome .up .box .tel{display: block;margin-top: 30px;font-size:22px;color: #fff;padding:10px;border-radius: 30px;overflow: hidden;background: rgba(0,0,0,0.4);}
.UseHome .up .box .tel i{float: left;margin: -5px 10px -5px -5px;color:#fff;display: block;font-size: 20px;width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius:50%;background:-webkit-linear-gradient(left, #14a256, #036ec3);}
.UseHome .up form{float:right;width: 50%;position: relative;/* column-count: 3; *//* column-gap: 1.25rem; *//* orphans: 1; *//* widows: 1; */}
.UseHome .up form input{width: 38%;}
.UseHome .up form input,.UseHome .up form textarea{/* display: inline-block; */float: left;margin: 0 1% 1% 0;padding: 15px 20px;border:none;background: #fff;}
.UseHome .up form textarea{width: 77%;height: 100px;}
.UseHome .up form button{/* float:right; */position: absolute;z-index:2;right: 0;top: 0;width: 22%;height: 96%;display: inline-block;font-size:24px;color:#fff;padding: 50px 0;text-align: center;border: none;vertical-align: top;}
.UseHome .up form button:after{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:-webkit-linear-gradient(left, #318ef0, #3251f2);    transition: all .4s ease-in-out;}
.UseHome .up form button:hover{background:#007eff}
.UseHome .up form button:hover:after{opacity:0;}
.UseHome ul{width: 100%;margin-top: 0px;display: flex; flex-flow: row wrap; align-content: flex-start; }
.UseHome ul li{float:left;width:25%;padding-right:30px}
.UseHome ul li:last-child{padding-right:0px}
.UseHome ul em{float:left;width: 75px;height: 77px;margin-right: 25px;background-repeat:no-repeat;background-position:center;}
.UseHome ul h4{display: table; color:#2b374b;font-size:24px;margin-bottom:15px;}
.UseHome ul p{display: table;color:#81868e;font-size:14px;}
.UseHome ul li.x1 em{ background-image: url(../images/useico01.png);}
.UseHome ul li.x2 em{ background-image: url(../images/useico02.png);}
.UseHome ul li.x3 em{ background-image: url(../images/useico03.png);}
.UseHome ul li.x4 em{ background-image: url(../images/useico04.png);}


/*==底部===*/
.footer{position: relative; padding: 50px 0 40px 0;overflow: hidden; background:#000001 url(../images/footbg.jpg) no-repeat center; background-size:cover;}
.footer:before,.footer:after{content: ""; position: absolute; left:0;top:-2px;width:50%; height:2px; background: #36cf8f;}
.footer:after{right:0;left:auto; background: #0088fb;}
.footer .left{width:77%;}
.footer .nav{display: table;}
.footer .nav li{float:left;margin-right: 60px;margin-bottom:10px;}
.footer .nav li a{ display: block;color:#fff; font-size:16px;}
.footer .nav li a:hover{color:#ddd}
.footer .link{margin-top:30px;width:100%;} 
.footer .link h3{color:#a5a5a5;font-size:15px;float: left;margin-right:10px;}
.footer .link a{color:#a5a5a5;font-size:13px;display: inline-block;margin-right:30px;}
.footer .link a:hover{color:#fff}
.footer .copy{margin-top:30px;width: 100%;color:#a5a5a5;font-size:14px;} 
.footer .copy a{color:#a5a5a5;font-size:14px;}
.footer .copy a:hover{color:#fff}
.footer .right{width: 23%;text-align: right;margin-top: -1px;}
.footer .tel{display: block;color:#fff;font-size:20px;font-weight: bold;}
.footer .tel i{display:inline-block;margin-right:10px;color:#fff;font-size: 20px;font-weight: 400;}
.footer .tel img{width: 120px;}
.footer .right .wx{margin-top:2px;display: block;color:#a5a5a5;font-size:14px;text-align: right;line-height:30px;padding-right: 10px;}


@media all and (max-width:1000px){

.NewsHome .list{margin:0 0 -10px -20px;column-count: 2;column-gap: 0;orphans: 1;widows: 1;}
.NewsHome .list li a{margin:0 0 10px 20px;padding: 20px;}
.NewsHome .list .one a{padding:20px;}
.NewsHome .list .one h4{font-size:18px;margin-top:20px;}
.NewsHome .list h4{font-size:18px;margin-bottom: 20px;}
.NewsHome .list p{font-size:14px;margin-bottom: 30px;}
.NewsHome .list .time{font-size: 14px;}
.NewsHome .list .time font{font-size: 36px;}
.NewsHome .list em{margin-top: 25px;font-size: 24px;width: 30px;height: 30px;line-height: 30px;}
.NewsHome .list .three .time{padding: 15px 20px 15px 0px;margin-right: 20px;}
.NewsHome .list .one a{height: 435px;}
.NewsHome .list .one .pic{height: 350px;}
.NewsHome .list .two a{height: 225px;}
.NewsHome .list .three a{height: 135px;}
/*--*/
.newsRe-list{margin: 30px 0 -15px -15px;}
.newsRe-list li{width:50%;margin-bottom:15px;}
.newsRe-list a{padding: 20px;margin-left:15px;}
.newsRe-list li p{font-size:13px;line-height:22px;margin-bottom:15px;}
.newsRe-list li h4{margin-bottom:10px;font-size: 17px;}
.newsRe-list li:nth-child(n+7){display: none;}
}


@media all and (max-width:760px){

    .titleAx{font-size:22px;}
.titleAx b{font-size:22px;padding-bottom: 12px;}
.titleAx b:after{bottom: -2px;height: 4px;}
.titleAx .art{margin-bottom: -30px;color:#ddd;font-size: 36px;}
.titleAx.cen{margin-bottom:20px;}
.titleAx p{font-size:13px;margin-top:20px;line-height:22px;padding:0 10px}
.titleAx.m120{margin-bottom:20px;}
.titleAx.m100{margin-bottom:20px;}
.titleAx.m80{margin-bottom:20px;}

.titleTop .more {
    font-size: 14px;
    margin-top: 10px;
}

.titleTop{padding-bottom: 15px;margin-bottom: 30px;}
.titleTop .titleAx:before{bottom: -17px;height:2px;background: #71b6fc;}
.titleTop .more{font-size: 14px;margin-top: 10px;}
.titleBx.tTop{margin:30px 0 0 0}

.digital{margin-top: 40px;}
.digital li span{font-size: 40px;}
.digital li font{font-size:14px;margin-left: 2px;}
.digital li h5{font-size:14px;}
.digital li a:after{right:0%;left: 40%;top:10px;}
.NewsHome .list{margin:0 0 -10px -10px;column-count: 1;column-gap: 0;orphans: 1;widows: 1;}
.NewsHome .list li a{margin:0 0 10px 10px;padding: 15px;}
.NewsHome .list .one a{padding:15px;}
.NewsHome .list .one h4{font-size:16px;margin-top:15px;}
.NewsHome .list h4{font-size:16px;margin-bottom: 15px;}
.NewsHome .list p{font-size:14px;margin-bottom: 15px;}
.NewsHome .list .time{font-size: 14px;}
.NewsHome .list .time font{font-size:28px;}
.NewsHome .list em{margin-top: 20px;font-size: 18px;width:26px;height: 26px;line-height: 26px;}
.NewsHome .list .three{display: none !important;}
.NewsHome .list .one a{height: auto;}
.NewsHome .list .one .pic{height: 200px;}
.NewsHome .list .two a{height: auto;}
/*--*/
.newsRe-list{margin: 20px 0 -10px -10px;}
.newsRe-list li{margin-bottom:10px;}
.newsRe-list a{padding: 15px;margin-left:10px;}
.newsRe-list li p{margin-bottom:12px;}
.newsRe-list li h4{margin-bottom:8px;font-size: 16px;}
.newsRe-list li:nth-child(n+3){display: none;}

}







/*产品中心*/
.i_title{ margin-top:0; margin-bottom:1.5%; overflow:hidden; text-align:center; }
.i_title h2{ height:36px; line-height:32px; overflow:hidden; font-weight:bold; font-size:34px;color:#ec2029; margin-bottom:2px;}
.i_title p{background:url(../images/i_bg1.jpg) left center repeat-x; line-height:20px;font-size:14px; color:#b3b3b3;}
.i_title p span{ display:inline-block; background-color:#fff; padding-left:4px; padding-right:4px;}
.i_product_a{ clear:both; overflow:hidden;text-align:center; height:40px; margin-bottom:2.5%; margin-top:3px;}
.i_product_a a{ display:inline-block; height:40px; line-height:40px; width:30%; max-width:200px; margin-left:1%; 
    margin-right:1%; font-size:17px; color:#333333; border-radius:3px; background-color:#ededed;transition:all 0.3s;}
.i_product_a a:hover{filter: Alpha(Opacity=80);opacity: 0.8;text-decoration:none;}
.i_product_a a.csel{ color:#fff; background-color:#085daf;}
.i_product_ul{ overflow:hidden; padding-bottom:1%;}
.i_product_ul .i_product_ul_div{ display:none;}
.i_product_ul ul li{ float:left; width:23.5%; margin-bottom:2%;overflow:hidden; margin-right:2%; }
.i_product_ul ul li:nth-child(4n+0){ margin-right:0;}
.i_product_ul ul li .imgs{overflow:hidden; position:relative;border: solid 1px #ddd;}
.i_product_ul ul li .imgs img{ display:block;width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_product_ul ul li .imgs p{ background:url(../images/i_bg2.png) center top no-repeat; background-size:100% 100%;position:absolute; width:100%; height:0px;transition:all 0.6s; top:0; left:0;}
.i_product_ul ul li h2{height:43px;font-weight:normal; line-height:43px; overflow:hidden; background:#909090; color:#fff; text-align:center; font-size:15px; transition:all 0.3s;transition:all 0.3s;}
.i_product_ul ul li:hover .imgs p{ height:100%;}
.i_product_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_product_ul ul li:hover h2{ background:#ec2029; background-position:left center;}
@media screen and (max-width:960px) {
    /*产品中心*/
    .i_product_a{ margin-bottom:6%;}
    .i_product_ul ul li{ width:32%; }
    .i_product_ul ul li:nth-child(4n+0){ margin-right:2%;}
    .i_product_ul ul li:nth-child(3n+0){ margin-right:0;}
   
    }
 
    
    
    @media screen and (max-width: 780px) {
    
    }
    @media screen and (max-width: 640px) {
    /*产品中心*/
    .i_product_ul ul li{ width:49%; }
    .i_product_ul ul li:nth-child(3n+0){ margin-right:2%;}
    .i_product_ul ul li:nth-child(2n+0){ margin-right:0;}

    .footer .nav {
        display: none;
    }
    .footer .right {
        width: 100%;
        text-align: center;}

        .footer .right .wx {
            margin-top: 10px;
            line-height: 22px;
            text-align: center;
    padding-right: 0px;
        }
        .footer .copy {
            display: none;
        }
        .footer .left {
            width: 100%;
        }
        .footer .link {
            text-align: center;
            margin-top: 20px;
        }
    /*--*/
.UseHome .up{position:relative; padding: 30px 20px 30px 20px;}
.UseHome .up .pic{display:none; position:absolute;left:0;top:20px;width:200px;}
.UseHome .up .pic img{width:100%;}
.UseHome .up .box{margin: 20px auto 0;/* width: 100%; */display: table;float: none;}
.UseHome .up .box h3{font-size: 22px;}
.UseHome .up .box p{font-size:16px; }
.UseHome .up .box .tel{margin-top: 20px;font-size: 14px;padding:10px;border-radius: 30px;}
.UseHome .up .box .tel i{margin: -5px 10px -5px -5px;font-size: 16px;width: 30px;height: 30px;line-height: 30px;}
.UseHome .up form{width: 100%;margin-top: 25px;}
.UseHome .up form input,.UseHome .up form textarea{padding: 12px 20px;}
.UseHome .up form textarea{height: 70px;}
.UseHome .up form button{font-size:16px;padding: 20px 10px;}
.UseHome ul{width: 100%;margin: 50px 0 -30px -20px}
.UseHome ul li{width:50%;padding-right: 0px;}
.UseHome ul li a{display:block;margin: 0 0 30px 20px;}
.UseHome ul em{width: 50px;height: 50px;margin-right: 15px; background-size:100%}
.UseHome ul h4{font-size:18px;margin-bottom:12px;}
.UseHome ul p{font-size:12px;}
    
    }
    
    @media screen and (max-width: 480px) {
    /*产品中心*/
    .i_product_ul ul li h2{ height:36px; line-height:36px; font-size:13px;}
    
    }
    

/*合作伙伴*/

#index-cooperation-box {
    width: 100%;
    background: url(../images/index-col-bg.png) no-repeat center center;
    background-size: 100% 100%;
}

#index-title-box .title {
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 46px;
    opacity: 1;
    margin-bottom: 16px;
    color: #fff;
}
#index-title-box .eng-title {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    opacity: 1;
    color: #fff;
    text-transform: uppercase;
}
#index-cooperation-box .box-content {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
    padding: 80px 0;
}

#index-cooperation-box .box-content .content-left {
    flex: 1;
    box-sizing: border-box;
    padding-right: 76px;
}

#index-cooperation-box .box-content .content-left .left-art {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 32px;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 53px;
    height: 96px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

#index-cooperation-box .box-content .content-right {
    width: 818px;
    display: flex;
    flex-wrap: wrap;
}

#index-cooperation-box .box-content .content-left .left-but {
    display: block;
    align-items: center;
    justify-content: space-between;
    width: 150px;
    height: 42px;
    background: transparent;
    opacity: 1;
    border-radius: 21px;
    box-sizing: border-box;
    padding: 0 23px;
    margin-top: 33px;
    border: 1px solid #fff;
}

#index-cooperation-box .box-content .content-left .left-but div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

#index-cooperation-box .box-content .content-left .left-but .text {
    display: block;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 1;
}

#index-cooperation-box .box-content .content-left .left-but img {
    width: 18px;
    height: 18px;
}

#index-cooperation-box .box-content .content-right .item {
    width: 258px;
    height: 135px;
    margin-right: 22px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

#index-cooperation-box .box-content .content-right .item img {
    object-fit: cover;
}

#index-cooperation-box .box-content .content-right .item:nth-child(3n) {
    margin-right: 0;
}


#index-cooperation-box .box-content .content-right .item:nth-child(7) {
    margin-bottom: 0;
}

#index-cooperation-box .box-content .content-right .item:nth-child(8) {
    margin-bottom: 0;
}

#index-cooperation-box .box-content .content-right .item:nth-child(9) {
    margin-bottom: 0;
}



@media screen and (min-width: 320px) and (max-width: 991px){

#index-cooperation-box {
    box-sizing: border-box;
    padding: 0 15px;
    /* background: none; */
    background-size: auto 100%;
}

#index-cooperation-box .box-content {
    box-sizing: border-box;
    padding: 15px 0 30px;
    width: 100%;
    flex-wrap: wrap;
}

#index-cooperation-box .box-content .content-left {
    padding-right: 0;
    width: 100%;
}

#index-cooperation-box .box-content .content-left .left-art {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    margin-top: 26px;
    height: 72px;
}

#index-cooperation-box .box-content .content-left .left-but {
    margin: 24px auto 0;
    display: block;
    align-items: center;
    justify-content: space-between;
    width: 104px;
    height: 34px;
    background: #A45A2A;
    opacity: 1;
    border-radius: 21px;
    box-sizing: border-box;
    padding: 0 12px;
    border: 1px solid #A45A2A;
}

#index-about-box .box-content .content-left .left-but img {
    width: 14px;
    height: 14px;
}

#index-cooperation-box .box-content .content-left .left-but img {
    width: 14px;
    height: 14px;
}

#index-cooperation-box .box-content .content-right {
    width: 100%;
    box-sizing: border-box;
    padding-top: 20px;
    /* justify-content: space-between; */
}

#index-cooperation-box .box-content .content-right .item {
    width: calc((100% - 30px) / 3);
    margin-bottom: 15px;
    margin-right: 15px;
    /* background: #A45A2A; */
    /* height: 80px; */
    /* height: auto; */
    /* max-height: 90px; */
    height: 80px;
    box-sizing: border-box;
    padding: 10px;
}

#index-cooperation-box .box-content .content-right .item:hover {
    background: #A45A2A;
}


}


@media screen and (min-width: 992px) and (max-width: 1199px) {
 

    #index-cooperation-box .box-content .content-left {
        padding-right: 50px;
    }

    #index-cooperation-box .box-content .content-right {
        width: 60%;
    }

    #index-cooperation-box .box-content .content-right .item {
        width: calc((100% - 30px) / 3);
        margin-right: 15px;
        margin-bottom: 15px;
    }

}


@media screen and (min-width: 992px) and (max-width: 1460px) {
   
    #index-cooperation-box {
        padding: 0 30px;
        background-size: 100% 100%;
        box-sizing: border-box;
    }

    #index-cooperation-box .box-content {
        width: 100%;
    }
 
 
    #index-cooperation-box .box-content .content-left {
        padding-right: 50px;
    }

    #index-cooperation-box .box-content .content-right {
        width: 60%;
    }

    #index-cooperation-box .box-content .content-right .item {
        width: calc((100% - 30px) / 3);
        margin-right: 15px;
        margin-bottom: 15px;
    }
}



.pagecsl{ margin-top:3%;}
.pagecsl a,.pagecsl span{ display:inline-block; line-height:30px; padding:0 12px; background:#fff; border:1px solid #ddd; margin:0 3px;}
.pagecsl a.cur{ background:#c21028; border-color:#c21028; color:#fff;}

.orebla .pic{ width:42%;}
.orebla .con{ width:54%; padding-top:20px;}
.orebla .con .d1{color:#dd4128; font-size:26px; font-weight:bold;}
.orebla .con .d1:before{ content:''; width:3px; height:26px; display:inline-block; vertical-align:middle; margin-right:10px; background:#dd4128;}
.orebla .con .d2{ font-size:16px; margin-top:25px;}
.orebla .con .d3{ color:#999; margin-top:20px; line-height:2;}
.orebla .con .d4{ margin-top:30px; border-top:1px solid #ddd; padding-top:30px;}
.orebla .con .d4 a{ display:inline-block; color:#fff; width:120px; line-height:45px; text-align:center; background:#dd4128; border-radius:3px;    font-size: 14px;}
.oltema{ border-bottom:1px dashed #ddd; line-height:2; padding:25px 0;}
.oltema dt{ width:255px; float:left; font-size:16px;}
.oltema dt:before{ content:''; width:3px; height:18px; display:inline-block; vertical-align:middle; margin-right:10px; background:#dd4128;}
.oltema dd{ width:calc(100% - 255px); float:right; color:#999;}
.ecame{ padding-top:5%;}
.ecame li{ margin-bottom:3%;}
.ecame li a{ display:block; background:#fafafa;}
.ecame li a .pic{ width:44%;}
.ecame li:nth-child(2n) a .pic{ float:right;}
.ecame li a .pic img{ width:100%; height:395px; object-fit:cover;}
.ecame li a .con{ width:56%; padding:40px 50px 0;}
.ecame li a .con .d1{ font-size:18px; font-weight:bold; color:#dd4128;}
.ecame li a .con .d2{ color:#999; line-height:25px; height:75px; overflow:hidden; margin:15px 0;}
.ecame li a .con .d3{ padding-top:15px;}
.ecame li a .con .d3 span{ transition:all 0.5s ease; display:inline-block; width:100px; line-height:40px; border:1px solid #ddd; border-radius:3px; text-align:center;}


.oreblc{ margin-top:5%; position:relative;}
.oreblc .cont{ position:relative; z-index:2; width:46%; padding:4% 4% 10%;}
.oreblc .cont dl{ line-height:1.8; font-size:18px; margin-bottom:15px;}
.oreblc .cont dt{ color:#dd4128;}
.oreblc .cont dd{ font-size:16px; color:#787878;}
.oreblc .pic{ position:relative; z-index:2; width:54%; margin-top:4%;}
.oreblc .year{ position:absolute; left:0; top:0; width:66%; height:100%; overflow:hidden; z-index:1; background:#f3f3f5;}
.oreblc .year span{ position:absolute; color:#fff; left:4%; bottom:-50px; font-size:100px; font-weight:bold;}
.ltemct{ padding:4% 0;}
.ltemct .video-li-a{ position:absolute; width:50px; height:50px; background:url(../images/bf.png); right:45%; top:50%; margin-top:-25px; margin-right:-25px;z-index:3;}
.ltemct .con{ position:relative; z-index:2; width:55%; background:#fafafa; padding:3% 0;}
.ltemct .con .d1{ padding:0 5%; font-size:26px; font-weight:bold; color:#dd4128; position:relative;}
.ltemct .con .d1:before{ content:''; position:absolute; left:0; top:8px; width:4px; height:25px; background:#dd4128;}
.ltemct .con .d2{ margin-top:4%; color:#787878; line-height:2; padding:0 5%;}
.ltemct .pic{ width:65%; position:absolute; right:0; top:0; height:100%;}
.ltemct .pic img{ height:100%; object-fit:cover; width:100%;}

.teopc{display: -webkit-flex; display: flex;flex-wrap:wrap;justify-content:space-between; margin-top:5%; padding:0 4%;}
.teopc .list{ background:no-repeat left center; padding:5px 0 5px 65px;}
.teopc .list .d1{ color:#dd4128; font-weight:bold;}
.teopc .list .d1 span{ font-size:28px;}
.teopc .list .d2{ color:#999; margin-top:5px; font-size:12px;}


.teplca{display: -webkit-flex; display: flex;flex-wrap:wrap; justify-content:space-between;}
.teplca .list{ background:no-repeat center center; background-size:cover; width:22%; padding:35px; color:#fff;}
.teplca .list01{ width:46%;}
.teplca .list .d1{ font-size:24px; position:relative; font-weight:bold; padding-bottom:15px;}
.teplca .list .d1:after{ content:''; position:absolute; bottom:0; left:0; height:2px; width:22px; background:#fff;}
.teplca .list .d2{ margin-top:30px; line-height:2;}

.honor-ul{}
.honor-ul li{ width:23.5%; background:#fafafa; padding:0 0 20px; float:left; margin-right:1.5%; margin-bottom:2%; cursor:pointer;}
.honor-ul li:nth-child(4n){ margin-right:0;}
.honor-ul li .honor-li-a{}
.honor-ul li .honor-li-tit{ margin-top:10px; line-height:25px; height:25px;    font-size: 15px; overflow:hidden;}
.honor-ul li .honor-li-img:after{ content:''; position:absolute; left:0; bottom:0; width:0; height:3px; background:#b70707; transition:all 0.5s ease;}
.honor-ul li .honor-li-img{ width:100%; height:270px; padding:20px; background:#f9f9f9; display:table; text-align:center; overflow:hidden;}
.honor-ul li .honor-li-img p{ display:table-cell; vertical-align:middle;}
.honor-ul li .honor-li-img p img{ max-height:214px; max-width: 330px;transition:all 0.5s ease;}

.ecola li{ width:30%; float:left; margin-right:5%; margin-bottom:5%;}
.ecola li:nth-child(3n){ margin-right:0;}
.ecola li a{ display:block; background:#f8f8f8; position:relative;}
.ecola li a:after{ content:''; position:absolute; left:0; bottom:0; height:3px; width:0; background:#dd4128; transition:all 0.5s ease;}
.ecola li a .pic img{ width:100%; height:17vw; object-fit:cover;}
.ecola li a .con{ padding:20px 30px;}
.ecola li a .con .d1{ line-height:25px; height:25px; font-size:16px; overflow:hidden;}
.ecola li a .con .d2{ color:#666; margin-top:5px;}


.eotepc li{ width:30%; float:left; margin-right:5%; margin-bottom:5%;}
.eotepc li:nth-child(3n){ margin-right:0;}
.eotepc li a{ display:block;}
.eotepc li a .pic{ overflow:hidden;}
.eotepc li a .pic img{ width:100%; height:15vw; object-fit:cover; transition:all 0.5s ease;}
.eotepc li a .cont{ margin-top:20px;}
.eotepc li a .cont .date{ width:80px; border-right:1px solid #ddd;}
.eotepc li a .cont .date span{ display:block; font-size:40px;}
.eotepc li a .cont .con{ width:calc(100% - 100px);}
.eotepc li a .cont .con .d1{ font-size:18px; line-height:35px; height:35px; overflow:hidden;}
.eotepc li a .cont .con .d2{ line-height:22px; height:44px; overflow:hidden; color:#666;}
.eotepc li a .otebk{ margin-top:12px; color:#666; line-height:22px;}
.eotepc li a .otebk img{ margin-right:3px;}


.loteca li{ margin-bottom:2%;}
.loteca li a{ display:block; border:1px solid #ddd; padding:20px 40px; position:relative;}
.loteca li a:before{ content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#dd4128; opacity:0; transition:all 0.5s ease;}
.loteca li a .date{ width:140px; text-align:center; color:#999; border-right:1px solid #ddd;}
.loteca li a .date span{ display:block; font-size:40px;}
.loteca li a .con{ padding:0 30px; font-size:16px; margin-top:6px; line-height:25px; height:50px; overflow:hidden; width:calc(100% - 280px); max-width:720px;}
.loteca li a .link{ width:140px; float:right; padding-top:15px;}
.loteca li a .link span{ display:inline-block; line-height:42px; width:140px; border:1px solid #ddd; border-radius:3px; text-align:center;}


.lboreac li{ margin-bottom:12px;}
.lboreac li .toceb{ line-height:45px; height:45px; position:relative; cursor:pointer; overflow:hidden;text-overflow: ellipsis; white-space: nowrap; background:#f6f6f6; font-size:16px; padding:0 50px 0 100px;}
.lboreac li .toceb:before{ content:'Q'; line-height:45px; width:85px; text-align:center; color:#fff; font-weight:bold; font-size:24px; position:absolute; left:0; top:0; background:#dd4128;}
.lboreac li .toceb:after{ content:''; position:absolute; right:15px; top:5px; width:35px; height:35px; background:#ccc url(../images/vv.png) no-repeat center center; border-radius:50%; transform:rotate(180deg); transition:all 0.5s ease;}
.lboreac li .toceb.on:after{ transform:rotate(0deg); transition:all 0.5s ease;}


.lboreac li .obcea{ margin-top:2px; padding-left:85px; display:none;}
.lboreac li .obcea .eomca{ background:#f6f6f6; line-height:2; position:relative; padding:25px 110px;}
.lboreac li .obcea .eomca:before{ content:'A'; line-height:45px; width:85px; text-align:center; color:#fff; font-weight:bold; font-size:24px; position:absolute; left:0; top:0; background:#e6e6e6;}

.erola li{ padding:2%; text-align:center; float:left; width:25%;}
.erola li .pic{ display:table; width:100%; height:210px; box-shadow:0 0 10px rgba(0,0,0,0.2); padding:0 10px;}
.erola li .pic img{ max-height:180px;}
.erola li .tit{ margin-top:15px; line-height:25px; height:25px; overflow:hidden; font-size:16px;}
.pteaec{ padding:0 1%;}
.pteaec li{ width:14.66%; float:left; border:1px solid #ddd; height:140px; display:table; text-align:center; margin:1%;}
.pteaec li img{ max-height:120px;}
.ebtalc{ padding:0 4%;}
.ebtalc .d1{ font-size:18px;}
.ebtalc .d1 span{ color:#dd4128; margin-left:5px;}
.ebtalc .d2{ font-size:16px; margin-top:20px;}
.ebtalc .d3{ line-height:2; margin-top:15px; color:#999;}
.ebtalc .d4{ margin-top:20px;}

.veoht{ width:40%;}
.vobtea span{ float:left; cursor:pointer; width:23.5%; margin-right:2%; margin-bottom:2%; border:1px solid #ddd; line-height:35px; text-align:center;}
.vobtea span:nth-child(4n){ margin-right:0;}
.vobtea span.cur{ color:#fff; background:#e8271f; border-color:#e8271f;}
.tbotec{ margin-top:25px; border:1px solid #ddd; padding:35px; min-height:450px;}
.tbotec .d1{ font-size:18px; margin-bottom:15px;}
.tbotec .d2{ line-height:2; color:#787878; font-size:15px; padding-left:15px; position:relative;}
.tbotec .d2 span{ position:absolute; display:block; width:2px; height:20px; background:#dd4128; left:0; top:5px;}
.onate{ width:49.5%;}
.onate .bd{ position:absolute; left:0; top:0; width:100%;}
.drelac { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3;}
.drelac li { display: block; position: absolute; text-align: center; line-height: 22px;width:80px;margin-left:-40px;}
.drelac li s{display: block; width: 16px;height: 22px;background: url(../images/map_dw.png) center no-repeat;margin: 0 auto;}
.drelac li:nth-child(1) { top: 15%; left: 90%;}
.drelac li:nth-child(2) { top: 34%; left: 67%;}
.drelac li:nth-child(3) { top: 59%; left: 82%;}
.drelac li:nth-child(4) { top: 59%; left: 68%;}
.drelac li:nth-child(5) { top: 79%; left: 63%;}
.drelac li:nth-child(6) { top: 54%; left: 24%;}
.drelac li:nth-child(7) { top: 30%; left: 26%;}
.drelac li:nth-child(8) { top: 83%; left: 73%;}
.drelac li:nth-child(9) { top: 86%; left: 68%;}
.drelac li:nth-child(10) { top: 79%; left: 85%;}
.drelac li.on{ color:#fff;}
.drelac li.on s{background: url(../images/map_dw1.png) center no-repeat;}


.eteacc{ background:#f8f8f8;}
.aotlec{ width:50%; padding:40px;}
.aotlec .d1{ color:#dd4128; margin-bottom:25px; font-size:30px; font-weight:bold; position:relative;}
.aotlec .d1:before{ content:''; position:absolute; left:-40px; width:4px; height:25px; background:#dd4128; top:8px;}
.aotlec .d2{ color:#787878; line-height:2;}
.aotlec .d3{ margin-top:20px; text-align:right;}
.aotlec .d3 img{ margin-left:20px;}

.htuea{ width:50%;}
#map{ width:100%; height:460px;}


.buaeoc{display: -webkit-flex; display: flex;flex-wrap:wrap; justify-content:space-between;}
.buaeoc .list{ width:15%; background:#fff; padding:20px 15px;}
.buaeoc .list .d1{ font-size:18px; font-weight:bold; color:#dd4128; margin-bottom:12px;}
.buaeoc .list .d2{ line-height:20px; margin-bottom:5px;}

.orela li{ width:32%; float:left; margin-right:2%; margin-bottom:2%; position:relative;}
.orela li:nth-child(3n){ margin-right:0;}
.orela li .c1{ width:100%; height:50px; font-size:16px; border-radius:3px; padding:0 20px; border:none; background:#f0f0f0;}
.orela li span{ display:block; position:absolute; right:10px; top:20px; color:#f00;}
.orela li textarea{ width:100%; height:120px; font-size:16px; border-radius:3px; padding:20px; border:none; background:#f0f0f0;}
.buerv input{width:200px; height:50px; font-size:16px; border-radius:3px; padding:0 20px; border:none; background:#f0f0f0;}
.ioteac{ margin-top:3%;}
.ioteac input{ width:135px; cursor:pointer; border-radius:3px; height:45px; border:2px solid #dd4128; font-size:16px; margin:0 10px;}
.ioteac input.c1{ color:#fff; background:#dd4128;}
.ioteac input.c2{ color:#dd4128; background:#fff;}

.eolte{display: -webkit-flex; display: flex;flex-wrap:wrap; justify-content:space-between;}
.zibtea{ padding:50px; background:#fafafa; width:68%;}
.zibtea .d1{ color:#dd4128; font-size:26px; font-weight:bold;}
.zibtea .d1:before{ content:''; position:absolute; left:-50px; top:5px; width:3px; height:25px; background:#dd4128;}
.zibtea .d2{ color:#787878; line-height:2; margin-top:25px;}
.otelna{ background:#ebebeb; padding:5% 4%; width:32%; color:#999;}
.otelna .d1{ font-size:2vw;}
.otelna .d2{display: -webkit-flex; display: flex;flex-wrap:wrap; justify-content:space-between; margin-top:35px;}
.otelna .d2 .list .s1 strong{ font-size:28px;}
.otelna .d2 .list .s2{ margin-top:5px;}

.ewtaac{display: -webkit-flex; display: flex;flex-wrap:wrap; justify-content:space-between;}
.ewtaac li{ width:32%; margin-top:2%;}

.edit-cona{line-height:2; color:#464646; padding:2%; }

@media (min-width: 1201px){
.T-nav li .sec,.T-nav > li .thr{ display:block; opacity:0; visibility:hidden; transform:translateY(30px); transition:all 0.5s ease;}
.T-nav li:hover .sec,.T-nav > li:hover .thr{ opacity:1; visibility: visible; transform:translateY(0px); transition:all 0.5s ease;}
.T-nav > li:hover > a:after,.T-nav > li > a.cur:after{ width:50px; transition:all 0.5s ease;}
.T-nav > li:hover > a,.T-nav > li > a.cur{ color:#ffffff;background: #00898f}
.top.on{ background:#ffffff; transition:all 0.5s ease;}
.top:hover{ background:#ffffff; transition:all 0.5s ease;}

.top.on .T-nav > li > a{ color:#00898f; transition:all 0.5s ease;}
.top.on .T-nav > li:hover > a{ color:#ffffff; transition:all 0.5s ease;}
.top.on .s-t-search a{ background:#f0f0f0 url(../images/fd.png) no-repeat center center; transition:all 0.5s ease;}
.top.on .otebn a{ background:#f0f0f0; color:#085daf; transition:all 0.5s ease;}
.ecola li a:hover:after{ width:100%; transition:all 0.5s ease;}
.loteca li a:hover:before{ opacity:1; transition:all 0.5s ease;}
.loteca li a:hover .link span{ color:#fff; background:#dd4128; border-color:#dd4128; transition:all 0.5s ease;}
.telao li a:hover:after{ width:100%; transition:all 0.5s ease;}
.ecame li a .con .d3 span:hover{ background:#dd4128; border-color:#dd4128; color:#fff; transition:all 0.5s ease;}
.honor-ul li:hover .honor-li-img p img,.eotepc li a:hover .pic img{ transform:scale(1.05); transition:all 0.5s ease;}
}

@media (max-width: 1500px){
.T-nav > li{ padding:0 5px;}

.ind-01,.ind-04,.ind-03{ padding:5%;}
.ind-02{ padding:5% 5% 8%;}
.ecboa .d1{ font-size:15px;}
.oteal .b-tel .d2{ font-size:24px;}
.ny-banner{ height:440px;}
}

@media (max-width: 1200px){
body{ padding-top:50px;}
.wrap{ width:100%; max-width:768px; margin:0 auto; padding:0 3%;}
.top{ padding:0 2%; display:block; top:0; width:100%; left:0; margin-left:0; background:#ffffff; box-shadow:0 0 5px rgba(0,0,0,0.2); position:fixed; z-index:20;}
.top .t-logo{ padding:5px 0;}
.top .t-logo img{ height:40px;}
.top .T-nav > li > a{ color:#666; transition:all 0.5s ease;}
.T-nav{ position:fixed; left:0; top:50px; margin:0; padding:0; width:100%; height:calc(100vh - 50px); background:#fff; z-index:22; overflow:auto; display:none;}
.T-nav > li{ width:100%; border-bottom:1px solid #eee;}

.T-nav li > a{ background:none !important; line-height:45px; padding:0 3%; font-size:16px;}
.T-nav > li .thr{ position:relative; top:0; left:0;margin:0; width:100%; padding:0 3%; box-shadow:0 0 0;}
.T-nav > li .thr a .pic{ display:none;}
.T-nav > li .thr a{ line-height:45px; margin:0; font-size:15px; padding:0 5%; text-align:left; width:100%;}
.mob-nav{ display:block;}
.alanvl{ line-height:50px; margin-top:0;}
.s-t-search{ margin:0;}
.s-t-search a{ width:50px; height:50px; background:url(../images/fd.png) no-repeat center center;}
.lbotal{ width:80%; left:10%; margin:0;}
.lbotal .c1{ width:calc(100% - 118px);}
.lbolc span{ width:100px;}
.search-bg{ top:50px; height:calc(100% -50px);}
.s-t-search a, .otebn a{ margin:0; line-height:50px; border:none; color:#666; font-size:18px; width:40px;}
.ind-01{ max-width:768px; margin:0 auto;}
.buaetn{ width:100%; height:auto;}
.ceubaa{ width:100%; height:auto; padding:4%;}
.otelb{ width:100%;}
.otelb li{ float:left; width:25%;}
.voltac{ width:100%;}
.voltac .pic img{ height:auto;}
.ebunc{ width:100%;}
.oteba{ width:100%; margin-top:4%;}
.ebunc .d1,.mlcba .d1{ font-size:24px;}
.ebunc .d3{ margin-top:15px; font-size:14px;}
.foot{ display:none;}
.otebn{display: none;}
.cebca{ width:100%;}
.otema{ width:100%;}
.vonca{ padding:15px;}
.pagecsl a.mob-none{ display:none;}
.telao li{ width:49%;}
.telao li:nth-child(2n){ margin-right:0;}
.eenlca{ padding:0;}
.eenlca:before{ display:none;}
.ny-nav span{ display:block; background:url(../images/xx.png) no-repeat right center; line-height:50px; height:50px; color:#333; font-size:16px;}
.ny-nav p{ position:absolute; display:none; left:0; width:100%; top:50px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2);z-index: 999;}
.ny-nav p a{ display:block; text-align:left; width:100%; margin:0; padding:0 25px; font-size:15px;}
.ny-nav a.cur:after{ display:none;}

.ny-subnav{display: none;}
.ny-subnav a{  text-align:left; width:100%; margin:0; padding:0 15px; font-size:15px;}
.ny-subnav a.cur:after{ display:none;}


.oblca{ padding:0 4%;}
.oblca:before{ display:none;}
.ny-banner{ height:340px;}
.ny-main{ padding:4%;}
.oreblc .cont{ width:100%; padding:70px 4% 4%;}
.oreblc .pic{ width:100%;}
.oreblc .year{ width:100%;}
.oreblc .year span{ left:4%; top:10px; bottom:auto; font-size:30px;}
.oreblc .cont dd{ font-size:14px;}
.ltemct{ padding:0;}
.ltemct .pic{ position:relative; width:100%; height:auto;}
.ltemct .pic img{ height:400px;}
.ltemct .video-li-a{ top:200px; right:50%;}
.ltemct .con{ width:100%;}
.ltemct .con .d1{ font-size:20px;}
.ltemct .con .d1:before{ top:2px;}
.teopc .list{ width:45%; margin-bottom:15px;}
.teplca .list{ width:48%;}
.teplca .list01{ width:100%; margin-bottom:2%;}
.ecola li a .con{ padding:15px;}
.ecola li a .con .d1{ font-size:14px;}
.eotepc li{ width:47.5%;}
.eotepc li:nth-child(3n){ margin-right:2%;}
.eotepc li:nth-child(2n){ margin-right:0;}
.onate{ display:none;}
.veoht{ width:100%;}
.buaeoc .list{ width:31%; margin-bottom:2%;}
.zibtea{ width:100%; padding:25px;}
.zibtea .d1{ font-size:20px;}
.zibtea .d1:before{ left:-25px; top:0;}
.otelna{ width:100%; padding:25px;}
.otelna .d1{ font-size:20px;}
.otelna .d2{ margin-top:15px;}
.eotepc li a .pic img{ height:25vw;}





}
@media (max-width: 900px){
.aotlec{ width:100%;}
.htuea{ width:100%;}
#map{ height:220px;}
}

@media (max-width: 780px){
.wrap{ padding:0 3%;}
.ind-01{ padding:4%;}
.otenac li{ padding:10px 0; font-size:12px;}
.otenac li .d1{ font-size:12px;}
.otenac li .d1 strong{ font-size:16px;}
.ceubaa .d1{ font-size:24px;}
.ceubaa .d3{ font-size:14px; margin-top:12px;}
.ny-main{ padding:4%;}
.abenm{ font-size:20px;}
.ny-banner{ height: 180px;    background-size: cover;}
.ny-banner .cont .d1{ font-size:20px;}
.orebla .pic{ width:100%;}
.orebla .con{ width:100%;}
.orebla .con .d1{ font-size:18px;}
.oltema dt{ width:100%;}
.oltema dd{ width:100%; margin-top:15px;}
.ecame li a .pic{ width:100%;}
.ecame li a .pic img{ height:auto;}
.ecame li a .con{ width:100%; padding:5%;}
.ltemct .pic img{ height:200px;}
.ltemct .video-li-a{ top:100px;}
.teopc .list .d1 span{ font-size:20px;}
.honor-ul li{ width:99%;}
.honor-ul li:nth-child(2n){ margin-right:0;}
.ecola li{ width:99%; margin-right:0; margin-bottom:2%;}
.ecola li:nth-child(2n){ float:right;}
.ecola li a .pic img{ height:120px;}
.loteca li a{ padding:4%;}
.loteca li a .date{ width:100%; border:none; text-align:left;}
.loteca li a .date span{ display: inline-block; font-size:20px; margin-right:5px;}
.loteca li a .con{ width:100%; padding:0; font-size:14px; height:auto; max-height:50px;}
.loteca li a .link{ display:none;}
.lboreac li .toceb{ padding-left:60px; font-size:14px;}
.lboreac li .toceb:before,.lboreac li .obcea .eomca:before{ width:50px;}
.lboreac li .obcea{ padding-left:0;}
.lboreac li .obcea .eomca{ padding:15px 15px 15px 60px;}
.erola li{ width:49%; padding:0; margin-bottom:15px;}
.erola li:nth-child(2n){ float:right;}
.erola li .tit{ font-size:14px;}
.erola li .pic{ height:150px;}
.pteaec li{ width:32%; margin:0 2% 2% 0; height:100px;}
.pteaec li:nth-child(3n){ margin-right:0;}
.pteaec li img{ max-height:80px;}
.aotlec{ padding:20px;}
.aotlec .d1{ font-size:20px; margin-bottom:12px;}
.aotlec .d1:before{ left:-20px;}

}







@media (max-width: 640px){
.otelb li{ width:50%;}
.ebunc .d1, .mlcba .d1,.ceubaa .d1{ font-size:20px;}
.telao li{ width:100%; margin-right:0;}
.telao li a .tit{ font-size:16px;}
.teplca .list{ width:100%; padding:4%; margin-bottom:2%;}
.teplca .list .d1{ font-size:20px;}
.honor-ul li .honor-li-img{ height:160px;}
.honor-ul li .honor-li-img p img{    max-width: 100%;}
.eotepc li{ width:100%; margin-right:0 !important;}
.buaeoc .list{ width:100%;}
.orela li{ width:100%;}
.orela li .c1{ height:42px; font-size:15px;}
.buerv input{ width:120px;}
.buerv input,.buerv img{ height:42px;}
.eotepc li a .pic img{ height:50vw;}
}








.shade {position: fixed;left: 0; top: 0; z-index: 21;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; }
.big-video {
    position: fixed;
    left: 50%;
    top: 50%;
	margin-top:-240px;
    z-index: 22;
    display: none;
    margin-left: -450px;
    background-color: #fff;
    width: 900px;
    box-sizing: border-box;
}
.big-video-main {
    height: 480px;
}
.big-video-clo {
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon30.png) no-repeat center center;
    cursor: pointer;
}

@media screen and (max-width: 750px){
.big-video {
    width: 100%;
    left: 0;
    margin-left: 0;
}
.big-video-main {
    height: 185px;
}
.big-video-clo {
    right: 0;
    z-index: 21;
}
.i_title h2 {    font-size: 26px;    margin-top: 18px;}
}



/*2021-02-24*/
.oatel{ max-width:1400px; margin:0 auto;}
.oatel .title{ font-size:24px; line-height:1.6;}
.solte{ margin-top:20px; line-height:22px; padding-bottom:8px; border-bottom:1px solid #ddd;text-align: center;}
.solte span{ margin-right:20px; color:#666; display:inline-block;font-size: 14px;}
.solte span img{ margin-right:5px;}
.mic-edit{ padding:4% 0; color:#666; line-height:2;font-size: 16px;}

.mic-edit img{max-width:1400px; margin:0 auto;}
.palfea{ border-top:1px solid #ddd; padding-top:20px; padding-right:160px; line-height:25px;}
.palfea p{ padding:2px 0;font-size: 14px;}
.palfea > a{ display:inline-block; top:20px; position:absolute; right:0; width:120px; line-height:35px; color:#fff; text-align:center; background:#da251d;font-size: 14px;}


@media (max-width: 1024px){
.palfea{ padding-right:0;}
.palfea > a{ position:relative; top:0; margin-top:12px;font-size: 14px;}
.oatel .title{ font-size:18px;}
}







/*优势*/
.ys-tit{
	text-align: center;
	margin-bottom: 20px;
}
.ys-tit p{
	display: block;
	font-size: 19px;
	color: #777;
	font-weight: bold;
	text-align: center;
}
.ys-mt{
	margin-top: 25px;
}
.ys-tu{
	width: 100%;
}
.ys-tu img{
	width: 100%;
}
.ys-nra{
	padding:28px;
	width: 100%;
	height: 449px;
	background-color: #fafafa;
	box-sizing: border-box;
}
.ys-nra .numa{
	display: inline-block;
	margin-top: 30px;
	padding: 0px 16px;
	border:3px solid #ec0006;
	border-left:27px solid #ec0006;
	text-align: center;
	font-size: 40px;
	color: #ec0006;
	font-weight: bold;
}
.ys-nra .zia{
	display: block;
	margin-top: 20px;
	font-size: 23px;
	color: #313131;
	font-weight: bold;
}
.ys-nra span{
	display: block;
    margin: 6px 0px 10px;
	font-size: 20px;
	color: #898989;
	letter-spacing: -1px;
}
.ys-nra .zib{
	display: block;
	font-size: 17px;
	color: #898989;
	line-height: 190%;
}

/*标题*/
.tit01 {
	padding-top: 6px;
	padding-bottom: 15px;
	width: 100%;
	height: auto;
	text-align: center;
	overflow: hidden;
    margin-top: 36px;
}

.tit01 h2 {
	display: block;
	font-size: 36px;
	color: #212224;
	text-align: center;
}
.tit01 h2 font{
	font-size: 36px;
	color: #129da3;
 
}

.tit01 p {
	display: block;
	margin: 0 auto;
	margin-top:18px;
	font-size: 20px;
	color: #767676;
	text-align: center;
	line-height: 170%;
}

.tit01 span {
	display: block;
	height: 40px;
	margin-top: 8px;
	text-align: center;
	font-size: 48px;
	color: #ededed;
	text-transform: uppercase;
	font-family: "siyuan";
	letter-spacing: 3px;
}
.tit01 img{
	display: block;
	margin:0 auto;
	margin-top: 10px;
}
.tit01 .linea{
	width: 100%;
	margin-top: 10px;
	border-bottom: 1px solid #efefef;
}

@media only screen and (max-width: 1180px){
 
	.ys-nra .numa{margin-top: 0px;}
	.ys-nra .zia{font-size: 20px;}
	.ys-nra span{font-size: 10px;}
	.ys-nra .zib{font-size: 15px;}

    
}




@media only screen and (max-width: 768px){
 
	.ys-tu{width: 100%; float: left;}
	.ys-nra{width: 100%;float: left; height: auto; padding:20px 20px;}
	.ys-nra .numa{font-size: 17px;}
	.ys-nra .zia{margin-top: 10px;font-size: 15px;}
	.ys-nra .zib{font-size: 12px;}
	.ys-tit img{width: 60%; margin:0 auto;}
	.ys-tit{padding:15px;}
	.ys-tit p{font-size: 15px;}
    .hidden-xs {
        display: none !important;}
        .tit01 h2 font{font-size: 26px;}
        .tit01 h2, .tit01 .zia {
            font-size: 26px;
        }
 }














 .fanye{  text-align:center;  margin:30px 0 20px 0;}
 .fanye li{display:inline}
 .fanye a, .fanye span{ border:#bbb solid 1px; 
     padding:0px 15px; 
     font-size:14px; 
     color:#666; 
     line-height: 36px; 
     display: inline-block; 
     border-radius: 5px;
     margin:0 1px;}
 .fanye a:hover{ color:white; 
     background-color:#129da3; 
     border:#129da3 solid 1px;}
 .fanye span.current{ color:white; 
     background-color:#129da3; 
     border:#129da3 solid 1px;}
 .fanye span.disable{  }
 .fanye .active span{background:#129da3;color:#ffffff}
 
 
 
 .honor-ul .honor-li {
    
    position: relative;
    
}

.honor-ul .honor-li button{opacity: 0.8;cursor: pointer;color: transparent;position: absolute;z-index: 4;top: 100px;left: 0;right: 0;margin: auto;    border: 0;width: 60px;height: 60px;background:#fff url(../images/about_brand_video_play.png) no-repeat 21px center;-webkit-transition: all 400ms;transition: all 400ms;border-radius: 30px;}

.honor-ul .honor-li:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}

.honor-ul .honor-li:hover button{background-color: #ec6d01;background-image: url(../images/about_brand_video_play_hover.png);}
.mic-edit video {max-height: 600px;}

@media screen and (max-width:768px){


	.honor-ul .honor-li button{cursor: pointer;color: transparent;position: absolute;z-index: 4;top: 95px;left: 0;right: 0;margin: auto;    
		border: 0;width: 50px;height: 50px;background:#fff url(../images/about_video_play.png) no-repeat 18px center;-webkit-transition: all 400ms;transition: all 400ms;border-radius: 30px;}

	.honor-ul .honor-li:hover img{-webkit-transform: scale(1.05,1.05);transform: scale(1.05,1.05);-webkit-transition: all 4000ms ease-out;transition: all 4000ms ease-out;}
	
	.honor-ul .honor-li:hover button{background-color: #ec6d01;background-image: url(../images/about_video_play_hover.png);}
    }