@charset "utf-8";
@import url("core.css");
/* CSS Document */
* { margin: 0; padding: 0; transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
html, body { margin:0 auto; min-width:100%; }
body{ overflow-x:hidden}
body { font-family:Arial, 'Microsoft yahei', Helvetica, sans-serif; font-size:14px; color:#5f5f5f; background:#fff }
.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
/***/
.w1200 { margin:0 auto; width:1200px; }
a { transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
/***/
#mobile_height { height:80px; background:#000}
#top{ position:fixed; left:0; top:0; width:100%; background:#fff; z-index:9999 }
#top, #top .site-header,.logo a,#top .site-header,.logo{ transition-duration: .2s;
-ms-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
}
#top li,#top nav,.language,.search_form{ transition-duration: .2s;
-ms-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
}
#top.scroll { -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); box-shadow:0 0 5px rgba(0, 0, 0, 0.3); }
.site-header { position:relative; padding:0px 50px; width:100%; margin:0 auto;}
.site-header .logo { display:block; float:left; width:190px; overflow:hidden; position:absolute; left:50px; top:7px; z-index:9999 }
.site-header .logo a { text-indent:-2000px; background:url(/Uploads/202210/63560b1b68aaa.jpg?v=1) no-repeat; background-size:100% 100%; width:190px; height:63px; display:block;}


.site-header .logo a font {
    color: #000;
    position: relative;
    z-index: 444;
    font-size: 25px;
    font-family: "SimHei";
    font-weight: bold;
}

#top.scroll .site-header{}
#menu li{ float:left; line-height:80px; padding:0 0px; }
nav{ height:80px; margin-right:150px; float:right;}
.language { position:absolute; right:90px; top:30px;}
.language a.email{ background:url(../images/icon_ews.png); width:19px; height:19px; display:inline-block; margin-right:18px;}
.language a.weixin{background:url(../images/icon_ews.png) no-repeat -38px center; width:24px; height:19px; display:inline-block; position:relative}
.language a.weixin img{ width:120px; height:auto;-moz-box-shadow:2px 5px 15px rgba(0,0,0,0.3); -webkit-box-shadow:2px 5px 15px rgba(0,0,0,0.3); box-shadow:2px 5px 15px rgba(0,0,0,0.3);}
.language a.weixin span{display:none; position:absolute; left:-90px; top:19px; padding-top:11px; width:120px;}
.language a.weixin:hover span{ display:block}
.search_form{ position:absolute; right:50px; top:27px;}
/**/
@media screen and (max-width: 1048px){
.site-header{ padding:0 30px;}	
.site-header .logo{ left:30px;}
#menu li#menu89{ padding-right:0}
}
@media screen and (max-width:1000px){
#mobile_height { height:60px;} 

.site-header .logo a {
    width: 145px;
    height: 50px;
}


}
/***/
/***/
#menu{}
#menu .dropdown{}
#menu li a{ display:block; color:#252525; font-size:14px; padding:0 0px; position:relative; text-transform:uppercase;transition-duration: .0s;
-ms-transition-duration: .0s;
-moz-transition-duration: .0s;
-webkit-transition-duration: .0s;}
#menu li{ position:relative; padding-left:20px; padding-right:20px;}
#menu li a:hover, #menu li.selected a{ color:#ed0000;}
#menu li a{ position:relative}
#menu li a:hover:before,#menu li.selected a:before{ width:100%; height:3px; background:#ed0000; content:""; position:absolute; left:0; bottom:0; display:block}
#menu li .sub_menu { display:none; position:absolute; left:0px; top:80px; background:#fff;padding-top:20px; padding-bottom:20px; width:150px; -webkit-animation: atop 0.8s linear; -moz-animation: atop 0.8s linear; animation: atop 0.8s linear;}
#menu li .sub_menu ul {margin:0 auto;}
#menu li ul li { height:auto; line-height:normal; float:none; padding:0px 0px;}
#menu li ul li a, #menu li.selected li a{ color:rgba(0,0,0,0.6); padding:8px 20px;text-align:left; font-size:14px; display:block;line-height:20px; background:none; text-transform:capitalize; position:relative; }
#menu li ul li a:hover i { display:inline-block }
#menu li ul li a:hover:before,#menu li.selected ul li a:before{ display:none}
#menu li ul li a i { display:none; color:#0a4c92; margin-left:10px; }
#menu li ul li a:hover,#menu li.selected li a:hover{ color:#fff; background:#ed0000}
.search_form #submit{ width:25px; height:26px; background:url(../images/search.png) no-repeat center center; background-size:18px 18px; display:block; float:right; border:0; cursor:pointer;}
.search_form #keyword{ display:block; float:left; width:230px; padding:3px 10px; font-size:12px; margin-right:10px; display:none}
.searh_form_input{ background:#fff; float:left; width:100%}
#menu li#menu31 .sub_menu{width:170px}
/* #menu li#menu30 .sub_menu{width:695px; padding-left:80px; left:-60px; padding-right:50px;}
#menu li#menu30 .sub_menu li{ float:left; width:50%; padding-right:30px;}
#menu li#menu30 .sub_menu li a:hover{ background:none; color:#ed0000}
#menu li#menu30 .sub_menu li a:after{ 
	width:4px; height:1px; background:rgba(0,0,0,0.6); content:""; position:absolute; left:0; top:18px; display:block;
	}
#menu li#menu30 .sub_menu li a:hover:after{ background:#ed0000} */
/***/
.language a { display:block; float:left; padding:0px 0px; color:#fff; width:35px; text-align:center; font-size:12px; line-height:24px;border-left:0;}
.language a.on{ color:#24298c}
@-webkit-keyframes atop { 0% {
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
50% {
opacity:0.5;
}
100% {
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
}
@keyframes atop { 0% {
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
50% {
opacity:0.5;
-moz-opacity:0.5;
-webkit-opacity:0.5;
}
100% {
opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
}
}

@-webkit-keyframes l100 { 0% {
	left:0
}
50% {
left:65px
}
100% {
left:130px
}
}
@keyframes w100 { 0% {
left:0
}
50% {
left:65px
}
100% {
left:130px
}
}

@-webkit-keyframes w100 { 0% {
	width:0%
}
50% {
width:50%
}
100% {
width:100%
}
}
@keyframes w100 { 0% {
width:0%
}
50% {
width:50%
}
100% {
width:100%
}
}
/***/
#banner { position:relative; z-index:800; }
#banner_carousel { }
#banner { position:relative; overflow:hidden }
#banner .item { display:block; background-size:100% 100%; background-repeat:no-repeat; background-position: center top }
#banner .item img { display:block; width:100%; height:auto }
#banner .title{ display:none}
#banner .w_center { position:relative }
#banner .owl-dots { position:absolute; left:0; bottom:35px; width:100%; text-align:center }
#banner .owl-dots div { display:inline-block; margin:0 5px; height:12px; width:12px;border:2px solid #fff;-webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%;}
#banner .owl-dots div.active { background:#fff }
#banner .owl-nav div { filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0 }
#banner:hover .owl-nav div { filter:alpha(opacity=80); -webkit-opacity:.8; -moz-opacity:.8; -khtml-opacity:.8; -ms-opacity:.8; -o-opacity:.8; opacity:.8 }
#banner .owl-nav div { font-size:40px; text-align:center; line-height:60px; text-align:center; color:#fff; background:#343c4c; padding:0px; height:60px; width:60px; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; z-index:9998; position:absolute; top:50%; margin-top:-20px }
#banner .owl-nav div.owl-prev { left:25px }
#banner .owl-nav div.owl-next { right:25px }
#banner .item b { font-size:46px; display:block; font-weight:400; }
#banner .item p { display:block; font-size:18px; line-height:36px; margin-bottom:40px; margin-top:15px }
#banner .item span { border:1px solid rgba(255, 255, 2550, .5); color:#fff; font-size:16px; display:inline-block; padding:10px 45px; cursor:pointer }
#banner .item span:hover { border-color:#fff; background:#fff; color:#343c4c }
/***/
.h1_title { display:block; text-align:center; margin-bottom:50px; }
.h1_title span { display:block; color:#000; font-size:26px;text-transform:uppercase; font-weight:bold}
.h1_title font { width:30px; height:3px; background:#ed0000; display:block; margin:0 auto; margin-top:15px;}

/***/
.Validform_checktip { margin-left:0; padding:0px 6px; font-size:12px; color:#F00 }
.info { border: 1px solid #F00; padding: 2px 20px 2px 5px; border-radius: 2px; color: #F00; position: absolute; display: none; line-height: 20px; background-color: #fff; margin-top:10px; }
.dec { bottom: -8px; display: block; height: 8px; overflow: hidden; position: absolute; left: 10px; width: 17px; }
.dec s { font-family: simsun; font-size: 16px; height: 19px; left: 0; line-height: 21px; position: absolute; text-decoration: none; top: -9px; width: 17px; }
.dec .dec1 { color: #F00; }
.dec .dec2 { color: #fff; top: -10px; }
.Validform_right { display:none }
/*******/
footer{ background:#1a1819; color:#898989; line-height:1.5; font-size:14px;}
.footer{padding:50px 0; max-width:1300px; margin:0 auto}
.footer li{ float:left; margin-right:30px;}
.footer li.fmenu1{ margin-right:0}
.footer li a{ color:#7e7e7f; text-transform:capitalize}
.footer li a:hover{ color:#fff}
.footer li b{ margin-bottom:10px;}
.footer li p{ margin:5px 0;}
.footer li b,.footer li b a{ color:#fff; text-transform:uppercase; display:block}
.footer li.contact{ float:right; margin-right:0; width:385px; padding-right:125px; position:relative}
.footer li.contact p small{ display:block; position:absolute; left:0; top:0; line-height:21px;}
.footer li.contact p.tel,.footer li.contact p.add,.footer li.contact p.email{ position:relative; padding-left:25px;}
.footer li.contact p.tel small{ background:url(../images/icon_ftel.png) no-repeat; width:16px; height:16px; top:2px}
.footer li.contact p.email small{ background:url(../images/icon_fem.png) no-repeat; width:14px; height:11px;top:5px}
.footer li.contact p.add small{ background:url(../images/icon_fad.png) no-repeat; width:13px; height:15px;top:2px}
.footer li.contact .code{ display:block; width:100px; position:absolute; right:0; top:32px;}
.footer li.contact .code img{ display:block; width:100%; height:auto}
copyright{ background:#000; text-align:left; float:left; width:100%;}
copyright .w1200{ padding:15px 0; width:1300px; margin:0 auto; color:#7e7e7f}
copyright .w1200 a{color:#7e7e7f; vertical-align:top}
copyright .w1200 font{ margin:0 15px;}
/**/
.adv5{ background:#f6fbfc}
.adv5 li{ float:left; width:100%; padding:0; text-align:center;}
.adv5 li *,.adv5 li{transition-duration: .2s;
-ms-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;}
.adv5 li span.thumb{ display:block; overflow:hidden;}
.adv5 li img{ display:block; width:100%; height:auto}
.adv5 li a{ color:#252525; font-size:16px; display:block; background:#f6fbfc; position:relative;} 
.adv5 li a font{ display:block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position:absolute; left:0; bottom:15px; width:100%; text-align:center}
.adv5 li a:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.adv5 .owl-nav{ display:none}
.solution_home{ padding:80px 0}
.solution_home li{ width:292px; float:left; position:relative; margin-left:10.5px; overflow:hidden}
.solution_home li font{ display:block; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.8); text-align:center; width:100%; color:#fff; font-size:16px; text-transform:capitalize; padding:10px 0;}
.solution_home li img{ display:block; width:100%; height:auto;}
.solution_home li.solution_li_1{ width:595px; margin-left:0}
.solution_home li.solution_li_2{ margin-bottom:11px;}
.solution_home li.solution_li_3{ margin-bottom:11px;}
.solution_home li a{ display:block; overflow:hidden}
.solution_home li a:before{filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0; background:url(../images/icon_s.png) no-repeat; content:''; width:112px; height:78px; display:block; margin-left:-56px; margin-top:-52px; position:absolute; left:50%; top:50%; z-index:990}
.solution_home li a:hover font{ z-index:980; width:100%; height:100%; padding-top:118px;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center}
.solution_home li a:hover:before{filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1; }
.solution_home li *{ transition-duration: .2s;
-ms-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
}
.solution_home li.solution_li_1 a:before{ background-image:url(../images/icon_s1.png?v=2019)}
.solution_home li.solution_li_2 a:before{ background-image:url(../images/icon_s2.png)}
.solution_home li.solution_li_3 a:before{ background-image:url(../images/icon_s3.png)}
.solution_home li.solution_li_4 a:before{ background-image:url(../images/icon_s4.png)}
.solution_home li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
/***/
.adv_home{ padding:80px 0}
.adv_home li{ width:23.5%; margin-right:2%;margin-bottom:2%; float:left; text-align:center; color:#000; }
.adv_home li:nth-child(4n){ margin-right:0}
.adv_home li font{ display:block; font-size:18px; padding:15px 0; margin-top:10px;}
.adv_home li b{ font-size:16px; line-height:1.4;display:block;margin:30px 0 10px}
.adv_home li p{ font-size:14px; line-height:1.4;}
.adv_home li i{ display:inline-block; background:url(../images/icon_adv.png) no-repeat; height:95px; width:82px;}
.adv_home li.adv_li_1 i{ background-position:left center; width:82px;}
.adv_home li.adv_li_2 i{  width:100px; background-position:-302px center}
.adv_home li.adv_li_3 i{  width:83px; background-position:-607px center}
.adv_home li.adv_li_4 i{  width:82px; background-position:-911px center}
.adv_home li:hover i{ background-image:url(../images/icon_adv1.png)}
/***/
.amad img{ display:block; width:100%; height:auto}
.project{ padding:80px 0px; background:#f5f5f5}
.project li{ float:left; width:30.66666666666667%; position:relative; margin-right:4%;}
.project li:last-child{ margin-right:0}
.project li a{ display:block;}
.project li .thumb{ display:block; overflow:hidden; height:218px;}
.project li .thumb img{ display:block; width:100%; height:218px;}
.project li b{ font-size:20px; color:#000; display:block; font-weight:normal; line-height:1.2; margin-top:15px;}
.project li p{ color:#000; font-size:14px; line-height:18px; display:block; margin-top:15px; margin-bottom:25px;max-height:36px; overflow:hidden}
.project li p.more i{ display:inline-block; border:1px solid #ddd; padding:8px 35px;} 
.project li a:hover b{ color:#ed0000}
.project li a:hover i{ border-color:#ed0000; color:#fff; background:#ed0000}
/**/
#customer{ background:#fff; padding:25px 0}
#customer .w1200{ padding:0 50px;}
#customer .owl-carousel .owl-item img{ max-width:100%; height:auto; width:auto; margin:0 auto}
#customer .owl-carousel .owl-nav.disabled{ display:block}
#customer .owl-carousel .owl-prev{ font-size:24px; color:#b6b2b2; position:absolute; left:-50px; top:50%; margin-top:-12px;}
#customer .owl-carousel .owl-next{ font-size:24px; color:#b6b2b2; position:absolute; right:-50px; top:50%; margin-top:-12px;}
/***/
#scrollTop { -webkit-border-radius: 50%; border-radius: 50%; text-align:center; cursor:pointer; line-height:30px; z-index:990; padding-top:5px; -moz-border-radius: 50%; background:rgba(0, 0, 0, 0.6); width:40px; height:40px; position:fixed; right:20px; bottom:50px; display:none }
#scrollTop i { font-size:28px; color:#fff; }
/***********************导航***********************/
div.burger {height:50px;width:40px;position:absolute;top:-5px;right:10px;cursor:pointer;z-index:9999;display:none;}
/**************************************************************/
div.x, div.y, div.z { position:absolute; margin:auto; top:0; bottom:0; background:#ed0000; border-radius:2px; -webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out
}
div.x, div.y, div.z { height:2px; width:26px; -webkit-transition:all .1s ease-out;
-moz-transition:all .1s ease-out;
-ms-transition:all .1s ease-out;
-o-transition:all .1s ease-out;
transition:all .1s ease-out
}
div.y.squize { width:0; -webkit-transition:all .1s ease-out;
-moz-transition:all .1s ease-out;
-ms-transition:all .1s ease-out;
-o-transition:all .1s ease-out;
transition:all .1s ease-out
}
div.y { top:18px }
div.z { top:37px }
div.open div.x, div.open div.z { top:19px; -webkit-transition:all 70ms ease-out; -moz-transition:all 70ms ease-out; -ms-transition:all 70ms ease-out; -o-transition:all 70ms ease-out; transition:all 70ms ease-out }
div.rotate30 { -ms-transform:rotate(30deg); -webkit-transform:rotate(30deg); transform:rotate(30deg); -webkit-transition:all 70ms ease-out; -moz-transition:all 70ms ease-out; -ms-transition:all 70ms ease-out; -o-transition:all 70ms ease-out; transition:all 70ms ease-out }
div.rotate150 { -ms-transform:rotate(150deg); -webkit-transform:rotate(150deg); transform:rotate(150deg); -webkit-transition:all 70ms ease-out; -moz-transition:all 70ms ease-out; -ms-transition:all 70ms ease-out; -o-transition:all 70ms ease-out; transition:all 70ms ease-out }
div.rotate45 { -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .1s ease-out;
-moz-transition:all .1s ease-out;
-ms-transition:all .1s ease-out;
-o-transition:all .1s ease-out;
transition:all .1s ease-out
}
div.rotate135 { -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); -webkit-transition:all .1s ease-out;
-moz-transition:all .1s ease-out;
-ms-transition:all .1s ease-out;
-o-transition:all .1s ease-out;
transition:all .1s ease-out
}
#menu li a .fa{ display:none}

@media screen and (max-width:1300px){
.solution_home .w1200,.adv_home .w1200,.project .w1200{ width:100%;}
.solution_home ul,.adv_home,.project{ padding-left:50px; padding-right:50px;}
.solution_home li.solution_li_1{ width:49.5%;}
.solution_home li{ width:24.15%; margin-left:1.1%}
.solution_home li.solution_li_3,.solution_home li.solution_li_2{ margin-bottom:1.1%}
#customer .w1200{ width:100%}
#customer{ padding-left:25px; padding-right:25px;}
.footer{ padding:50px 50px; max-width:none}
.footer li.contact{ width:30%;}
.footer ul{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.footer li{ width:30%; margin-right:0; padding-right:0px; margin-bottom:25px;}
.footer li:nth-child(1),.footer li:nth-child(4){ width:40%}
copyright .w1200{ width:100%; padding:15px 50px; line-height:1.6}
}
@media screen and (max-width:1200px){
nav{ margin-right:0px;}
.language{ display:none}
.search_form{ display:none}
#banner .owl-dots{ bottom:15px;}
#banner .owl-nav div{ width:40px; height:40px; line-height:40px; font-size:24px;}
.footer li.contact{ width:100%;}
}
.project li.news_li_3{ margin-right:0}
.project li.news_li_4{ display:none}
@media screen and (max-width: 1048px){
.footer{ padding:30px;}	
copyright .w1200{ padding:10px 30px;}
.solution_home ul,.adv_home,.project{ padding-left:30px; padding-right:30px;}
.solution_home,.adv_home,.project{ padding-top:60px; padding-bottom:60px;}
.h1_title{ margin-bottom:40px;}
.solution_home li a:before{ width:80px; height:56px; background-size:100% 100%; margin-left:-40px; margin-top:-38px}
.solution_home li a:hover font{ padding-top:88px;}
.adv_home li{ }
.adv_home li.adv_li_1 i{ width:66px;}
.adv_home li i{ height:75px; background-size:auto 100%}
.adv_home li.adv_li_2 i {
    width: 80px;
    background-position: -237px center;
}
.adv_home li.adv_li_3 i {
    width: 66px;
    background-position: -479px center;
}
.adv_home li.adv_li_4 i {
    width: 65px;
    background-position: -719px center;
}
.project li .thumb img,.project li .thumb{ height:19.08396946564885vw}
}
@media screen and (max-width:900px) {
.adv_home li{}
.project li{ width:49%; margin-right:2%}
.project li.news_li_2{ margin-right:0}
.project li.news_li_3{ margin-right:2%}
.project li.news_li_4{ display:block}
.project li .thumb img,.project li .thumb{ height:30.55555555555556vw}
.project li b{ font-size:18px;}
}
@media screen and (max-width:800px) {
	.adv_home li{ width:49%; margin-right:2%; margin-left:0}
	.adv_home li:nth-child(2n){ margin-right:0%;}
	.adv_home li.adv_li_2,.adv_home li.adv_li_4{ margin-right:0}
	.adv_home li.adv_li_1,.adv_home li.adv_li_2{ margin-bottom:2%}
	.footer ul li{ display:none}
	.footer ul li.contact{ display:block; margin-bottom:0}
	copyright .w1200 font{ float:left; margin-left:0}
	copyright .w1200 span{ display:block}
	
}
@media screen and (max-width:700px) {
.solution_home li.solution_li_1{ width:100%;margin-bottom:2%}
.solution_home li{ width:49%; margin-left:0; margin-bottom:0%}
.solution_home li.solution_li_2,.solution_home li.solution_li_4{ margin-right:2%}
.solution_home li.solution_li_2,.solution_home li.solution_li_3{ margin-bottom:2%}
.project li b{ font-size:16px; font-weight:bold}
}
@media screen and (max-width:600px) {
	.h1_title span{ font-size:20px;}
	.solution_home,.adv_home,.project{ padding-top:40px; padding-bottom:40px;}
	.h1_title{ margin-bottom:30px;}
	.solution_home ul,.adv_home,.project{ padding-left:15px; padding-right:15px;}
	.footer{ padding:20px;}	
	copyright .w1200{ padding:10px 20px;}
.project li{ width:48%; margin-right:4%}
.project li.news_li_2{ margin-right:0}
.project li.news_li_3{ margin-right:4%}
.footer li.contact .code{ display:none}
.footer ul li.contact{ padding-right:0}
}
@media screen and (max-width:400px) {
.solution_home li font{ font-size:12px;}	
.solution_home li a:before{ width:57px; height:40px; background-size:100% 100%; margin-left:-28.5px; margin-top:-30px}
.solution_home li a:hover font{ padding-top:70px;}
.adv_home li{ padding:15px}
.adv_home li font{ padding:5px 0; font-size:16px; font-weight:bold}
.adv_home li p{ font-size:12px;}
}
@media screen and (max-width:350px) {
.project li{ width:100%; margin-right:0%}
.project li.news_li_2{ margin-right:0}
.project li.news_li_3{ margin-right:0%}	
.project li .thumb img,.project li .thumb{ height:55.55555555555556vw}
}
@media screen and (max-width:980px) {
div.burger{display: block;}
/**/
.search_form{ display:none}
.language{ top:18px; right:80px;}
.language a{ display:none;}
.language a.on{ display:block; background:none; border:0; color:#4e8880; padding:0; width:auto; font-size:14px; font-weight:bold}
.site-header{ height:60px;}
#top.scroll .site-header .logo,.site-header .logo{top:6px;}
#mobile_height{ height:60px;}
nav{ z-index:9998; padding-top:60px; right:0; width:100%; top:0; height:100%; position:fixed; display:none; margin-right:0;}
#menu{ background:#fff; overflow:auto; padding:20px 0; border-top:1px solid #eee}
#menu li{ float:left; width:100%; padding:0; margin:0; border:0; margin-bottom:0px; line-height:normal;border-bottom:1px solid rgba(0,0,0,0.1)}
#menu li li{ margin-bottom:0}
#menu li ul li:last-child{ border-bottom:0}
#menu .dropdown{ width:100%; padding-bottom:30px}
#menu li a{ display:block; padding:0; border:0; margin:0;padding:12px 30px; color:#252525; line-height:normal; font-size:18px; position:relative; float:none}
#menu li a .fa{ position:absolute; right:30px; top:15px; display:block}
#menu li a.mon{color:#fff; background:#ed0000}
#menu li .sub_menu{ position:static; background:#fff; width:100%; text-align:left}
#menu li ul li a, #menu li.selected li a{ text-align:left; color:#252525; border:0}
#menu li ul li{ border-color:rgba(0,0,0,0.1)}
#menu li a:hover, #menu li.selected a{ color:#fff; background:#ed0000}
#menu li ul li a, #menu li.selected li a{ padding:10px 30px; font-size:16px;}
#menu li a:after,#menu li a:hover:after, #menu li.selected a:after{ display:none}
#menu li a:hover:before, #menu li.selected a:before{ display:none}
#menu li ul li a:hover { color:#ed0000; background:#fff}
#menu li{ position:relative}
#menu li *{ float:none}
#menu li .sub_menu{ float:left; padding:0}
#menu li ul li{ padding:0 0px; float:none}
#menu li ul li a, #menu li.selected li a{ padding:15px 30px; display:block}
#menu li ul li a:before, #menu li.selected li a:before{ display:none}
#menu li#menu30 .sub_menu li{ width:100%; padding-right:0}
#menu li#menu31 .sub_menu{ width:100%}
#menu li#menu30 .sub_menu li a:after{ display:none}
#menu li#menu30 .sub_menu{ width:100%; padding:0}
}
@media screen and (max-width:600px) {
.site-header{ padding:0 15px;}
.site-header .logo{ left:15px;}
div.burger{ right:0}
#menu{ padding:10px 0;}
#menu li a,#menu li ul li a, #menu li.selected li a{ padding-left:20px; padding-right:20px;}
#menu li a .fa{ right:20px;}
.adv5 li a font{ font-size:14px; bottom:10px}
}
/***/
#kefu_online{ position:fixed; right:0; top:50%; margin-top:-120px; z-index:9999}
#kefu_online *{ transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
#kefu_online p{ display:block; width:50px; height:60px; line-height:50px;color:#fff; text-align:center; padding:5px 0}
#kefu_online p a{ display:block; height:50px; color:#fff; font-size:25px; background:#4e8880; position:relative;}
#kefu_online p a img{ display:block; width:150px; height:150px; position:absolute; left:550px; top:0;border:1px solid #069fc9;-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;
}
#kefu_online p a:hover img{ left:-150px; }
#kefu_online p a:hover{ background:#069fc9}