.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;
-ms-user-select:none;user-select:none;cursor:pointer;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}
.edit-container{line-height:30px}
.edit-container ul{list-style:disc}
.edit-container ol{list-style:decimal}
.edit-container *{max-width:100%!important}
.hamburger {
display: inline-block;cursor: pointer;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;
margin: 0;overflow: visible;display: none;float: right;line-height: 0;position: absolute;z-index: 10;top: 50%;right: 15px;
transition-property: opacity, -webkit-filter;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: .15s;
transition-duration: .15s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)}
.hamburger-box{width:22px;height:12px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-2px}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:22px;height:2px;background-color:#111;border-radius:4px;position:absolute;
transition-property:-webkit-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-property:transform,
-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}
.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}
.hamburger--elastic .hamburger-inner{top:0;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);
transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}
.hamburger--elastic .hamburger-inner:before{top:6px;-webkit-transition:opacity .15s ease .4s;transition:opacity .15s ease .4s}
.hamburger--elastic .hamburger-inner:after{top:12px;transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);
-webkit-transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);
transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)}
.hamburger--elastic.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(135deg);transform:translate3d(0,10px,0) rotate(135deg);
-webkit-transition-delay:.1s;transition-delay:.1s;top:-3px}
.hamburger--elastic.is-active .hamburger-inner:before{-webkit-transition-delay:0s;transition-delay:0s;opacity:0}
.hamburger--elastic.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-19px,0) rotate(-268deg);transform:translate3d(0,-19px,0) rotate(-268deg);
-webkit-transition-delay:.1s;transition-delay:.1s;top:19px}


