﻿/* 初始化/reset */

*,*:before,*:after{box-sizing:border-box;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr,acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small,strike,tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,tbody, tfoot, thead, tr,th,td{border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
body {position:relative;background:#fff;line-height:150%;box-sizing:border-box;color:#5a5a5a;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;font-size:14px;}
a{color:#2a2c2e;text-decoration:none;}
a:hover{color:#e96c25; text-decoration:none;}
a:focus {  outline:none;   -moz-outline:none;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
h1,h2,h3,h4,h5,h6 {font-weight:700;line-height:normal;}
h2{font-size:18px;}
h3{font-size:16px;}
strong{color:#000;}
ol,ul,li{list-style:none;}
pre{padding:10px;margin:10px 0;word-break:break-all;word-wrap: break-word;white-space:pre-wrap;background:#f9f9f9;border:1px solid #f0f0f0;color:#aaa;}
img{height:auto;display:block;border:0;}
i{margin-right:5px;}
hr{margin:10px 0 0 0;height:1px;border:none;background:#ddd;}
input,select,textarea{border:1px solid #dfdfdf;background:#fff;outline:none;width:100%;color:#464646;padding:8px;font-size:14px;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;}
textarea{resize:none;overflow-y:hidden;display:block;}
table {float:none;border-collapse:collapse;max-width:100%;width:100%;margin:1em 0;}
table td {border:1px solid #ddd; padding:5px 2px;vertical-align:middle;}
.clear:after,.clear:before{content:".";display:block;visibility:hidden;height:0;clear:both;}
.fl{float:left;position:relative;}
.fr{float:right;position:relative;}
.hidden{display:none;}
.row{ margin:0;}
.am{transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s ease-in-out;}
select {border:none; appearance:none;-moz-appearance:none; -webkit-appearance:none;background: url("/home/images/xl.png") no-repeat scroll right 15px center #fff;padding-right: 30px;}
select::-ms-expand{display:none;}
sup {top:-0.5em;}
sub {bottom:-0.5em;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
button {border:1px solid transparent;}
/*背景平铺*/
.bg-cover{ background-repeat: no-repeat;background-size: cover!important; background-position: center center; }
/*单行省略 兼容*/
.nowrap{
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
}
.en{ font-family: 'en-font', serif}

.warp,.public{ max-width:1260px;margin:0 auto; min-width: 990px; padding: 0 30px; }
/*外部英文字体*/
@font-face{
	font-family: 'en-font';
	src : url('/home/font/en-fontpackage/enfont.otf');
}


/* 首页右侧整屏切换样式 */
#fp-nav{ background: url(../image/fullpagebjb.png) no-repeat; height: 301px; }
#fp-nav.class_name{background: url(../image/fullpagebjc.png) no-repeat;}
#fp-nav.class_name2{ background: url(../image/fullpagebjc.png) no-repeat;}
#fp-nav ul{ clear: both; margin: 30px 0; }
#fp-nav.right{ right: 85px; }
#fp-nav ul li{ margin: 0 5px 63px 0px; }
#fp-nav ul li a{ width: 30px; height: 12px; }
#fp-nav ul li span{ border: none; }
#fp-nav ul li span{ border-radius: 0; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{margin:-6px 0 0 -17px; background: url(../image/fpicob.png) no-repeat; width: 30px; height: 12px; border-radius: 0; }
#fp-nav ul li a span, .fp-slidesNav ul li a span{border-radius: 0; background: none;margin:-6px 0 0 -17px;}
#fp-nav ul li:last-child a.active span{border-radius: 0; background: none; display: none;}
#fp-nav.class_name ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav.class_name ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{margin:-6px 0 0 -17px; background: url(../image/fpicoc.png) no-repeat; width: 30px; height: 12px; border-radius: 0; }
#fp-nav.class_name ul li .fp-tooltip{ color: #444; }
#fp-nav.class_name2 ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav.class_name2 ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{margin:-6px 0 0 -17px; background: url(../image/fpicoc.png) no-repeat; width: 30px; height: 12px; border-radius: 0; }


/* header */
.heade_top{position:fixed; z-index:5; top: 0; left: 0; width: 100%; height: 86px; z-index: 24; line-height: 86px; border-bottom:1px rgba(255, 255, 255, 0.2) solid; background: #000; }
.heade_top .logo{ padding:19px 0 0 35px;}
.header .mobile-nav{ display: none }

.h_top_menu a{ height: 86px; font-size:15px;  color: #fff; line-height: 86px; display: inline-block; width: 86px; text-align: center; border-left:1px rgba(255, 255, 255, 0.2) solid;  }
.h_top_menu a.nav_model{ border-left:none;}

.heade_right{ position: fixed; right: 0; bottom: 0; height: 100%; z-index: 3; width: 86px; border-left:1px rgba(255, 255, 255, 0.2) solid;}
.heade_right p.r_Scroll{ font-size: 18px; position: absolute; bottom:110px;right: 0; width: 86px; text-align: center; color: #fff; }
.r_Scroll {/* Safari */-webkit-transform: rotate(-90deg);/* Firefox */-moz-transform: rotate(-90deg);/* IE */-ms-transform: rotate(-90deg);/* Opera */-o-transform: rotate(-90deg);/* Internet Explorer */filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);line-height:20px; font-size:16px; white-space:nowrap;}
.heade_right p.r_Scroll span{ position: absolute; bottom: 7px; right: 80px; width: 50px; height:1px; background:rgba(255, 255, 255, 0.2);  }

.heade_bottom{ position: fixed; width: 100%; left: 0; bottom: 3%; padding:0 10%; z-index: 2; color: #fff; font-size: 12px; }
.heade_bottom a{ color:#fff;}
.heade_bottom.htext,.heade_bottom.htext a{ color: #666; }
.header-search{position: fixed; left: 100%;top: 0;transition: left 500ms ease-in-out; /*-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);*/width: 100vw;height: 100vh;background: rgba(0,0,0, .8);z-index: 99999}
.header-search .search-form{width: 800px;background: #fff ;position: absolute;left: 50%;top: 50%;-ms-transform: translate(-50%, -50%); transform: translate(-50%,-50%)}
.header-search .search-form #search-input{ height: 50px;padding: 0;width: 750px; font-size: 18px;}
.header-search .search-form .label{ cursor: pointer;width: 50px; height: 100%;line-height: 50px;text-align: center}
.header-search .search-form .label a{ width: 100%; height: 100%;display: block;cursor: pointer}
.header-search .iconjiahao-wrap{position: absolute;right: 30px;top: 30px;color: #fff;transform: rotate(45deg);-ms-transform: rotate(45deg)}
.header-search .iconjiahao-wrap .iconjiahao{font-weight:400;font-size: 30px;}
/* m-menu open */
.menu_lin{ position:relative;margin:auto;padding-top:11px;border:5px solid transparent;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;cursor:pointer}
.bar{height:2px;width:25px;display:block;margin:7px auto;position:relative;background-color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s}
.bar_min{ width: 18px; text-align: left;margin: 7px 0 7px 25px; }
.open_menu{height:66px;width:66px; display: none!important;}
.open_menu .menu_lin.open .bar:nth-of-type(1){-moz-transform:translateY(12px) rotate(45deg);-ms-transform:translateY(12px) rotate(45deg);-webkit-transform:translateY(12px) rotate(45deg);transform:translateY(12px) rotate(45deg)}
.open_menu .menu_lin.open .bar:nth-of-type(2){opacity:0}
.open_menu .menu_lin.open .bar:nth-of-type(3){-moz-transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);-webkit-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg)}
.open_menu .bar:nth-of-type(1){-moz-animation:rotateR 1.5s cubic-bezier(.5,.2,.2,1);-webkit-animation:rotateR 1.5s cubic-bezier(.5,.2,.2,1);animation:rotateR 1.5s cubic-bezier(.5,.2,.2,1)}
.open_menu .bar:nth-of-type(2){-moz-animation:fade 1.5s cubic-bezier(.1,.8,.1,1);-webkit-animation:fade 1.5s cubic-bezier(.1,.8,.1,1);animation:fade 1.5s cubic-bezier(.1,.8,.1,1)}
.open_menu .bar:nth-of-type(3){-moz-animation:rotateL 1.5s cubic-bezier(.5,.2,.2,1);-webkit-animation:rotateL 1.5s cubic-bezier(.5,.2,.2,1);animation:rotateL 1.5s cubic-bezier(.5,.2,.2,1)}


/* menu */
.nav_menu{margin-left:22%;z-index: 999999}
.nav_menu .menu li a{ font-size: 15px; color: #fff; padding: 0 30px; }

/* video and slider */
.video{position:absolute; top: 0; left: 0; z-index: 2; height: 100%; width: 100%; overflow: hidden;}
.index_video,.fp-tableCell{ width: 100%; height: 100%; overflow: hidden; }
.section1 .video #v{ display: block; min-width: 100%; min-height: 100%; margin: 0; padding: 0; }

.video_text{position:absolute; left: 0; top: 30%; width: 100%; height: 100%; z-index:3;}
.banner{ position: relative; }
.banner h2.btitle{ font-size:3.75rem; font-weight: 300;  }
.banner img.line{ margin: 25px auto; width: auto; }
.banner span.en{ font-size: 18px; text-transform: uppercase; line-height: 1; display: block; }
.banner .flexslider{ background: none; }
.banner .flex-control-nav{ bottom: -30px; }
.banner .flex-control-paging li a{ background:transparent; border: 1px #ea5413 solid;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s ease-in-out;}
.banner .flex-control-paging li a.flex-active,.flex-control-paging li a:hover{ background: #ea5413; transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s ease-in-out;}
.banner .banner_videopic{ margin: 0 auto; margin-top:7%; cursor: pointer; }
.video_text_wrap{ position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); z-index: 9 }

.section1{ color:#fff;position: relative; text-align: center; /*background: url(../images/page1.jpg) center center no-repeat;*/ background-size: cover;}
.section1 .iconmous{ position: absolute;top: 0; left :0; z-index: 4;height: 100%;width: 100%}
.section1 .down_icon{ cursor: pointer;position: absolute;bottom: 0;left: 50%;z-index: 3; /*font-family: en-font, serif;*/transform: translateX(-50%);-ms-transform: translateX(-50%);width: 200px;height: 50px;background: #eb6f28; color: #fff; }
.section1 .down_icon .ve-center{ font-size: 16px; height: 24px; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); }
.section1 .down_icon .ve-center .move-icon{ display: block;animation: moveTopOrBottom linear 2s infinite }
@keyframes moveTopOrBottom {
	from{
		transform: translateY(-5px);
		-ms-transform: translateY(-5px);
	}
	to{
		transform: translateY(5px);
		-ms-transform: translateY(5px);
	}
}

.home-banner-swiper{ height: 100% }
.home-banner-swiper .banner-pagination{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); }
.home-banner-swiper .banner-pagination .swiper-pagination-switch{ display: inline-block ; cursor: pointer; border-radius: 10px ;width: 10px; height: 10px; border: 1px solid #eb6f28; background: rgba(0, 0, 0, 0)}
.home-banner-swiper .banner-pagination .swiper-pagination-switch:nth-of-type(2){ margin: 0 10px }
.home-banner-swiper .banner-pagination .swiper-active-switch{ background:  #eb6f28; }
.home-banner-swiper .swiper-wrapper{height: 100%!important;}
.home-banner-swiper .swiper-wrapper .swiper-slide{ width: 100vw!important; height: 100%!important;  }
.section1 .banner-pic-slide{ width: 100%; height: 100%; position: relative}
.section1 .banner-pic-slide .banner-text{text-align: center ;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 2}
.section1 .banner-pic-slide .banner-text .en{ font-family: en-font, serif;font-size: 26px }
.section1 .banner-pic-slide .banner-text .line{ margin: 0 auto;margin-bottom: 22px;margin-top: 20px }
.section1 .banner-pic-slide .banner-text .btitle{ font-size: 60px;font-weight: bold;}
/*.section1 .banner-pic-slide .banner-text .banner_videopic{ margin: 0 auto; margin-top: 80px; cursor: pointer;width: 124px; }*/
.section1 .banner-pic-slide .banner-text .banner_videopic{ position: absolute;width: 100%; margin: 0 auto; top: 0;z-index: -1 }
.section1 .banner-pic-slide .banner-text .banner_videopic_wrap{ margin: 0 auto;color: #eb6f28; margin-top: 80px;line-height: 124px;z-index: -1;text-align: center; cursor: pointer;width: 124px; height: 124px; position: relative }
.section1 .banner-pic-slide .banner-text .banner_videopic_wrap .iconfont{ margin: 0; font-size: 26px; }
.section1 .banner-pic-slide .banner-video{ position: absolute;top: 0;left: 0;/*z-index: 1;*/width: 100%;height: 100%;object-fit: cover }
.section1 .banner-pic-slide .video-banner{ position: absolute;width: 100%;height: 100%; }
.section1 .banner-pic-slide .banner-video-wrap{ position: absolute;width: 100%;height: 100%;background: rgba(0,0,0, .5);z-index: 1 }
/* media */
.section2{ color: #505050; margin-top: 30px; }
img{max-width: 100%;}
.swiper-slide{ height:1px !important;}
.swiper-slide.swiper-slide-active{ height:auto !important;}

.media_text{ margin:5% 0 3% 10%; }
.media_text .number{ font-size: 60px; line-height: 1; }
.media_text .number span.en{ font-size: 18px; text-transform: uppercase; margin-left: 20px}
.media_text h2.title{font-size: 40px; padding: 10px 0 15px 0; border-bottom: 1px #9c9c9c solid; margin-bottom: 25px;}
.media_text .text{ font-size: 18px; line-height: 1.7; margin-bottom: 9%;}
.media_text .more{ font-size: 20px; text-transform: uppercase; padding: 5px 25px; color: #666; font-weight: 700; border: 1px #949494 solid;}
.media_text .more:hover{ background: #eb6f28;color: #fff; font-weight: 700;border: 1px #eb6f28 solid;}
.media_pic>img{ width: 100% }
.tabs{ text-align: center; margin-top: 30px; }
.tabs a{ font-size: 16px; color: #353535; }
.tabs a .icon{position: relative; width:50px; height: 50px; line-height: 50px; text-align: center; display: block; margin: 20px auto 15px auto; border: 1px #949494 solid; border-radius: 50%;}
.tabs a .icon i{ margin: 0; font-size: 26px; color: #5a5a5a; }
.tabs a .icon span{ position: absolute;opacity: 0;filter:alpha(opacity=0); bottom:-12px; left:50%; margin-left: -6px; display: block; width:0;  height:0; border-width:6px;border-style:solid; border-color:#eb6f28 transparent transparent transparent; }
.tabs a.active .icon,.tabs a:hover .icon{background:#eb6f28; border: 1px #eb6f28 solid;}
.tabs a.active .icon i,.tabs a:hover .icon i{ color: #fff; }
.tabs a.active .icon span,.tabs a:hover .icon span{ opacity: 1;filter:alpha(opacity=100); }

/* news */
.section3{ background:#e96c25; margin-top:30px;}
.news_left .pic{ overflow:hidden;}
.news_left .pic img{ width: 100%;object-fit:cover; height: 305px;}
.news_left .desc{ background: #fff; padding: 25px 30px;}
.news_left .desc h2.title{ font-size: 22px; font-weight: 400; color: #333; height: 68px; overflow:hidden; line-height:1.5;}
.news_left .desc .text,.news_right .text{ padding-bottom: 15px; border-bottom: 1px #ededed solid; margin:13px 0 20px 0;}
.news_left .desc .text p,.news_right .text p{ font-size:13px; color: #999; line-height: 1.7; height: 46px; overflow: hidden;}
.news_left .desc span,.news_right a span{ font-size: 14px; text-transform: uppercase; padding: 3px 13px; color: #666; font-weight: 700; border: 1px #949494 solid; display: inline-block;}
.news_left a:hover .desc span,.news_right a:hover span{background: #eb6f28;color: #fff; font-weight: 700;border: 1px #eb6f28 solid; }
.news_left a:hover .pic img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.news_left a:hover .desc h2.title,.news_right a:hover h2.title{color: #eb6f28;}

.news_left { transform: translateX(-100px);opacity: 0.1;transition: opacity 1s ease-in-out, transform 1s ease-in-out; }
.news_left_active { transform: translateX(0);opacity: 1; }
.news_item { transform: translateX(400px); opacity:  0.1; transition: opacity 1s ease-in-out, transform 1s ease-in-out; }
.news_item_active { transform: translateX(0); opacity: 1; }

.services_list .button-border-slide .text-wrap{
	position: relative;
	z-index: 2;
	font-size: 16px;
}
/* 按钮 */
.services_list .button-border-slide { line-height: 49px;color: #c1c1c1; border-radius: 2px; background: none; border: none; cursor: pointer; position: relative; box-sizing: border-box; width: 129px; height: 49px; overflow: hidden; padding: 0 30px; transition: all 0.3s; transition-delay: 0.4s; }
.services_list .button-border-slide .bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; background: #e96c25; opacity: 0; transition: all 0.3s; transition-delay: 0.4s; }
.services_list .button-border-slide .border { position: absolute; z-index: 0; background: #c1c1c1; }
.services_list .button-border-slide .border-top,
.services_list .button-border-slide .border-bottom { width: 100%; height: 1px; left: 0; }
.services_list .button-border-slide .border-top { top: 0; }
.services_list .button-border-slide .border-bottom { bottom: 0; }
.services_list .button-border-slide .border-left,
.services_list .button-border-slide .border-right { width: 1px; height: 100%; top: 0; }
.services_list .button-border-slide .border-left { left: 0; }
.services_list .button-border-slide .border-right { right: 0; }
.services_list .button-border-slide .border::after { content: ""; background: #e96c25; position: absolute; z-index: 1; width: 100%; height: 100%; transition: all 0.1s; }
.services_list .button-border-slide .border-top::after { width: 0; left: 0; top: 0; }
.services_list .button-border-slide .border-right::after { height: 0; left: 0; top: 0; }
.services_list .button-border-slide .border-bottom::after { width: 0; right: 0; top: 0; }
.services_list .button-border-slide .border-left::after { height: 0; left: 0; bottom: 0; }
.services_list .button-border-slide:hover { color: #fff; }
/*.button-border-slide:hover .iconfont{ color: #fff;}*/
.services_list .button-border-slide:hover .bg { opacity: 1; }
.services_list .button-border-slide:hover .border-top::after,
.services_list .button-border-slide:hover .border-bottom::after { width: 100%; }
.services_list .button-border-slide:hover .border-left::after,
.services_list .button-border-slide:hover .border-right::after { height: 100%; }
.services_list .button-border-slide:hover .border-top::after { transition-delay: 0s; }
.services_list .button-border-slide:hover .border-right::after { transition-delay: 0.1s; }
.services_list .button-border-slide:hover .border-bottom::after { transition-delay: 0.2s; }
.services_list .button-border-slide:hover .border-left::after { transition-delay: 0.3s; }


.news_right a{ display: block; background: #fff; padding:37px 20px 28px 20px; margin-bottom: 30px;}
.news_right h2.title{ font-size: 19px; color: #333333; line-height: 1.5; font-weight:400; height: 58px; overflow: hidden;}
.news_right .text{ padding-bottom:26px; }
.news_right a:hover{
	-webkit-box-shadow: 0 0 8px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 8px 5px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 8px 5px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 8px 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 8px 5px rgba(0,0,0,0.2);}


/* solution */
.section4{ background: #fff; }


.solution_top{ text-align: center; color: #3f3f3f; transform: translateY(-20px);opacity: .1;transition: transform .5s ease-in-out,opacity .5s ease-in-out}
.solution_top_active { transform: translateY(0); opacity: 1;padding-top: 60px }

.solution_top h3.title{ font-size: 45px; font-weight: 400; }
.solution_top img{margin:15px auto; }
.solution_top span.en{ font-size:18px; text-transform: uppercase;  }

ul.solution_list{ margin-top:45px; }
ul.solution_list li{ margin-bottom: 15px; }
ul.solution_list li .pic{ overflow: hidden; }
ul.solution_list li .pic img{ width: 100%; height: 188px;object-fit:cover;}
ul.solution_list li:hover .pic img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
ul.solution_list li h3.title{ padding: 10px 0; margin: 0 auto; text-align: center; color: #444; line-height: 75px; }
ul.solution_list li h3.title img{ /*width: 150px;*/ height:75px;object-fit:cover; margin: 0 auto;  }
ul.solution_list li {
	transform: translateY(100px);
	opacity: 0;
	transition: transform 1s ease-in-out,opacity 1s ease-in-out;
}
ul.solution_list .solution_list_active{
	transform: translateY(0);
	opacity: 1;
}

/* footer */
/*.index_video,{}*/
.sectionFooter .fp-tableCell{overflow: unset!important;}
.footer{ background: #18191e; /*overflow: hidden;*/}
.footer_top{border-bottom: 1px #343539 solid;position: relative}
.footer_left{ width:66.666%; border-right:1px #343539 solid;}
.footer_right{ width:33.333%; position: absolute;right: 0; top: 50%; transform: translateY(-50%);-ms-transform: translateY(-50%);}
.fotop{padding: 33px 100px; border-bottom: 1px #343539 solid;}
.fotop .fot_link .wlin{ margin-left: 15px; cursor: pointer; position: relative}
.fotop .fot_link .wlin .toast-pic{ max-width: 150px;width: 150px; position: absolute;left: 50%;border: 1px solid #f1f1f1;transform: translateX(-50%);-ms-transform: translateX(-50%);top: -150px;display: none}

ul.fot_list{ /*margin:40px 0 40px 100px;*/padding: 40px 0 40px 100px; width: 70%}
ul.fot_list li{ width:20%;  }
ul.fot_list li h3.title{ padding-bottom:20px; }
ul.fot_list li h3.title a{ font-size: 14px; color: #6d6d70; }
ul.fot_list li h3.title a:hover{ color: #ea6519; }
ul.fot_list li a.flin{ font-size: 14px; color: #4b4c4f; display: block; margin: 10px 0; }
ul.fot_list li a.flin:hover{color: #ea6519; }

.fot_msg{ /*margin:40px 100px 0 0 ;*/ /*width: 27%;*/ /*width: 332px;*/padding: 40px 100px 0 0;font-size: 14px; color: #6d6d70; }
.fot_msg .title{ font-size: 14px; color: #6d6d70; }
.fot_msg .hot-tel{ line-height: 1.5;font-size: 54px;color: #ea6519 }
.fot_msg .address-title{ margin-top: 20px }
.fot_msg .address{ color: #f1f1f1; line-height: 1.8; }
.showtop{ display: none; }

.footer_right .ewm{ width: 160px; margin: 0 auto; text-align: center; font-size: 16px; color: #6d6d70; /*margin-top: 20%;*/ }
.footer_right .ewm p{ padding-top: 15px; }

.footer_coprright{ padding: 15px 100px; font-size: 14px; }
.footer_coprright a{ color: #4b4c4f; display: inline-block; padding-left: 5px; }
.footer_coprright a:hover{color: #ea6519;}
/*.footer_coprright .yqlink{position: relative}*/
.footer_coprright .yqlink .toast-pic{max-width: 150px;width: 150px; position: absolute;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);top: -150px;display: none}



/* services_list */
.services_content{ padding: 0 5%; margin-top: 86px; }
.services-banner{position: relative}
.services-banner .about-bg{height: 100vh}
/*.services-banner .about-bg .banner-text-pic{height: 100vh}*/

.services-banner .about-nav-wrap{ position: absolute;overflow: hidden;bottom: 0;left: 0;width: 100%;background: #f7f7f7;z-index: 1 }
.services-banner .about-nav-wrap .about-nav{ width: 16.666%; cursor: pointer; text-align: center; height: 90px; font-size: 20px; background: #f7f7f7; color: #333; line-height: 90px;border-right: 1px solid #e7e7e7}
.services-banner .about-nav-wrap .about-nav .iconfont {color: #ea6519; font-size: 20px}
.services-banner .about-nav-wrap .about-active{ background: #ea6519; color: #fff; transition: all 500ms ease-in-out;}
.services-banner .about-nav-wrap .about-active .iconfont { color: #fff; }

ul.services_list li{padding: 100px 0; border-bottom: 1px #ebebeb solid; }
ul.services_list li .jz{}
ul.services_list li .icon_title .icon{ width: 119px; height: 121px; background: url(../image/sicon.png) no-repeat;}
ul.services_list li .icon_title .icon i{ text-align: center; margin: 0; line-height: 121px; display: block; font-size: 40px; color: #ea6519; }
ul.services_list li .icon_title h2.title{ font-size: 24px; color: #333; font-weight: 400; padding:35px 0 10px 0;  }
ul.services_list li .icon_title h3.ftitle{ font-size: 34px; color: #ea6519; font-weight: 400; }
ul.services_list li .icon_title{ width:20%;  }
ul.services_list li .ser_content{width: 40%; font-size: 18px; color: #666; line-height: 1.7; padding: 0 5%;}
ul.services_list li .ser_content .text,ul.services_list li .icon_title .icon_content{height:300px; display: block; display: table-cell; vertical-align:middle;}
ul.services_list li .pic{ width: 40%; }
ul.services_list li .pic .pic_img{ margin-left:20%; position: relative;  }
ul.services_list li .pic .pic_img img{ height: 300px;object-fit: cover; width: 100%; }
ul.services_list li .pic .pic_img span{ position: absolute; font-size: 185px; line-height: 1;top:50px; color: #ea6519; }

ul.services_list li.even .icon_title,ul.services_list li:nth-child(odd) .icon_title{ float: left; }
ul.services_list li.even .ser_content,ul.services_list li:nth-child(odd) .ser_content{ float: left; }
ul.services_list li.even .pic,ul.services_list li:nth-child(odd) .pic{float: left;}
ul.services_list li.even .pic .pic_img span,ul.services_list li:nth-child(odd) .pic .pic_img span{ left:-70px;  }

ul.services_list li.odd .icon_title,ul.services_list li:nth-child(even) .icon_title{ float: right; }
ul.services_list li.odd .ser_content,ul.services_list li:nth-child(even) .ser_content{ float: right; }
ul.services_list li.odd .pic,ul.services_list li:nth-child(even) .pic{float: left;}
ul.services_list li.odd .pic .pic_img span,ul.services_list li:nth-child(even) .pic .pic_img span{ right: -70px;  }
ul.services_list li.odd .pic .pic_img,ul.services_list li:nth-child(even) .pic .pic_img{ margin-left: 0; margin-right: 20%;  }
ul.services_list li.odd .ser_content,ul.services_list li:nth-child(even) .ser_content{ padding: 0 7% 0 3%; }
.services-mobile-banner{ display: none; }
.services-pc-banner{  }

.ser_foot .serfot_float{ width: 50%; padding: 25px 5%; border-right:1px #e3e3e3 solid; margin: 50px 0;  }
.ser_foot .serfot_float .pic{ overflow: hidden; position: relative; }
.ser_foot .serfot_float .pic img{ height: 340px; object-fit: cover; width: 100%; }
.ser_foot .serfot_float .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; margin-top:130px; }
.ser_foot .serfot_float .text span{ font-size: 36px; font-weight: 700; font-family: 'en-font', serif; text-transform: uppercase; display: block; margin-bottom:15px; }
.ser_foot .serfot_float .text h2.title{ font-size: 24px; font-weight: 400; display: inline-block; position: relative; }
.ser_foot .serfot_float .text h2.title:before{ content: ''; position: absolute; left:-25px; top: 4px; display: block; width:13px; height: 29px; background: url(../image/before.png) no-repeat;  }
.ser_foot .serfot_float .text h2.title:after{ content: ''; position: absolute; right:-25px; top: 4px; display: block; width:13px; height: 29px; background: url(../image/after.png) no-repeat;  }
.ser_foot .serfot_float:hover .pic img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}

/* case - list */
.case-header .heade_top, .services-header .heade_top{background: rgba(0,0,0,.6)}
.page_case{ padding: 0 5% 0 5%; margin-top: 86px; }
.page_case>.case_menu{ width: 25%; padding: 3% 10% 3% 0;}
.case_menu h3.title{ font-size: 32px;color:#333; font-weight: 400; padding-bottom: 30px; }
.case_menu h3.title i{ display: none; }
.case_menu .case_nav a{ display: block; padding:0 35px; font-size: 20px; color: #999999; height: 60px; line-height: 60px; }
.case_menu .case_nav a i{ font-size: 20px; line-height: 60px; opacity: 0; color: #fff; filter:alpha(opacity=0); }
.case_menu .case_nav a.active,.case_menu .case_nav a:hover{background: #ea6519; color: #fff;}
.case_menu .case_nav a.active i,.case_menu .case_nav a:hover i{ opacity: 1; filter:alpha(opacity=100); }
.case-banner{/*padding-top: 86px;*/height: 100vh;position: relative}
.case-banner .banner-text-pic, .services-banner .about-bg .banner-text-pic{position: absolute;left: 5%;top: 32%;max-height: 30%; transform: translateY(-50%);-ms-transform: translateY(-50%);}
.services-detail-banner .about-bg .banner-text-pic{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.services-detail-banner .about-bg .banner-text{ font-size: 60px; color: #fff;line-height: 1.3; }
.services-detail-banner .about-bg{ height: 500px; }
.case-banner-pic{width: 100%; height: 100%}

.case_center{ width: 75%; padding: 3% 0 3% 10%; border-left: 1px #eaeaea solid;}
ul.case_list { width: 100% }
ul.case_list li{float:left;background:#FFF;width:50%; padding: 0 3%;}
ul.case_list li a{display: block}
ul.case_list li .pic{overflow: hidden;}
ul.case_list li img{width:100%;display:block;}
ul.case_list li .desc{ padding: 25px 0; border-bottom: 1px #e7e7e7 solid; margin-bottom: 25px; position: relative; transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s ease-in-out;}
ul.case_list li .desc h2.title{position: relative; font-size: 24px; font-weight: 400;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color: #333; padding-bottom: 10px; }
ul.case_list li .desc span{ display: inline-block; margin-right: 16px; font-size: 18px; color: #999999; }

/*
ul.case_list li .desc:before{ content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width:0; background: #666666; display: block; transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s ease-in-out;}
ul.case_list li:hover .desc:before{ width: 100%; transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s ease-in-out;}
*/
ul.case_list li .desc::before{content: ""; position: absolute; right: 0; bottom: 0;	width: 0; height: 1px; background: #666; transition: all .3s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s ease-in-out;}
ul.case_list li:hover .desc::before{left: 0; width: 100%;}
ul.case_list li:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.masonry-brick{ transition: .3s }
/*视屏模块*/
#video{
	width: 0;
	height: 0;
	/*width: 100%;*/
	/*height: 100%;*/
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#video-wrap{
	width: 100vw;
	height: 100vh;
	position: fixed;
	opacity: 0;
	left: 0;
	/*top: 86px;*/
	top: 0;
	background-color: #000;
	/*z-index: 2000;*/
	display: none;
	z-index: 9999999999999999;
	color: #fff;
}
#video-wrap .close{
	width: 50px;
	height: 50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	right: 20px;
	top: 0;
	background: none;
	outline: none;
	border: none;
	cursor: pointer;
}
#video-wrap .close .iconfont{
	font-size: 38px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.pagination{ text-align: center; margin-top: 30px }
.pagination .page-item{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	border: 1px solid #e0e0e0;
	text-align: center;
	cursor: pointer;
}
.pagination .page-item .page-link{
	padding: 0 10px;
	display: block;
	height: 100%;
}
.pagination .page-item:hover {
	background: #ea6519;
	color: #fff;
}
.pagination .page-item:hover .page-link{
	color: #fff;
}
.pagination .active{
	background: #ea6519;
	color: #fff;
}
.pagination .disabled{cursor: not-allowed;}

.banner-text-new{ position: absolute; top: 50%; left: 94px;transform: translateY(-50%);-webkit-transform: translateY(-50%);/* Firefox */-moz-transform: translateY(-50%);/* IE */-ms-transform: translateY(-50%);/* Opera */-o-transform: translateY(-50%);font-size: 50px; color: #fff; line-height: 1.2 }
.banner-text-new img{ margin-bottom: 40px }



@media all and (max-width: 2560px) {
	.nav_menu{margin-left:30%;}
}
@media all and (max-width: 1921px) {
	.nav_menu{margin-left: 22%;}
}
@media all and (max-width: 1700px) {
	.fotop{padding: 22px 50px}
	ul.fot_list{ padding-left: 50px }
	.fot_msg{ padding-right: 50px; /*width: 282px;*/ }
}
@media all and (max-width: 1600px) {
	.nav_menu{ margin-left: 16%; }
	.section4{ margin-top: 30px; }
	ul.solution_list li .pic img{ height: 150px; }
	ul.solution_list li h3.title img{ width: 120px; height: 40px; }
	ul.solution_list li h3.title{ line-height: 40px; }
	.section1 .banner-pic-slide .banner-text .btitle{font-size: 54px}
	.footer_left{ width: 70% }
	.footer_right{ width: 30% }
	ul.fot_list{ width: 68%; }
}
@media all and (max-width: 1440px) {
	.nav_menu{ margin-left: 14%; }
	ul.fot_list{ width: 67%; }


	/* case - list */
	.page_case>.case_menu{padding: 3% 6% 3% 0;}
	.case_center{padding: 3% 0 3% 6%;}
}
@media all and (max-width: 1366px) {
	.nav_menu{ margin-left: 12%; }
	.banner h2.btitle{ font-size: 3rem; }
	.banner span.en{ font-size: 16px; }
	.banner .banner_videopic{ width: 90px; }
	.container{ max-width: 1080px;}
	.media_text{ margin: 5% 0 0 5%; }
	.media_text .number{ font-size: 45px; }
	.media_text .number span.en{ font-size: 15px; }
	.media_text h2.title{ font-size: 30px; margin-bottom: 20px; }
	.media_text .text{ font-size: 16px; }
	.media_text .more{ font-size: 16px; }
	.tabs{ margin-top: 15px; }
	.tabs a .icon{ margin: 15px auto 10px auto; }
	.news_left .pic img{ height: 255px; }
	.news_left .desc h2.title{ font-size: 18px; height: 55px; }
	.news_right a{ padding: 20px 20px 19px 20px; }
	.news_right h2.title{ font-size: 17px; height: 52px; }
	ul.solution_list li .pic img{ height: 125px; }
	ul.solution_list li h3.title img{ width:100px; height: 33px; }
	ul.solution_list li h3.title{ line-height: 33px; font-size: 15px; }
	.solution_top h3.title{ font-size: 36px; }
	.solution_top span.en{ font-size: 16px; }
	ul.solution_list{ margin-top: 25px; }
	ul.fot_list li:last-of-type{width: 12%}
	ul.fot_list li:nth-of-type(2){width: 24%}
	/*ul.fot_list li:nth-of-type(4){width: 14%}*/


	/* services_list */
	ul.services_list li .icon_title .icon{ background: url(../image/sicon2.png) no-repeat; width: 90px; height:92px;  }
	ul.services_list li .icon_title .icon i{ line-height: 92px; font-size: 36px; }
	ul.services_list li .icon_title h3.ftitle{ font-size: 30px; }
	ul.services_list li .ser_content{ font-size: 16px; }

	.fot_msg{ padding: 30px; width: 100%; float: left}
	.none{ display: none }
	.fotop{padding: 22px 30px}
	.showtop{ display: block }
	ul.fot_list{ padding: 22px 30px;width: 100% ;padding-top: 0}

	.fot_msg .hot-tel{ font-size: 42px;}

}
@media all and (max-width: 1280px) {
	.nav_menu{ margin-left: 4%; }

	.fotop{padding: 22px 30px}
	ul.fot_list{ padding: 22px 30px;width: 100% ;padding-top: 0}
}
@media all and (max-width: 1024px) {
	.nav_menu{ margin-left: 5%; }
	.nav_menu .menu li a{ padding:0 15px;}
	#fp-nav{ display: none; }
	.heade_bottom{ display: none!important;}
	.fotop{ padding: 33px 35px;}
	ul.fot_list{ margin: 40px 0 40px 35px;}
	.footer_coprright{ padding: 15px 35px;}
	.section1 .banner-pic-slide .banner-text .en{font-size: 16px}
	.section1 .down_icon{display: none}
	/* services_list */
	ul.services_list li.odd .ser_content{padding: 0 5%;}
	.ser_foot .serfot_float .pic img{ height: 280px; }
	.ser_foot .serfot_float .text{ margin-top: 100px; }

	/* case - list */
	.case_menu .case_nav a{ padding: 0 15px; }
}
@media all and (max-width: 980px) {
	.services-mobile-banner{ display: block; }
	.services-pc-banner{ display: none }

	.heade_top{ height: 66px; line-height: 66px; }
	.heade_top .logo{ padding: 10px 0 0 35px; }
	.h_top_menu a{ height: 66px; line-height: 66px; }
	.section1 .banner-pic-slide .banner-text .btitle{font-size: 36px}
	.header .mobile-nav{display: none;position: fixed;left: 0;top: 66px;width: 100%;height: calc(100vh - 66px);background: #fff;z-index: 999999}
	.header .mobile-nav .nav01{ font-size: 16px; color: #333; height: 50px;line-height: 50px ;padding: 0 15px;display: block;height: 100%}
	.header .mobile-nav li{ border-bottom: 1px solid #ccc}
	.header .mobile-nav .nav01 .iconfont{ font-size: 20px;}
	.header .mobile-nav .sec-list{ /*max-height: 0;*/overflow: hidden; height: 0}
	.header .mobile-nav .sec-list .flin{ display: block ; height: 50px;line-height: 50px; padding: 0 30px }

	/*.case-banner{padding-top: 66px}*/
	/*.nav_menu{ position: absolute; right: 0; top: 66px; height: 0; z-index: 999; display: none; background: #333; width: 100%; padding: 15px 0; margin: 0;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s ease-in-out; }*/
	.nav_menu{ position: absolute; right: -100%; top: 66px; height: calc( 100vh - 66px ); z-index: 999; /*display: none;*/ background: #333; width: 100%; padding: 15px 0; margin: 0;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s ease-in-out; }
	.nav_menu .menu li{ width: 100%; height: auto; line-height:2; }
	.nav_menu .menu li a{ display: block; text-align: left; padding:5px 30px;}
	.nav_menu .menu li a span{ float: left }
	.nav_menu .menu li a .iconfont{ float: right }
	.nav_menu .menu li:hover a{ background: #000; }
	.nav_menu.show{ right: 0;display: none;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s ease-in-out; }
	.open_menu{display: block!important;}

	.footer_top{display: none}

	/*.services-banner .about-nav-wrap .about-nav{ width: 33.33% }*/
	.services-banner .about-nav-wrap .about-nav{ width: 50% }

	.banner-text-new{ font-size: 32px; left: 40px }
	.banner-text-new img{ margin-bottom: 16px; width: 100px; }

}
@media all and (max-width: 1023px) {
	#fp-nav{ display: none; }
}
@media all and (max-width: 769px) {
	.about-header .heade_top{ background: #000!important; }

	.banner h2.btitle{ font-size: 2.6rem; }
	.banner span.en{ font-size: 15px; }
	.media_text .number{ font-size: 30px; }
	.media_text h2.title{ font-size: 22px; margin-bottom: 15px; }
	.media_text .number span.en{ font-size: 14px; }
	.media_text .text{ font-size: 14px; }
	.media_text{ margin: 0 0 2% 5%; }
	.media_text .text{ margin-bottom: 5%; }
	.media_text .more{ font-size: 15px; font-weight: 400; }
	.tabs a{ font-size: 15px; }
	.news_left .desc span, .news_right a span{ font-weight: 400; }
	.news_left .pic img{ height: 185px; }
	.news_right a{ padding: 15px 20px 15px 20px; }
	.news_right .text{ padding-bottom: 15px; margin: 10px 0 10px 0; }
	.solution_top h3.title{ font-size: 30px; }
	.solution_top span.en{ font-size: 15px; }
	.fotop{ padding: 33px 25px; }
	ul.fot_list{ margin: 40px 0 40px 25px; }
	.footer_coprright{ padding: 15px 25px; }
	.header-search .search-form{width: 500px;}
	.header-search .search-form #search-input{width: 450px}
	.section1 .banner-pic-slide .banner-text .btitle{font-size: 26px}
	.case-banner{height: 40vh}
	.services-banner .about-bg{height: 60vh}
	.services-banner .about-bg .banner-text-pic{top: 24%}
	.footer_left, .footer_right{display: none}
	.video-banner{display: none}
	.banner_videopic_wrap{ visibility: hidden}
	/* services_list */
	.services_content{ padding: 0 15px; margin-top: 30px}
	.services-banner .about-nav-wrap .about-nav{ height: 50px;line-height: 50px;font-size: 15px }
	ul.services_list li{ padding:35px 0; }
	ul.services_list li .icon_title,ul.services_list li .ser_content,ul.services_list li .pic{ width: 100%; }
	ul.services_list li .ser_content .text, ul.services_list li .icon_title .icon_content{ height: auto; width: 100%; }
	ul.services_list li .icon_title .icon{ float: left; margin-right: 20px; }
	ul.services_list li .icon_title h2.title{ padding-top: 0; display: block; width: 100%;}
	ul.services_list li .icon_title h3.ftitle{ display: block; width: 100%; }
	ul.services_list li .icon_title .icon_content{ width: 100%; clear: both; display: block; }
	ul.services_list li.even .ser_content{ font-size: 15px; padding: 5% 0; }
	ul.services_list li.odd .ser_content{ font-size: 15px; padding: 5% 0; }

	/* case - list */
	.page_case>.case_menu{ width: 100%; padding: 25px 3% 0 3%; position: relative; }
	.case_menu .case_nav a{ font-size: 16px; height: 40px; line-height: 40px; }
	.case_menu .case_nav a i{ line-height: 40px; }
	.case_menu h3.title{ font-size: 22px; background: #ea6519; padding: 10px 20px; color: #fff; margin-bottom: 25px;}
	.case_menu h3.title i{ display: block; font-size: 30px; }
	.case_menu .case_nav{ display: none; position: absolute; width: 100%; left: 0; z-index: 100; padding: 0 3%; top: 83px; background:#f5f5f5;  }
	.case_center{ width: 100%; padding: 0; border-left: none; }
	.page_case{ padding: 0; /*margin-top: 40px*/margin-top: 0 }
	ul.case_list li .desc h2.title{ font-size: 18px; }
	ul.case_list li .desc span{ font-size: 14px; }

}
@media all and (max-width: 530px) {
	.container{ padding: 0 15px; }
	.tabs{ padding-bottom: 30px; }
	.section3{ padding-bottom: 20px; }
	.banner h2.btitle{ font-size: 2rem; }
	.media_text{ margin: 2% 0 2% 0; }
	.section3{ margin-top: 0; padding-top: 30px; }
	.news_left .pic img{ height: auto; }
	.news_left{ margin-bottom: 15px; }
	.news_right a{ margin-bottom: 15px; }
	ul.solution_list li .pic img{ height: auto; }
	/*.services-banner .about-bg{height: 65vh}*/


	.h_top_menu a.search,.h_top_menu a.Language, .header-search{ display: none; }

	.banner .banner_videopic{ display: none; }
	.section1 .banner-pic-slide .banner-text .banner_videopic_wrap{display: none}
	ul.solution_list li{margin-bottom: 0}
	ul.solution_list li h3.title img{width: auto;height: 65px}

	.footer_left{ width: 100%; border-bottom: 1px #343539 solid; }
	.footer_right{ width: 100%; }
	.fotop{ padding: 25px 15px; }
	.fot_link{ display: none; }
	ul.fot_list{ margin: 25px 15px 10px 15px; }
	ul.fot_list li{width: 33.33333%;}
	.footer_right .ewm{ margin: 5% auto; }
	.footer_coprright{ padding: 15px; }
	.footer_coprright .fl,.footer_coprright .fr{ width: 100%; text-align: center; }



	/* services_list */
	/*.services-banner .about-bg{height: 65vh}*/
	ul.services_list li .icon_title h3.ftitle{ font-size: 20px; }
	ul.services_list li .icon_title h2.title{ padding-top: 10px; }
	ul.services_list li .pic .pic_img img{ height: auto; }
	ul.services_list li .pic .pic_img{ margin: 0; }
	ul.services_list li.odd .pic .pic_img{ margin: 0; }
	ul.services_list li .pic .pic_img span{ display: none; }

	.ser_foot{ margin-bottom: 35px; }
	.ser_foot .serfot_float{ width: 100%; margin: 35px 0 0 0; padding: 0 15px; }
	.ser_foot .serfot_float .pic img{ height: auto; }
	.ser_foot .serfot_float .text{ margin-top: 13%; }

	/* case - list */
	ul.case_list li{ width: 100%; }
	ul.case_list li .desc{ padding: 15px 0; }

	.banner-text-new{ font-size: 20px; left: 15px }
	.banner-text-new img{ margin-bottom: 16px; width: 60px; }

}
@media all and (max-width: 321px) {
	.services-banner .about-bg{height: 70vh}

	.banner-text-new{ font-size: 18px; top: 40%; left: 15px }
	.banner-text-new img{ margin-top: 16px; width: 40px; }
	.news-list-banner .banner-text-new{ top: 50%;}
	.banner, .case-banner{ margin-top: 66px }

}