html{ font-size:14px; }
body{
	margin:0;
	padding:0;
	background-color:#fff;
	overflow-x:hidden;
}
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:0px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:0px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
a{text-decoration:none;}
a:hover{text-decoration:none; color:#c01701;transition:all 0.2s linear 0s;}
.clear{font-size:0; line-height:0;clear: both;overflow: hidden; zoom: 1;}
.fr{float:right;}
.fl{float:left;}

.HS10, .HS15{overflow:hidden;clear:both;}
.HS10{height:10px;}
.HS15{height:15px;}
.Hidden{display:none;}
.Clearer{display:block;clear:both;font-size:1px;line-height:1px;margin:0;padding:0;}
.FlLeft{float:left;
    position: absolute;
    z-index: 99;}
.FlRight{float:right;
    position: absolute;
    z-index: 99;}
/*幻灯片区域背景*/
.MainBg{width:90%;margin:3vw auto 0vw auto;}
/*标题和页码*/
.Title{color:#EEE;padding:5px 20px 0 20px;text-align:center;line-height:40px;height:40px;}
.Title h1{display:inline;}
.Title .Counter{color:#666;}
.Title .CounterCurrent{color:#C00;font-size:20px;font-weight:bold;}
/*灰色分隔线*/
.SpaceLine{border-bottom:0px solid #333;height:1px;font-size:1px;}
/*大图展示区域*/
.OriginalPicBorder{padding:15px 0px 0 0px;}
#OriginalPic{width:100%;overflow:hidden;position:relative;font-size:12px;}
#OriginalPic img{display:block;margin:0 auto;width: 100%;}
#OriginalPic img:before{border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(0deg, #1E50E6 0%, transparent 80%);}
/*鼠标手势*/
.CursorL{position:absolute;z-index:999;width:50%;height:600px;color:#FFF;left:120px;}
.CursorR{position:absolute;z-index:999;width:50%;height:600px;color:#FFF;right:0;}
/*小图预览和滑动*/
.SliderPicBorder{width:50%;height:auto;overflow:hidden;position: relative;}
.SliderPicBorder:before{border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(0deg, #1E50E6 0%, transparent 35%);}
.Summary{line-height:20px;display:block;width:45%;margin-right:10px;color:#999;overflow:hidden;padding:10px;position: relative;}
.More{text-align:right;color:#666;line-height:40px;height:40px;font-size:12px;display:block;}        
.ThumbPicBorder {width:100%;margin:0 auto;position: relative;}
#ThumbPic img{border:0px solid #fff;cursor:pointer;background-color:#666;margin:0 0.25vw;width:14.4vw;height:auto;display:block;position: relative;}
#ThumbPic img.active{border:0px solid #1E50E6;position: relative;}

.biaoti{font-size: 2.3vw;display: block;position: relative;height: 4vw;
    line-height: 4vw;
    color: #222222;
    font-weight: bold;
    margin-bottom: 3.2vw;}
.biaoti:before {
    content: "";
    position: absolute;
    width: 2.4vw;
    height: 0.4vw;
    top: 50%;
    margin-top: 2vw;
    background: linear-gradient(0deg, #1E50E6 0%, #50C8FF 100%);
    left: 0;
}
.miaoshu{font-size: 0.9vw;display: block;
    color: #666666;
    line-height: 1.5vw;
    margin-bottom: 3vw;
    padding-right: 0px;
    box-sizing: border-box;}
.morerx{width: 160px;height: 50px;line-height: 50px;border: 0px solid #e6771b;color:#fff;transition: all .3s;/*--m-i: linear-gradient(#fff, #fff);*/
    --m-o: content-box, padding-box;font-size: 0.9vw;
    text-decoration: none;
    --border-radius: .25rem;
    --border-width: 3px;
    box-sizing: border-box;
    padding: .6vw 3vw;
    border-radius: var(--border-radius);
    background-image: linear-gradient(0deg, #1E50E6, #50C8FF);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-clip: var(--m-o);
    -webkit-mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    filter: hue-rotate(0);}

.wappinpai{display:none;}

.index05wrap{width: 90%;box-sizing: border-box;position: relative;background-color: #fff;padding: 100px 0 150px 0;margin:0 auto;}
.index05wrap .top{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 40px;}
.index05wrap .top .left{width: 50%;box-sizing: border-box;padding-right: calc((100% - 1200px)/2);position: relative;}
.index05wrap .top .left .bgfont{font-size: 170px;color: #222222;opacity: 0.05;font-weight: bold;text-transform: uppercase;position: absolute;left: 0;letter-spacing: 26px;top:130px;}
.index05wrap .top .left .cont{width: 100%;padding-top: 0px;border-left: 0px solid #ddd;box-sizing: border-box;padding-left: 0px;position: relative;}
.index05wrap .top .left .cont::before{content: '';display: block;width: 0px;height: 30px;position: absolute;left: -2px;top: 200px;background-color: #e6771b;}
.index05wrap .top .left .cont .tl{font-size: 1.8vw;color: #000;font-weight: bold;margin-bottom: 120px;position: relative;}
.index05wrap .top .left .cont .tl:before {
    content: "";
    position: absolute;
    width: 2.4vw;
    height: 0.4vw;
    top: 50%;
    margin-top: 40px;
    background: linear-gradient(0deg, #1E50E6 0%, #50C8FF 100%);
    left: 0;
}
.index05wrap .top .left .cont .list{width: 100%;box-sizing: border-box;}
.index05wrap .top .left .cont .list .item h3{font-size: 1.5vw;color: #222222;font-weight: bold;margin-bottom: 2.2vw;}
.index05wrap .top .left .cont .list .item h4{font-size: 0.9vw;color: #666666;line-height: 1.5vw;margin-bottom: 3vw;padding-right: 0px;box-sizing: border-box;}
.index05wrap .top .left .cont .list .item .morer{width: 160px;height: 50px;line-height: 50px;border: 0px solid #e6771b;color:#fff;transition: all .3s;/*--m-i: linear-gradient(#fff, #fff);*/
    --m-o: content-box, padding-box;
    --border-radius: .25rem;
    --border-width: 3px;
    box-sizing: border-box;
    padding: .6vw 3vw;
    border-radius: var(--border-radius);
    background-image: linear-gradient(0deg, #1E50E6, #50C8FF);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-clip: var(--m-o);
    -webkit-mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    filter: hue-rotate(0);}
/*.index05wrap .top .left .cont .list .item .more::after{background-color: transparent;}*/
/*.index05wrap .top .left .cont .list .item .more:hover{background-color: transparent;}*/
.index05wrap .top .gallery-thumbs .swiper-wrapper .swiper-slide{opacity: 0!important;}
.index05wrap .top .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{opacity: 1!important;}
.index05wrap .top .right{width: 50%;box-sizing: border-box;overflow: hidden;}
.index05wrap .top .right img{display: block;width: 100%;transition: all .6s;border-bottom-left-radius: 30px;position: relative;}
/*.index05wrap .top .right:before {
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(0deg, #1E50E6 0%, transparent 80%);
}*/


.index05wrap .bot{width: 100%;overflow: hidden;box-sizing: border-box;position: relative;}
.index05wrap .bot .gallery-thumbs .swiper-slide a{display: block;width: 100%;}
.index05wrap .bot .gallery-thumbs .swiper-slide a .imgbox{width: 100%;box-sizing: border-box;opacity: 0.5;}
.index05wrap .bot .gallery-thumbs .swiper-slide a .imgbox img{display: block;width: 100%;}
.index05wrap .bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a .imgbox{opacity: 1;}
.index05wrap .bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a:before {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(0deg, #1E50E6 0%, transparent 80%);
}
.index05wrap .bot .gallery-thumbs .swiper-slide a .text{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;font-size: 18px;color: #222222;box-sizing: border-box;margin-top: 20px;}
.index05wrap .bot .gallery-thumbs .swiper-slide a .text::before{content: '';display: block;width: 30px;height: 1px;background-color: #222;margin-right: 10px;}
.index05wrap .bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a .text{color: #e6771b;}
.index05wrap .bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a .text::before{background-color: #e6771b;}
.index05wrap .swiper-button-next,.index05wrap .swiper-button-prev{width: 45px;height: 45px;background-color: #FFFFFF;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-image: none;font-size: 18px;color: #222;margin-top: -38px;outline: none;}
.index05wrap .swiper-button-next{right: 0;background-image: url(/images/yynext.png);background-size: 50%;}
.index05wrap .swiper-button-prev{left: 0;background-image: url(/images/yyprev.png);background-size: 50%;}

.wappro {
    width: 96%;
    margin: 5vw 2%;
    overflow: hidden;
    position: relative;
	display:none;
}
.wapmap{display:none;width:100%;}

.menu_bg{background-color:#000;}

.banner{width:100%;}

.banner .fudong{width:100%;background: #f7f7f7 url(../images/banner.jpg) repeat-x center center;transition: all .3s ease;
    height: 580px;}
.banner:hover .fudong{width:100%;background:url(../images/bannerbg.jpg) repeat-x center center;
    height: 580px;}	
	
.banner h3{position: absolute;width: 100%;text-align:center;text-shadow: 6px 5px 6px #000;
    font-weight: bold;
    top: 350px;
    font-size: 45px;
    color: #fff;}
.banner p{position: absolute;width: 100%;text-align:center;text-shadow: 6px 5px 6px #000;
    font-weight: bold;
    top: 430px;
    left: 0%;
    font-size: 18px;
    color: #fff;}

.wapvideo{display:none;}

.lubo{ width: 100%; min-width:1000px;clear: both; position: relative;display: block;}
.lubo_box{ position: relative; width: 100%; padding-bottom: 56%;}
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%;  opacity: 0;filter:alpha(opacity=0);z-index: 99;}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img:hover{background:#f1592a;z-index:99;opacity: 1;}
.lubo_box li img{ width: 100%;position: relative;opacity: 0.7;}
.lubo_box li a h3{position: absolute;width: 100%;text-align:left;left: 5%;
    font-weight: bold;
    top: 14vw;
    font-size: 3.5vw;
    color: #fff;}
.lubo_box li a p{position: absolute;width: 100%;text-align:left;left: 5%;
    font-weight: normal;
    top: 20vw;
    font-size: 1.2vw;
    color: #fff;}
.lubo_box li a dd{position: absolute;text-align:center;left: 5%;
    font-weight: normal;
    top: 35vw;
    font-size: 0.9ve;border: 2px solid #fff;
    width: 145px;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    color: #fff;}
.lubo_box li a dd:hover{background-image: linear-gradient(0deg, #1E50E6, #50C8FF);}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 10px; height: 10px; margin:0 5px; cursor: pointer; background: #003366; opacity: 0.8;filter:alpha(opacity=80);border-radius: 50%;}
.cir_on{ background: #ff9966 !important;}

/*轮播*/
#zzsc{width:90%;}
#zzsc >li{width:45%}
.mb-wrapper{margin:0 auto 5vw auto;position:relative; height:35vw;left:0;top:0;display:block;}
.mb-slider,.mb-scroll{width:100%;height:380px;overflow:hidden;margin:0 auto;padding:0;position:relative;left:0;top:0}
.mb-active-slider{border-color:#333}
.mb-slider .mb-panel{margin-top:100px;display:block;cursor:pointer;float:left;list-style:none;filter: grayscale(100);opacity: 0.7;}
.mb-panel a{outline:0}
.mb-slider .mb-panel.current{cursor:auto;filter: grayscale(0);opacity: 1;}
.mb-inside *{max-width:100%}
a.mb-scrollButtons{display:block;width:14px;height:58px;background:transparent url(../images/arrows.png) no-repeat;position:absolute;top:50%;margin-top:-29px;cursor:pointer;text-decoration:none;outline:0;border:0;_background:transparent url(../images/arrows.gif) no-repeat}
a.mb-scrollButtons.mb-left{background-position:left top;left:0px;z-index: 99;}
a.mb-scrollButtons.mb-right{background-position:right top;right:0px;z-index: 99;}
a.mb-scrollButtons.mb-left:hover{background-position:left bottom}
a.mb-scrollButtons.mb-right:hover{background-position:right bottom}
a.mb-scrollButtons.disabled{display:none}
.mb-controls{margin:0 auto;text-align:center;position:absolute; top:350px; left:560px;z-index:100;display: none;}
.mb-controls a{color:#666;font:18px/2.2 Georgia, Serif;display:inline-block;text-decoration:none;padding:2px;margin:0 5px 0 0;text-align:center;outline:0}
.mb-panel{margin-top:90px}
.mb-controls a:hover{color:black}
.mb-controls a.current{color:#900}
.main-nav{display:block; text-align:center; border-bottom:2px solid #a71700;margin:0 0 20px 0;padding:0 0 10px 0}
.main-nav a{text-decoration:none;color:#3e63ec;font-size:18px;margin:0 8px}
.main-nav a:hover{color:black;border-bottom:2px solid black}
.mb-inside img{width:100%;position: relative;}
.mb-inside h4{
	line-height: 45px;
    border: 3px solid #1e50e6;
    color: #1e50e6;
    transition: all .3s;
    /* --m-i: linear-gradient(#fff, #fff); */
    --m-o: content-box, padding-box;
    --border-radius: .25rem;
    --border-width: 3px;
    box-sizing: border-box;
    padding: 0vw 0vw;
    border-radius: 10px;
    background-image: linear-gradient(0deg, #ffffff, #ffffff);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-clip: var(--m-o);
    -webkit-mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    filter: hue-rotate(0);
    position: absolute;
    text-align: center;
    width: 12vw;
    left: 50%;
    margin-left: -6vw;
    top: 36%;
    opacity: 0.9;
	}

/*关于*/
.clearfix:after{content:".";display:block;height:0;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.clearfix:after,.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}

.mr20{margin-right:20px}

.zq-icon{display:inline-block;}
.icon40x40{width:40px;height:40px}
.crad-area-icon1{background-position:0 0}
.crad-area-icon2{background-position:-40px 0}
.crad-area-icon3{background-position:-80px 0}
.crad-area-icon4{background-position:-120px 0}

.ab1{background:url(../images/ab1.jpg) no-repeat;background-size: cover;}
.ab2{background:url(../images/ab2.jpg) no-repeat;background-size: cover;}

.card-area{margin:82px auto 0;height:45vw;width:100%;position:relative;}
.card-area .bg-e8e8e8{}
.card-area .bg-e1e1e1{}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:38%;height:41.7vw;background-color:transparent;transform: skew(-18deg);
    transform-origin: right top;}
.card-area .card-item:nth-child(2){
    transform-origin: left bottom;
}
.card-area .card-item+.card-item{margin-left:-13%}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:145px;line-height:26px;font-size:14px;top:0;}
.card-area .card-item .card .card-title .content{position:absolute;bottom:-30px;width:100%;transform: skew(18deg);}
.card-area .card-item .card .card-title h1{font-size:2.3vw;font-weight:700;color:#d9efff;margin-bottom:0}
.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content{height:25vw;position:absolute;top:200px}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:47px;margin-bottom:47px}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:30px}
.card-area .card-item .card .card-content.content-second{width:55%;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px;transform: skew(18deg);margin-left:20%;}
.card-area .card-item .card .card-content.content-second .main-head{color: #fff;
    font-size: 0.9vw;
    line-height: 1.8vw;
    margin-bottom: 0.8vw;}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#fff}
.card-area .card-item .card .card-content.content-second .main-desc{color:#fff;font-size:12px;line-height:22px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor: pointer;
    width: 9vw;
    height: 2.5vw;
    font-size: 0.9vw!important;
    color: #fff;
    margin-top: 1.8vw;
    margin-bottom: 1.5vw;
    border-radius: 12px;
    border: 2px solid #fff;
    transition: color .3s ease-in-out,background .3s ease-in-out;
    background: none;
    text-align: center;}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}

.card-area .card-item .card .card-content .other-info{width:105%;height:5vw;overflow:hidden;line-height:22px;padding-top:50px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width:27%;height:70px;margin-right:25px;padding:0 0 0 10px;position:relative}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:1.8vw;font-weight:600;color:#fff;margin:13px 0 0 0;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:0.85vw;font-size:0.85vw;color:#fff}
.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:75%;height:41.7vw;}
.card-area .card-item.active .card .card-title{height:159px;top:0px;border:none}
.card-area .card-item.active .card .card-title .short-info{color:#9ed8f5}
.card-area .card-item.active .card .card-title h1{color:#fff}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}

/* index05wrap */

.fwzc{width:90%;margin:130px auto;overflow: hidden;}
.fwzc h3{float:left;font-size: 2.3vw;margin:0;height:4vw;line-height: 4vw;
    color: #000;
    padding-bottom: 15px;
    font-weight: bold;
    position: relative;
    padding-left: 0px;}	
.fwzc h3:before {
    content: "";
    position: absolute;
    width: 2.4vw;
    height: 0.4vw;
    top: 50%;
    margin-top: 1.8vw;
    background: linear-gradient(0deg, #1E50E6 0%, #50C8FF 100%);
    left: 0;
}
.fwzc p {
    font-size: 0.9vw;
    width: 46%;
    float: right;
    color: #666;
    line-height: 2vw;
    padding-bottom: 0.85vw;
    font-weight: normal;
}

/*.baozhuang ul{padding:0;margin:50px auto;width:1280px;}
.baozhuang ul li{width:33.333333%;float:left;position: relative;}
.baozhuang ul li img{width:100%;position: relative;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.baozhuang ul li:hover img{transform: scale(1.01,1.01);}
.baozhuang ul li h3{position: absolute;left: 21%;top: 75%;width: auto;font-size: 24px;color:#fff;}*/

.title dl{float:right;}
.title dl dd{margin-top: 20px;float:left;border: 1px solid #f1592a;width: 180px;height: 45px;border-radius: 30px;margin-left: 20px;text-align: center;}
.title dl dd a{font-size: 16px;color: #c30d23;font-weight: normal;line-height:45px;}
.title dl dd:hover{background:#c30d23}
.title dl dd:hover a{color:#fff;}
.title dl dd.active{background:#f1592a;}
.title dl dd.active a{color:#fff;}

.indexcuttitle {
    position: absolute;
    top: 7.78%;
    left: 9.55%;
    width: 19.79%;
    width: 100%\9;
    height: 12.2%;
    color: #484848;
    font-size: 3.75vw;
    font-size: 54px\9;
    font-weight: 500;
    display: inline;
    text-align: left;
    z-index: 9;
}

html[lang="en"] .indexcuttitle{ /* fish add on 2018-4-3 */
    width: 50%;
    font-size: 2.5vw;
    font-size: 40px\9;
    
    font-weight: bold;
}

#indexcut2content {
    position: absolute;
    top: 20%;
    left: 9.72%;
    width: 80.56%;
    height: 65%;
    list-style: none;
    margin: 0px;
    padding: 0px;
    over-flow: hidden;
}

#indexcut2content .indexcut2item {
    float: left;
    width: 24.5%;
    width: 24%\9;
    height: 100%;
    display: block;
    border: 0.1vw solid #fff;
    border: 2px solid #fff\9;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 1vw;
    line-height: 1.7vw;
    font-size: 14px\9;
    line-height: 24px\9;
}

#indexcut2content .indexcut2item:nth-child(1) {
    background-image: url(../images/index/indexcut21.jpg);
    background-position: 20%;
}

#indexcut2content .indexcut2item:nth-child(2) {
    background-image: url(../images/index/indexcut22.jpg);
    background-position: 30%;
}

#indexcut2content .indexcut2item:nth-child(3) {
    background-image: url(../images/index/indexcut23.jpg);
    background-position: 0%;
}

#indexcut2content .indexcut2item:nth-child(4) {
    background-image: url(./images/index/indexcut24.jpg);
    background-position: 90%;
}

#indexcut2content .indexcut2item:first-child {
    background-image: url(../images/index/indexcut21.jpg);
    background-position: 20%;
}

#indexcut2content .indexcut2item:first-child+.indexcut2item {
    background-image: url(../images/index/indexcut22.jpg);
    background-position: 30%;
}

#indexcut2content .indexcut2item:first-child+.indexcut2item+.indexcut2item {
    background-image: url(../images/index/indexcut23.jpg);
    background-position: 0%;
}

#indexcut2content .indexcut2item:first-child+.indexcut2item+.indexcut2item+.indexcut2item {
    background-image: url(../images/index/indexcut24.jpg);
    background-position: 90%;
}

.indexcut2item .titletext {
    top: 80%;
    width: 100%;
    height: 10%;
    font-size: 1.75vw;
    font-size: 25px\9;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    position: relative;
    text-shadow: 0px 1px 1.5vw rgba(0, 0, 0, 0.5);
}

html[lang="en"] .indexcut2item .titletext { /* fish add on 2018-4-3 */
    font-size: 22px;
    letter-spacing: 0;
    font-weight: bold;
}

.indexcut2item .destext {
    position: absolute;
    width: 85%;
    height: 40%;
    top: 50%;
    overflow: visible;
    left: 7.5%;
    display: none;
    margin: 0px;
    padding: 0px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.indexcut2item .destext h2 {
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 1.75vw;
    font-size: 25px\9;
    color: #fff;
    text-align: left;

    text-shadow: 0px 1px 1.5vw rgba(0, 0, 0, 0.5);
    margin-bottom: 1vw;
    margin-bottom: 14px \9;
}

html[lang="en"] .indexcut2item .destext h2, html[lang="en"] .indexcut2item .hidetext h2{ /* fish add on 2018-4-3 */
    font-size: 22px;
    letter-spacing: 0;
    font-weight: bold;
}

.indexcut2item .destext p {
    width: 100%;
    color: #fff;
    overflow: visible;
    margin: 0px;
    font-size: 14px\9;
    line-height: 24px\9;
    padding: 0px;
    text-shadow: 0px 1px 1.5vw rgba(0, 0, 0, 0.5);
}

html[lang="en"] .indexcut2item .destext p, html[lang="en"] .indexcut2item .hidetext p{ /* fish add on 2018-4-3 */
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    /* overflow-y: scroll;
    width: 88%;
    height: 80%; */
}

.indexcut2item .destext a {
    position: absolute;
    text-decoration: underline;
    color: #fff;
    top: 87.5%;
    margin: 0px;
    padding: 0px;
    left: 90%;
    width: 8%;
    text-align: right;
}

html[lang="en"] .indexcut2item .destext a { /* fish add on 2018-4-3 */
    letter-spacing: 0;
}

.indexcut2item .destext a:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.indexcut2item .hidetext {
    position: absolute;
    width: 85%;
    height: 85%;
    top: 5%;
    overflow: visible;
    left: 7.5%;
    display: none;
    margin: 0px;
    padding: 0px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}


#iscrollwrap1,#iscrollwrap2,#iscrollwrap3,#iscrollwrap4{

    overflow-x: hidden;
    overflow-y: scroll;
    overflow-x: hidden\9\0;
    overflow-y: scroll\9\0;
    height: 70%;

    padding-right: 2%;
  
}
.indexcut2item .hidetext h2 {
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 1.75vw;
    font-size: 25px\9;
    color: #fff;
    text-align: left;
    text-shadow: 0px 1px 1.5vw rgba(0, 0, 0, 0.5);
    margin: 2vw 0 1vw 0;
    margin: 28px 0 14px 0 \9;
}

.indexcut2item .hidetext p {
    width: 100%;
    color: #fff;
    overflow: visible;
    margin: 0px;
    font-size: 14px\9;
    line-height: 24px\9;
    padding: 0px;
    text-shadow: 0px 1px 1.5vw rgba(0, 0, 0, 0.5);
}

.indexcut2item .hidetext a {
    position: absolute;
    text-decoration: underline;
    color: #fff;
    width: 100%;
    top: 94.12%;
    margin: 0px;
    padding: 0px;
    left: 90%;
    width: 8%;
    text-align: right;
    font-size: 14px\9;
    line-height: 24px\9;
}

.indexcut2item .hidetext a:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.indexcut2item .itembg {
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: none;
    background: #000;
    background: url(../img/mask-70.png) \9;
    opacity: 0.5;
}

.indexcut2item .itembg2 {
    position: fixed;
    top: 12%;
    right: 8%;
    z-index: 999;
}
.accordion-DIV {
  width: 1300px;
  margin: 60px auto;
  overflow: hidden;
  padding-left: 0%;
  padding-right: 0%;
}
.accordion-DIV > .accordion {
  /* border:$defaultBorder; */
}

.accordion {
  clear: both;
  overflow: hidden;
}
.accordion [data-name=accordion] {
  border: thin solid #efefef;
}
.accordion .accordion-li {
  float: left;
  color: #333;
  border-right: none;
  overflow: hidden;
  width: 100px;
  transition: width 1.5s;
  position: relative;
  cursor: pointer;
  margin-right:3px;
}
.accordion .accordion-li .accordion-img {
  border: thin solid #efefef;
}
.accordion .accordion-li:last-child {
  border-right: thin solid #efefef;
}
.accordion .accordion-li::before {
  content: "";
  display: block;
  position: absolute;
  
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.2;
  transition: all 0.5s;
}
.accordion .accordion-li .accordion-description {
  content: "";
  display: block;
  position: absolute;  
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.7;
  transition: all 0.5s;
  top: inherit;
  bottom: 50%;
  height: 50%;
  margin-bottom: -135px;
  padding: 1.5%;
}
.accordion .accordion-li .accordion-content, .accordion .accordion-li .accordion-title, .accordion:hover .accordion-li li.active .accordion-title, .accordion:hover li.active .accordion-li .accordion-title {
  opacity: 0;
  transition: all 0.5s;
  margin-top: 15px;
  color: #fff;
  line-height:30px;
  width: 480px;
  font-size:16px;
}
.accordion .accordion-li .accordion-title {
  font-size: 24px;
  font-weight: normal;
  color:#fff;
}
.accordion .accordion-li .accordion-icon {
  position: absolute;
  left: 21%;
  top: 75%;
  width:auto;
  font-size: 24px;
  z-index: 10;
  opacity: 1;
  transition: opacity 2.5s;
  color:#fff;
}
.accordion:hover li {
  width: 100px;
  transition: width 1.5s;
}
.accordion:hover li.active {
  /* width:600px !important; */
  transition: width 0.5s;
}
.accordion:hover li.active::before {
  opacity: 0;
}
.accordion:hover li.active .accordion-icon {
  opacity: 0;
  transition: opacity .2s;
}
.accordion:hover li.active .accordion-description {
  content: "";
  display: block;
  position: absolute;  
  width: 480px;
  height: 100%;
  left: 0;
  opacity: 1;
  transition: all 0.5s;
  padding-top: 9%;
  height: auto;
  width: 97%;
  top: 150px;
}
.accordion:hover li.active .accordion-content, .accordion:hover li.active .accordion-title {
  opacity: 1  !important;
  transition: all 2s;
  margin: 20px 0;
}
.accordion-description{margin:0 60px;}
.accordion.verticality {
  clear: both;
  overflow: hidden;
}
.accordion.verticality .accordion-li {
  width: 100%;
  float: inherit;
  border: thin solid #efefef;
  height: 100px;
  transition: height .6s;
  border-bottom: none;
}
.accordion.verticality .accordion-li .accordion-description {
  left: 50%;
  bottom: 0;
  width: 30%;
  height: 95%;
  margin-bottom: 0px;
  margin-top: auto;
  margin-left: -224px;
  transition: all .8s;
}
.accordion.verticality .accordion-li .accordion-img {
  width: 100%;
}
.accordion.verticality .accordion-li:last-child {
  border-bottom: thin solid #efefef;
}
.accordion.verticality .accordion-li.active {
  width: 100% !important;
  transition: height .6s;
}
.accordion.verticality .accordion-li.active::before {
  opacity: 0;
}
.accordion.verticality .accordion-li.active .accordion-icon {
  opacity: 0;
  transition: all 0.5s;
}
.accordion.verticality .accordion-li.active .accordion-description {
  margin-left: 0;
  width: 98%;
  height: 50%;
  top: inherit;
  bottom: 0;
  left: 0;
  opacity: 1;
  padding-top: 1.5%;
  transition: height .8s;
}
.accordion.verticality .accordion-li.active .accordion-description .accordion-title, .accordion.verticality .accordion-li.active .accordion-description .accordion-content, .accordion.verticality .accordion-li.active .accordion-description .accordion-title {
  opacity: 1;
  transition: opacity 1s;
}
.accordion .ver-toggle {
  display: none;
}
.accordion .accordion-img {
  display: block;
}
.accordion a {
  display: block;
  
  width: 100%;
  height: 100%;
}

/*关于*/
.company_box{width:100%;background:#fff;padding:150px 0px;height:697px;margin:0 auto;}
.aboutl{float:left;width:50%;margin-top: 3vw;}
.aboutl span{font-size: 14px;color: #666;font-weight: normal;margin-bottom: 2vw;font-family: Arial !important;}
.aboutl h3{font-size:40px;display: block;color: #333;line-height: 38px;margin: 2vw 0 3vw 0;font-weight:bold;}
.aboutl p{font-size: 16px;color: #777;font-weight: normal;margin: 10px 0 0 0;display: block;width: 80%;line-height: 30px;}
.aboutl p a{color: #f1592a;}

.aboutr{float:left;width:50%;}
.aboutr img{width:100%;border-bottom-left-radius: 40px;border-top-left-radius: 40px;}

.company_button{float:left;width:auto;height:41px;line-height:41px;position: relative;text-align: center;margin-top: 20px;margin-right:10px;transition: all 1s;}
.company_button a{font-size:16px;color:#333;font-weight: normal; }
.company_button a span{color: #f1592a;position: relative;top: 4px;font-size:25px;margin-right: 5px;}
.page_com{width:820px;float:left;}
.nno{margin-left:0px !important;}
/*数字++++++++++*/
.digital{width:100%;height: auto;background:#fff;padding:0 0px;color: #fff;margin:0 auto;z-index:99;}
.mainall{width: 1140px;height: auto;margin:0 auto;font-size: 0;}
.mumping_mun li{width:auto;display: inline-block;margin: 120px auto;margin-right:13.8%;}
.mumping_mun li:nth-child(5){margin-right:0px;}
.mun_top{margin-bottom:20px;}
.mumping_mun{width: 100%;list-style: none;}
.mumping_mun dd{font-size: 16px;width: 100%;display: block;clear: both;color: #333;text-align: left;font-weight:normal;}
.mumping_mun p{font-size: 14px;width: 100%;display: block;clear: both;color: #666;text-align: left;}
.mumping_mun h2{font-size: 60px;font-weight:bold;float: left;margin-right: 10px;color:#333;}
.mumping_mun img{padding:14px 0px 20px 0px;}

/*前景*/
.qianjing{width:1280px;margin:0 auto;}

.pinpai{width: 100%;background: #f7f7f7;
    position: relative;
    transition: all 1s;
	overflow: hidden;
	}
.new-center {
    width: 80%;
    margin:0 auto;overflow: hidden;
}
.new-center .wrap-l {
    padding: 120px 5% 120px 0px;
    width: 40%;
    float: left;
	border-right: 0px solid #ccc;
}
.new-center .wrap-l>div>span {
    display: block;
    width: 70px;
    height: 2px;
    background: #000;
    margin-bottom: 10px;
}
.new-center .wrap-l>div>p {
    font-size: 22px;
    margin-bottom: 10px;
    color: #000;
}
.new-center .wrap-l>div>h5 {
    font-size: 30px;
    font-weight: bold;
    color: #333;
}
.new-center .wrap-l>div .btn {
    width: 200px;
    padding:13px 20px;
    display: block;
    color: #666;
    margin-top: 50px;
    border: 1px solid #ccc;
    transition: all 1s;
    position: relative;
	font-size:16px;
}
.new-center .wrap-l>div .btn span {
    float: right;
    background: none;
    width: auto;
    transition: all 1s;
}
.new-center .wrap-l .img {
    position: relative;
    overflow: hidden;
    width: 90%;
    transition: all 2s;
    max-height: 200px;
}
.new-center .wrap-l .img>img {
    transition: all 2s;
    width: 100%;
}
.new-center .wrap-l .img>div {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #fff;
}
.new-center .wrap-r {
    width: 55%;
    float: left;
    position: relative;
	padding-left:0%;
}
.new-center .wrap-r>p {
    position: absolute;
    bottom: 70px;
    left: 10%;
    color: #666;
    font-size: 16px;
	line-height: 30px;
	top:67%;
}
.new-center .wrap-r .inner-l {
    padding: 120px 20px 120px 100px;
    width: 380px;
    position: relative;
}
.new-center .wrap-r>div {
    float: left;
}
.new-center .wrap-r .inner-l>div>span {
    display: block;
    width: 70px;
    height: 2px;
    background: #000;
    margin-bottom: 10px;
}
.new-center .wrap-r .inner-l>div>p {
    font-size: 22px;
    margin-bottom: 10px;
    color: #000;
}
.new-center .wrap-r .inner-l>div>h5 {
    font-size: 30px;
    font-weight: bold;
    color: #333;
}
.new-center .wrap-r .inner-r {
    position: relative;
    padding: 100px 0;
	margin-left: 8%;
	margin-top:20px;
	width: 41%;
}
.new-center .wrap-r .inner-r>div {
    position: absolute;
    top: 50%;
    left: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.new-center .wrap-r .inner-r>div>a {
    position: absolute;
    top: 50%;
    left: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: #fff;
}
.new-center .wrap-r .inner-r>div>a img{width:70px;background: #fff;
    padding: 20px;
    border-radius: 10px;}

.scrollbox{ width: 98%; margin: 6.5vw auto; overflow: hidden; border: 0px solid #CFCFCF; padding: 10px; }
#scrollDiv{width:100%;height:425px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:185px; width:87%; padding:0 6%;background:url(ico-4.gif) no-repeat 10px 23px; overflow:hidden; vertical-align:bottom; zoom:1; border:1px solid rgb(66 133 244 / 20%);box-shadow:3px 3px 3px 3px rgb(66 133 244 / 20%);margin-bottom:30px;}
#scrollDiv li h3{ height:35px; padding-top:25px; font-size:16px; color:#353535; line-height:35px; width:100%;}
#scrollDiv li h3 a{color:#353535; text-decoration:none;line-height:25px; }
#scrollDiv li h3 a span{background:#048de3;color:#fff;width: 25px;float:left;margin-right:15px;font-size:12px;
    height: 25px;
    display: block;
    text-align: center;
    line-height: 25px;
    border-radius: 5px;}
#scrollDiv li div{ height:144px; width:100%; color:#777; line-height:25px; overflow:hidden}
#scrollDiv li div a{ color:#666; text-decoration:none}
#scrollDiv li div span{background:#f1592a;color:#fff;width: 25px;float:left;margin-right:15px;font-size:12px;
    height: 25px;
    display: block;
    text-align: center;
    line-height: 25px;
    border-radius: 5px;}

.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:32px; height:22px; margin-left:4px}
#but_up{ background:url(../images/up.gif) no-repeat 0 0; text-indent:-9999px}
#but_down{ background:url(../images/down.gif) no-repeat 0 0; text-indent:-9999px}


#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}

.shijuebg{width:100%;margin:0px auto;overflow: hidden;background: #EEEDF3;}
.shijue{width:1360px;margin:150px auto;overflow: hidden;}
.shijuel{float:left;width:1050px;}
.shijuel h3{font-size: 30px;color: #333;font-weight: bold;}
.shijuel p{font-size: 16px;color: #666;line-height: 35px;width: auto;margin-top: 35px;}
.shijuel p a{color:#c30d23;font-size: 16px;line-height: 35px;}
.shijuel ul{padding:0;margin: 35px 0 0 0;}
.shijuel ul li{float:left;width:350px;margin-right: 40px;}
.shijuel ul li img{width:100%;box-shadow: 0 0 10px #ddd;}
.shijuel ul li dd{font-size: 16px;color: #333;text-align: center;font-weight: bold;padding-top: 15px;}
.shijuer{float:right;width:120px;}
.shijuer img{width:100%;margin-top: 20px;}

.tabul {
 float: right;padding-top: 1.5vw;
}
.tabul .li {
  color: #808080;font-size: 0.9vw;
  padding: 0 1.5rem;
  position: relative;
  z-index: 2;
  transition: all .5s;
}
.tabul .li:before {
  content: "";
  position: absolute;
  width: 2px;
  height: .42rem;
  top: 50%;
  right: 0;
  margin-top: -.21rem;
  background: #808080;
  z-index: 1;
}
.tabul .li:last-child:before {
  display: none;
}
.tabul .li:hover, .tabul .li.cur {
  color: #1E50E6;
  font-weight: bold;
}

.newsall{position: relative;height:auto;margin: 40px auto 100px auto;width: 90%;}
.news{width:100%;margin:0vw auto;overflow: hidden;z-index: 99;top: 0vw;}
.newsr{float:right;width:30%;}

.newsr ul{padding:0;margin:0;}
.newsr ul li{width:93%;border: 1px solid #ddd;
    padding: 1.22vw 3%;
    margin-bottom: 2%;}
.yihang{width: 42%;
    transition: all .3s;
    /* --m-i: linear-gradient(#fff, #fff); */
    --m-o: content-box, padding-box;
    --border-radius: .25rem;
    --border-width: 3px;
    box-sizing: border-box;
    padding: var(--border-width);
    border-radius: var(--border-radius);
    background-image: linear-gradient(0deg, #1E50E6, #50C8FF);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-clip: var(--m-o);
    -webkit-mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    filter: hue-rotate(0);
    text-align: center;
    height: 1.85vw;
    line-height: 1.8vw;}
.mc{color: #fff;font-size: 0.8vw;}
.riqi{font-size:0.8vw;font-weight: 500;color: #fff;}
.erhang{font-size: 0.85vw;margin-top: 0.5vw;color: #666;}
.erhang:hover{color: #2373d2;}

.company_nr {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    width: 666px;
    text-align: left;
    margin: 20px 0px;
    bottom: 0.2vw;
    padding: 0 0 0 0;
    height: auto;
    border-top-left-radius: 0px;
    position: absolute;
    z-index: 999;
    left: 5%;
}
.company_nr a{margin-top:2vw;}
.company_nr h4{font-size: 0.9vw;margin-top: 0.5vw;color: #fff;font-weight:normal;}

.zyihang{width: 26%;
    transition: all .3s;
    /* --m-i: linear-gradient(#fff, #fff); */
    --m-o: content-box, padding-box;
    --border-radius: .25rem;
    --border-width: 3px;
    box-sizing: border-box;
    padding: var(--border-width);
    border-radius: var(--border-radius);
    background-image: linear-gradient(0deg, #1E50E6, #50C8FF);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-clip: var(--m-o);
    -webkit-mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    filter: hue-rotate(0);
    text-align: center;
    height: 35px;
    line-height: 30px;}
.zmc{color: #fff;font-size: .7vw;}
.zriqi{font-size: 0.8vw;font-weight: 500;color: #fff;}

.newsl{float:left;width:68%;position: relative;margin-top: 0vw;}
.newsl img{width:100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;position: relative;}
.newsl:before {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(0deg, #1E50E6 0%, transparent 35%);
}
.newsl:hover img{transform: scale(1,1);}
.newsbg{position: relative;}
.newsbg img{position: relative;}
.newslb{position: absolute;top: 2vw;z-index: 98;left:0vw;}
.newslb img{}


.more1{ width: 160px; height: 40px; display: inline-block; line-height: 40px; background: #f1592a; text-align: center; margin-top: 70px; position: relative;border-radius: 5px; }
.more1 a{ display: block; font-size: 16px; font-weight: normal; color: #fff; position: relative;left: 10px;}
.more1:after{ content: ""; position: absolute; left: 25px; top: 20px; width: 27px; height: 2px; background-color: #fff; }
.more1:before{ content: ""; position: absolute; left: 0; width: 0; height: 40px; color: #fff; background: #fff;-webkit-transition: width .5s ease-in-out;transition: width .5s ease-in-out;border-radius: 5px;  }
.more1:hover:before{ width:160px; }
.more1:hover:after{ background-color: #f1592a;  }
.more1:hover{ border: 1px solid #f1592a;}
.more1:hover a{ color: #f1592a; }

.about{padding:0rem 5% 10rem 5%;width:90%;position: relative;overflow: hidden;margin:0px auto 30px auto;background: url(/images/zizhibg.jpg) center / cover no-repeat;}

.abfwzc{width:100%;margin:130px auto;overflow: hidden;}
.abfwzc h3{float:left;font-size: 2.3vw;margin:0;
    color: #000;
    padding-bottom: 15px;
    font-weight: bold;
    position: relative;
    padding-left: 0px;}	
.abfwzc h3:before {
    content: "";
    position: absolute;
    width: 2.4vw;
    height: 0.4vw;
    top: 50%;
    margin-top: 40px;
    background: linear-gradient(0deg, #1E50E6 0%, #50C8FF 100%);
    left: 0;
}
.abfwzc p{font-size: 0.9vw;width:46%;float:right;
    color: #666;
    line-height: 2vw;
    padding-bottom: 0.85vw;
    font-weight: normal;}

/*.ry{margin:0 auto 0vw auto;overflow: hidden;width:100%;}
.ry ul{float:left;}
.ry li{float: left;
    margin: 0 1.2vw 0 0px;
    display: inline;
    width: 14.75vw;
    overflow: hidden;
    background: #fff;
    box-shadow: 5px 5px 10px 1px rgb(66 133 244 / 20%);
    padding: 0.9vw;
    border-radius: 10px;}
.ry li .pic{display:block;border:#ccc 0px solid;width:257px;padding:2px;overflow:hidden;}
.ry li .txt{text-align:center;height:23px;line-height:23px;}
.ry li img{width:98%;}*/

.ry{width:100%;margin:0vw auto 0vw auto;overflow: hidden;}
.marqueeleft{width:100%;overflow:hidden;margin:0px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 15px;display:inline;width:257px;overflow:hidden;box-shadow: 5px 5px 10px 1px rgb(66 133 244 / 20%);padding: 15px;background: #fff;}
.marqueeleft li .pic{display:block;border:#ccc 0px solid;width:257px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}
.marqueeleft li img{width:98%;}

.zizhitu{width:90%;margin:120px auto;overflow: hidden;}
.zizhitu ul{padding:0;margin:0px 0 0px 0;overflow: hidden;}
.zizhitu ul li{float:left;width:32.333%;margin-right:1%;position: relative;}
.zizhitu ul li img{width:100%;border-radius: 20px;}
.zizhitu ul li h4{color: #fff;
    position: absolute;
    bottom: 3vw;
    left: 2vw;
    z-index: 99;
    font-size: 1.2vw;
    font-weight: bold;
    padding-top: 2vw;}
.zizhitu ul li dd{color: #fff;position: absolute;width: 80%;font-weight: bold;
    line-height: 30px;
    bottom: 5.5vw;
    left: 2vw;
    z-index: 99;
    font-size: 0.9vw;}
.bgr{position: relative;}
.bgr:before{content: "";border-radius: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to right, #1E50E6 0%, transparent 35%);
    z-index: 1;}

.bgrz{position: relative;}
.bgrz:before{content: "";border-radius: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, #1E50E6 0%, transparent 50%);
    z-index: 1;}

/* i06 */
.i_h3 {position: relative;font-size: 2.3vw;color: #000;font-weight: bold;}
.i06 {padding-top: 110px;position: relative;overflow: hidden;background:#f6f6f6;}
.i06 .top {display: flex;justify-content: center;align-items: center;flex-direction: column;margin-bottom: 42px;}
.i06 .top h4 {font-size: 30px;color: var(--dex);font-family: alibb;}
.i06 .top .i_h3 {margin: 13px 0 35px 0;}
.i06 .top .i_h3::after {content: ""; position: absolute;width: 43px;height: 4px;background-color: var(--dex);bottom: -22px;left: 50%;transform: translateX(-50%);}
.i06 .top p {font-size: 1vw;
    color: #666;
    text-align: center;
    line-height: 2vw;}
.i06 .bot {padding: 50px 0 130px; background-attachment: fixed;position: relative;display:block;}
.i06 .bot::after {     content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.i06 dl {height: 370px;position: relative;z-index: 1;}
.i06 dl  dd {position: absolute;width: 206px;display: flex;justify-content: center;align-items: center;}
.i06 dl  dd .core {width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.i06 dl  dd .core img {transition: 0s;}
.i06 dl  dd:hover .core img {filter: grayscale(300) brightness(3000);} 
.i06 dl  dd .bg .blue {display: none;}
.i06 dl  dd .bg .white {display: block;}
.i06 dl  dd:hover .bg .blue {    display: block; opacity: 0.7;}
.i06 dl  dd:hover .bg .white {display: none;}

.i06 dl  dd:nth-of-type(1){left: 0px;top: 90px;}
.i06 dl  dd:nth-of-type(2){left: 163px;top: 0px;}
.i06 dl  dd:nth-of-type(3){left: 163px;top: 185px;}
.i06 dl  dd:nth-of-type(4){left: 324px;top: 90px;}
.i06 dl  dd:nth-of-type(5){left: 485px;top: 0px;}
/* .i06 dl dd:nth-of-type(3):hover .core img {filter: grayscale(10) brightness(65);} */ 
.i06 dl  dd:nth-of-type(6){left: 485px;top: 185px;}
.i06 dl dd:nth-of-type(6):hover .core img {filter: grayscale(10) brightness(120);}
.i06 dl  dd:nth-of-type(7){left: 647px;top: 90px;}
.i06 dl  dd:nth-of-type(8){left: 808px;top: 0px;}
.i06 dl  dd:nth-of-type(9){left: 808px;top: 185px;}
.i06 dl  dd:nth-of-type(10){left: 971px;top: 90px;}
.i06 dl  dd:nth-of-type(11){left: 1134px;top: 0px;}
.i06 dl  dd:nth-of-type(12){left: 1134px;top: 185px;}
.i06 dl  dd:nth-of-type(13){left: 1295px;top: 90px;}

.icenter {
    width: 80%;
    margin:50px auto;max-width: 1500px;
    text-align: center;
}



/*优势*/
.productall{border: 0px #f1f1f1 solid;padding: 6px 7px;width:300px;position: absolute;right: 6%;height:500px;margin-top:90px;}
.product{width:240px;margin:0px auto;position: absolute;right: 2%;background: #f1592a;height:440px;padding:30px;border-radius: 10px;}
.product h3{font-size:32px;color:#fff;text-align:left;margin:38px 0 5px 0;font-weight:bold;}
.product dt{font-size:18px;color:#fff;text-align:left;}
.product p{font-size:18px;color:#fff;text-align:left;margin-top:25px;line-height:25px;}
.product dd{width:50px;height:4px;background:#2387aa;text-align:center;margin:10px auto 15px auto;}

.more{ width: 160px; height: 40px; display: inline-block; line-height: 40px; background: #fff; text-align: center; margin-top: 183px; position: relative;border-radius: 5px; }
.more a{ display: block; font-size: 16px; font-weight: normal; color: #0d8bd7; position: relative;left: 10px;}
.more:after{ content: ""; position: absolute; left: 25px; top: 20px; width: 27px; height: 2px; background-color: #0d8bd7; }
.more:before{ content: ""; position: absolute; left: 0; width: 0; height: 40px; color: #fff; background:#fff;-webkit-transition: width .5s ease-in-out;transition: width .5s ease-in-out;border-radius: 5px;  }
.more:hover:before{ width:160px; }
.more:hover:after{ background-color: #0d8bd7;  }
.more:hover{ border: 1px solid #0d8bd7;}
.more:hover a{ color: #0d8bd7; }

.youshi{width:100%;margin:0px auto;}
.youshi h3{font-size:28px;color:#333;text-align:center;margin-bottom:5px;font-weight:bold;}
.youshi dt{font-size:14px;color:#999;text-align:center;}
.youshi p{font-size:14px;color:#999;text-align:center;margin-bottom:50px;line-height:25px;}
.youshi h4{width:50px;height:3px;background:#377967;text-align:center;margin:10px auto 15px auto;}

.shili{background-image: url(../images/shili.jpg);padding:70px 0 1px 0;height:620px;margin:0 auto;}
#cen_right_top{width:80%;margin:0px auto 0 auto;overflow: hidden;}
#cen_right_top .active{border-bottom:#f1592a 4px solid;color:#fff;background:#f1592a;}

#cen_right_top h3{line-height:55px;text-align:center;float:left;height:55px;width:200px;margin-top:230px;padding:0px;font-size:16px;color:#fff;font-weight:bold;cursor:pointer;margin-right: 5px;border-bottom: 4px solid #dededf;}
#cen_right_top div{font-size:14px;display:none;clear:both;height:auto;padding:20px 0px;}
#cen_right_top div dt{font-weight: bold;font-size:30px;color:#fff;margin-bottom:5px;}
#cen_right_top div dd{font-size:24px;font-weight: bold;color:#fff;margin-bottom:35px;}
#cen_right_top div p{color: #fff;margin:0;font-size:16px;line-height: 25px;margin-bottom: 60px;}
#cen_right_top div a{background:#377967;color:#fff;padding:13px 55px;border-radius: 5px;}

/*优势*/
.youshi{width:1280px;margin:0 auto;overflow: hidden;}
.youshi ul{padding:0;margin:60px 0 0 0;overflow: hidden;}
.youshi ul li{float:left;margin-right:5px;width:421px;position: relative;overflow:hidden;}
.youshi ul li img{width:100%;position: relative;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.youshi ul li:hover img{transform: scale(1.05,1.05);}
.youshi ul li h3{font-size:24px;color:#fff;top: 75%;position: absolute;left: 50%;margin-left: -210px;width: 420px;}

/*项目*/
.xm{width:100%;margin:0 auto 0px auto;overflow: hidden;background: #f7f7f7;}
.anli{width: 100%;
    margin: 0 auto 2vw auto;
    overflow: hidden;}
.anli img{}
.anliright{width: 100%;
    float: right;margin-top: 2vw;}
.anliright h3{color: #f1592a;font-size: 60px;}
.anliright p{color: #666;
    font-size: 14px;padding-bottom: 4vw;line-height: 25px;}
.anliright ul{margin-bottom: 1vw;
    overflow: hidden;}
.anliright ul li{width: 10.2%;float: left;margin-right: 1%;background: #fff;text-align: center;padding: 10px 0;
}
.anliright ul li:nth-child(9){margin-right:0%;}
.anliright ul li a{
    color: #666;
    padding: 10px 10px;font-size: 16px;}
.anliright ul li dd{
    color:#f1592a;font-size: 16px;font-weight: bold;}
.anliright ul li:hover{color: #fff;background: #f1592a;}
.anliright ul li:hover a{color: #fff;background: #f1592a;}
.anliright ul li dd:hover{color: #fff;background: #f1592a;}
.anliliebiao{width:80%;overflow: hidden;margin-top: 60px;margin:0 auto 80px auto;}
.anliliebiao ul{padding: 0; margin: 0;}
.anliliebiao ul li{float: left;background: #fff;
    width: 15.7%;
    text-align: center;
	position: relative;
    border: 1px solid #ddd;
    margin: 0px 1% 1% 0;}
.anliliebiao ul li:nth-child(6n){margin: 0px 0% 1% 0;}
.anliliebiao ul li:before {
    content: "";
    display: block;
    width: 80%;
    height: 0px;
    background: #d4dbfa;
    margin: 0 10%;}
.anliliebiao ul li:after {
    content: "";
    display: block;
    width: 80%;
    height: 0px;
    background: #d4dbfa;
    margin: 0 10%;
}
.anliliebiao ul li img{margin: 30px auto;
    width:60%;height: auto;transition: all .3s ease;
}
.anliliebiao ul li:hover img{
    transform: scale(1.05);
}

.fuwu1bg:hover{background:url(../images/fuwu1bg.jpg) repeat-x center center}
.fuwu2bg:hover{background:url(../images/fuwu2bg.jpg) repeat-x center center}
.fuwu3bg:hover{background:url(../images/fuwu3bg.jpg) repeat-x center center}
.fuwu4bg:hover{background:url(../images/fuwu4bg.jpg) repeat-x center center}

.zhuanjia{width:80%;margin:50px auto 100px auto;overflow: hidden;}
.zhuanjia h3{font-size:36px;color:#333;text-align:center;margin-bottom:40px;font-weight:bold;}
.zhuanjia h3 span{color:#498af4;}
.zhuanjia ul{padding:0;margin:0;width:100%;}
.zhuanjia ul li{width:17%;margin-right:1.8%;background: #fff;padding: 3%;float:left;margin-bottom: 2%;height:18vw;box-shadow: 5px 5px 10px 5px rgb(66 133 244 / 20%);border:1px solid rgb(66 133 244 / 20%);}
.zhuanjia ul li:nth-child(4){margig-right:0;}
.zhuanjia ul li h4{font-size:1.1vw;color:#333;}
.zhuanjia ul li dd{font-size:16px;color:#333;padding: 15px 0;}
.zhuanjia ul li p{font-size:14px;color:#777;line-height: 25px;}

.zhuanjia ul li:hover h4{font-size:1.1vw;color:#fff;}
.zhuanjia ul li:hover dd{font-size:16px;color:#fff;padding: 15px 0;}
.zhuanjia ul li:hover p{font-size:14px;color:#fff;line-height: 25px;}

.important{ padding:20px 0 0px 0;border-top:0px dashed #e0e0e0; border-bottom:0px solid #dee1e1;margin: 0 auto;width: 80%;}
.important li{ float:left; width:15.6%;background: #f6f6f6;margin-right: 1%;
    height: 180px;
    padding-top: 30px;}

.contents{background: #fff;width:80%;padding:0 10%;}

.important li a{ display:block;width:40px; height:40px; display:block; padding:21px;border-radius:50%;border:0px solid #ddd; background:#fff;margin: 0 auto;}
.important li:hover a{ border:1px dotted #696969; background:#fff;}
.important li span{ width:40px; height:40px; display:block;}
.important .rcsp_1 span{ background:url("../images/icon1.png") no-repeat bottom center;}
.important .rcsp_2 span{ background:url("../images/icon2.png") no-repeat bottom center;}
.important .rcsp_3 span{ background:url("../images/icon3.png") no-repeat bottom center;}
.important .rcsp_4 span{ background:url("../images/icon4.png") no-repeat bottom center;}
.important .rcsp_5 span{ background:url("../images/icon5.png") no-repeat bottom center;}
.important .rcsp_6 span{ background:url("../images/icon6.png") no-repeat bottom center;}
.bgbg { background:url("../images/bgbg.png") center bottom no-repeat; width:100%; padding-bottom: 20px;}
.w1200 .important .rcsp_1:hover span, .w1200 .important .rcsp_2:hover span,.w1200 .important .rcsp_3:hover span,.w1200 .important .rcsp_4:hover span,.w1200 .important .rcsp_5:hover span,.w1200 .important .rcsp_6:hover span, .w1200 .important .rcsp_7:hover span, .w1200 .important .rcsp_8:hover span, .w1200 .important .rcsp_9:hover span{transition: background 0.3s;
-moz-transition: background 0.3s;
-ms-transition: background 0.3s;
-webkit-transition: background 0.3s;
-o-transition: background 0.3s;}
.w1200 .important .rcsp_1:hover span{ background:url("../images/icon1.png") no-repeat top center;}
.w1200 .important .rcsp_2:hover span{ background:url("../images/icon2.png") no-repeat top center;}
.w1200 .important .rcsp_3:hover span{ background:url("../images/icon3.png") no-repeat top center;}
.w1200 .important .rcsp_4 span:hover{ background:url("../images/icon4.png") no-repeat top center;}
.w1200 .important .rcsp_5 span:hover{ background:url("../images/icon5.png") no-repeat top center;}
.w1200 .important .rcsp_6 span:hover{ background:url("../images/icon6.png") no-repeat top center;}
.important .rcsp_9{ margin-right:0px;}
.important li p{ line-height:18px; margin-top:20px; text-align:center; display:block; color:#333;font-size:20px;font-weight: bold;}
.important li:hover p{ color:#333;}
.important li strong{ border-bottom:0px solid #24d2b0; position:relative; display:block;margin-top:20px;z-index:4;}
.important li strong i{display:none;  position:absolute; width:0px; height:0px; border:15px solid transparent;display:block;left: 50%;margin-left: -15px;border-top-color: #f1592a;}
.important_l{ padding:100px 0px 100px 0px; float:right; width:35%; overflow: hidden;}
.important_l img{width:100%;height:auto;
    border-radius: 20px;}
.important_r{ float:right; padding:100px 10% 0px 0px;width:30%; overflow: hidden; }

.important_m{ float:left; padding:105px 60px 0px 0px;width:15%; overflow: hidden; }
.title_1{ text-align:left;border-left: 0px solid #ddd;}
.title_1 h3{text-transform: uppercase; color:#535353; display: block;margin-bottom: 30px;}
.title_1 h3 span ,.title_1 h2 span{ color:#ef571a;}
.title_1 h2{ font-size: 30px;font-weight:bold; color:#333;padding-bottom: 5px;line-height: 35px;}
.title_1 p{ font-size: 12px;font-weight:normal; color:#666;padding-bottom: 5px;}

.icon_top{ width:100%; padding-top:25px;}
.icon_top i{ display:block; width:32px; height:32px;}
.icon_top .i_left{ float:left; background:url("../images/icon_left.png") 0 center no-repeat;}
.icon_top .i_right{ float:right; background:url("../images/icon_right.png") 0 center no-repeat;}
.icon_top .i_left1{ float:left; background:url("../images/icon_left1.png") 0 center no-repeat;}
.icon_top .i_right1{ float:right; background:url("../images/icon_right1.png") 0 center no-repeat;}
.study{ padding:0px 0 0 10px;}
.study h3{ font: bold 25px/30px "Microsoft YaHei"; color:#1dd2af; display: block; padding-bottom:15px;}
.study span{ font-size:16px;color:#666;display: block;text-indent: 0em;line-height:30px;margin-bottom: 0px;}
.study img{ display:block; width:140px; height:90px; overflow:hidden; margin-left:35%;padding-top: 10px;}
.study .know{ background:#1dd2af; display:block; font: bold 16px/30px "Microsoft YaHei"; padding:0px 10px; border-radius:50px; height:30px; color:#FFFFFF; text-align:center; margin:0 90px; margin-top:10px;}

.public_img{ display:block; width:29px; height:29px; padding:15px 0 2px 0;}
.public_img_1{ width:59px; height:29px; display:block;}

.more{ width: 160px; height: 35px; display: inline-block; line-height: 35px; border: 1px solid #999; text-align: center; margin-top: 30px; position: relative;border-radius: 0px;}
.more a{ display: block; font-size: 16px; font-weight: normal; color: #666; position: relative;left: 0px;}
.more:after{ content: ""; position: absolute; left: 0px; top: 0px; width: 0x; height: 0px; background-color: #ff4343; }
.more:before{ content: ""; position: absolute; left: 0; width: 0; height: 40px; color: #fff; background:#f1592a;-webkit-transition: width .5s ease-in-out;transition: width .5s ease-in-out;border-radius: 0px;  }
.more:hover:before{ width:160px; }
.more:hover:after{ background-color: #f1592a;  }
.more:hover{ border: 1px solid #f1592a;}
.more:hover a{ color: #fff; }
.cl:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{ zoom:1;}
.r { float:right}
.l { float:left} 
.pt20{ padding-top:20px;}
.w1200{ width:100%; margin:100px auto 30px auto;overflow: hidden;}

/* 地图 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
*html .clearfix{height:1%}

.more1{ width: 160px; height: 40px; display: inline-block; line-height: 40px; background:#f1592a; text-align: center; margin: 50px auto; position: relative;border-radius: 0px;}
.more1 a{ display: block; font-size: 16px; font-weight: normal; color: #fff; position: relative;left: 0px;}
.more1:after{ content: ""; position: absolute; left: 0px; top: 0px; width: 0x; height: 0px; background-color: #ff4343; }
.more1:before{ content: ""; position: absolute; left: 0; width: 0; height: 40px; color: #f1592a; background:#fff;-webkit-transition: width .5s ease-in-out;transition: width .5s ease-in-out;border-radius: 0px;  }
.more1:hover:before{ width:160px; }
.more1:hover:after{ background-color: #fff;  }
.more1:hover{ border: 1px solid #f1592a;}
.more1:hover a{ color: #f1592a; }

.map-service{position:relative;height:760px;background-size: cover;display:block;}
.map-service-right{padding-top:0px;text-align: center;}
.map-service-right h3{font-size: 2.4em;color: #fff;text-align: center;margin-bottom: 5px;}
.map-service-right p{font-size: 18px;color: #fff;text-align: center;line-height: 45px;margin-bottom: 60px;}
.china-map{width:1400px;height:718px;background:url(../images/lanmap.png) center no-repeat;position:relative;margin: 0 auto;}
.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#f1592a;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #f1592a;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #f1592a,0 0 10px #f1592a inset;-moz-box-shadow:0 0 4px #f1592a,0 0 10px #f1592a inset;box-shadow:0 0 4px #f1592a,0 0 10px #f1592a inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.active .area-box .dot{background:#f1592a;}
.region-list.active .area-box .pulse{border-color:#f1592a;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #f1592a,0 0 20px #f1592a inset;-moz-box-shadow:0 0 12px #f1592a,0 0 20px #f1592a inset;box-shadow:0 0 12px #f1592a,0 0 20px #f1592a inset}
.region-list.waite .area-box .dot{background:#f1592a}
.region-list.waite .area-box .pulse{border-color:#f1592a}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:80px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}
.postition-10 .show-regin span{left:0}
.postition-6 .show-regin span{left:-72px}
.area-box{z-index:77}
.show-regin{z-index:66}
.region-list.active .show-regin span{position:relative;color:#ccc}
.region-list.waite .show-regin span{color:#ccc}
.postition-1{left:202px;top:138px}
.postition-2{left:401px;top:403px}
.postition-3{left:400px;top:516px}
.postition-4{left:960px;top:308px}
.postition-5{left:1100px;top:415px}
.postition-6{left:1200px;top:530px}
.postition-7{left:1120px;top:249px}
.postition-7.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-8{left:903px;top:158px}
.postition-9{left:637px;top:371px}
.postition-9.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-10{left:1200px;top:259px}
.postition-11{left:820px;top:287px}
.postition-13{left:270px;top:250px}
.douhao{width:0}

@media (max-width: 760px)
{
.wapvideo{display:block;}
.lubo{display:none; }
.lubo {
    width: 100%;
    min-width: 100%;
    clear: both;
    position: relative;
}
.lubo_box {
    position: relative;
    width: 100%;
    padding-bottom: 50%;
}
.lubo_box li a h3 {
    position: absolute;
    width: 100%;
    text-align: left;
    left: 5%;
    font-weight: bold;
    top: 23vw;
    font-size: 5vw;
    color: #fff;
}
.lubo_box li a p {
    position: absolute;
    width: 80%;
    text-align: left;
    left: 5%;
    font-weight: normal;
    top: 34vw;
    font-size: 3.5vw;
    color: #fff;
}
.lubo_box li a dd {
    position: absolute;
    text-align: center;
    left: 5%;
    font-weight: normal;
    top: 650px;
    font-size: 16px;
    border: 2px solid #fff;
    width: 145px;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    color: #fff;
    display: none;
}
.fwzc {
    width: 96%;
    margin: 13vw auto;
    overflow: hidden;
	text-align: center;
}
.fwzc h3 {
    float: none;
    font-size: 5vw;
    margin: 0;
    color: #000;
    padding-bottom: 1vw;
    font-weight: bold;
    position: relative;
    padding-left: 0px;
    height:6vw;
    line-height:6vw;
}
.fwzc h3:before {
    content: "";
    position: absolute;
    width: 9vw;
    height: 1.5vw;
    top: 50%;
    margin-top: 5vw;
    background: linear-gradient(0deg, #1E50E6 0%, #50C8FF 100%);
    left: 45%;
}
.fwzc p {
    font-size: 3.5vw;
    width: 100%;
    float: none;
    color: #666;
    line-height: 6vw;
    padding-bottom: 15px;
    font-weight: normal;
	padding-top: 6vw;
}
.wappro {
    width: 96%;
    margin: 5vw 2%;
    overflow: hidden;
    position: relative;
	display:block;
}
.wappro ul li {
    float: left;
    width: 48%;
    margin: 0 1%;
    padding: 0%;
    border-radius: 10px;
    margin-bottom: 4%;
    padding-bottom: 3%;
	text-align: center;
}
.wappro ul li img{width:100%;}
.wappro ul li h4 {
    font-size: 4vw;
    color: #000;
    padding: 5vw 0;
    font-weight: bold;
    line-height: 2vw;
}
.wappro ul li p {
    font-size: 3.5vw;
    color: #666;
    line-height: 2.5vw;
    margin-bottom: 4vw;
}
.more {
    transition: all .3s;
    /* --m-i: linear-gradient(#fff, #fff); */
    --m-o: content-box, padding-box;
    --border-radius: 2rem;
    --border-width: 3px;
    box-sizing: border-box;
    padding: 2vw 8vw;
    border-radius: var(--border-radius);
    background-image: linear-gradient(0deg, #1E50E6, #50C8FF);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-clip: var(--m-o);
    -webkit-mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    filter: hue-rotate(0);
    text-align: center;
    height: 35px;
    line-height: 30px;
}
.more a {
    color: #fff;line-height: 3.5vw;
    font-size: 3vw;
}
.mb-wrapper {
    margin: 0 auto 200px auto;
    position: relative;
    height: 500px;
    left: 0;
    top: 0;
    display: none;
}
.card-area {
    margin: 82px auto 0;
    height: 860px;
    width: 100%;
    position: relative;
    display: none;
}
.map-service {
    position: relative;
    height: 760px;
    background-size: cover;
    display: none;
}
.wapmap{display:block;width:100%;}
.wapmap img{display:block;width:100%;}
.tabul {
    float: left;
    padding-top: 6.5vw;
}
.tabul .li {
    color: #808080;
    font-size: 3.2vw;
    padding: 0 4rem;
    position: relative;
    z-index: 2;
    transition: all .5s;
}
.newsall {
    position: relative;
    height: auto;
    margin: 20px auto 20px auto;
    width: 96%;
}
.newsl {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 0vw;
}
.newsr {
    float: right;
    width: 100%;
	margin-top: 3vw;
}
.mc {
    color: #666;
    font-size: 3vw;
}
.yihang {
    width: auto;
    transition: all .3s;
    /* --m-i: linear-gradient(#fff, #fff); */
    --m-o: content-box, padding-box;
    --border-radius: .25rem;
    --border-width: 3px;
    /* box-sizing: border-box; */
    /* padding: var(--border-width); */
    /* border-radius: var(--border-radius); */
    background-image: none;
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-clip: var(--m-o);
    -webkit-mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    filter: hue-rotate(0);
    text-align: left;
    height: 35px;
    line-height: 30px;
}
.riqi {
    font-size: 3vw;
    font-weight: 500;
    color: #666;
}
.erhang {
    font-size: 3.5vw;
    margin-bottom: 15px;
    color: #666;
	line-height: 22px;
}
.abfwzc {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}
.abfwzc h3 {
    float: none;
    font-size: 5vw;
    margin: 0;
    color: #000;
    padding-bottom: 0px;
    font-weight: bold;
    position: relative;
    padding-left: 0px;
	text-align: center;
}
.abfwzc h3:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 5px;
    top: 50%;
    margin-top: 26px;
    background: linear-gradient(0deg, #1E50E6 0%, #50C8FF 100%);
    left: 45%;
}
.about {
    padding: 0rem 2% 0rem 2%;
    width: 96%;
    position: relative;
    overflow: hidden;
    margin: 0px auto 30px auto;
    background: url(../skin/zizhibg.jpg) center / cover no-repeat;
}
.abfwzc p {
    font-size: 3.5vw;
    width: 100%;
    float: none;
    color: #666;
    line-height: 6vw;
    padding-bottom: 15px;
    font-weight: normal;
    margin-top: 8vw;
}
.marqueeleft li .pic {
    display: block;
    border: #ccc 0px solid;
    width: 100%;
    padding: 2px;
    overflow: hidden;
}
.ry li {
    float: left;
    margin: 0 1vw 3vw 1vw;
    display: inline;
    width: 38vw;
    overflow: hidden;
    background: #fff;
    box-shadow: 5px 5px 10px 1px rgb(66 133 244 / 20%);
    padding: 15px;
    border-radius: 10px;
}
.ry li:last-child {display:none;}
.zizhitu {
    width: 96%;
    margin: 0px auto 0px auto;
    overflow: hidden;
}
.zizhitu ul li {
    float: left;
    width: 100%;
    margin-right: 0%;
    position: relative;
    margin-bottom: 3vw;
}
.zizhitu ul li h4 {
    color: #fff;
    position: absolute;
    bottom: 14vw;
    left: 5vw;
    z-index: 99;
    font-size: 4.5vw;
    font-weight: bold;
    padding-top: 0vw;
}
.zizhitu ul li dd {
    color: #fff;
    position: absolute;
    width: 80%;
    font-weight: normal;
    line-height: 5vw;
    bottom: 8vw;
    left: 5vw;
    z-index: 99;
    font-size: 3.5vw;
}
.index05wrap {
    width: 96%;
    box-sizing: border-box;
    position: relative;
    background-color: #fff;
    padding: 0px 0 10px 0;
    margin: 0 auto;
}
.index05wrap .top .right {
    width: 50%;
    box-sizing: border-box;
    overflow: hidden;
    display: none;
}
.index05wrap .top .left .cont .tl {
    font-size: 4.5vw;
    color: #000;
    font-weight: bold;
    margin-bottom: 12vw;
    position: relative;
}
.index05wrap .top .left .cont .tl:before {
    content: "";
    position: absolute;
    width: 9vw;
    height: 1.5vw;
    top: 50%;
    margin-top: 6vw;
    background: linear-gradient(0deg, #1E50E6 0%, #50C8FF 100%);
    left: 45%;
}
.index05wrap .top .left .cont .list .item h4 {
    font-size: 3.5vw;
    color: #666666;
    line-height: 4.5vw;
    margin-bottom: 3vw;
    padding-right: 0px;
    box-sizing: border-box;
}
.index05wrap .top .left .cont .list .item h3 {
    font-size: 4vw;
    color: #222222;
    font-weight: bold;
    margin-bottom: 4vw;
}
.index05wrap .top .left {
    width: 100%;
    box-sizing: border-box;
    padding-right: calc((100% - 1200px)/2);
    position: relative;
    text-align: center;
}
.i_h3 {
    position: relative;
    font-size: 5vw;
    color: #000;
    font-weight: bold;
}
.i06 {
    padding-top: 20px;
    position: relative;
    overflow: hidden;
    background: #f6f6f6;
}
.i06 .top .i_h3 {
    margin: 13px 0 15px 0;
}
.i06 .top p {
    font-size: 3.4vw;
    color: #666;
    text-align: center;
    line-height: 6vw;
}
.i06 .bot {
    padding: 0px 0 30px;
    
    background-attachment: fixed;
    position: relative;
	display:none;
}
.wappinpai{display:block;margin-bottom: 10vw;}
.wappinpai img{width: 100%;}
.zmc {
    color: #fff;
    font-size: 3.5vw;
}
.zriqi {
    font-size: 3.5vw;
    font-weight: 500;
    color: #fff;
}
.company_nr h4 {
    font-size: 3.5vw;
    margin-top: 1vw;
    color: #fff;
    font-weight: normal;
}
.company_nr {
    font-size: 16px;
    line-height: 5vw;
    color: #666;
    text-align: left;
    margin: 20px 0px;
    bottom: 0.2vw;
    padding: 0 0 0 0;
    height: auto;
    border-top-left-radius: 0px;
    position: absolute;
    z-index: 999;
    left: 2%;
    width: 96%;
}
.zyihang {
    width: 60%;
    transition: all .3s;
    /* --m-i: linear-gradient(#fff, #fff); */
    --m-o: content-box, padding-box;
    --border-radius: .25rem;
    --border-width: 3px;
    box-sizing: border-box;
    padding: var(--border-width);
    border-radius: var(--border-radius);
    background-image: linear-gradient(0deg, #1E50E6, #50C8FF);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-clip: var(--m-o);
    -webkit-mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    filter: hue-rotate(0);
    text-align: center;
    height: 35px;
    line-height: 30px;
}
.MainBg {
    width: 96%;
    margin: 0vw auto 0vw auto;
}
.OriginalPicBorder {
    padding: 0px 0px 0 0px;
}
.Summary {
    line-height: 20px;
    display: block;
    width: 96%;
    margin-right: 10px;
    color: #999;
    overflow: hidden;
    padding: 10px;
    position: relative;
    text-align: center;
}
#ThumbPic img {
    border: 0px solid #fff;
    cursor: pointer;
    background-color: #666;
    margin: 0 0.85vw;
    width: 14.4vw;
    height: auto;
    display: block;
    position: relative;
}
.biaoti {
    font-size: 5vw;
    display: block;
    color: #222222;
    font-weight: bold;
    margin-bottom: 8vw;
}
.biaoti:before{
content: "";
    position: absolute;
    width: 9vw;
    height: 1.5vw;
    top: 50%;
    margin-top: 5vw;
    background: linear-gradient(0deg, #1E50E6 0%, #50C8FF 100%);
    left: 45%;}
.miaoshu {
    font-size: 3.5vw;
    display: block;
    color: #666666;
    line-height: 6vw;
    margin-bottom: 3vw;
    padding-right: 0px;
    box-sizing: border-box;
}
.morerx {
    width: 160px;
    height: 50px;
    line-height: 50px;
    border: 0px solid #e6771b;
    color: #fff;
    transition: all .3s;
    /* --m-i: linear-gradient(#fff, #fff); */
    --m-o: content-box, padding-box;
    font-size: 3.5vw;
    text-decoration: none;
    --border-radius: 2rem;
    --border-width: 3px;
    box-sizing: border-box;
    padding: 2vw 12vw;
    border-radius: var(--border-radius);
    background-image: linear-gradient(0deg, #1E50E6, #50C8FF);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-clip: var(--m-o);
    -webkit-mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    filter: hue-rotate(0);
}
.SliderPicBorder {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

}