@font-face {
	src: url(../fonts/din-blackalternate.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	src: url(../fonts/din-blackalternate.woff) format("woff"), url(../fonts/din-blackalternate.eot) format("embedded-opentype"), url(../fonts/din-blackalternate.svg#din-blackalternate) format("svg");
	font-weight: 400;
	font-style: normal;
}
.section-top{margin-bottom:40px}
.section-top.txt-gray{color:#dbdbdb}
.section-top.txt-white{color:#fff}
.section-top .title{font-size:36px;line-height:1;margin-bottom:20px;letter-spacing: 3px;}
.section-top .title-small{font-size:16px}
.section-top .icon{margin-right:10px}.bg-gray{background:hsla(0,0%,96.9%,.5)}
.bg-purple,.btn-overlap{background:#6b00fe}
.btn-overlap{color:#fff;position:relative;padding:0 30px;line-height:50px}
.btn-overlap:after{content:"";display:block;width:100%;height:100%;position:absolute;z-index:5;bottom:-4px;right:-5px;border:3px solid #6b00fe;
-webkit-transition:all .2s linear;transition:all .2s linear}
.btn-overlap:hover:after{bottom:4px}
.btn-long{width:155px;font-size:16px;width:100%;max-width:350px}
.btn-hollow{border:3px solid transparent;padding:0 30px;line-height:50px}
.btn-hollow.btn-black{background:#fff;color:#000;border-color:#000;-webkit-box-shadow:5px 4px 0 0 #000;box-shadow:5px 4px 0 0 #000}
.btn-hollow.btn-black:hover{-webkit-box-shadow:5px -4px 0 0 #000;box-shadow:5px -4px 0 0 #000}
.btn-hollow.btn-white{background:#6b00fe;color:#fff;border-color:#fff;-webkit-box-shadow:5px 4px 0 0 #fff;box-shadow:5px 4px 0 0 #fff}
.btn-hollow.btn-white:hover{-webkit-box-shadow:5px -4px 0 0 #fff;box-shadow:5px -4px 0 0 #fff}
#bannerTop{position:relative;width: 100%;}
#bannerTop img.conban{width: 100%;}
#bannerTop .banner-content{position:absolute;background:rgba(0,0,0,0.2);top:0;left:0;right:0;bottom:0}
#bannerTop .banner-content .banner-box{position:absolute;bottom:100px;left:0;right:0}
#bannerTop .banner-content .title{font-size:52px}
#bannerTop .banner-content .title-small{font-size:26px}
#bannerTop .banner-content .desc{font-size:16px;padding-top:10px}
#bannerTop .banner-content .desc span{vertical-align:middle}
#bannerTop .banner-content .desc p{margin-top:16px}
.w-1530{max-width:1530px}
.filmInfo-list{text-align:center}
.filmInfo-list .pic{margin-bottom:10px}
.filmInfo-list .pic img{-webkit-transition:all .3s linear;transition:all .3s linear;
-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.filmInfo-list .title{font-size:16px;margin-bottom:8px}
.filmInfo-list .date{font-size:12px;margin-bottom:8px}
.filmInfo-list .actors{font-size:12px}
.filmInfo-list a{display:inline-block;width:100%;text-align:left}
.filmInfo-list a:hover img{-webkit-clip-path:polygon(0 16%,100% 0,100% 84%,0 100%);clip-path:polygon(0 16%,100% 0,100% 84%,0 100%)}
.filmInfo-list a:hover .title{color:#6b00fe}
.news-type{font-size:0;text-align:center}
.news-type a{font-size:14px;width:132px;height:50px;border:3px solid #000;-webkit-box-shadow:5px 5px 0 0 #000;box-shadow:5px 5px 0 0 #000;background:#fff;line-height:44px}
.news-type a:not(:last-child){margin-right:-3px}
.news-type a.active,.news-type a:hover{-webkit-box-shadow:5px -5px 0 0 #000;box-shadow:5px -5px 0 0 #000}
.bar-container{padding-left:200px;position:relative}
.bar-container:before{content:"";position:absolute;top:14px;left:0;display:block;width:139px;height:24px;background:#6b00fe;margin-right:70px}
.bar-container .bar-title{font-size:52px;line-height:1;font-weight:700;color:#111}
.bar-container .bar-desc{font-size:24px;font-weight:700;margin-top:50px;margin-bottom:40px}
.page_list a{margin:0 10px;border-bottom:1px solid transparent;font-size:16px}
.page_list a.on,.page_list a:hover{border-bottom-color:#333}
@-webkit-keyframes rotate360{
	0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes rotate360{
	0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}

#header{/*position:absolute;*/z-index:999;top:0;left:0;right:0;height:70px;line-height:70px;border-bottom:1px solid hsla(0,0%,100%,.2);
padding:0 60px;-webkit-transition:all .3s linear;transition:all .3s linear}
#header.header-fixed{position:fixed;background:#fff;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}
#header.header-fixed,#header.header-fixed a{color:#333}
#header.header-fixed .header-logo .logo-pc{display:none}
#header.header-fixed .header-logo .logo-mb{display:inline-block;/*width:220px*/}
#header.header-fixed .header-nav li>a:after{background:#0064b4;}
#header:after{content:""}
#header,#header a{color:#000}
#header .logo-mb{display:none}
#header .header-nav li{float:left;position:relative;margin:0 11px}
#header .header-nav li:last-child{margin-right:0}
#header .header-nav li>a{display:block;padding:0 14px;position:relative;font-size: 18px;font-weight: 600;}
#header .header-nav li>a:after{content:"";display:block;position:absolute;width:0;height:4px;bottom:0;left:50%;-webkit-transform:translateX(-50%);
transform:translateX(-50%);background:#fff;-webkit-transition:width .2s linear;transition:width .2s linear}
#header .header-nav li.active a:after,#header .header-nav li:hover a:after{width:100%}
#header .header-nav li:hover>dl{margin-top:0;opacity:1;visibility:visible}
#header .header-nav li>dl{position:absolute;width:170px;top:100%;left:50%;margin-left:-85px;margin-top:10px;background:#fff;line-height:16px;padding:20px 5px;visibility:hidden;opacity:0;-webkit-transition:all .2s linear;transition:all .2s linear;border-radius: 5px;}
#header .header-nav li>dl dt{/*margin:20px 0;*//*width:120px*/}
#header .header-nav li>dl a{color: #000;position: relative;padding: 8px 2px;line-height:20px;display: block;text-align: center;}
#header .header-nav li>dl a:before{content:"";width:18px;height:3px;background:#00479d;position:absolute;top:100%;right:calc(50% - 24px);margin-right:14px;
-webkit-transform:scaleY(.5) translateY(-50%);transform:scaleY(.5) translateY(-50%);display:none}
#header .header-nav li>dl a:hover:before{display:block}
#header .header-nav li>dl a:hover{color: #00479d;}

.icon-wechat{position:relative}
.icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-230px;left:-77px;width:200px;height:192px;color:#666;
font-size:12px;text-align:center;background-color:#fff;
-webkit-box-shadow:0 2px 10px #aaa;box-shadow:0 2px 10px #aaa;-webkit-transition:all .2s;transition:all .2s;-webkit-tansition:all .35s;-moz-transition:all .35s}
.icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}
.icon-wechat .wechat-qrcode.bottom:after{display:none}
.icon-wechat .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.icon-wechat .wechat-qrcode .qrcode table{margin:0!important}
.icon-wechat .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0}
.icon-wechat .wechat-qrcode:after{content:"";position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border:6px solid transparent;border-top:8px solid #fff}
.icon-wechat:hover .wechat-qrcode{display:block}
.icon-wechat .help{display:none}
.icon-wechat .wechat-qrcode{top:-185px;left:-52px;width:150px;height:150px}
#top{position:fixed;z-index:999;bottom:50px;right:15px;background:#D61419;-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2);
width:40px;height:40px;border-radius:50%;text-align:center;line-height:36px;overflow:hidden;display:none;-webkit-transition:none;transition:none}
#top:hover{opacity:.8}


/*搜索弹框*/
.seabox{float: right;height: 70px;display: flex;align-items: center;}
.seabox .demo a{display: flex;justify-content: center;align-items: center;}
.seabox .demo a img{width: 22px;}
.seabox .demo a img.bai{display: block;}
.seabox .demo a img.hei{display: none;}
.header-fixed .seabox .demo a img.hei{display: block;}
.header-fixed .seabox .demo a img.bai{display: none;}
/*.seabox .demo a span{display: block;width:32px;height:3px;background: #fff;}
.seabox .demo a span:first-of-type{margin-bottom: 8px;}
.seabox .demo a span:last-of-type{margin-top:8px;}*/
.header-fixed .seabox .demo a span{background: #000;}
#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.8;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ width: 100%; height: 100%;display: none; background-color: #000; position: fixed; top:0; left:0;z-index: 10000;padding: 0 60px;}
.dialogTop{display: flex;justify-content: flex-end;align-items: center;height: 60px;}
.dialogTop a{display: block;width: 40px;height: 40px;padding: 23px 0px 0px 15px;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);}
.dialogTop a span{width: 32px;height: 3px;display: block;background: #fff;}
.dialogTop a span:first-of-type{transform:rotate(90deg);
-ms-transform:rotate(90deg); 
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);margin: 0 0px -3.6px 0px;}
.tsea{display: flex;justify-content: center;padding:15% 0 0 0;}
.tsea_b{max-width:650px;width: 100%;}
.tsea h3{width: 100%;display: flex;justify-content: center;align-items: center;margin-bottom:40px;}
.tsea h3 input{width: calc(100% - 30px);height: 45px;line-height: 45px;padding:0 5px;border-bottom: 1px solid #fff;border-top: none;border-left: none;border-right: none;
color: #fff;font-size: 18px;}
.tsea h3 input::-webkit-input-placeholder {color: #fff; font-size: 22px;}
.tsea h3 input::-moz-input-placeholder {color: #fff;  font-size: 22px;}
.tsea h3 input::-ms-input-placeholder {color: #fff; font-size: 22px;}
.tsea h3 a{display: block;width: 27px;height: 27px;margin-left: 10px;}
.tsea h3 a img{width: 100%;display: block;}
.tsea .tsea_b p{width: 100%;/*display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;*/color: #fff;line-height: 36px;}
.tsea .tsea_b p span:first-child{font-size:21px;display: block;margin-bottom: 10px;display: block;width: 100%;}
.tsea .tsea_b p span:last-of-type{display: block;width: 100%;}
.tsea .tsea_b p span a{font-size: 16px;margin-right: 4px;color: #fff !important;}
.tsea .tsea_b p span a:hover{text-decoration: underline;color: #00479d !important;}
.tsea .tsea_b p small{font-size: 16px;}
/*搜索弹框 -- end*/



/*banner轮播*/
#banner .swiper-pagination{padding:0 60px;bottom:40px;text-align:left}
#banner .swiper-pagination .swiper-pagination-bullet{border-radius:0;width:2px;height:10px;background:#fff;opacity:1;-webkit-transition:height .2s linear;transition:height .2s linear}
#banner .swiper-pagination .swiper-pagination-bullet-active{height:20px}
#banner .slide-progress{position:absolute;z-index:10;top:50%;right:60px;width:1px;height:200px;margin-top:-100px;background:hsla(0,0%,100%,.6)}
#banner .slide-progress:after{content:"";position:absolute;top:0;left:0;width:100%;height:0;background:#fff}
#banner .slide-progress.animated:after{height:100%;-webkit-transition:height 5s linear;transition:height 5s linear}
#banner .swiper-slide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.15);z-index:5}
#banner .swiper-slide img{width:100%}
#banner .swiper-slide .title{font-size:50px;font-weight:700}
#banner .swiper-slide .desc{text-align:justify}
#banner .swiper-slide .desc .txt{font-size:0}
#banner .swiper-slide .desc .txt:after{content:"";display:inline-block;width:100%;font-size:0}
#banner .swiper-slide .desc .txt-cn span{font-size:30px}
#banner .swiper-slide .desc .txt-en{letter-spacing:5px;display:inline-block;width:100%}
#banner .swiper-slide .desc .txt-en span{font-size:12px}
#banner .swiper-slide .slide-content{position:absolute;bottom:200px;left:60px;color:#fff;z-index:10}
#banner .swiper-slide.swiper-slide1 .slide-content{left: auto;right: 60px;}
#banner .swiper-next{position:absolute;z-index:10;top:50%;left:60px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#banner .swiper-next:hover{opacity:.6}

/*左侧悬浮框*/
.back-top{ display: none; cursor: pointer; position: fixed; bottom:45px; right: 10px; z-index: 222; width: 66px; height: 66px;box-shadow:0px 4px 6px 0px rgba(100,100,100,0.35);
border-radius: 33px; background-color: #fff; text-align: center; line-height: 66px; } 
.back-top img{ vertical-align: middle; } 
.close{ position: absolute; right: 5px; top: 5px; cursor: pointer; } 
.fixed-right{ display: none; position: fixed; right: 15px; bottom: 250px; z-index: 223; background: #fff; width: 300px; height: 385px; border-radius: 15px; padding-top: 10px; 
box-shadow: 1px -2px 6px 0px rgba(183,183,183,0.31); overflow: hidden; } 
.fixed-right .box-bg{ position: absolute; bottom: 0; left: 0; height: 50px; width: 100%; overflow: hidden; 
background: linear-gradient(130deg,#00479d,#2269ba); } 
.fixed-right .box-bg:after{ content: ''; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); background-color: #fff; width: 280px; height: 50px; border-radius: 400%; } 
.phone{ margin-top: 10px;padding-bottom: 20px; border-bottom: 1px solid #ddd; } 
.phone a{ font-size: 24px; font-weight: 700; color: #00479d; display: block;}
.contact-group{ margin: 15px auto; } 
.contact-group p{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.contact-group p img{width:calc(50% - 10px);margin:0 5px;display: block;}
.contact-group span{display: block;text-align: center;font-size: 15px;}
a.contact-link{ display: inline-block; background-color: #CCD6E9; width: 135px; height: 42px; line-height: 42px; text-align: center; color: #002c72; border-radius: 5px; } 
a.contact-link img{ vertical-align: middle; } 
.fix-contact{ cursor: pointer; position: fixed; bottom: 120px; right: 10px; z-index: 224; width: 66px; height: 66px; box-shadow:0px 4px 6px 0px rgba(100,100,100,0.35);
border-radius: 33px; background-color: #fff; text-align: center; line-height: 66px; } 
.fix-contact img{ vertical-align: middle;width: 35px !important; } 

.partner-container {padding: 0 60px;}

/*更多按钮*/
.inews_more{width: 100%;}
.inews_more a{display: block;width: 150px;text-align: center;margin: 30px auto 30px auto;color: #000;border-bottom: 1px solid #000;padding: 15px 0;font-size: 16px;
font-weight:700;letter-spacing: 2px;display: flex;justify-content: center;align-items: center;transition: all 1s;}
.inews_more a:hover{/*background: #002c72;color: #fff;border-bottom: 1px solid #002c72;*/color: #002C72;}
.inews_more a img{margin-left: 10px;width:23px;transition: all 1s;}
.inews_more a:hover img{transform: translateX(10px);-webkit-transform: translateX(10px);}
.inews_more a img.morejian_hover{display: none;}
.inews_more a:hover img.morejian_hover{display: block;}
.inews_more a:hover img.morejian{display: none;}
.inews_more a: img.morejian_hover{display: block;}




/*产品推荐*/
.i_pro{width: 100%;padding: 85px 0;}
.tab{width: 100%;}
.tab-nav{margin-bottom: 30px;display: flex;justify-content: center;align-items: center;}
.tab-nav a{width:14%;height:60px;text-align:center;line-height:60px;font-size: 16px;color: #000;border-top: 1px solid #ccc}
.tab-nav a.current{color: #00479d;border-top: 2px solid #00479d;margin-top: -0.5px;}
.tab-nav a:hover{}
.iproduct{width: 100%;}
.ipro_ul{width: 100%;overflow: hidden;padding-bottom: 20px;}
.ipro_ul .ipro_li{float: left;width: calc(25% - 30px); margin: 15px;border: 1px solid rgba(170, 170, 170, 0.2);}
.ipro_ul .ipro_li:hover{box-shadow: 0 0 15px rgba(0,0,0,.1);}
.ipro_ul .ipro_li .ipro_img{height: 300px;display: flex;justify-content: center;align-items: center;border: 2px solid transparent;}
.ipro_ul .ipro_li:hover .ipro_img{border: 2px solid #00479d;}
.ipro_ul .ipro_li .ipro_img img{width: 70%;}
.ipro_ul .ipro_li .ipro_txt{padding:30px;}
.ipro_ul .ipro_li .ipro_txt h3{font-size: 17px;line-height: 24px;color: #000;text-align: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ipro_ul .ipro_li .ipro_txt h4{color: #666;font-size: 14px;line-height: 24px;text-align: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;margin: 5px 0;}
.ipro_ul .ipro_li .ipro_txt p{color: #666;font-size: 14px;line-height: 24px;text-align: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ipro_ul .ipro_li .code{padding: 0px 30px;font-size: 13px;color: #828282;line-height: 30px;}
.ipro_ul .ipro_li .code p{padding: 10px 0;border-top: 1px solid rgba(170, 170, 170, 0.2);}
.ipro_ul .ipro_li:hover .code p{border-top: 1px solid rgba(255,255,255,0.5);}
.ipro_ul .ipro_li:hover .ipro_txt,.ipro_ul .ipro_li:hover .code{background: #00479d;}
.ipro_ul .ipro_li:hover .ipro_txt h3,.ipro_ul .ipro_li:hover .ipro_txt h4,.ipro_ul .ipro_li:hover .ipro_txt p{color: #fff;}
.ipro_ul .ipro_li:hover .code{color: #fff;border-top-color: rgba(255, 255, 255, 0.2);}
/*作品展示*/

.ip_title{width: 100%;margin-bottom: 60px;}
.ip_title h2{font-size:27px;line-height: 1;margin-top: 20px;text-align: center;color: #dbdbdb;}
.ip_title p{font-size: 36px;text-align: center;line-height: 1;color: #000;}
.icase{width: 100%;padding:80px 0 30px 0;background: #f8f8f8;}
.icase_ul{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.icase_ul .icase_li{width: calc(25% - 30px);margin: 0 15px 30px 15px;}
.icase_ul .icase_li a{display: block;}
.icase_ul .icase_li .icase_liimg{width: 100%;}
.icase_ul .icase_li .icase_liimg img{display: block;width: 100%;}
.icase_ul .icase_li .icase_litxt{padding: 20px 10px;background: #fff;width: 100%;}
.icase_ul .icase_li .icase_litxt h3{margin-bottom: 18px;font-weight: normal;}
.icase_ul .icase_li .icase_litxt h3 span{font-size:16px;color: #292929;}
.icase_ul .icase_li .icase_litxt h3 small{font-size: 16px;color: #565656;}
.icase_ul .icase_li .icase_litxt h3 small.hmgang{margin: 0 5px 0 10px;}
.icase_ul .icase_li .icase_litxt p{display: flex;justify-content: space-between;align-items: center;}
.icase_ul .icase_li .icase_litxt p span{font-size: 13px;color: #979797;}
.icase_ul .icase_li .icase_litxt p small{width:28px;}
.icase_ul .icase_li .icase_litxt p small img{width: 100%;display: block;}
.icase_ul .icase_li .icase_litxt p small img.hong{display: none;}
.icase_ul .icase_li a:hover .icase_litxt p small img.hong{display: block;animation: finger infinite 3s;}
.icase_ul .icase_li a:hover .icase_litxt p small img.hui{display: none;}
.icase_ul .icase_li a:hover .icase_litxt p small{}
.icase_ul .icase_li.icase_li1{width: calc(50% - 30px);}
@keyframes finger {
    0% { transform: translate(-7px)}
    25% {transform: translate(7px) }
    50% { transform: translate(-7px)}
    75% { transform: translate(7px)}
    100% {transform: translate(-7px)}
}
.morebtn{margin-top: 30px;display: flex;justify-content: center;align-items: center;}
.morebtn a{width: 150px;height: 45px;line-height: 45px;border: 1px solid #666;cursor: pointer;display: -ms-flexbox;display: flex;margin: 0 auto;
-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;transition: all .3s ease-in-out;}
.morebtn a span{font-size: 15px;color: #282828; letter-spacing: 0;text-align: center;}
.morebtn a:hover{border-color: #00479d;}
.morebtn a:hover span{color: #00479d;}
/*作品展示-end*/

/*解决方案*/
.i_solu{width: 100%;padding: 80px 0 10px 0;}
.isolu{width: 100%;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.isolu .isolu_li{width: 25%;}
.isolu .isolu_li.isolu_liimg img{width: 100%;display: block;}
.isolu .isolu_li.isolu_litxt{padding: 0 50px;}
.isolu .isolu_li.isolu_litxt h3{color: #000;font-size: 22px;line-height: 38px;}
.isolu .isolu_li.isolu_litxt h4{font-size: 14px;line-height: 24px;color: #aaa;text-transform: uppercase;font-weight: normal;}
.isolu .isolu_li.isolu_litxt small{width: 50px;height: 0.1px;border: 1px solid #00479d;background: #00479d;display: block;margin:15px 0 20px 0;}
.isolu .isolu_li.isolu_litxt p{font-size: 15px;line-height: 24px;color: #666;margin-bottom:20px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.isolu .isolu_li.isolu_litxt span{display: flex;justify-content: flex-start;align-items: center;height: 40px;width: 120px;
font-size: 15px;}
.isolu .isolu_li.isolu_litxt span img{width:28px ;display: block;/*margin-left: 10px;*/transition: all 1s;}
.isolu .isolu_li.isolu_litxt span img.morejian{display: block;}
.isolu .isolu_li.isolu_litxt span img.morejian_hover{display: none;}
.isolu .isolu_li.isolu_litxt a:hover span img{transform: translateX(10px);-webkit-transform: translateX(10px);}
.isolu .isolu_li.isolu_litxt a:hover span img.morejian{display: none;}
.isolu .isolu_li.isolu_litxt a:hover span img.morejian_hover{display: block;}
.isolu_more{margin-top: 50px;} 

/*解决方案-滚动*/

.iframe{ overflow: hidden; position: relative; padding: 0.7rem 0 ; background: #f6f6f6;}
.iframe .list{ margin-top: 0.7rem;}
.iframe .swiper-container{ margin-top: 0.7rem;}
.iframe .item{ display: block; overflow: hidden; border-radius: 8px; background: #fff; box-sizing: border-box; box-shadow:rgba(74, 90, 117, 0.08) 0px 4px 16px 0px, rgba(74, 90, 117, 0.16) 0px 2px 4px 0px; transition: linear 0.35s ;}
.iframe .item .img{ overflow: hidden;}
.iframe .item .img img{ width: 100%; height: auto;}
.iframe .item .txt{ margin: 0.24rem 0.21rem;}
.iframe .item .txt h3{ font-size: 0.16rem; display: flex; align-items: center;}
.iframe .item .txt h3 span{ max-width: calc(100% - 0.3rem);}
.iframe .item .txt h3 i{ font-weight: bold; margin-left: 0.14rem;}
.iframe .list .item{ margin: 0; width: calc((100% - 0.38rem)/3); margin-right: 0.19rem;}
.iframe .swiper-pagination{ position: absolute;  left: 50%!important; transform: translateX(-50%); bottom: 0.2rem!important; text-align: center; max-width: 1200px;}
.iframe .swiper-pagination .swiper-pagination-bullet{ width: 0.35rem; height: 6px; background: #d80d18; opacity: 0.5; border-radius: 0; margin: 0 5px;}
.iframe .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1;}
.iframe{ overflow: hidden; position: relative; padding: 0.7rem 0 ; background: #f6f6f6;}
.iframe .list{ margin-top: 0.7rem;}
.iframe .swiper-container{ margin-top: 0.7rem;}
.iframe .item{ display: block; overflow: hidden; border-radius: 8px; background: #fff; box-sizing: border-box; box-shadow:rgba(74, 90, 117, 0.08) 0px 4px 16px 0px, rgba(74, 90, 117, 0.16) 0px 2px 4px 0px; transition: linear 0.35s ;}
.iframe .item .img{ overflow: hidden;}
.iframe .item .img img{ width: 100%; height: auto;}
.iframe .item .txt{ margin: 0.24rem 0.21rem;}
.iframe .item .txt h3{ font-size: 0.16rem; display: flex; align-items: center;}
.iframe .item .txt h3 span{ max-width: calc(100% - 0.3rem);}
.iframe .item .txt h3 i{ font-weight: bold; margin-left: 0.14rem;}
.iframe .list .item{ margin: 0; width: calc((100% - 0.38rem)/3); margin-right: 0.19rem;}
.iframe .swiper-pagination{ position: absolute;  left: 50%!important; transform: translateX(-50%); bottom: 0.2rem!important; text-align: center; max-width: 1200px;}
.iframe .swiper-pagination .swiper-pagination-bullet{ width: 0.35rem; height: 6px; background: #d80d18; opacity: 0.5; border-radius: 0; margin: 0 5px;}
.iframe .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1;}

.index-box-btn {
    height: 100px;
    width: 100%;
    padding-top:80px;
}

.index-box-btn .swiper-btn {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 10;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.index-box-btn .prev {
    right: 100px;
    background-image: url(../images/prev5.png);
    transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -ms-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
}

.index-box-btn .next {
    right: 50px;
    transition: right 0.5s ease;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -ms-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
    background-image: url(../images/next5.png);
}

/*产品-模糊搜索*/

.search-box {
	position: absolute;
	top: 30%;
	width: 100%;
}

.search-box  .title {
	padding: 15px 10px 10px 10px;
	font-size: 20px;
}

.search-box .inp01 {
	outline: 0;
	height: 50px;
	width: 80%;
	margin: 0 0 0 8%;
	color: #505050;
	background: #fff;
	border: 1px solid #d5d8da;
	float: left;
	padding-left: 10px;
	font-size: 14px;
	border-radius: 5px;
}

.search-box .search-btn {
	position: absolute;
	left: 87%;
	width: 50px;
	height: 50px;
	border: 0;
	background: #0064b4;
	cursor: pointer;
	color: #fff;
	font-size: 20px;
}

.search-box .search-btn i {
	font-size: 20px;
}


.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-Search:before {
    content: "\e609";
}


/* 产品-条件搜索*/

.container1 {
    width: 90%;
    margin: 0 5%;
    position: relative;
	margin-bottom: -50px;
	padding-top: 80px;
}

.container2 {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: -50px;
    padding-top: 80px;
}
.module-wrap {
    background: var(--module-background);
    position: relative;
    margin-bottom: 15px;
    border-radius: 4px;
    height: auto;
    transition: all 0.3s;
}
.module-wrap .module-content {
    overflow: hidden;
    padding: 10px 0;
    height: auto;
    font-size: 14px;
    color: var(--default-font);
}
.p25 {
    padding: 25px !important;
}
.relative {
    position: relative !important;
}
.page-line-1 {
    background: #0064b4;
    position: absolute;
    top: 15px;
    left: 0;
    display: block;
    width: 3px;
    height: 50px;
}
.search-cate {
    display: flex;
    line-height: 40px;
}
.mb25 {
    margin-bottom: 25px !important;
}
.search-cate .search-kind {
    width: 80px;
}
.search-cate .search-content {
    width: 100%;
}
.search-cate .search-content a.active {
    background: #0064b4;
    color: #fff;
}
.search-cate .search-content a {
    margin-right: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 10px;
    transition: all 0.3s;
}


@media (min-width:1082px) {
    .iframe .list .item:nth-child(3n){ margin-right: 0;}
    .iframe .item:hover{ transform: scale(1.03)}
    .iframe .item:hover .txt h3{ color: #e60012;}
}
@media (min-width:1px) and  (max-width:1081px){
}

/*.iframe1{ overflow: hidden; }*/
.iframe1 .list{ margin-top: 20px; position: relative;}
.iframe1 .list .item{ display: block; overflow: hidden; border-radius: 8px;}
.iframe1 .list .item .img{ overflow: hidden;}
.iframe1 .list .item .img img{ width: 100%; height: auto;}
.iframe1 .list .item .txt{ padding: 20px; display: flex; justify-content: center; align-items: center; background: #0066b7;}
.iframe1 .list .item .txt img{ display:none; width: 0.35rem; margin: 0;}
.iframe1 .list .item .txt h3{ margin: 0; font-size: 16px; color: #fff; }
.iframe1 .list .btn{ display: inline-flex; align-items: center; justify-content: center; width: 3.47rem; height: 1.5rem; top: -3.0rem; position: absolute; cursor: pointer; outline: none;}
.iframe1 .list .btn i{ font-size: 0.2rem;}
.iframe1 .list .btn-prev{ right: 4.64rem; border-radius: 0.02rem}
.iframe1 .list .btn-prev i{ color: #e60012; display: block; transform: rotate(180deg)}
.iframe1 .list .btn-next{ right: 5px;  border-radius: 0.02rem}
.iframe1 .list .btn-next i{ color: #f6f6f6; display: block;}
@media (min-width:1081px) {	
}
@media (min-width:1px) and  (max-width:1080px){
}



.iframe2{ padding: 0.7rem 0; background: #f6f6f6;}
.iframe2 .container{ align-items: center;}
.iframe2 .lt{ margin: 0; width: 45.754%; box-sizing: border-box; padding-right: 0.95rem;}
.iframe2 .lt h2{ font-size: 0.42rem; line-height: 1.45;}
.iframe2 .lt p{ font-size: 0.2rem; line-height: 1.45; margin-top: 0.6rem;}
.iframe2 .lt a{ display: inline-block; margin-top: 0.6rem; font-size: 0.22rem;}
.iframe2 .lt a i{ color: #e60012; font-size: 0.18rem;}
.iframe2 .fr{ margin: 0; width: 54.246%;}
.iframe2 .fr .player-container-1-dimensions { width: 100%; height:4.45rem;}
@media (min-width:1081px) {
}
@media (min-width:1px) and  (max-width:1080px){
    .iframe2 .lt{ width: 100%; padding: 0;}
    .iframe2 .fr{ width: 100%; padding: 0; margin-top: 0.6rem;}
}


.iframe3{ padding: 0.7rem 0;}
.iframe3 h2{ font-size: 0.48rem; color: #333333; text-align: center;}
.iframe3 .list{ margin-top: 0.7rem;}
.iframe3 .list .item{ margin: 0; width: calc((100%)/4); text-align: center;}
.iframe3 .list .item i{ font-size: 0.77rem; color: #e60012;}
.iframe3 .list .item h3{ margin: 0.18rem 0  ; font-size: 0.24rem; }
.iframe3 .list .item p{ font-size: 0.45rem; color: #e60012; font-weight: bold;}
@media (min-width:1081px) {  
}
@media (min-width:1px) and  (max-width:1080px){
    .iframe3 .list .item{ width: calc((100%)/2); margin-bottom: 0.3rem;}
}

.iframe4{ padding: 0.7rem 0; background: #f6f6f6;}
.iframe4 .list{ margin-top: 0.8rem; position: relative;}
.iframe4 .list .item{ display: block; overflow: hidden; border-radius: 0.1rem; box-shadow: 0 0 0.16rem rgba(0,0,0,0.08); background: #fff; transition: linear 0.35s;}
.iframe4 .list .item .img{ overflow: hidden;}
.iframe4 .list .item .img img{ width: 100%; height: auto;}
.iframe4 .list .item .txt{ padding: 0.39rem 0.17rem;}
.iframe4 .list .item .txt h4{ font-size: 0.16rem; margin-bottom: 0.3rem;}
.iframe4 .list .item .txt h3{ font-size: 0.22rem; line-height: 1.45;}
.iframe4 .list .item .txt time{ display: block; margin-top: 0.64rem; font-size: 0.18rem; color: #a6a5a5;}
.iframe4 .list .btn{ display: inline-flex; align-items: center; justify-content: center; width: 0.47rem; height: 0.47rem; top: -0.67rem; position: absolute; cursor: pointer; outline: none;}
.iframe4 .list .btn i{ font-size: 0.2rem;}
.iframe4 .list .btn-prev{ right: 0.64rem; background: #fff; border-radius: 0.02rem}
.iframe4 .list .btn-prev i{ color: #e60012; display: block; transform: rotate(180deg)}
.iframe4 .list .btn-next{ right: 1px; background: #e60012; border-radius: 0.02rem}
.iframe4 .list .btn-next i{ color: #fff; display: block;}
.icon-arrow-right:before {
    content: "\e601";
}
@media (min-width:1081px) {
    .iframe4 .item:hover{ transform: scale(1.01)}
}
@media (min-width:1px) and  (max-width:1080px){
}

.iframe5{ padding: 0.6rem 0; background: #e60012; text-align: center;}
.iframe5 .indextit h2{ color: #fff;}
.iframe5 .indextit p{ color: #fff;}
.iframe5  a{ display: inline-block; margin-top: 0.4rem; background: #e60012; padding: 0.2rem 0.52rem; border-radius: 0.52rem; font-size: 0.22rem; color: #fff; box-sizing: border-box; border: 2px solid #fff;}
.iframe5  a i{ margin-left: 0.2rem;}
@media (min-width:1081px) {
    .iframe5  a:hover{ background: #fff; color: #e60012;}
}

/*首页成功案例*/

.swiper-wrapperal {width: 100%; display:block; float:left;}

.swiper-slideal {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.index-box-3 .box-container {
    position: relative;
}
.index-box-3 .cat-box {
    position: absolute;
    right: 0;
    top: 160px;
    z-index: 10;
    font-size: 0;
}
.index-box-3 .cat-box a {
    display: inline-block;
    vertical-align: top;
    color: #848484;
    font-weight: 700;
    position: relative;
    margin-right: 60px;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    line-height: 24px;
    padding-bottom: 8px;
}
.index-box-3 .cat-box a:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #26193c;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
}
.index-box-3 .cat-box a:last-child {
    margin-right: 0;
}
.index-box-3 .cat-box a.on, .index-box-3 .cat-box a:hover {
    color: #26193c;
}
.index-box-3 .cat-box a.on:after, .index-box-3 .cat-box a:hover:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.index-box-3 .item {
    position: relative;
    display: none;
}
.index-box-3 .swiper-container {
    margin: 0 -10px;
    padding: 0 16px 30px;
}
.index-box-3 .swiper-slideal {
    width: 19.5%;
    margin-bottom: 20px;
    background: #eee;
	float:left;
	margin-right:0.5%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.index-box-3 .pic img {
    width: 80%;
    object-fit: cover;
    margin-left: 10%;
}
.index-box-3 .info {
    padding: 30px 20px 30px;
}
.index-box-3 .name {
    font-size: 18px;
    color: #222;
    line-height: 40px;
    height: 40px;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index-box-3 .desc {
    font-size: 14px;
    color: #999;
    line-height: 30px;
    height: 30px;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 22px auto 38px;
}   
.more1 {
    display: block;
    width: 47px;
    height: 33px;
    background-image: url(../images/more.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}
.index-box-3 .swiper-pagination {
    display: none;
}
.index-box-3 .item.on {
    display: block;
    animation: fadeIn 0.3s ease-out;
}
.index-box-3 .swiper-slideal:hover {
    background: #fff;
    box-shadow: 0px 0px 35px 0px rgb(0 0 0 / 7%);
}
.index-box-3 .swiper-slideal:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.index-box-3 .swiper-slide:hover .more {
    background-image: url(../images/more3.png);
}

.index-box-3 .namecpbt {
    font-size:30px;
    color:#26193c;
    line-height:40px;
	margin-top:6px;
    height:60px;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.index-box-3 .namecpxbt {
    font-size:24px;
    color:#333;
    line-height:30px;
    height:40px;
	margin-top:40px;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.index-box-3 .desccp {
    font-size: 20px;
    color: #666;
    line-height:30px;
	padding-left:20px;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 2px auto 30px;
} 

.index-box-3 .desccptw {
    font-size:20px;
    color: #666;
    line-height:30px;
	padding-left:20px;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 2px auto 178px;
} 


/*首页关于我们*/

.zs-homeabout{
    display: table;
    width: 100%;
    padding: 0;
}
.zs-homeabout .zs-wp{
    display: flex;
    justify-content: space-between;
    padding: 75px;
    box-sizing: border-box;
    background-color: #f4f4f4;
    border-radius: 8px;
}
.zs-homeabout .left{
    width: 40%;
}
.zs-homeabout .left .title{
    font-size: 34px;
    font-weight: bold;
    color: #0064b4;
}
.zs-homeabout .left .subtitle{
    margin-top: 10px;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2;

}
.zs-homeabout .left .desc{
    font-size: 20px;
    margin-top: 30px; 
}
.zs-homeabout .left .content{
    margin-top: 25px;
    font-size: 16px;
    color: #666666;
}
.zs-homeabout .left a{
    width:120px;
    height:44px;
    line-height:44px;
    padding-left:30px;
    font-size:16px;
    border-bottom:1px solid #0064b4;
    display:inline-block; 
    color:#0064b4;
    transition: all 0.35s;
    margin-top: 30px;
}
.zs-homeabout .left a:hover{
    padding-left:70px;
    background-size:60px 1px;
    transition: all 0.35s;
}
.zs-homeabout .right{
    width: 50%;
}
.zs-homeabout .right img{
    width: 100%;
}

.zs-fr{
  float: left;
}
.zs-fr{
  float: right;
}

/* 首页公司新闻*/

.zs-homenews .zs-wp{
   margin: 0 2%;
}

.zs-homenews {
	width:100%; margin:0 5%;; margin-top:-30px;display:flex;
}

 .zs-homenews .newspic{
     width:30%;
	 float: left;
}

.zs-w100 {
    display: table;
    width: 100%;
}
 .zs-homenews .newspic .zs-w100{
     margin-top: 1.302083vw;
}

.zs-homenews-list li:hover .date {
    background: #0064b4;
    transition: all ease-out 0.35s;
}
 .zs-homenews .newspic .date{
    float: left;
    width: 70px;
    height: 80px;
    background: #0064b4;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    border-radius: 3px;
    box-sizing: border-box;
    margin-right: 15px;
    transition: all ease-out 0.35s;
}

 .zs-homenews .newspic .date span{
     font-size:1.666667vw;
}
 .zs-homenews .newspic .text{
     width:100%;
}
 .zs-homenews .newspic .text .title{
     font-size:18px;
     padding-bottom:20px;

}
 .zs-homenews .newspic:hover .text .title{
     background-size:4.166667vw 0.052083vw;
}
 .zs-homenews .newspic .text .desc{
     font-size: 14px;
}
 .zs-homenews-list{
     width:66%;
	 float: right;
}
 .zs-homenews-list li{
     width:26vw;
     margin-left:1vw;
     margin-bottom:1vw;
	 float: left;
}


.zs-homenews-list li .date {
    float: left;
    width: 70px;
    height: 80px;
    background: #666;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    border-radius: 3px;
    box-sizing: border-box;
    margin-right: 15px;
    transition: all ease-out 0.35s;
	line-height: 1.4;
     font-size: 12px;
}
 .zs-homenews-list li .date span{
     font-size:1.666667vw;
}
 .zs-homenews-list li .text{
     width:90%;

}
 .zs-homenews-list li .text .title{
     font-size:1.041667vw;
     padding-bottom:0.520833vw;
     margin-bottom:0.416667vw;
     background-size:1.5625vw 0.052083vw;
}
 .zs-homenews-list li:hover .text .title{
     background-size:4.166667vw 0.052083vw;
}

.zs-homenews-list li .text .title {
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 8px;
    font-weight: 500;
    line-height: 1.2;
    transition: all ease-out 0.35s;
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
}
 .zs-homenews-list li .text .desc{
     font-size: 0.625vw;
}

.zs-homenews-list li .text .desc {
    font-size: 14px;
    color: #666666;
    height: 43px;
    overflow: hidden;
}


/*内页新闻*/

/* 


ul.news_list li {
    margin-bottom: 30px;
    padding: 15px;
    border-bottom: 1px solid #eee;
    position: relative;
}
ul.news_list li a {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
ul.news_list li .pic {
    width: 20%;
}
ul.news_list li .title {
    width: 80%;
    min-height: 150px;
    padding: 0 24px;
}
ul.news_list li .title h3 {
    margin: 10px 0;
    font-size: 18px;
    font-weight: bold;
    color: #505050;
    line-height: 1.6;
}


ul.news_list li .title h3:hover {
    color: #0064b3;
}


ul.news_list li .title .infos {
    font-size: 16px;
    color: #6c6c6c;
    margin-bottom: 10px;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
}
ul.news_list li .title .news_btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
ul.news_list li .title .news_btn .time {
    font-size: 18px;
    color: #6c6c6c;
    line-height: 2;
}
ul.news_list li .title .news_btn .time i {
    color: #0064b3;
    margin-right: 5px;
    font-size: 18px;
}
ul.news_list li::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    background: #eee;
}
ul.news_list li::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background: #eee;
} */

.wp {
    width: 100%;
}
.news_list {margin: 0 5%;}
.p_pro {
    margin-top: 45px;
}
ul.news_list li {
	margin-bottom: 30px;
	padding: 15px;
	border-bottom: 1px solid #eee;
	position: relative;
}

ul.news_list li:hover {
	border-bottom: none;
}

ul.news_list li::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	background: #eee;
}

ul.news_list li::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background: #eee;
}

ul.news_list li:hover::before {
	opacity: .8;
}

ul.news_list li:hover::after {
	width: 100%;
	background: #0064b4;
}

ul.news_list li a {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

ul.news_list li .pic {
	width: 20%;
}

ul.news_list li .title {
	width: 80%;
	min-height: 150px;
	padding: 0 24px;
}

ul.news_list li .title h3 {
	margin: 10px 0;
	font-size: 18px;
	font-weight: bold;
	color: #505050;
	line-height: 1.6;
}

ul.news_list li .title h3:hover {
	color: #0064b4;
}

ul.news_list li .title .infos {
	font-size: 16px;
	color: #6c6c6c;
	margin-bottom: 10px;
	display: block;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	display: -webkit-box;
}

ul.news_list li .title .news_btn {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.news_list li .title .news_btn .time {
	font-size: 14px;
	color: #6c6c6c;
	line-height: 2;
}

ul.news_list li .title .news_btn .time i {
	color: #0064b4;
	margin-right: 5px;
	font-size: 18px;
}

ul.news_list li .title .news_btn .news_more {
	display: inline-block;
	line-height: 36px;
	font-size: 16px;
	text-transform: uppercase;
	padding: 0 20px;
	color: #fff;
	background: #505050;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	text-decoration: none;
}

ul.news_list li .title .news_btn .news_more:hover {
	background: #0064b4;
}

.top_btn {
	display: none;
}

.wap_menu {
	display: none;
}










/*联系我们*/
.i_contact{width: 100%;padding: 85px 0;}
.icontact{max-width: 1140px;width: 100%;margin: 0 auto;}
.icon_top{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.icon_top .icon_le{width: calc(50% - 30px);margin: 0 15px 30px 15px;padding: 20px 0 30px 0;text-align: center;background: #fff;
box-shadow: 0 0 30px rgb(214 215 216 / 60%);height: 200px;}
.icon_top .icon_le img{width: 45px;margin: 0 auto 20px auto;}
.icon_top .icon_le h3{color: #444;font-size: 18px;margin-bottom: 15px;}
.icon_top .icon_le p{font-size: 17px;color: #333;line-height: 24px;font-weight: bold;}
.icon_top .icon_rig{float: right;width:50%;display: flex;justify-content: space-between;align-items: center;}
.icon_top .icon_rig .iconrig_li:first-of-type{width: calc(50% - 30px);margin: 0 15px 30px 15px;}
.icon_top .icon_rig .iconrig_li:last-of-type{width: calc(50% - 30px);margin: 0 15px 30px 15px;}
.icon_top .icon_rig .iconrig_li{padding: 20px 0 30px 0;text-align: center;background: #fff;height: 200px;
box-shadow: 0 0 30px rgb(214 215 216 / 60%);}
.icon_top .icon_rig .iconrig_li img{width: 45px;margin: 0 auto 20px auto;}
.icon_top .icon_rig .iconrig_li h3{color: #444;font-size: 18px;margin-bottom: 15px;}
.icon_top .icon_rig .iconrig_li p{font-size: 17px;color: #333;line-height: 24px;font-weight: bold;}
.icon_bot{width: 100%;}
.icon_bot .iconform{width: calc(100% - 30px);margin: 0 15px;background: #fff;box-shadow: 0 0 30px rgb(214 215 216 / 60%);padding: 30px;}
.icon_bot .iconform form{width: 100%;overflow: hidden;}
.icon_bot .iconform form p{width: calc(50% - 30px);margin: 15px;float: left;}
.icon_bot .iconform form p label{color: #666;font-size: 15px;margin-bottom: 10px;display: block;}
.icon_bot .iconform form p input{width: 100%;padding: 0 5px;height: 35px;line-height: 35px;border: 1px solid #ccc;}
.icon_bot .iconform form p.you{width: calc(100% - 30px);}
.icon_bot .iconform form p.liuy{width: calc(100% - 30px);}
.icon_bot .iconform form p textarea{width: 100%;padding: 0 5px;height:80px;line-height: 25px;border: 1px solid #ccc;}
.icon_bot .iconform form button{display: block;margin: 15px auto;width: 120px;height: 40px;text-align: center;line-height: 40px;background: #00479d;color: #fff;font-size: 16px;
border: 1px solid #00479d;}

.contact_bd {  width: 100%;background: #d8d8d82e;padding-bottom: 60px;}
.contact_d {padding-top:50px;}
.contact_d h2 {
    font-size: 26px;
    color: #333;
    margin-bottom: 20px;
    font-weight: normal;
	text-align: center;
	padding-bottom: 30px;
}
.contact_d form{width: 100%;overflow: hidden; text-align: center;}
.contact_d form label{font-size: 16px;color: #666;margin-bottom: 15px;display: block;}
.contact_d form input{width: calc(50% - 12px);height: 32px;line-height: 30px;padding: 0 5px;border: 1px solid #777;border-radius: 5px;margin-bottom: 10px;}
.contact_d form textarea{width: calc(50% - 12px);height:85px;line-height:26px;padding: 0 5px;border: 1px solid #777;border-radius: 5px;margin-bottom: 50px;}
.contact_d form button{width: 120px;height:40px;background: #00479D;color: #fff;border: 1px solid #00479D;border-radius: 5px;}


/*底部*/


.f_foot_bg{ background:#333; padding:10px 0;overflow:hidden;}

.f_m p i{width:15px; height:15px;display:inline-block;}
.Icont_bg{background:url(../images/cont_bg.jpg) no-repeat;background-size:cover;}
.Icont{padding:1% 0;text-align:center;} 
.Icont span{color:#fff;font-size:30px;}
.Icont span i{display:block;font-size:35px; letter-spacing:1px; font-style: normal;}
.fenx_icon{overflow:hidden;max-width:130px;margin:0 auto;margin-top:10px;}
.fenx_icon a{float:left;margin-left:8px;}
.fenx_icon a img{width:20px;background:#333;padding:6px;border-radius:120px;}
.fenx_icon a:hover img{background:#ED4F23;}

.foot_address{text-align:center;line-height:32px;font-size:14px;margin-top:10px;color:#eee;padding-left: 150px;}
.foot_address p{margin-bottom:5px}

.lianjie{text-align:center}
.lianjie a{margin-right:1%;}
.Hright{text-align:center;margin-bottom:10px;}
.Hright strong{display:block;color:#fff;margin-bottom:10px}
.Hright img{margin:5px 0; width:120px;}
.Hright i{display:block;color:#eee;font-size:14px;font-style: normal}

.f_foot_bg span{color:#999;}
.f_foot_bg a{color:#999;}


.footer_nav {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 10px;
    text-align: left;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.i_footercall img {
    width: 100px;

}
.footLeft h4 {
    font-size: 14px;
    color: #FFFFFF;
}

.footLeft span i {
    display: block;
    font-size: 30px;
    letter-spacing: 1px;
    font-style: normal;
	color: #FFFFFF;
}
.i_footercall { margin:50px 0; padding-right:10px;}
.i_footercall h3 {color:#fff; font-size:14px;    text-align: center; padding-top:10px}
.footright { display: flex; }

.footer_box {width:75%;}
.footLeft {margin-left:100px;}

/*************************************************************************内页************************************************************************/
/*解决方案*/
.add{width: 100%;height: 50px;background: #f9f9f9;}
.add_b{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.add_b p{line-height: 50px;color: #333;}
.add_b p:first-of-type{width: 50px;}
.add_b p a{font-size: 14px;color: #333;}
.add_b p:last-of-type{display: flex;justify-content: flex-end;align-items: center;width: calc(100% - 50px);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.add_b p:last-of-type a{margin: 0 5px;}
.add_b p:last-of-type span{margin-left: 5px;display: block;}
.add_b p a:hover{color: #00479d;}

.solu_btn{width: 100%;margin: 0px 0 40px 0;overflow: hidden;padding:0 10px;}
.solu_btn p{float: left;margin-right:30px;}
.solu_btn p.first a{font-size: 17px;font-weight: bold;}
.solu_btn p a{float: left;height:35px;line-height:35px;position: relative;color: #333;font-size: 16px;}
/*.solu_btn p.active a{color: #D61419;}
.solu_btn p.active a:after,.solu_btn p.active a:before{background: #D61419;}*/
.solu_btn p a, .solu_btn p a:after, .solu_btn p a:before {transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.solu_btn p a:after, .solu_btn p a:before {content: "";position: absolute;width: 0;height: 1px;background-color: #333333;}
.solu_btn p a:before {top: 0;left: 0;}
.solu_btn p a:after {bottom: 0;right: 0;}
@media screen and (min-width:768px){
	.solu_btn p.active a:after, .solu_btn p.active a:before, .solu_btn p:hover a:after, .solu_btn p:hover a:before {width: 100%;}
}

.solu_ul{width: 100%;overflow: hidden;}
.solu_ul .solu_li{float: left;width: calc(25% - 20px);margin: 10px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}
.solu_ul .solu_li a{display: block;}
.solu_ul .solu_li .solu_liimg{width: 100%;}
.solu_ul .solu_li .solu_liimg img{display: block;width: 100%;}
.solu_ul .solu_li .solu_litxt{padding: 20px 10px;background: #fff;width: 100%;}
.solu_ul .solu_li .solu_litxt h3{font-weight: normal;display: flex;justify-content: space-between;align-items: center;height: 50px;}
.solu_ul .solu_li .solu_litxt h3 span{font-size: 16px;color: #292929;width: calc(100% - 35px);line-height: 24px;}
.solu_ul .solu_li .solu_litxt h3 small {width: 28px;}
.solu_ul .solu_li .solu_litxt h3 small img{width: 100%;display: block;}
.solu_ul .solu_li .solu_litxt h3 small img.hui{display: block;}
.solu_ul .solu_li .solu_litxt h3 small img.hong{display: none;}
.solu_ul .solu_li a:hover .solu_litxt h3 small img.hui{display: none;}
.solu_ul .solu_li a:hover .solu_litxt h3 small img.hong{display: block; animation: finger infinite 3s;}

.page_btn{width: 100%;margin-top: 50px;}
.page_btn a{font-size: 15px;padding: 3px 5px;margin: 0 5px;border: 1px solid #999;display: block;color: #777;}
.page_btn a.active{color: #fff;border: 1px solid #00479D;background: #00479D;}
.page_btn a:hover{color: #fff;border: 1px solid #00479D;background: #00479D;}

/*解决方案详情*/
.solu_det{width: 100%;}
.soludet_txt{width: 100%;}
.soludet_txt h2{text-align: center;font-size: 26px;color: #000;margin-bottom:20px;}
.soludet_txt h3{display: flex;justify-content: center;align-items: center;font-weight: normal;}
.soludet_txt h3  span{display: block;margin: 0 10px;color: #888;font-size: 14px;margin-bottom: 35px;}
.soludet_btn{width: 100%;margin-top: 30px;display: flex;justify-content: space-between;align-items: center;}
.soludet_btn p:first-of-type{}
.soludet_btn p:last-of-type{}
.soludet_btn p a{font-size: 15px;color: #666;}
.soludet_btn p a:hover{color: #00479D;}




.contit h2{font-size:52px;text-transform: uppercase;letter-spacing:2px;margin-bottom: 5px;color: #9e9e9e;}
.contit p{font-size:32px;color: #333;}
/*关于我们*/
.about{width: 100%;padding:40px 0;}
.about_con{width: 100%;padding:60px;}
.about.about_bg{background: url(../images/about_bg.png) no-repeat center;background-size: cover;}
.aboutb_txt{width: 100%;overflow: hidden;margin: 50px 0;}
.about_le .contit{margin-bottom: 40px;}
.about_le{width:53%;float: left;}
.about_le h4{color: #00479D;font-size: 25px;line-height:40px;margin-bottom: 15px;}
.about_le p.abp{color: #333;font-size: 16px;line-height:30px;margin-bottom: 15px;text-align: justify;}
.about_rig{float: right;width: 43%;}
.about_rig img{width: 100%;display: block}

.lc_le{width:100%;padding: 50px 50px;}
.contit {padding-bottom: 20px;}

/*解决方案*/
.yewu{margin: 50px 0 20px 0;     padding: 0 150px;}
.anlib{width: 100%;overflow: hidden;}
.anlib .anli_le{float: left;width: 50%;padding:100px 50px 0px 50px;}
.anlib .anli_le h3{display: flex;justify-content: flex-start;align-items: center;}
.anlib .anli_le h3 small{width:3px;display: block;height:70px;background: #00479d;display: block;margin-right: 20px;}
.anlib .anli_le h3 span{text-transform: uppercase;}
.anlib .anli_le h3 span strong{line-height: 35px;font-size: 22px;color: #333;display: block;}
.anlib .anli_le h3 span em{line-height: 35px;font-size:19px;color: #333;font-style: normal;display: block;}
.anlib .anli_le p{margin: 25px 0;font-size: 16px;color: #5a5a5a;line-height: 24px;}
.anlib .anli_le h4{display: flex;justify-content: flex-start;align-items: center;}
.anlib .anli_le h4 a{display: block;border: 1px solid #666;padding: 5px 8px;font-size: 14px;margin-right: 10px;font-weight: normal;color: #666;}
.anlib .anli_le h4 a:hover{background: #00479d;color: #fff;border-color:#00479d ;}
.anlib .anli_le h4 a.casecha{border: none;}
.anlib .anli_le h4 a.casecha img{width: 24px;/*transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;*/animation: finger infinite 3s;}
@keyframes finger {
    0% { transform: translate(-5px)}
    25% {transform: translate(5px)}
    50% {transform: translate(-5px)}
    75% {transform: translate(5px)}
    100% {transform: translate(-5px)}
}
/*.anlib .anli_le h4 a.casecha:hover img{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);
-o-transform:translateX(10px);transform:translateX(10px)}*/
.anlib .anli_le h4 a.casecha:hover{background: none;}
.anlib .anli_rig{float: right;width: 50%;}
.anlib .anli_rig img{width: 100%;display: block;}

.anlib.anlib1 .anli_le{float: right;}
.anlib.anlib1 .anli_rig{float: left;}


/*案例展示*/
.zuopin{width: 100%;padding: 50px 0;background: #f8f8f8;}
.zuopin .contit{padding:0 15px;}
.case_btn{width: 100%;margin: 60px 0;overflow: hidden;padding:0 15px;}
.case_btn p{float: left;margin-right: 50px;}
.case_btn p a{float: left;height:35px;line-height:35px;position: relative;color: #333;font-size: 16px;}
/*.case_btn p.active a{color: #D61419;}
.case_btn p.active a:after,.case_btn p.active a:before{background: #D61419;}*/
.case_btn p a, .case_btn p a:after, .case_btn p a:before {transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.case_btn p a:after, .case_btn p a:before {content: "";position: absolute;width: 0;height: 1px;background-color: #333333;}
.case_btn p a:before {top: 0;left: 0;}
.case_btn p a:after {bottom: 0;right: 0;}
.icase_ul.caseul .icase_litxt{background: #f8f8f9;}
/*联系我们*/
.contact .contact_b{width: 100%; overflow: hidden;}
.con_le{float: left;width: 45%;}
.con_le .contit p {font-size: 26px;color: #333;}
.con_le p{padding: 20px 0;border-bottom: 1px dashed #888;font-size: 16px;color: #666;line-height: 28px;}
.con_le p.con_ewm{display: flex;justify-content: flex-start;align-items: flex-start;}
.con_le p.con_ewm img{width: 120px;}
.con_le p:last-of-type{border-bottom: none;}
.con_rig{float: right;width: 45%;padding-top:65px;}
.con_rig h2{font-size: 26px;color: #333;margin-bottom: 20px;font-weight: normal;}
.con_rig form label{font-size: 16px;color: #666;margin-bottom: 15px;display: block;}
.con_rig form input{width: calc(100% - 12px);height: 32px;line-height: 30px;padding: 0 5px;border: 1px solid #777;border-radius: 5px;margin-bottom: 10px;}
.con_rig form textarea{width: calc(100% - 12px);height:85px;line-height:26px;padding: 0 5px;border: 1px solid #777;border-radius: 5px;margin-bottom: 10px;}
.con_rig form button{width: 120px;height:40px;background: #00479D;color: #fff;border: 1px solid #00479D;border-radius: 5px;}
.contact .map{width: 100%;margin-top: 20px;}
.contact .map img{display: block;width: 100%;}



/*产品详情*/
.pro_det{width: 100%; padding:40px 0;}
.Xcontent{ width: 100%; overflow: hidden;background: #fff;padding: 10px;margin-bottom: 20px;} 
.Xcontent01{width:40%;float: left;} 
.Xcontent06{ width: 100%; height: auto;display: flex;justify-content: center;align-items: center;border: 1px solid #eee;padding: 10px;} 
.Xcontent06 img{display: block;width: 100%;}
.Xcontent08{width: 100%; height: 80px; margin-top: 26px;overflow: hidden;} 
.Xcontent07,.Xcontent09,.Xcontent10,.Xcontent11,.Xcontent12{ width: calc(20% - 5px); height: 65px; border: 1px solid #e8e8e8; float: left;margin-right: 5px;
display: flex;justify-content: center;align-items: center;} 
.Xcontent07>img,.Xcontent09>img,.Xcontent10>img,.Xcontent11>img,.Xcontent12>img{ /*width: 100%; height: 100%;*/ padding: 5px;}

.prodet{width:55% ;float: right;padding: 30px  0 0 0;}
.prodet h3{font-size: 22px;color: #00479D;}
.prodet p{font-size: 15px;line-height: 24px;margin-top: 25px;color: #666;}
.prodet p span{font-weight: bold;color: #000;}
.prodet p.prodet_btn a{display: block;width: 130px;background: #00479D;color: #fff;height:40px;color: #fff;font-size: 15px;
line-height: 40px;text-align: center;border-radius: 5px;}

.pro_xq .tab-nav{width: 100%;justify-content: flex-start;border-top: 1px solid #ccc;}
.pro_xq .tab-nav a{border-top: none;}
.pro_xq .tab-nav a.current{border-top: 2px solid #00479D;margin-top: -4px;}


/*******************************关于我们****************************************/
/*公司资质*/
.gslc{padding: 50px 0;width: 100%;background: linear-gradient( to bottom, #0368ba,#15b0bf,#325687,#0064b4);}
.gszz{padding: 50px 0;width: 100%;background: #f9f9f9;}
.gszz .gszz_ul{width: 100%;overflow: hidden;margin-top: 40px;}
.gszz .gszz_ul .gszz_li{float: left;width: calc(33% - 20px);margin: 10px;background: #fff;border-radius: 8px;padding: 20px;}
.gszz .gszz_ul .gszz_li .gszz_liimg{height:100%;margin-bottom:20px;}
.gszz .gszz_ul .gszz_li .gszz_liimg img{display: block;height: 220px;margin: 0 auto;}
.gszz .gszz_ul .gszz_li p{font-size: 16px;line-height: 28px;text-align: center;white-space: nowrap;
    overflow: hidden;}

.gszz .gszz_ul .gszz_lii {
    float: left;
    width: 98%;
    margin: 10px;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
}

.gszz .gszz_ul .gszz_liix{float: left;width: calc(19% - 20px);margin: 10px;background: #fff;border-radius: 8px;padding: 20px;}
.gszz .gszz_ul .gszz_liix .gszz_liimg{margin-bottom:20px;}
.gszz .gszz_ul .gszz_liix .gszz_liimg img {
    display: block;
    height: 100%;
	width: 100%;
    margin: 0 auto;
}
.gszz .gszz_ul .gszz_lii p{font-size: 16px;line-height: 28px;text-align: center;}


/*加入我们*/

.join_txt{width: 100%;margin: 30px 0;}
.join_txt p{font-size: 16px;line-height: 28px;color: #444;}
.join_txt p.zd{font-size: 17px;color: #0064b4;line-height: 30px;font-weight: bold;margin: 15px 0;}
ul.accordion li{margin:30px 0;padding: 10px;background:#f9f9f9;/*border-bottom: 1px solid #CCC;*/border-radius: 8px;}
.accordion {width: 100%;margin:30px 0;-webkit-border-radius: 4px;
-moz-border-radius: 4px;border-radius: 4px;}
.accordion .link {cursor: pointer;display: block;padding: 15px 15px 15px 42px;color: #333;font-size: 14px;
font-weight: 700;/*border-bottom: 1px solid #CCC;*/position: relative;
-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.link_tit h3{font-size: 22px;font-weight: 600;line-height: 1.6; color: #0064b4;}
.link_tit p{font-size: 14px;line-height: 20px;color: rgba(17,17,17,0.5);margin-top: 10px;}
.accordion li:last-child .link {border-bottom: 0;}
.accordion li i {position: absolute;top: 30px;left: 12px;font-size: 18px;color:#a09e9e;
-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;
transition: all 0.4s ease;}
.accordion li i.fa-chevron-down1 {right: 12px;left: auto;font-size:30px;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;}
.accordion li i.fa-chevron-down1 img{max-width:50%;}
.accordion li.open .link {color: #00479D;}
.accordion li.open i {color: #1B16FD;}
.accordion li.open i.fa-chevron-down1 {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);transform: rotate(180deg);}
/*Submenu*/
.submenu {display: none;background:none;font-size: 14px; }
.submenu li {border-bottom: 1px solid #4b4a5e;}
.submenu a {display: block;text-decoration: none;color: #d9d9d9;padding: 12px;padding-left: 42px;
-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.submenu_txt span.line{border-bottom: 1px solid rgba(0,0,0,0.2);width: 100%;display: block;margin-bottom: 5px;}
.submenu_txt{padding:10px 15px 20px 42px;}
.submenu_txt h5{font-size: 16px;line-height: 32px;font-weight: bold;margin: 15px 0 10px 0;}
.submenu_txt p{font-size: 15px;line-height: 26px;margin: 5px 0;}
.submenu_txt p span{font-size:15px;line-height: 26px;font-weight: bold;}
.submenu_txt p small{font-size: 16px;color: #00479D;display: flex;justify-content: flex-start;align-items: center;}
.submenu_txt p small a{font-size: 16px;color: #00479D;padding: 0 10px;}
.submenu_txt h4{margin:15px 0 10px 0;text-align: center;display: flex;justify-content: flex-start;align-items: center;}
.submenu_txt h4 a{display: block;color: #fff;background: #0064b4;padding:0 10px;font-size: 15px;height:40px ;line-height: 40px;border-radius: 5px;
font-weight: normal;border: 1px solid #0064b4;}
.submenu_txt h4 a:hover{background: none;color: #0064b4;}


/*企业文化*/
.qywh{background: #f4f4f4;}
.main .sec2{ padding: 100px 0 190px; background-color: #f4f4f4; } 
.main .sec2 .box{ margin-bottom: 100px; position: relative; } 
.main .sec2 .box.active{ opacity: 1; } 
.main .sec2 .box:last-child{ margin-bottom: 0; } 
.main .sec2 .box .bg{ width: 100%; } 
.main .sec2 .box .img-box{ width: 92.86%; position: absolute; top: 0; height: 100%; z-index: 0; opacity: 0; transition: all 1s 0.5s; -webkit-transition: all 1s 0.5s; } 
.main .sec2 .box .img-box.left{ left: -100%; } 
.main .sec2 .box .img-box.right{ right: -100%; } 
.main .sec2 .box.active .img-box.left{ left: 0; opacity: 1; } 
.main .sec2 .box.active .img-box.right{ right: 0; opacity: 1; } 
.main .sec2 .box .img-box img{ height: 100%; } 
.main .sec2 .box .img-box img.web{display: block;}
.main .sec2 .box .img-box img.mobile{display: none;}
.main .sec2 .box .text-box{ z-index: 1; position: absolute; top: 0; height: 100%; 
display: flex; align-items: center; justify-content: center; -webkit-display: flex; -webkit-align-items: center; -webkit-justify-content: center; 
max-width: 50%; opacity: 0; transition: all 1s 0.5s; -webkit-transition: all 1s 0.5s; } 
.main .sec2 .box .text-box.left{ left: -100%; } 
.main .sec2 .box .text-box.right{ right: -100%; } 
.main .sec2 .box.active .text-box.left{ left: 0; opacity: 1; } 
.main .sec2 .box.active .text-box.right{ right: 0; opacity: 1; } 
.main .sec2 .box .text-box .text{ text-align: left; box-shadow: 0px 30px 20px rgba(0,0,0,0.07); padding: 70px 75px 50px 90px; background-color: #fff; } 
.main .sec2 .box .text-box .text h3{ font-size: 35px; color: #333; font-weight: normal; margin-bottom: 25px; } 
.main .sec2 .box .text-box .text h4{ font-size:25px; color: #00479D; font-weight: lighter;margin-bottom: 30px; } 
.main .sec2 .box .text-box .text .line{ width: 60px; height: 1px; background-color: #00479D; margin-bottom: 30px; } 
.main .sec2 .box .text-box .text h5{ font-size: 20px; color: #333; font-weight: lighter; margin-bottom: 16px; } 
.main .sec2 .box .text-box .text p{ font-size: 14px; color: #999; font-weight: lighter; line-height: 30px; }


/*售后服务*/
.nbanner.h680{ height:680px}
.nbanner .eng03{ font-size:16px; text-transform:uppercase; margin-bottom:20px}
.applylist01{ text-align:center; padding:70px 0}	
.applylist01 .conn{ color:#7f7f7f; font-size:15px; line-height:2;margin:0 auto; margin-bottom:45px; max-width:740px; }
.applylist01 .p{ font-size:20px; color:#5f5c68; font-weight:bold; margin-bottom:40px;}
.applylist01 .tig{ text-align:center; color:#7a5f5f; font-size:15px; font-weight:bold}

.applylist li{ position:relative; padding-left:55% }
.applylist li .img{ width:55%; position:absolute; z-index:1; left:0;top:0; bottom:0;}
.applylist li .im{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;    background-attachment: fixed;}
.applylist li .txt{ padding:45px 13%; box-shadow:0 0 30px rgba(0,0,0,.2); position:relative; z-index:2}
.applylist li .txt h3{ font-size:32px;  font-weight:normal; background:url(../images/divider3.png) no-repeat bottom left; background-size:auto 100%; 
margin-left:-30px; padding-left:30px; position:relative; line-height:1.1; padding-bottom:30px; margin-bottom:20px;margin-top: 10px;}
.applylist li .txt .conn{    color: #54595F; font-size:16px;margin-bottom:40px; text-align:justify; min-height:375px} 
.applylist li .txt .conn p{margin-bottom: 5px;text-align: justify;}
.applylist li .txt .conn p.lan{color: #00479D;margin: 10px 0;}
.applylist li .txt .conn p.lan.da{font-size: 17px;font-weight: bold;}
.applylist li .txt .mores a{ display:inline-block; font-weight:bold}
.applylist li .txt .mores a i{ margin-left:5px; font-weight:bold}
.applylist li:nth-child(even){ padding-left:0; padding-right:55%;}
.applylist li:nth-child(even) .img{ left:auto; right:0;}

.applypage01{ padding:110px 0;}
.applypage01 .img{ float:left; width:29%}
.applypage01 .img img{ display:block; width:100%; border-radius:10px;}
.applypage01 .txt{ float:right; width:65%}
.applypage01 .txt h3{ font-size:25px; font-style:italic; letter-spacing:2px; line-height:1.1; margin-bottom:25px}
.applypage01 .txt .conn{ font-size:15px; color:#54595F; line-height:1.4; margin-bottom:5px;text-align:justify;}
.applypage01 .txt .more a{ display:inline-block; font-weight:bold; font-size:14px; letter-spacing:2px}
.applypage01 .txt .more a i{ margin-left:5px; font-weight:bold}

.applypage02>div{ float:left; width:31.33%; margin:0 1%}
.applypage02 .hd{ margin-bottom:10px}
.applypage02 .hd h3{ font-size:25px;}
.applypage02 .hd h3 i{ display:inline-block; margin-right:10px}
.applypage02 .item01 .bd{ padding-left:30px; color:#54595F}
.applypage02 .item02 .bd{ padding-left:40px; color:#54595F}

.applypage02{ padding:100px 0}

.applypage02 .item03{ position:relative; padding:0 60px;}
.applypage02 .item03 img{ display:block; width:100%; border-radius:10px;}
.applypage02 .item03 .slick-arrow{ position:absolute; z-index:1; width:26px; height:26px; cursor:pointer; overflow:hidden; text-indent:-999px; border:none;top:50%; margin-top:-14px;}
.applypage02 .item03 .slick-prev{ left:0; background:url(../images/ico-prev02.png) no-repeat center; background-size:90%}
.applypage02 .item03 .slick-next{ right:0;background:url(../images/ico-next02.png) no-repeat center; background-size:90%}

@media (max-width:767px){  

.applylist01{ padding:40px 0}
.applylist01 .conn{ text-align:justify; line-height:1.6; margin-bottom:20px}
.applylist li .img{ float:none; height:50vw; position:static; width:auto;}
.applylist li{ padding-left:0; padding-right:0 !important}
.applylist li .im{background-attachment:inherit} 
.applylist li .txt{ padding:30px 10px;}
.applylist li .txt h3{  margin-left:-10px; padding-left:10px;font-size:24px; margin-bottom:10px; padding-bottom:30px; text-align:center}
.applylist li .txt .conn{ text-align:center; min-height:100px}
.applylist li .txt .mores{ text-align:center}


.applypage01{ padding:40px 0}
.applypage01 .img{ float:none; width:auto; margin-bottom:20px}
.applypage01 .txt{ float:none; width:auto}
.applypage01 .txt h3{ font-size:22px; margin-bottom:10px}

.applypage02{ padding:40px 0}
.applypage02>div{ float:none; width:auto; margin:0; margin-bottom:15px}
.applypage02 .hd h3{ font-size:20px;}
.applypage02 .item01 .bd{ padding-left:0}
.applypage02 .item02 .bd{ padding-left:0}
.applypage02 .item02{ margin-bottom:40px}
}


/*服务与支持*/
.ser_ul{width: 100%;overflow: hidden;padding: 0 2%;height: 60px;background: #00479D;border-radius: 5px;margin-bottom: 10px;}
.ser_ul p{width: 160px;height: 60px;color: #fff;font-size: 16px;line-height: 60px;float: left;text-align: center;}
.ser_ul p:first-of-type{width: calc(100% - 640px);text-align: left;}
.ser_ulb{width: 100%;}
.ser_ulb li{width: 100%;height: 60px;border-radius: 5px;margin-bottom: 10px;border: 1px solid #eee;list-style: none;padding: 0 2%;}
.ser_ulb li a{display: block;overflow: hidden;}
.ser_ulb li a p{width: 160px;color: #666;font-size: 16px;line-height: 58px;float: left;text-align: center;}
.ser_ulb li a p:first-of-type{width: calc(100% - 640px);text-align: left;}
.ser_ulb li a p img{width: 25px;display: block;margin: 0 auto;margin-top: 16.5px;}




.paginator
{
	float:none !important;
	text-align:center
}
.paginator ul > li > a
{
	float: left;
	 position: relative;
    line-height: 1.42857143;
    color: #999;
    text-decoration: none;
    background-color: #fff;
    border:1px solid #ccc;
    text-align: center;
	border-radius: 8px;
	padding: 5px 20px;
}
.paginator ul>li>span {
    position: relative;
    float: left;
    line-height: 1.42857143;
    color: #999;
    text-decoration: none;
    background-color: #fff;
    border:1px solid #ccc;
	padding: 5px 20px;
    text-align: center;
	border-radius: 8px;
}
.active2 {
    z-index: 2;
    color:White !important;
    cursor: default;
    background-color:#00479d !important;
    border-color: #00479d !important;
	text-align: center !important;
}
#AspNetPager1_input
{
	float:left;	
	padding: 8px 10px;
	margin-left:5%;
	margin-top:21px;
}
#AspNetPager1_btn
{
	float:left;	
	padding: 6px 12px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-top:21px;
    margin-left:5px;
}