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

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif; font-size:14px;overflow-x:hidden; color:#666;}
body.en{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;color:#666}
a:hover{color:#df1e25}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#006835}
.col02{ color:#008abd}
.col03{ color:#ec6a17}
.red{ color:#f00}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
video:focus{ outline:none}


.wrap{margin:0 auto; width:1370px;}
.header{position: fixed; width:100%;left:0;right:0;top:0; height:80px; background:#fff;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease; box-shadow: 0 0 15px rgba(0,0,0,.15); z-index:99;}
.header-scroll{ box-shadow:0 0 15px rgba(0,0,0,.15)}
.header .wrap{ position:relative; width:100%; padding:0 100px;display:flex; display:-webkit-flex; align-items:center;justify-content:space-between}
.logo{ display:flex; display:-webkit-flex; align-items:center; height:80px;position:relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.logo img{ display:block; height:35px}

.menu{ margin-left:5%}
.menu>ul{display:flex; display:-webkit-flex}
.menu>ul>li{ float:left; font-size:16px; margin:0 30px;position:relative;white-space: nowrap;}
.menu>ul>li>a{ display:block; color:#333;line-height:80px;position:relative}
.menu>ul>li:hover>a, .menu>ul>li.cur>a{color:#df1e25}
.menu .sub{ position:absolute;left: 50%;top: 100%; min-width: 100%;text-align: center;box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); display:none}
.menu .sub a{ display:block; background:#fff; border-bottom:1px solid #ddd;font-size: 15px;color:#919194; line-height: 20px; padding: 12px 20px; word-break: keep-all; white-space: nowrap;}
.menu .sub a:hover{color:#df1e25}

.head-r{display:flex; display:-webkit-flex; align-items:center;}
.search{ position:relative;}
.search-btn{ display:block;width:35px;height:80px;background:url(../images/search-btn.png) no-repeat center;cursor:pointer; margin-right:10px;}

.search-alert{height:100%;position: absolute;right:30px;top:0;z-index: 50;background: #fff;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);transition:.3s; -webkit-transition:.3s; display:flex; display:-webkit-flex;align-items:center}
.search-alert-show{overflow:visible;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.search-alert form {position: relative; width:100%; border:1px solid #e8e8e8;line-height:35px; height:35px;}
.search-alert input[type=text]{border:0;height:100%; width:240px;color: #555;background:#fff;padding-left:10px; padding-right:40px; display:block}
.search-alert input[type=submit]{border: none;position: absolute;right: 0;top: 0;width:40px; height:100%;cursor:pointer; background:url(../images/search-btn.png) no-repeat center; background-size:15px; opacity:.6}
.search-alert .search-close{ width:15px; height:15px;cursor:pointer;margin-left: 15px;position:relative}
.search-alert .search-close:before{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; top:0; left:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); transform-origin:left top}
.search-alert .search-close:after{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; bottom:0; left:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:left bottom}
.search-show .search-btn{ opacity:0}
.head-r .tel{ font-family:Calibri; font-weight:bold;font-size:26px; color:#df1e25}
.head-r .tel a{color:#df1e25; pointer-events:none}
.lang{ position:relative; padding-right:20px; height:25px}
.lang ul{border: 1px solid #dddddd;width: 55px;height: 25px;overflow: hidden;}
.lang ul li {line-height: 23px;font-weight: bold;font-family: Verdana, Geneva, sans-serif;background: #fff; text-align:center}
.lang a:hover{color:#df1e25}
.lang .btn{ position: absolute; display:block;border: 1px solid #dddddd; border-left:0; right:0;top:0; width:20px; height:25px; cursor:pointer;}
.lang .btn i{ position:absolute; width:100%; height:100%; left:0;top:0; transition:.3s}
.lang .btn i:after{ content:""; width:5px; height:5px; border-right:1px solid #666; border-bottom:1px solid #666; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; right:6px;top:7px}
.lang.cur .btn i{ -webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg)}
/*banner*/

.banner{ position:relative; height:100vh}
.banner img{display:block;width:100%; height:100%; object-fit:cover}
.banner .ban-img{position:relative;height:100%;}
.banner .ban-img img{ display:block;width:100%;-moz-transition:1s linear 2s;-webkit-transition:1s linear 2s;transition:1s linear 2s;}
.banner .ban-txt{ position:absolute; width:100%; bottom:15%; color:#fff; text-align:center;opacity: 0; -webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);-moz-transition:1s;-webkit-transition:1s;transition:1s;}
.banner .ban-txt h3{ font-size:55px; font-weight:300}
.banner .ban-txt ul{ margin-top:60px; display:flex; display:-webkit-flex; justify-content:center; align-items:flex-start}
.banner .ban-txt li{ padding:0 60px; font-weight:300;position:relative}
.banner .ban-txt li:after{ content:""; width:1px; height:90%; background:rgba(255,255,255,.2); position:absolute; right:0;top:5%}
.banner .ban-txt li:last-child::after{ display:none}
.banner .ban-txt .ico{ margin-bottom:5px;}
.banner .swiper-slide-active .ban-txt{-moz-transform: scale(1);-webkit-transform: scale(1);transform: scale(1); opacity:1;-moz-transition:1s .4s;-webkit-transition:1s .4s;transition:1s .4s;}
.banner .swiper-slide-active .ban-img img, .banner .swiper-slide-duplicate-active .ban-img img{
	transition:16s linear;
	-moz-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

/*分页器*/
.banner .swiper-pagination{bottom:4%}
.banner .swiper-pagination-bullet{ width:16px; height:16px;background:none;border-radius:50%;opacity:1;position:relative;transition:.3s}
.banner .swiper-pagination-bullet:after{ content:""; width:6px; height:6px; border-radius:50%; position:absolute; left:50%;top:50%; margin-left:-3px; margin-top:-3px; background:#fff; transition:.3s}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px;}
.banner .swiper-pagination-bullet-active{ opacity:1;border:1px solid #fff; }

.m-banner{position: relative;z-index: 1;overflow: hidden;width: 100%; display:none;border:1px solid #fff;}
.m-banner a{ display:block; background:#131313}
.m-banner img{ display:block; width:100%; height:auto}
.m-banner .swiper-pagination-bullet{ background:none; border:1px solid #fff; opacity:1}
.m-banner .swiper-pagination-bullet-active{ background:#fff}



@font-face{
font-family:'bebas';
src:url("../fonts/bebas.eot");
src:url("../fonts/bebas.eot") format("embedded-opentype"),
url("../fonts/bebas.woff2") format("woff2"),
url("../fonts/bebas.woff") format("woff"),
url("../fonts/bebas.ttf") format("truetype"),
url("../fonts/bebas.svg#BEBAS") format("svg");
}

.space{ padding:60px 0}
.title{ color:#333; font-size:35px; line-height:40px; text-align:center; margin-bottom:35px;position:relative}
.more{ display:flex; display:-webkit-flex; align-items:center; justify-content:center; width:145px; height:42px; line-height:40px; border:1px solid rgba(0,0,0,.1); font-size:16px; font-weight:300; color:#919194; margin:0 auto}
.more i{ display:block; width:7px; height:7px; border-top:1px solid #919194;border-right:1px solid #919194; -moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg); margin-left:10px; transition:border .5s}
.more:hover{ background:#df1e25; color:#fff}
.more:hover i{border-top:1px solid #fff;border-right:1px solid #fff;}

.i-product{ padding:60px 0}
.i-product a{ display:block; position:relative; overflow:hidden}
.i-product a>img{ display:block; width:100%; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.i-productcon{ position:relative;}
.i-product .left{width:445px; position:relative}
.i-product .right{ width:905px}
.i-product .txt{ position:absolute; left:0; width:100%; padding:0 35px 35px;z-index: 2;}
.i-product a:hover>img{ -moz-transform:scale(1.02);-webkit-transform:scale(1.02);transform:scale(1.02)}
.i-product .bot{ display:flex; display:-webkit-flex; justify-content:space-between; margin-top:20px}
.i-product .left .txt{top:40px}
.i-product .left .txt h3{ color:#333; font-size:26px}
.i-product .left .txt h4{ font-size:16px; color:#919194; font-weight:300}
.i-product .right .txt{bottom:0}
.i-product .right .txt h3{ font-size:24px; color:#fff}
.i-product .bot a:first-child::after{content: '';width: 100%;height: 30%;position: absolute;left: 0;bottom: 0;
  background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  background: -o-linear-gradient(rgba(0,0,0,0)ed, rgba(0,0,0,.3)); 
  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));}
  .i-product .bot a:nth-child(2)::after{content: '';width: 100%;height: 30%;position: absolute;left: 0;bottom: 0;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(221,221,208,.3));
    background: -o-linear-gradient(rgba(0,0,0,0)ed, rgba(221,221,208,.3)); 
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(221,221,208,.3));
    background: linear-gradient(rgba(0,0,0,0), rgba(221,221,208,.3));}

.i-about{ padding-top:90px; position:relative}
.i-about:before{ content:""; width:100%; height:70%; position:absolute; left:0;top:0; background:url(../images/bg1.jpg) no-repeat center top; background-size:cover}
.i-about .wrap{ position:relative}
.i-about .top{ color:#fff; font-size:16px; margin-bottom:60px}
.i-about .top .left{ font-size:35px; line-height:45px}
.i-about .top .left img{ height:30px;}
.i-about .top .right li{ float:left; margin-left:100px}
.i-about .top .right li:first-child{ margin-left:0}
.i-about .top .right .counter{ font-family:Calibri; font-weight:bold; font-size:45px; margin-right:5px}
.i-about .con{ background:#f5f5f5; position:relative}
.i-about .con .left, .i-about .con .right{ width:50%; overflow:hidden}
.i-about .con .left{ position:relative}
.i-about .con .left img{ display:block; width:100%; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.i-about .con .left .video-btn{ width:100%; height:100%; background:url(../images/video-btn.png) no-repeat center; position:absolute; left:0;top:0; cursor:pointer}
.i-about .con .left:hover img{ -moz-transform:scale(1.02);-webkit-transform:scale(1.02);transform:scale(1.02)}
.i-about .con .right{ padding:80px 110px 0 80px; height:100%; position:absolute; right:0;top:0}
.i-about .con .right h2{ font-size:26px; color:#333; margin-bottom:30px}
.i-about .con .right .infor{ font-size:16px; line-height:30px; max-height:130px; overflow:hidden}
.i-about .con .right .infor p{ margin-bottom:10px}
.i-about .con .more{ margin-left:0; margin-top:50px}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.85);}
.show-video{ display:block}
.video-show {position: relative;z-index: 9999999;margin: 0 auto;top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);display: table;width:1000px;}
.video-close{ width:30px; height:30px; position:absolute; top:0; right:-40px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-close:after{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.video-close:before{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}



.i-news{background:#fff; padding-top:80px; padding-bottom:60px}
.i-news .top{ display:flex; display:-webkit-flex; justify-content:space-between; margin-bottom:35px}
.i-news .top .title{ margin-bottom:0}
.i-news .top .more{ border:0; margin:0; line-height:40px; width:auto}
.i-news .top .more:hover{ background:#fff; color:#df1e25}
.i-news .top .more:hover i{border-top:1px solid #df1e25;border-right:1px solid #df1e25;}

.i-newslist{ position:relative;}
.i-newslist .pic{ position: relative; overflow:hidden}
.i-newslist .pic .img1{ display:block; width:100%; height:auto}
.i-newslist .pic .img2{ position:absolute;left:0;top:0; width:100%; height:100%; object-fit:cover; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.i-newslist .txt{position:relative; z-index:2}
.i-newslist h3{ color:#333; font-size:20px; line-height:28px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden; margin-top:15px}
.i-newslist .time{font-size:14px;color:#999; font-weight:300}
.i-newslist .intro{ font-size:13px; color:#999; line-height:24px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical; overflow:hidden; min-height:120px}
.i-newslist h3{-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.i-newslist .swiper-slide:hover h3{}
.i-newslist .swiper-slide:hover .img2{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.i-newslist .swiper-pagination{ width:100%;bottom:0; display:none}
.i-newslist .swiper-pagination-bullet{ background:#ccc; width:6px; height:6px; margin:0 3px; opacity:1}
.i-newslist .swiper-pagination-bullet-active{ background:#df1e25}



.bannerbot{ background:#f5f5f5 url(../images/bg2.jpg) no-repeat center; height:270px; text-align:center}
.bannerbot h5{ padding-top:65px; padding-bottom:10px; font-weight:300; font-size:20px; color:#919194}
.bannerbot .title{ margin-bottom:20px}
.popup{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background: no-repeat center  top rgba(0, 0, 0, 0.85);background-size: 100% auto;}
.popup .popup-con{position: relative;z-index: 9999999;margin: 0 auto;top:50%; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);display: table;width:600px; background:#df1e25; padding:25px; color:#fff}
.popup .close-btn{width:30px; height:30px; position:absolute; top:0; right:-40px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.popup .close-btn:after{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.popup .close-btn:before{ content:""; width:1px; height:30px; background:#fff; position:absolute; left:15px;top:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.popup h3{ text-align:center; font-size:20px}
.popup .txt{ font-size:17px; line-height:30px}
.popup .txt p{ margin-top:10px}

.footer{ background:#282626;color:#828282; padding:65px 0 30px;position:relative;z-index: 2;}
.footer a{color:#828282;}
.footer a:hover{ color:#fff}
.footer .top{ border-bottom:1px solid rgba(255,255,255,.15); padding-bottom:30px}
.footer .top img{ height:26px}
.footer .mid{ padding:45px 0 35px; border-bottom:1px solid rgba(255,255,255,.15); font-size:15px}
.footer .bot{ padding-top:30px;}
.f-nav li{ float:left; margin-right:110px}
.f-nav li p{ font-size:17px; color:#fff; padding-bottom:10px}
.f-nav li a{ display:block;line-height:32px; color:#838383}
.f-ewm>p{font-size:17px; color:#fff; padding-bottom:10px}
.f-ewm .list a{display:flex; display:-webkit-flex; align-items:center; font-size:15px; line-height:30px; color:#838383; margin-bottom:10px;}
.f-ewm .list i{ width:30px;height:30px; background:rgba(255,255,255,.18); border-radius:50%;display:flex; display:-webkit-flex; align-items:center;justify-content:center; margin-right:5px}
.f-ewm .list i img{ opacity:.5; transition:.5s}
.f-ewm .list a:hover i img{ opacity:.8}
.f-ewm .sub{text-align:center;  position:fixed; left:0;top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:9;display:none}
.f-ewm .sub ul{background:#fff; padding:20px;font-size:14px; display:inline-block; position:absolute; left:50%; top:50%; -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.f-ewm .sub .closed{ width:30px; height:30px; position:absolute; right:-35px;top:0}
.f-ewm .sub .closed:before{ content:""; width:1px; height:30px; position:absolute; left:50%;top:0; background:#fff; transform:rotate(45deg);}
.f-ewm .sub .closed:after{ content:""; width:1px; height:30px; position:absolute; left:50%;top:0; background:#fff; transform:rotate(-45deg);}
.f-ewm .sub li{display:none}
.f-ewm .sub li.cur{display:block}
.f-ewm .sub img{ display:block; width:150px; height:150px; margin:0 auto 5px}
.f-contact{ max-width:300px}
.f-contact .tel{ margin-bottom:10px}
.f-contact .tel span{ display:block;font-family: Calibri;font-weight: bold; color:#fff; font-size:26px; line-height:30px;}
.f-contact .tel span a{color:#fff; pointer-events:none}
.f-contact .add span{ display:block;}
#szgs_stat_icon_1254945976574017536 img{ height:45px}
.copyright{ padding-top:15px}
/*============================================================*/
.headHeight{ height:90px; position:relative}
.nbanner{ position:relative;overflow:hidden; margin-top:80px; height:500px}
.nbanner img{ display:block; width:100%}
.nbanner:before{ content:""; width:100%; height:100%; position:absolute; left:0;top:0; background:rgba(0,0,0,.1); z-index:1}
/*.nbanner:after{ content:""; width:100%; height:30%; position:absolute; left:0;right:0;bottom:0;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3)); z-index:1}
*/
.nbanner img{ display:block; width:100%; height:100%; object-fit:cover}
.nbanner .wrap{ height:100%; position: relative;top:-100%; z-index:2}
.nbanner .nbantit{position: absolute;left:50%;top:40%; -moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%); color:#fff;z-index:2; text-align:center}
.nbanner .nbantit .entit{animation-name: fadeInDown;animation-duration:1s; animation-delay:.1s;animation-fill-mode: both; font-size:60px; font-weight:300}
.nbanner .nbantit .cntit{animation-name: fadeInUp;animation-duration:1s; animation-delay:.1s;animation-fill-mode: both; font-size:35px; text-transform:uppercase}

.navBox{background:#ebebeb}
.inner-nav{position:relative; border-bottom:1px solid #eee}
.inner-nav ul{ display:flex; display:-webkit-flex; justify-content:center;}
.inner-nav li{}
.inner-nav li a{font-size:16px;color: #333;display: flex; display:-webkit-flex; justify-content:center; align-items:center; height:80px;padding: 0px 30px;position:relative}
.inner-nav li a:before{content:"";position: absolute;left: 50%;bottom: 0px; width: 0%;height: 3px;background-color: none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.inner-nav li a:after{content:"";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
.inner-nav li:last-child a:after{ display:none}
.inner-nav li.cur a, .inner-nav li:hover a{position:relative;color:#df1e25;}
.inner-nav li.cur a:before, .inner-nav li:hover a:before{ background:#df1e25; width:90%; left:5%}
.lacat{ line-height:80px; background:url(../images/location_fill.png) no-repeat left center; padding-left:30px; color:#666;}

.main{ padding:80px 0; position:relative;}
.main02{ background:#f7f7f7}

.main .content{ line-height:30px; font-size:16px;}
.main .content img{ max-width:100%;}
.main .ltitle{font-weight: 300;font-size: 20px;color: #919194; text-align:center}
.anchor{display: block;top: -85px;visibility: hidden; position:absolute;}
.qqfz-intro{ padding:0 15%}

.main-about{ position:relative; min-height:600px; padding-bottom:100px; background:#f7f7f7}
.main-about:before{ /*content:"";*/ width:100%; height:100%; background:url(../images/about.png) no-repeat left bottom; position:absolute; left:0;bottom:0; z-index:1}
.main-about:after{ content:""; width:100%; height:100%; position:absolute; left:0;bottom:0; z-index:3}
.main-about #shege{ position:absolute; left:100px;bottom:5%; z-index:4; outline:none;}
.main-about .wrap{ position:relative; z-index:3}
.main .content-about{}
.main .content-about .left{ width:38%}
.main .content-about .right{ width:58%}
.main .content-about .right>p{ margin-bottom:15px; font-size:18px; line-height:35px}
.main .content-about .title{ text-align:left; margin-bottom:10px}
.main .content-about .entitle{ color:#919194;font-size:26px; font-weight:300}
.culture-2{ display:flex; display:-webkit-flex;justify-content:space-between; margin:40px 0}
.culture-2 li{ max-width:26%; text-align:center}
.culture-2 .ico img{ height:130px; display:block; margin:0 auto}
.culture-2 li h3{ color:#333; font-size:18px; padding:15px 0}
.culture-2 li p{ font-size:16px; line-height:20px;}

.content-about-intro{height:360px;overflow: hidden;overflow-y: auto;padding-right:30px;}
.content-about-intro::-webkit-scrollbar {width: 2px;}
.content-about-intro::-webkit-scrollbar-thumb {background:#006835; border-radius:3px;}
.content-about-intro::-webkit-scrollbar-track {background:#e7e7e7;}

.speechBox{ max-width:1000px; margin:0 auto}
.speechBox .item_1{ position:relative}
.speechBox .item_1:before{ content:""; width:1px; height:100%; background:#ddd; position:absolute; left:33%;top:0}
.speechBox .item_1 .left{ width:28.2%;}
.speechBox .item_1 .left img{ display:block; width:100%}
.speechBox .item_1 .right{ width:67%; padding-left:4%; position:relative}
.speechBox .item_1 .right:before{ content:""; width:5px; height:30px; background:#df1e25; position:absolute; left:-2px;top:0}
.speechBox .item_1 h3{ font-weight:bold; color:#000; font-size:28px}
.speechBox .item_1 .qm{ display:flex; display:-webkit-flex; align-items:center; font-size:20px; margin:20px 0 30px}
.speechBox .item_1 .intro p{ margin-top:10px}
.speechBox .item_2, .speechBox .item_3{ margin-top:45px}
.speechBox .item_2 .ttit{color:#df1e25; font-size:30px; font-weight:bold;display:flex; display:-webkit-flex; align-items:center;}
.speechBox .item_2 .ttit .num, .speechBox .item_3 .ttit .num{display:block;font-size:0.9em; width:57px; height:67px; background:url(../images/ico-ry.jpg) no-repeat center; color:#fff; font-weight: normal;padding-left: 12px;line-height:55px; font-family:Arial, Helvetica, sans-serif}
.speechBox .item_2 .ttit .num{ margin-right:25px}
.speechBox .item_2 ul{ margin-top:35px; background:#e62a0d; color:#fff}
.speechBox .item_2 li{ width:25%; float:left; padding:60px 15px 35px; position:relative}
.speechBox .item_2 li:before{ content:""; width:15px; height:15px; background:#dbe0da; border-radius:50%; position:absolute;top:-7px; left:45px}
.speechBox .item_2 li:after{ content:""; width:1px; height:45px; background:#dbe0da;position:absolute;top:0; left:52px}
.speechBox .item_3 .ttit{color:#df1e25; font-size:30px; font-weight:bold;}
.speechBox .item_3 .ttit .num{margin:0 auto 25px}
.speechBox .item_3 .ttit span{ display:block; text-align:center}
.resultsList{ position:relative; margin-top:35px}
.resultsList:after{ content:""; width:1px; height:100%; background:#e62a0d; position:absolute; left:50%;top:0}
.resultsList li{ margin-bottom:30px}
.resultsList li:nth-child(2n){}
.resultsList li .txt, .resultsList li .pic{ width:50%}
.resultsList li .txt{ float:left;position:relative; padding-top:25px}
.resultsList li .txt .tit{ position:relative; margin-bottom:3%}
.resultsList li .txt h3{ color:#e62a0d; font-weight:bold; display:inline-block; background:#fff; position:relative; z-index:2;}
.resultsList li .txt h3 em{ margin-right:10px}
.resultsList li .intro p{ margin-bottom:1.5%}
.resultsList li .tit:before{ content:""; width:15px; height:15px; border-radius:50%; background:#e62a0d; position:absolute;top:7px}
.resultsList li .tit:after{ content:""; width:8%; height:1px; background:#e62a0d;position:absolute;top:15px;left:0}
.resultsList li .pic{ float:right; padding-left:5%}
.resultsList li .pic img{ display:block; width:100%}
.resultsList li:nth-child(2n) .txt{ float:right;}
.resultsList li:nth-child(2n) .pic{ float:left; padding-left:0; padding-right:5%}
.resultsList li:nth-child(2n) .tit, .resultsList li:nth-child(2n) .intro{ padding-left:10%}
.resultsList li:nth-child(2n+1) .tit, .resultsList li:nth-child(2n+1) .intro{ padding-right:10%}
.resultsList li:nth-child(2n) .tit:before{ left:-7px}
.resultsList li:nth-child(2n+1) .tit:before{ right:-8px}
.resultsList li:nth-child(2n+1) .tit:after{ width:100%}
.resultsList li:nth-child(2n+1) .txt h3, .resultsList li:nth-child(6) .txt h3{ padding-right:15px}
.resultsList li:nth-child(6) .txt{ float:left}
.resultsList li:nth-child(6) .tit, .resultsList li:nth-child(6) .intro{ padding-left:0; padding-right:10%}
.resultsList li:nth-child(6) .tit:before{ left:auto; right:-8px}
.resultsList li:nth-child(6) .tit:after{ width:100%}

.culture li{border-bottom:1px dashed #ddd; padding-bottom:60px; margin-bottom:60px; padding-left:10%; padding-right:10%}
.culture .ico{ float:left; width:200px;}
.culture .ico img{ display:block; margin:0 auto}
.culture .txt{ float:right; width:calc(100% - 300px)}
.culture .txt .tit{ color:#333; font-size:24px; margin-bottom:10px}
.culture .txt h4{ font-weight:bold; color:#df1e25; margin-top:15px}

.culture li:nth-child(2n) .ico{ float:right}
.culture li:nth-child(2n) .txt{ float:left}
.culture .txt{ height:182px; display:flex; display:-webkit-flex;align-content:center;flex-wrap:wrap;}
.culture .txt >*{ width:100%}
.culture li:nth-child(1) .txt{ height:auto}

.horlist{ margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #e8e8e8}
.horlist h3{ color:#333; font-size:24px; position:relative; padding-left:20px; margin-bottom:30px}
.horlist h3:before{ content:""; width:5px; height:90%; background:#df1e25; position:absolute; left:0;top:5%;}
.horlist ul{ display:flex; display:-webkit-flex; margin-right:-2%}
.horlist li{ margin-right:2%; width:23%}
.horlist .pic{ position:relative;}
.horlist .pic img{ display:block; width:100%}
.horlist .tit{ color:#333; position:relative; padding-left:20px; margin-top:15px}
.horlist .tit:before{ content:""; width:0; height:0; display:block; border-top:5px solid transparent;border-bottom:5px solid transparent; border-left:5px solid #df1e25; position:absolute; left:0;top:9px}
.horlist1 li:last-child{ width:48%}
.horlist1 li:last-child .pic img{}
.horlist2 li, .horlist3 li{ width:23%;}
.horlist1 ul{ flex-wrap:wrap}
.horlist1 li{ margin-bottom:2%}

.horlist .more{ margin-top:30px; margin-right:0}
.nhorlist{ border-bottom:none; padding-bottom:0 !important; margin-bottom:0!important}
.nhorlist ul{ flex-wrap:wrap;}
.nhorlist li{ width:23%; margin-bottom:3%}
.RD ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; margin-right:-1%}
.RD li{ width:49%; margin-right:1%; margin-bottom:1%}
.RD img{ display:block; width:100%}
.RD .last{ background:#919194; color:#fff; padding:5%; font-size:26px;display:flex; display:-webkit-flex; flex-wrap:wrap;align-content:center}
.AS-before .top{ background:#df1e25; padding:30px; color:#fff}
.AS-before .bot{padding:30px; color:#333; border:1px solid #e8e8e8; border-top:0; position:relative}
.AS-before .bot:before{ content:""; width:0; height:0;border-top:30px solid #df1e25;border-right:30px solid transparent; position:absolute; left:-1px;top:0}
.AS-before .bot>h3{ font-size:24px;margin:15px 0; position:relative}
.AS-before .bot>h3:before{ content:""; width:0; height:0; display:block; border-top:10px solid transparent;border-bottom:10px solid transparent; border-left:10px solid #df1e25; position:absolute; left:0;top:5px}
.AS-before .bot>*{ padding-left:30px}
.AS-before .bot .telbox{ margin-top:30px; border-top:1px solid #e8e8e8; padding-top:30px}
.AS-before .bot .tel{ float:left; margin-top:10px; margin-right:100px}
.AS-before .bot .tel span{font-family: Calibri;font-weight: bold;font-size: 26px;color: #df1e25; display:block}
.AS-after{ margin-top:60px}
.AS-after>h3{color:#333; font-size:24px; position:relative;margin-bottom:60px; text-align:center}
.AS-after .step{ display:flex; display:-webkit-flex; justify-content:space-between; position:relative}
.AS-after .step:before{ content:""; width:100%; height:1px; border-bottom:1px dashed #ddd; position:absolute; left:0;top:50px; z-index:1}
.AS-after .step li{ width:33.33%; padding:0 5%; text-align:center; position:relative; z-index:2}
.AS-after .step li:after{ content:""; width:0; height:0;border-top:10px solid transparent;border-left:10px solid red;border-bottom:10px solid transparent; position:absolute; right:0;top:40px}
.AS-after .step li:last-child::after{ display:none}
.AS-after .step .tit{display: block;margin: 0 auto 30px;background: #df1e25;width: 100px;height: 100px;border-radius: 50%;box-shadow: 0 0 0 15px #fadddf; color:#fff; display:flex; display:-webkit-flex; justify-content:center; align-items:center; font-weight:bold; font-size:18px}
.AS-after .repair{ margin-top:60px; background:#f7f7f7; padding:60px;display:flex; display:-webkit-flex; justify-content:space-between;position:relative}
.AS-after .repair li{ width:50%}
.AS-after .repair li:nth-child(1){ border-right:1px solid #ddd; padding-right:5%}
.AS-after .repair li:nth-child(2){ padding-left:5%}
.AS-after .repair .tit{ font-weight:bold; color:#df1e25; font-size:20px; margin-bottom:15px}

.productlist li{ background:#fff;margin-bottom:3%}
.productlist li a{ display:flex; display:-webkit-flex;align-items: center;flex-direction:row-reverse}
.productlist li:nth-child(2n) a{flex-direction:row}
.productlist .txt{ width:50%; padding:3% 6%}
.productlist .txt h4{ font-size:35px; line-height:45px; color:#333; font-family:bebas}
.productlist .txt h3{ font-size:26px;color:#333}
.productlist .txt .intro{ font-size:16px;color:#919194; font-weight:300; margin:5% 0 8%; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;}
.productlist .txt .more{ margin-left:0; -moz-transition:.3s;-webkit-transition:.3s;transition:.3s;font-size: 14px;}
.productlist .pic{ width:50%; height:500px;display:flex; display:-webkit-flex;align-items: center; justify-content:center; overflow:hidden}
.productlist .pic img{ display:block; margin:0 auto; max-height:100%; max-width:75%; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.productlist li:hover .pic img{ -moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}
.main-product{ padding-top:80px;background:#f7f7f7;}
.main-product .wrap{ background:#fff}
.main-product img, .main-product video{ display:block; margin:0 auto; max-width:100%;outline: none;}
.video-show02{ background:#fff; padding:6% 0}
.video-show02 video{ width:60%}
.proRelated .swiper-slide a{background:#fff;display: flex;display: -webkit-flex;align-items: center; border:1px solid #d8d8d8}
.proRelated .pic{ width:60%; height:360px;display:flex; display:-webkit-flex;align-items: center; justify-content:center}
.proRelated .pic img{display:block; margin:0 auto; max-height:100%; max-width:75%; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.proRelated .txt{ width:40%; padding:0 3%}
.proRelated .txt h4{ font-size:26px; line-height:30px; color:#333; font-family:bebas}
.proRelated .txt h3{ font-size:24px;color:#333}
.proRelated .txt .more{margin:0;border: 0; width:auto; display:inline-flex}
.proRelated .swiper-slide:hover .more{color: #df1e25; background:none}
.proRelated .swiper-slide:hover .more i{border-top: 1px solid #df1e25;border-right: 1px solid #df1e25;}
.proRelated .swiper-container{ padding-bottom:30px}
.proRelated .swiper-pagination{ width:100%;bottom:0;}
.proRelated .swiper-pagination-bullet{ background:#ccc; width:8px; height:8px; margin:0 5px; opacity:1}
.proRelated .swiper-pagination-bullet-active{ background:#df1e25}

.network{ position:relative}
.network .dot li{ position:absolute; width:140px; cursor:pointer;} 
.network .dot li span{ opacity:0}
.network .dot .li1{top:40%;left:40%}
.network .dot .li2{top:21.5%;left:20%}
.network .dot .li3{top:53.8%;left:39%;width:170px;}
.network .dot .li4{top:25.8%;left:10.5%;}
.network .dot .li5{top:53%;left:23.8%; width:150px}
.network .dot .li6{top:60%;left:22.4%;width:160px}
.network .dot .li7{top:64%;left:34.5%; width:170px}
.network .dot .li8{top:47%;left:66.5%;}
.network .dot .li9{top: 31%;left: 25.5%;width: 200px;}
.network .dot li:after{content:""; width:25px; height:25px; position:absolute; left:50%; margin-left:-12px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;top:-30px;}
.network .dot li.on:after{ top:-25px; background:url(../images/ico-add1.png) no-repeat}
.network-list{ display:none}
.network-list li{ display:block; border-bottom:1px solid #e8e8e8; padding-bottom:20px; margin-bottom:20px}
.network-list li .pic{width:30%; float:left}
.network-list li .txt{width:67%; float:right}
.network-list .txt h3{ font-size:16px;}
.network-list .txt .intro{ font-size:12px; line-height:20px}
.network-list-01{margin-top:50px; padding:40px 0; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; position:relative}
.network-list-01 .pic{ width:30%; float:left}
.network-list-01 .txt{ width:65%; float:right}
.network-list-01 .txt h3{ font-size:24px; color:#333; margin:2% 0}
.network-list-01 .swiper-button-prev, .network-list-01 .swiper-button-next{ display:block;position:absolute; background:none; width:40px; height:40px;top:-50px; margin-top:0;background: #666;}
.network-list-01 .swiper-button-prev{left:auto;right:42px}
.network-list-01 .swiper-button-next{right:0}
.network-list-01 .swiper-button-prev:after, .network-list-01 .swiper-button-next:after{ content:""; position: absolute; display:block; width:15px; height:15px;top:13px;}
.network-list-01 .swiper-button-prev:after{border-top:1px solid #fff;border-left:1px solid #fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); transform:rotate(-45deg); left:15px}
.network-list-01 .swiper-button-next:after{border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); right:15px}
.network-list-01 .swiper-button-prev:hover, .network-list-01 .swiper-button-next:hover{background:#df1e25;}


.network-box{ position:relative;}
.network-2{ position:relative; width:870px;}
.network-2>img{ display:block; width:100%}
.network-2 .dot li{ position:absolute; width:25px; height:25px; cursor:pointer;} 
.network-2 .dot li span{ opacity:0; display:none}
.network-2 .dot .li10{top:46%;left:65%;}
.network-2 .dot .li11{top:43%;left:60%}
.network-2 .dot .li12{top:43%;left:54.5%;}
.network-2 .dot .li13{top:27%;left:15%;}
.network-2 .dot .li14{top:29%;left:71%;}
.network-2 .dot .li15{top:64%;left:47.5%;}
.network-2 .dot .li16{top:69%;left:56%;}
.network-2 .dot .li17{top:62%;left:67%;}
.network-2 .dot .li18{top:13%;left:77%;}
.network-2 .dot .li19{top:24%;left:76%;}
.network-2 .dot .li21{top:53%;left:49%;}

.network-2 .dot li:after{content:""; width:25px; height:25px;background:url(../images/ico-add3.png) no-repeat center; position:absolute; left:0;top:0;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.network-2 .dot li.on:after{ top:0; background:url(../images/ico-add1.png) no-repeat center}
.network-list-2{ position:absolute; right:0;bottom:0; width:400px; border:1px solid #e8e8e8; padding:20px; background:#fff}
.network-list-2 ul{}
.network-list-2 li{ display:none}
.network-list-2 li .pic{ background:#f7f7f7;}
.network-list-2 li .pic img{ display:block; margin:0 auto}
.network-list-2 li .txt{}
.network-list-2 .txt h3{ font-size:20px; color:#333; margin:20px 0 10px}
.network-list-2 .txt .intro{ font-size:14px; line-height:26px}
.network-list-02{position:absolute; right:0;bottom:0; width:400px; border:1px solid #e8e8e8;background:#fff}
.network-list-02 .pic{ background:#f7f7f7; margin:20px; }
.network-list-02 .pic img{ display:block; margin:0 auto; max-width:100%}
.network-list-02 .txt{ padding:0 20px 20px}
.network-list-02 h3{ font-size:20px; color:#333; margin:20px 0 10px}
.network-list-02 .intro{ font-size:14px; line-height:26px}
.network-list-02 .swiper-button-prev, .network-list-02 .swiper-button-next{ display:block;position:absolute; background:none; width:40px; height:40px;}
.network-list-02 .swiper-button-prev{left:-40px}
.network-list-02 .swiper-button-next{right:-40px}
.network-list-02 .swiper-button-prev:after, .network-list-02 .swiper-button-next:after{ content:""; position: absolute; display:block; width:20px; height:20px;top:10px;}
.network-list-02 .swiper-button-prev:after{border-top:1px solid #666;border-left:1px solid #666;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); transform:rotate(-45deg); left:14px}
.network-list-02 .swiper-button-next:after{border-top:1px solid #666;border-right:1px solid #666;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); right:14px}
.network-list-02 .swiper-button-prev:hover::after{border-top:1px solid #df1e25;border-left:1px solid #df1e25;}
.network-list-02 .swiper-button-next:hover::after{border-top:1px solid #df1e25;border-right:1px solid #df1e25;}

.network-2-m{display:none}
.network-list-2-m{ display:none}
.network-list-2-m li{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e8e8e8}
.network-list-2-m li .pic{ width:30%; float:left}
.network-list-2-m li .pic img{ display:block; width:100%}
.network-list-2-m li .txt{ width:65%; float:right;}
.network-list-2-m li .txt h3, .network-list-2-m li .txt h4{ font-size:16px}

.joinlist ul{ display:flex; display:-webkit-flex; margin-right:-3%}
.joinlist li{ width:30.33%; margin-right:3%}
.joinlist .ico img{ height:60px}
.joinlist h4{ font-size:20px; color:#333; margin:10px 0}
.joinlist .pic{ overflow:hidden;margin-bottom: 20px;}
.joinlist .pic img{ display:block; width:100%}
.joinlist-2 ul{ display:flex; display:-webkit-flex;flex-wrap:wrap;}
.joinlist-2 li{ width:33.33%; background:#fff; padding:7% 5%; text-align:center; font-size:20px; color:#333}
.joinlist-2 li:nth-child(2n){ background:#fafafa}
.joinlist-2 .num{ font-family:bebas; font-size:60px; line-height:60px; color:#f2f2f2; position:relative}
.joinlist-2 .num:after{ content:""; width:100%; height:60%; background:#fff; position:absolute; left:0;bottom:0;opacity: .8;}
.joinlist-2 li:nth-child(2n) .num:after{ background:#fafafa}
.joinlist-2 .li5{ position:relative; overflow:hidden}
.joinlist-2 .li5 img{ position:absolute; left:0;top:0;right:0;bottom:0}
.joinlist-2 h4{ margin-top:-25px; position:relative; z-index:2}
.joinlist-3 ul{ display:flex; display:-webkit-flex; margin-right:-3%}
.joinlist-3 li{ width:30.33%; margin-right:3%}
.joinlist-3 h4{ font-size:20px; color:#333; margin:10px 0}
.joinlist-3 .pic{ overflow:hidden;margin-bottom: 20px;}
.joinlist-3 .pic img{ display:block; width:100%}
.joinlist-4{ display:flex; display:-webkit-flex; background:#fff}
.joinlist-4 .pic, .joinlist-4 .txt{ width:50%;}
.joinlist-4 .pic img{ display:block; width:100%;}
.joinlist-4 .txt{ padding:10%; font-size:20px; color:#333}
.joinlist-4 .txt ul{ position:relative; padding:20px 0}
.joinlist-4 .txt ul:before{ content:""; width:1px; height:100%; position:absolute; left:5px;top:0; background:#eee}
.joinlist-4 .txt li{ position:relative; padding-left:30px;}
.joinlist-4 .txt li:before{ content:""; width:6px; height:6px; border-radius:50%; border:2px solid #df1e25; background:#fff; position:absolute; left:0;top:10px}
.joinlist-4 .txt .tel{ margin-bottom:20px}
.joinlist-4 .txt .tel span{ display:block;font-family: Calibri;font-weight: bold;font-size: 26px;color: #df1e25;}
.joinlist-4 .txt .tel span a{color: #df1e25;pointer-events:none}

.newslist ul{ display:flex; display:-webkit-flex;flex-wrap:wrap; margin-right:-2%}
.newslist li{width:31.33%; margin-right:2%; margin-bottom:4%;position:relative}
.newslist li a{ display:block; position:relative; z-index:2}
.newslist .pic{ position:relative; overflow:hidden; width:100%;}
.newslist .pic:after{content: "";display: block;padding-top: 67.34694%;}
.newslist .pic img{ display:block;left: 0;position: absolute;top: 0;width: 100%; height:100%; object-fit:cover;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.newslist .txt .top{ position:relative; padding-right:120px; padding-bottom:20px; margin-top:30px; border-bottom:1px solid #eee}
.newslist .txt .time{display: block;color: #999; font-weight:300;font-size: 14px; position:absolute; right:0;top:0; line-height:30px;}
.newslist .txt h3{font-size:20px;line-height: 30px;color: #333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newslist .txt .intro{font-size:14px; color:#666; line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow: ellipsis; min-height:48px; font-weight:300; margin:20px 0;}
.newslist .more{border: 0; margin: 0;line-height:20px; height:auto; font-size:14px; justify-content:flex-start;}
.newslist .more:hover{color: #919194; background:none}
.newslist .more:hover i{border-top: 1px solid #919194;border-right: 1px solid #919194;}
.newslist li:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.newslist li:hover h3{ color:#df1e25}



.main_news{ background:#f7f7f7; padding:0}
.newscon{ padding:140px 5% 80px; background:#fff; line-height:30px;}
.newstit{font-size:26px;color: #333;line-height:35px;text-align:center;position:relative; margin-bottom:10px;}
.newstit02{border-bottom: 1px solid #e5e5e5;padding-bottom:10px; margin-bottom:20px;}
.newstm{ font-size:13px; color:#999;text-align:center;margin-bottom:20px;}
.newstm span{ margin:0 10px}
.news-article{}
.news-article img{ max-width:100%; height:auto !important}
.news-article p{margin-bottom:15px}
.news-article video{display: block;margin: 0 auto;max-width: 800px;height: auto;}
.page_2{ margin-top:50px; position:relative}
.page_2 P{ font-size:14px; margin-bottom:0; width:35%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.page_2 .more{ position:absolute; top:3px; left:50%;margin-left: -65px;font-size: 14px;width: 130px;}
.newsRelated{ margin-top:60px}
.newsRelated .pic{ position:relative; overflow:hidden; width:100%;}
.newsRelated .pic:after{content: "";display: block;padding-top: 67.34694%;}
.newsRelated .pic img{ display:block;left: 0;position: absolute;top: 0;width: 100%; height:100%; object-fit:cover;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.newsRelated .swiper-slide:hover .pic img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}

/*===========================contact================================*/
.main .content-contact{ font-size:16px; line-height:26px;}
.content-contact .title{ font-size:32px; margin-bottom:60px}
.contact-list{margin-bottom:40px;}
.contact-list ul{ display:flex; display:-webkit-flex;}
.contact-list li{ width:33.33%; padding:0 3%; text-align:center}
.contact-list .icon{ display:block; margin:0 auto 30px; background:#df1e25; width:100px;height:100px; border-radius:50%; box-shadow:0 0 0 15px rgba(223,30,37,.15)}
.contact-list .tel .icon{background:#df1e25 url(../images/ico-tel.png) no-repeat center;}
.contact-list .mail .icon{background:#df1e25 url(../images/ico-mail.png) no-repeat center;}
.contact-list .add .icon{background:#df1e25 url(../images/ico-add.png) no-repeat center;}
.contact-list h4{ font-weight:bold; color:#333; margin:10px 0}
.contact-list .tel h4{ font-size:24px;font-family: Calibri;}
.contact-list .tel h4 a{color:#333;pointer-events:none}

.message .ts{ text-align:center; margin-top:-30px; margin-bottom:30px}
.message .item{ margin-bottom:1%; float:left; width:49.5%; position:relative}
.message .item:nth-child(even){ float:right}
.message label{ display:block;line-height:58px; color:#999;position:absolute; left:15px;top:0;bottom:0;}
.message label span{ margin-right:5px;}
.message input[type=text], .message textarea {display: block;width: 100%;border: 0;background:#fff; padding: 0 10px; padding-left:90px; line-height:60px;color: #333;font-size: 16px;}
.message .item:nth-child(4) input[type=text]{ padding-left:100px}


.message .item2{ width:100%}
.message .item2 label{ bottom:auto;top:0}
.message textarea{ height:61px}
.message .item3{ float:left !important; width:100%}
.message .yzm[type=text]{ padding-left:85px; width:30%; float:left}
.message .submit{ width:120px; height:45px; line-height:45px; border:0; color:#fff; font-size:16px;border-radius:5px; text-transform:uppercase; cursor:pointer; transition:.5s; display:block; margin:0 auto;background: -webkit-linear-gradient(120deg, #22bcf0, #013e96);
    background: -o-linear-gradient(120deg, #22bcf0, #013e96);
    background: -moz-linear-gradient(120deg, #22bcf0, #013e96);
    background: linear-gradient(120deg, #22bcf0, #013e96);}
.message .submit:hover{border-radius:25px}
.message02 .item:nth-child(8) input[type=text]{ padding-left:100px}


#allmap{width:100%;height:500px;line-height:22px; font-size:14px; border:1px solid #e2e2e2; margin-top:20px}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}

/*============================================================*/




.float_kf{position: fixed;right: 16px;bottom: 30px;text-align: right;z-index: 300;}
.float_kf .item{overflow: hidden;}
.float_kf .item-inner{position: relative;width:80px; padding:10px;border:1px solid #eee; background:#fff; text-align:center; cursor:pointer}
.float_kf .item-inner .ico{display:block; height:24px; position:relative; margin:10px 0; overflow:hidden}
.float_kf .item-inner .ico img{ position:absolute; left:0;right:0; margin:auto;top:0;}
.float_kf .item-inner .ico .icon-1{top:0}
.float_kf .item-inner .ico .icon-2{top:100%}
.float_kf .item-inner .tit{ font-size:12px; color:#666; font-weight:300}
.float_kf .item-inner:hover{ background:#df1e25}
.float_kf .item-inner:hover .tit{ color:#fff}
.float_kf .item-inner:hover .ico .icon-1{top:-100%}
.float_kf .item-inner:hover .ico .icon-2{top:0}
.float_kf .item-inner, .float_kf .item-inner .ico .icon-1, .float_kf .item-inner .ico .icon-2{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}

.pages{ margin-top:40px}
.pagination{ height:auto !important; padding:0 !important}