@charset "utf-8";
html,body{ font-size:14px; color:#000; background:#fff; -webkit-text-size-adjust:none; font-style:normal; padding: 0; margin: 0; overflow-x:hidden}

body,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,li,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:0; max-width: 100%;}
button,input,select,textarea{font-size:100%;}

@font-face {
    font-family: 'SourceHanSans-Regular';
    src: url('../images/fonts/SourceHanSans-Regular.eot');
    src: local('SourceHanSans-Regular'), local('SourceHanSans-Regular'),
         url('../images/fonts/SourceHanSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/SourceHanSans-Regular.woff') format('woff'),
         url('../images/fonts/SourceHanSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
        }
a{ color:#000; text-decoration:none;transition: all 0.3s ease 0s;}
a:hover{  text-decoration:none;}
li{ list-style:none;}
.clear{clear:both;}
/*头部*/
.mobile_mian{ display:none;}
.m_banner{  display: none;}
.fl{ float: left;}
.fr{ float:right;}


.inner{ width:1200px; margin:0 auto; position:relative;}
.container{ width:1200px; margin:0 auto; position:relative;}
header.fixed-header{ position:fixed;top:0; /*background:#7e8ca0;*/ background:rgba(255,255,255,1)}
header.fixed-header .header-upper .logo-box .logo{ padding:0px !important; display:block}
header.fixed-header .header-upper .logo-box .h_logo{ display:none;}
header.fixed-header .main-menu .navigation>li { padding:0px 0px;}
header.fixed-header .main-menu .navigation>li>a{}
header.fixed-header .navbar-right-info .phone-number{ color:#000;}
header.fixed-header .navbar-right-info .phone-number a{ color:#000;}


/* Header Style */
.main-header {display: block;  width: 100%;   z-index: 9999;  top: 0px;   left: 0px;   background: none;   clear: both;}
.main-header .header-top{background:#054d65; display:flex; justify-content:center; align-items:center; height:40px;}
.main-header .header-top li{display:flex; justify-content:center; align-items:center; color:#fff;}
.main-header .header-top li img{margin-right:20px; height:25px;}
.main-header .header-top li a{ color:#fff; text-decoration:underline;}
.main-header .header-top li span{color:#fff;}
.main-header .header-top li p{opacity:0.5}
.main-header .header-upper {   position: relative;}
.main-header .header-upper .auto-container {    max-width: 100%;   padding: 0 80px;}
.main-header .header-upper .inner-container {   min-height: 80px;   display: flex;  flex-wrap: wrap;   align-items: center;   justify-content: space-between;}
.main-header .header-upper .logo-box {    z-index: 10;}
.main-header .header-upper .logo-box .logo {   position: relative;   display: block;   padding: 0px 0px; display:none;}
.main-header .header-upper .logo-box .logo img{ height:35px;}

.main-header .header-upper .logo-box .h_logo{  position: relative;   display: block;   padding: 0px 0px; }
.main-header .header-upper .logo-box .h_logo img{ height:35px;}
.main-header .nav-outer {     display: flex;   flex-wrap: wrap;    align-items: center;}

.main-header .nav-outer .search-toggler { position: relative;   background-color: transparent;   font-size: 20px;   color: #fff;   margin-left: 30px;}
.navbar-right-info {display: -webkit-box;   display: -ms-flexbox;    display: flex;  flex-wrap: wrap;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;  -webkit-box-pack: center;   -ms-flex-pack: center;    justify-content: center;    margin: 25px 0px 25px 40px;}

.navbar-right-info .phone-number {color: #000;   font-size: 18px;  font-weight: 600; border-left: 1px solid #999; padding-left: 20px;}
.navbar-right-info .phone-number a {color: #000;}
.navbar-right-info .phone-number i {font-weight: 900;   margin-right: 10px;}

.navbar-right-info .sidemenu-nav-toggler {position: relative;   width: 50px;   height: 50px;   line-height: 44px;   text-align: center;   color: rgb(255, 255, 255);   font-size: 20px;   margin-left: 30px;   cursor: pointer;    border-radius: 50%;}
.navbar-right-info .mobile-nav-toggler {  position: relative;   width: 50px;   height: 50px;   line-height: 44px;    text-align: center;    color: rgb(255, 255, 255);    font-size: 20px;   margin-left: 30px;   cursor: pointer;   border-radius: 50%;}




.main-header .nav-outer .main-menu {  }
.main-menu .navbar-collapse {   padding: 0px;   display: block !important;}
.main-menu .navigation {   margin: 0px;   margin-left: 30px;   display: flex;   flex-wrap: wrap;   align-items: center;}
.main-menu .navigation>li {       padding: 0px 0px;   margin-right: 40px;
    -webkit-transition: all 300ms ease;   -o-transition: all 300ms ease;   transition: all 300ms ease;}
.main-menu .navigation>li:last-child {   margin-right: 0px;}
.main-menu .navigation>li:last-child a{ background:#000; color:#fff !important;padding: 2px 10px; border-radius:20px;}
.main-menu .navigation>li>a {  position: relative;   display: block;
    text-align: center;
    font-size: 16px;
   
    
    text-transform: uppercase;
    color: #999;
    padding: 0px 0px;
    opacity: 1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-menu .navigation>li>a.navdown:before{ content:"﹀";font-size:10px;  display:block; position:absolute; right:-20px;}
.main-menu .navigation>li.active>a { color:#000; position:relative}
.main-menu .navigation>li.active>a:after{ display:none; content:""; height:1px; width:100%; background:#000;position:absolute; bottom:20px;}
.main-menu .navigation>li>ul {position: absolute;
    top: 80px;
    width: calc(100% - 120px);
    left: 60px;
    visibility: hidden; background: #fff;
    height: 0;
    opacity: 0;
    z-index: 10002;
    transition: all 660ms cubic-bezier(0.3,0,0.7,1);
    cursor: pointer;}

    
.main-menu .navigation>li>ul .nav_content_v4_item {display: flex;
    justify-content: center;
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    cursor: auto;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all 660ms cubic-bezier(0.3,0,0.7,1);
} 

.main-menu .navigation li:hover ul .nav_content_v4_item{height:320px;opacity:1;visibility:visible}
.main-menu .navigation li:hover ul {border-top:1px solid #999;height:320px;visibility:visible;opacity:1;cursor:auto}
    
.main-menu .navigation li ul .nav_content_v4_item li {height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative; 
     justify-content: center; text-align: center;
   
    width: 200px;
    margin: 40px 10px 40px;
    padding: 0px 0px 20px 0px;
    transition: all 0.5s linear;}
.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 12.5px 0;
    border-bottom: 1px solid #41394f;
    line-height: 24px;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
    text-align: left;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

    
.main-menu .navigation li ul .nav_content_v4_item li:hover{background:#f9f9f9; }




/* ---About us关于我们--- */
.index_box01{ padding:100px 0px 90px 0px; overflow:hidden;}
.index_box01 .about_left{ float:left; width:600px; padding-right:50px; box-sizing:border-box;}
.index_box01 .about_left h2{ color:#000; font-weight:600; font-size:36px; text-transform:uppercase;  margin-top:100px; margin-bottom:50px;}
.index_box01 .about_left h2 em{ color:#000; font-weight:600; font-size:30px; display: block; line-height:normal; font-style:normal;}
.index_box01 .about_left p{ color:#777; font-size:16px; font-weight:500;line-height:30px;    margin-bottom:30px;}
.index_box01 .about_left a.baojia{ background:#000; height:50px; line-height:50px; width:180px; text-align:center; display:block; color:#fff; font-size:18px; font-weight: normal; text-transform:uppercase; }
.index_box01 .about_right{ float:left; position:relative; width:600px; padding-left:50px; box-sizing:border-box;display: -ms-flexbox !important;
display: flex !important;}
.index_box01 .about_right_img{display: inline-block;position: relative;margin-right: 50px;}
.index_box01 .about_right_img::before {   content: '';    position: absolute;   bottom: 20px;    left: 85px;
    width: 100%;   height: 71%;   background-color: #fff;   background-image: url(../images/dot-pattern-1-1-op19.png);   background-repeat: repeat;
    background-position: -4px 0;    z-index: 1;}
.index_box01 .about_right_img::after {content: ''; position: absolute; top: 50px; left: 50px; width: 100%; height: 100%;    border-style: solid;    border-width: 5px;   border-color: #000;   z-index: 0;}
.index_box01 .about_right img{ display:block;height:520px;}
.index_box01 .about_right .about_img01{ position: absolute; bottom:0px; margin-bottom:-30px;box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.2); z-index:9; position: relative;z-index: 10;}
.index_box01 .about_right .about_img02{float:right;/*box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.2);*/ position: relative; height:520px;width:420px; 
z-index: 10;}
.index_box01 .about_right_m{ display:none;}




/* ---首页公共标题--- */
.i_title{ text-align:center; margin-bottom:40px;}
.i_title h2{color: #000; font-weight: 600;  font-size: 36px; position:relative; text-transform:uppercase; padding-bottom:10px;}
.i_title h2:before {   position: absolute;    content: '';   width: 40px; border-bottom: 3px solid #000;   bottom: 0;   left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}









/*四个隔音舱*/
.indexproduct{ padding:80px 0px 0px 0px; margin-bottom:80px;}
.m_fa1tj{ width:1200px; margin:auto; background:#fff;}
.m_fa1tj dl{ position:relative;width:280px; float: left; margin:10px; border:1px solid #f1f1f1; box-sizing:border-box;}
/*.m_fa1tj .dl1{ width:590px; height:540px;float:left; margin-right:20px; }
.m_fa1tj .dl2{ height:260px; width:590px; float: left; margin-bottom:20px;}
.m_fa1tj .dl3{ height:260px; width:285px; float: left; margin-right:20px;}
.m_fa1tj .dl4{ height:260px; width:285px; float:left;}

.m_fa1tj .dl1 dt img{width: auto; max-height:540px; }
.m_fa1tj .dl2 dt img{width: auto; max-height:240px; }
.m_fa1tj .dl3 dt img{width: auto; max-height:240px; }
.m_fa1tj .dl4 dt img{width: auto; max-height:240px; }*/
.m_fa1tj dt{ text-align:center; position:relative;background:#f1f1f1;height:350px; display: flex;display: -webkit-flex; /* Safari */-webkit-justify-content: center;
            align-items: center; 
            justify-content: center;}
.m_fa1tj dt img{ width: auto; max-height:350px;}
.m_fa1tj dd{ box-sizing:border-box; bottom:10px; padding:20px 20px; }
.m_fa1tj dd h3{height: 30px;line-height: 30px;overflow: hidden;font-size: 18px;font-weight: normal; color:#000; text-align: center;}
.m_fa1tj dd span{background: #000;height: 35px;line-height: 35px;width: 130px;border-radius:10px; margin:auto; margin-bottom:5px;text-align: center;display: block;color: #fff;font-size: 16px;font-weight: normal;}
.m_fa1tj dl:hover dd h3{ color: #475766; }
.m_fa1tj dd h3 a{color: #000;}
.m_fa1tj dd .wz{overflow: hidden;}
.m_fa1tj dd .wz span{ float:left; margin-right:10px;}
.m_fa1tj dd .wz p{font-size: 16px;color: #000000;line-height: 30px; }
.m_fa1tj dd .wz p b{font-size: 14px;color: #111113;font-weight: normal;}
.m_fa1tj .dis_img { height:200px; width:200px; float:right; position:absolute; bottom:0; right:0;}
.m_fa1tj .dis_img img{ height:200px; width:200px; object-fit:cover;}
.m_fa1tj .ryLt,.m_fa1tj .ryRt{ width:80px; height:80px; position: absolute; cursor:pointer;  display:block; font-size:26px; font-family:"宋体"; color:#000; background:#fff; text-align:center; line-height:80px;}
.m_fa1tj .ryLt{ right:200px;bottom:0px; margin-left:-70px;font-style:normal;}
.m_fa1tj .ryRt{ right:120px;bottom:0px;font-style:normal;}

.m_fa1tj .ryLt:hover{background-position: -70px 0;}
.m_fa1tj .ryRt:hover{background-position: 0 0;}


.m_fa1tj dl .per{ height:30px; }
.m_fa1tj dl dd .per1{ background:url(../images/per.png) no-repeat center center;}
.m_fa1tj dl dd .per2{ background:url(../images/per.png); width:32px; margin:auto; }
.m_fa1tj dl dd .per3{ background:url(../images/per.png); width:64px; margin:auto; }
.m_fa1tj dl dd .per4{ background:url(../images/per.png); width:96px; margin:auto; }


.effect-zoe .h_img {
	top:0px; position:absolute; height:450px;
	bottom: -0px;

	
	background: #fff;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
.effect-zoe .h_img img{ height:450px; object-fit:cover;}
.effect-zoe h2 {
	float: left;
}

.effect-zoe .h_img > span {
	float: right;
}

.effect-zoe p {

	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.effect-zoe h2,
.effect-zoe .h_img > span {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

.effect-zoe .h_img > span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.effect-zoe h2 {
	display: inline-block;
}

.effect-zoe:hover p, .effect-zoe:hover h3  {
	opacity: 1; color:#fff;
}
.effect-zoe:hover .h_img::before{ background:rgba(0,0,0,0.5); height:100%; width:100%; content:""; display:block; position:absolute; z-index:1;}
.effect-zoe:hover .h_img,
.effect-zoe:hover h2,
.effect-zoe:hover .h_img > span {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.effect-zoe:hover .h_img > span:nth-child(4) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.effect-zoe:hover .h_img > span:nth-child(3) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.effect-zoe:hover .h_img > span:nth-child(2) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}









.m_fa1tj dt .overlay-link {
    background: #000;
    font-family: Impact;
    font-size: 40px;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
    
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.m_fa1tj dl:hover dt .overlay-link{ display:none;}

.index-basic .basic_box {background:url(../images/basic_bg.png) no-repeat center center;min-height:550px;margin-top: 20px;}
.index-basic .basic_box .sales-box:first-child{ float: left; margin-left: 210px;}
.index-basic .basic_box .sales-box:last-child{ float: right; margin-right: 260px;}
.index-basic .basic_box li{ color:#777;  text-align: center;}
.index-basic .basic_box .li1{ margin-top: 20px;}
.index-basic .basic_box .li2{ margin-top: 50px; cursor:pointer;}
.index-basic .basic_box .li2:hover .oth-img{display:block !important;}
.index-basic .basic_box .li2 em{font-style:normal; color:#fff; font-size:18px; display:flex;justify-content:center;align-items:center;}
.index-basic .basic_box .li2 .xiand{color:#fff; z-index:-1;cursor: pointer;
    border-radius: 50%; position: absolute; left: -5px;top: -5px;
    height:110px;
    width:110px;   
   
    opacity:1;
    /* border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid black;*/
    /* background: rgba(0, 0, 0, 0.2);  border-width: 2px; border-style: solid;
    border-color: rgba(255, 107, 0, 1); animation: ripple 4.5s ease-out 225ms infinite;*/
    }

.index-basic .basic_box .li2 .xiand .one,.index-basic .basic_box .li2 .xiand .two { position: absolute;   z-index:-1;  border-radius: 50%;   opacity: .5;  background-image: linear-gradient(-258deg,#005caf 20%,#005caf 100%);   animation: ripple 2.5s ease-out 225ms infinite;}
.index-basic .basic_box .li2 .xiand .one {      top: -5px;   left: -5px;   width: 120px;  height: 120px;}
.index-basic .basic_box .li2 .xiand .two{      width: 140px;   height: 140px;    top: -15px;   left: -15px;}

.index-basic .basic_box .li3{ margin-top: 20px;}
.index-basic .basic_box .li4{ margin-top: 60px;}
.index-basic .basic_box .li5{ margin-top: 50px; cursor:pointer;}
.index-basic .basic_box .li5:hover .oth-img{display:block !important;}
.index-basic .basic_box .li5 .xiand{color:#fff; z-index:-1;cursor: pointer;
    border-radius: 50%; position: absolute; left: -5px;top: -5px;
    height:110px;
    width:110px;    
   
    opacity:1;
    /* border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid black;*/
    /* background: rgba(0, 0, 0, 0.2);  border-width: 2px; border-style: solid;
    border-color: rgba(255, 107, 0, 1); animation: ripple 4.5s ease-out 225ms infinite;*/
    }

.index-basic .basic_box .li5 .xiand .one,.index-basic .basic_box .li5 .xiand .two { position: absolute;   z-index:-1;  border-radius: 50%;   opacity: .5;  background-image: linear-gradient(-258deg,#005caf 20%,#005caf 100%);   animation: ripple 2.5s ease-out 225ms infinite;}
.index-basic .basic_box .li5 .xiand .one {      top: -5px;   left: -5px;   width: 120px;  height: 120px;}
.index-basic .basic_box .li5 .xiand .two{      width: 140px;   height: 140px;    top: -15px;   left: -15px;}
/*.index-basic .basic_box .li5 .xiand{color:#fff; z-index:1; cursor: pointer;
    border-radius: 50%; position: absolute; left: 50%;top: 50px; margin: -10px 0px 0px -10px;
    height:20px;
    width:20px;
    background-image: linear-gradient(-258deg,#005caf 25%,#005caf);
    opacity:1;
    /* border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid black;*/
    /* background: rgba(0, 0, 0, 0.2);  border-width: 2px; border-style: solid;
    border-color: rgba(255, 107, 0, 1); animation: ripple 4.5s ease-out 225ms infinite;
    }

.index-basic .basic_box .li5 .xiand .one,.index-basic .basic_box .li5 .xiand .two { position: absolute;  z-index:-1;   border-radius: 50%;   opacity: .3;  background-image: linear-gradient(-258deg,#005caf 20%,#005caf);   animation: ripple 4.5s ease-out 225ms infinite;}
.index-basic .basic_box .li5 .xiand .one {      top: -5px;   left: -5px;   width: 30px;  height: 30px;}
.index-basic .basic_box .li5 .xiand .two{      width: 50px;   height: 50px;    top: -15px;   left: -15px;}*/

.index-basic .basic_box .li6{ margin-top: 20px;}
.index-basic .basic_box li img{ height: 100px;display: block;   margin: auto;}
.index-basic .basic_box li span{ color:#777; font-size:13px; display: block; }


.index-video{ margin:100px 0px 0px 0px;}

/*产品结构*/
.index_map{ background:#f7f7f7 url(../images/pod_bg.png) no-repeat; background-size:100%;   overflow:hidden;width: 100%; padding-top:100px;padding-bottom: 100px; }
.index_map .tit{ margin-top:60px;}
.index_map .tit h2{ text-align:center; color:#fff; font-size:34px;}
.index_map .juzhong{	width: 540px;margin: 0 auto;}
.index_map .yw{   font-size: 50px;   color: #484848;   text-align: center;    line-height: 70px;}
.index_map .zw{   font-size: 30px;   color: #E60012;   width: 100%;   margin: 0 auto;   line-height: 45px;  text-align: center;   position: relative;}
.index_map .zw .zi{	width: 150px;	background-color: #fff;   position: relative;   z-index: 2;margin: 0 auto;}
.index_map .zw .xian {   position: absolute;   width: 100%;   left: 0;   bottom: 22px;   height: 1px;   background-color: #efefef;   z-index: 1;}
.index_map .ms{	font-size: 16px;line-height: 28px;color: #666;text-align: center;margin-top: 16px;}
.index_map .nr{	width: 100%;margin-top: 42px;}
.index_map .nr .zuo{	width: 100%;position: relative; margin:auto;}
.index_map .nr .zuo .dtbg{	width: 100%;}
.index_map .nr .zuo .quan{ position: absolute;margin-left: -5px;margin-top: -5px;cursor: pointer;}
@keyframes ripple{
	0%{opacity:0;transform:scale(.1)}
	5%{opacity:1}
	to{opacity:0;transform:scale(1)}
}

.index_map .nr .zuo .quan .xiand{border-radius: 50%; height:15px; width:15px; background-image: linear-gradient(-258deg,#475766 7%,#5d778f); opacity:1;
/* border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid black;*/    /* background: rgba(0, 0, 0, 0.2);  border-width: 2px; border-style: solid;
    border-color: rgba(255, 107, 0, 1); animation: ripple 4.5s ease-out 225ms infinite;*/ 
}

.index_map .nr .zuo .quan .xiand .one,.index_map .nr .zuo .quan .xiand .two {    position: absolute;   border-radius: 50%;   opacity: .3;  background-image: linear-gradient(-258deg,#475766 7%,#5d778f);   animation: ripple 4.5s ease-out 225ms infinite;}
.index_map .nr .zuo .quan .xiand .one {      top: -22px;   left: -23px;   width: 60px;  height: 60px;}
.index_map .nr .zuo .quan .xiand .two{      width: 100px;   height: 100px;    top: -43px;   left: -43px;}



.index_map .nr .zuo .quan_neiqiang{left: 85%;top: 50%;}
.index_map .nr .zuo .quan_neiqiang .sanj{ right:-400px; top:-200px;}
.index_map .nr .zuo .quan_zhaoming{left:46.5%;   top: 16%;}
.index_map .nr .zuo .quan_zhaoming .sanj{ left:-550px; top:0px;}
.index_map .nr .zuo .quan_waiqiang{left:9.5%;   top: 31%;}

.index_map .nr .zuo .quan_geyin{	left: 41%;    top: 50%;}
.index_map .nr .zuo .quan_geyin .sanj{ left:-550px; top:-150px;}
.index_map .nr .zuo .quan_mokuai{	left: 40%;    top: 80%;}
.index_map .nr .zuo .quan_mokuai .sanj{ left:-520px; top:-300px;}


.index_map .nr .zuo .cur .sanj{ display:block;}
.index_map .nr .zuo .sanj{	width: 300px;position: absolute;right: 100%;margin-right: 33px;top: -71px;z-index: 3; display:none;}

@keyframes ripples{
	0%{opacity:0;transform:scale(.5)}
	5%{opacity:1}
	to{opacity:1;transform:scale(1)}
	}
.index_map .nr .zuo .quan .sanj{
-webkit-animation-name:'ripples';/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration: 1s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-direction: alternate;/*定义动画方式*/
}

.index_map .nr .zuo .quan.cheng .sanj{	width: 150px;text-align: center;}
.index_map .nr .zuo .quan.lan .sanj{	width: 200px;}
.index_map .nr .zuo .quan1 .sanj{	margin-right: 32px;}
.index_map .nr .zuo .quanxian .sanj{	margin-right: 24px;top: -64px;}
@keyframes run{
	0%{width:0;height:0}
	50%{width:25px;height:80px}
	to{width:18px;height:74px}
}
.index_map .nr .zuo .quan .sanj .qys{	min-height: 100px;      border: .5px solid #1cc7f9;   padding: 18px;   background-color: rgba(0,0,0,.2);}
.index_map .nr .zuo .quan .sanj .qys .lineOne,.index_map .nr .zuo .quan .sanj .qys .lineTwo {    position: absolute;    top: -5px;
    width: 18px;   height: 74px;   border-top: 1px solid #1cc7f9;   animation: run 2s ease-in-out;
   -webkit-animation: run 2s ease-in-out;   -moz-animation: run 2s ease-in-out;   -o-animation: run 2s ease-in-out;}
.lineOne {   left: -5px;   border-left: 1px solid #1cc7f9;}
.lineTwo {   right: -5px;   border-right: 1px solid #1cc7f9;}
.index_map .nr .zuo .quan .sanj .qys .lineThree,.index_map .nr .zuo .quan .sanj .qys .lineFour {   position: absolute;   bottom: -5px;
    width: 18px;
    height: 74px;
    border-bottom: 1px solid #1cc7f9;
    animation: run 2s ease-in-out;
    -webkit-animation: run 2s ease-in-out;
    -moz-animation: run 2s ease-in-out;
    -o-animation: run 2s ease-in-out;
}
.lineThree {   left: -5px;  border-left: 1px solid #1cc7f9;}
.lineFour {  right: -5px;   border-right: 1px solid #1cc7f9;}
.index_map .nr .zuo .quan.hong .sanj .qys{	border: 1px solid #ee4343;}
.index_map .nr .zuo .quan.lan .sanj .qys{	border: 1px solid #1a7fd1;}
.index_map .nr .zuo .quan.cheng .sanj .qys{	border: 1px solid #f68c20;}
.index_map .nr .zuo .quan .sanj .qys li{	width: 100%;margin-bottom: 16px;color: #fff;}
.index_map .nr .zuo .quan .sanj .qys li:last-child{	margin-bottom: 0;}
.index_map .nr .zuo .quan .sanj .qys .tou{	line-height: 26px;font-size: 16px;}
.index_map .nr .zuo .quan .sanj .qys .tel{	line-height: 40px;font-size: 16px; text-align:center;}
.index_map .nr .zuo .quan .sanj .qys .tel img{ max-width: 100%;}
.index_map .map_text{ color:#fff; font-size:16px; width:1200px; padding:0px 20px; margin:auto; margin-top:30px;}

/*产品特点*/
.product_detail{background-image: url(../images/service-parllax-1-1.jpg);background-attachment: fixed;background-size: cover;background-position: center center;background-repeat: no-repeat;padding: 140px 0 189px;
position: relative;}
.product_detail::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
}
.work-space-area{padding: 60px 80px 80px 80px; overflow:hidden;}
.work-space-area .i_title h2{text-transform: uppercase !important; color:#fff; font-size:40px;}
.work-space-area .i_title h2:before{ border-bottom:3px solid #fff;}
.single-system {display: flex;   overflow: hidden; width:386px;  margin-right:20px; float: left; position:relative;    align-items: center; background:#fff;-webkit-box-shadow: 0px 15px 39px 0px rgba(9, 24, 33, 0.1);
box-shadow: 0px 15px 39px 0px rgba(9, 24, 33, 0.1);   margin-bottom: 20px;}
.single-system:nth-child(3n){ margin-right:0;} 
.top-content {  }
.single-system .h_icon{ height:75px; width:75px;}
.single-system .h_icon01{ background:url(../images/pro_dh02.png);}
.single-system .h_icon02{ background:url(../images/pro_dh01.png);}
.single-system .h_icon03{ background:url(../images/pro_dh03.png);}
.single-system:hover .h_icon01{ background:url(../images/pro_dh02_h.png);}
.single-system:hover .h_icon02{ background:url(../images/pro_dh01_h.png);}
.single-system:hover .h_icon03{ background:url(../images/pro_dh03_h.png);}
.single-system i{ position:absolute; right:20px; bottom:0;font-size:60px; color:#eee;}
.system-content {padding: 40px 30px;height:450px;   position: relative;   left: 0px;    z-index: 1;     overflow: hidden;    box-sizing:border-box;}
.right-system .system-content {  }
.left-system .system-content {   left: 0px;}
.left-system .top-content{ float:right;}
.main-system {   display: block;   }
.system-content p {   font-size: 14px;color: #777;   line-height: 30px;}
.system-content h3 {   font-size: 24px;   margin-bottom: 10px;   line-height: 38px; color:#000; text-transform:uppercase;}
.system-btn {  font-size: 16px;    font-weight: normal;   color: #fff;    transition: 0.5s;   border: 1px solid #F3B007;   background: #F3B007;    display: inline-block;   padding: 8px 20px;   margin-top: 15px;}
.system-btn:hover {   border: 1px solid #3b4959;   color:#fff;   background:#3b4959;   transition: 0.5s;}

.product_detail_02{ margin-bottom:100px; overflow:hidden;}
.product_detail_02 .detail_left{ float:left; width:600px; padding-right:50px; box-sizing:border-box;}
.product_detail_02 .detail_left h2{ color:#000; font-weight:600; font-size:36px; text-transform:uppercase;  margin-top:100px; margin-bottom:50px;}
.product_detail_02 .detail_left h2 em{ color:#000; font-weight:600; font-size:30px; display: block; line-height:normal; font-style:normal;}
.product_detail_02 .detail_left p{ color:#777; font-size:16px; font-weight:500;line-height:30px;    margin-bottom:30px;}
.product_detail_02 .detail_left a.baojia{ background:#000; height:50px; line-height:50px; width:180px; text-align:center; display:block; color:#fff; font-size:18px; font-weight: normal; text-transform:uppercase; }

.product_detail_02 .detail_right{width:600px;margin:30px auto 0 auto; border:1px solid #e5e5e5; border-bottom:none; box-sizing:border-box;}

.v{float:right;width:14px;height:14px;overflow:hidden;background:url(images/vicon.png) no-repeat;display:inline-block;margin-top:-5px;margin-bottom:-5px;}
.v01{background-position:0 0;}
.v02{background-position:0 -16px;;}
.vtitle{padding: 22px 30px;border-bottom:1px solid #e5e5e5;text-transform: uppercase;
   
font-size: 18px;
font-weight:600;
color: #000;
position: relative;
padding-left: 27px;cursor:pointer;}
em.v::before {
    content: "+";
    width: 12px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
em.v02::before {
    content: "-";
    width: 12px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.vtitle em{margin:10px 10px 0 0; position:relative; font-style:normal; font-size: 18px; 
font-weight: 600;
color: #000;}
.vconlist{padding: 27px 30px; border-bottom:1px solid #e5e5e5; line-height:30px; font-size:16px; color:#777;}
.vconlist li a{height:30px;line-height:30px;padding-left:30px;display:block;font-size:14px;color:#866f67;}
.vconlist li.select a,.vconlist li a:hover{color:#ed4948;text-decoration:none;}


@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}




.faded-text{
-webkit-animation:linear infinite alternate;
-webkit-animation-name: run;
-webkit-animation-duration: 25s;
-ms-animation:linear infinite alternate;
-ms-animation-name: run;
-ms-animation-duration: 25s;
-moz-animation:linear infinite alternate;
-moz-animation-name: run;
-moz-animation-duration: 25s;
}  
 .big-title {
    position: absolute;
    bottom: 0;
    left: 0;
    
    font-size: 250px;
    font-weight: 800;
    color: #f7f7f7;
    text-transform: uppercase;
    line-height: 220px;
    -webkit-animation:linear infinite alternate;
    -webkit-animation-name: runs;
    -webkit-animation-duration: 25s;
    -ms-animation:linear infinite alternate; font-family:'Work Sans', sans-serif;
    -ms-animation-name: runs;
    -ms-animation-duration: 25s;
    -moz-animation:linear infinite alternate;
    -moz-animation-name: runs;
    -moz-animation-duration: 25s;
    text-align: center;
} 
 @-webkit-keyframes runs {
    0% { left: -20%;}
    50%{ left : 0%;}
    100%{ left: 20%;}
}

@-moz-keyframes runs {
    0% { left: -20%;}
    50%{ left : 0%;}
    100%{ left: 20%;}
}  

.border-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eee;
}
.border-shape::before {
    position: absolute;
    content: '';
    left: 50%;
    top: 0;
    width: 220px;
    height: 1px;
    background-color: #fff;
    transform: translateX(-50%);
}
.projects-section-two {   position: relative;   padding: 100px 0 250px; overflow: hidden; /*background: url(../images/bg-6.jpg) no-repeat;*/}
.projects-section-two i_title h3{ color:#000;}
.projects-section-two .big-title {   bottom: 130px;}
.project-block-two .inner-box {   position: relative;   box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05);   margin: 0px 0px 0px 0px;}
.project-block-two .inner-box img{ height:430px; object-fit:cover; width:100%; display:block;}
.projects-section-two .theme_carousel {    max-width: 1200px;    margin: 0 auto;}
.project-block-two .image{float:right; width:55%;}
.project-block-two .content {top: 0; left: 0; float: left; bottom: 0; background-color: #f8f8f8;  width: 45%; box-sizing:border-box; height:430px; padding: 20px 70px; display: flex; flex-wrap: wrap; align-items: center;  justify-content: center;box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05);}
.project-block-two .content h4 {   position: relative;   font-size: 24px;   font-weight: 700;    padding-bottom: 15px;   margin-bottom: 30px;}
.project-block-two .content h4:before {   position: absolute;    content: '';    left: 0;   bottom: 0;   width: 50px;  height: 2px;}
.project-block-two .content .text {   margin-bottom: 40px;}

/* Projects Section Two */
.projects-section-two .project-tab {position: relative;   max-width: 1200px;    margin: 0 auto;}
.projects-section-two .project-tab .tabs-header{   position:relative;   text-align: center;   margin: 0 15px;}
.projects-section-two .project-tab .project-tab-btns{   position:relative;  margin-bottom: 50px;}
.projects-section-two .project-tab .project-tab-btns .p-tab-btn{
    position:relative;
    cursor:pointer;
    color:rgba(255, 255, 255, 0.5);
    font-weight:400;
    font-size: 16px;
    display:inline-block;
    margin-bottom:10px;
    margin: 0px 15px;
    text-transform: uppercase;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.projects-section-two .project-tab .project-tab-btns .p-tab-btn:hover,
.projects-section-two .project-tab .project-tab-btns .p-tab-btn.active-btn{   color:#fff;}
.projects-section-two .project-tab .p-tabs-content{   position:relative;    display:block;  }
.projects-section-two .project-tab .p-tab{  position:absolute;    left:0px;   top:0px;    width:100%;    height:auto;    visibility:hidden;  }
.projects-section-two .project-tab .p-tab.active-tab{   position:relative;    visibility:visible;   z-index:5;}

.projects-section-two .p-tab.active-tab .project-block-two{
  -webkit-transform:scaleX(1);
    -ms-transform:scaleX(1);
    -o-transform:scaleX(1);
    -moz-transform:scaleX(1);
    transform:scaleX(1);
}

.projects-section-two .p-tab .project-block-two{
    transition:all 0.7s ease;
    -moz-transition:all 0.7s ease;
    -webkit-transition:all 0.7s ease;
    -ms-transition:all 0.7s ease;
    -o-transition:all 0.7s ease;
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    -o-transform:scaleX(0);
    -moz-transform:scaleX(0);
    transform:scaleX(0);    
}





.projects-section-one {   position: relative;   padding: 80px 0 150px;  margin:0px 80px;  /*background: url(../images/bg-6.jpg) no-repeat;*/}
.projects-section-one i_title h3{ color:#000;}
.projects-section-one .big-title {   bottom: 130px;}
.projects-section-one .project-tab .owl-item { float:left; width:380px; margin:0px 20px; margin-bottom:250px;}
/* .projects-section-one .project-tab .owl-item:nth-child(2n) { margin:0px 5%;}*/

.project-block-one .inner-box {   position: relative;  /* box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05);*/   margin: 0px 0px 0px 0px;}
.project-block-one .inner-box img{ height:380px; width:380px; object-fit:cover; display:block;transition: 1s; }
.project-block-one .inner-box:hover img{ transform: scale(1.2);}
.projects-section-one .theme_carousel {overflow: hidden;       margin: 0 auto;}
.project-block-one .image{  height:380px;overflow: hidden;}
.project-block-one .content {position: absolute;left: 30px;bottom: -200px;background-color: #fff;padding: 30px 20px;max-width:320px; box-sizing:border-box;-webkit-box-shadow: 0px 15px 39px 0px rgba(9, 24, 33, 0.1);
box-shadow: 0px 15px 39px 0px rgba(9, 24, 33, 0.1);}
.project-block-one .content h4 {   position: relative;   font-size: 20px;   font-weight: 700;    padding-bottom: 10px;   margin-bottom: 20px;}
.project-block-one .content h4:before {   position: absolute;    content: '';    left: 0;   bottom: 0;   width: 50px;  height: 2px; background:#475766;}
.project-block-one .content .text {   margin-bottom: 20px; line-height:30px; color:#777;}
.project-block-one .content .link-btn{padding: 10px 30px;
font-size: 14px;
color: #000;
border: 1px solid #000;
background-color: transparent;display: inline-block;    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.project-block-one .content .link-btn:hover {
    background-color: #000;
    color: #fff;
}
.project-block-one .content .link-btn:hover a {

    color: #fff;
}
/*Project Tab*/
.projects-section-one .project-tab {position: relative; width:1260px;       margin: 70px auto 0px;}
.projects-section-one .project-tab .project-tab-btns .p-tab-btn:hover,
.projects-section-one .project-tab .project-tab-btns .p-tab-btn.active-btn{   color:#fff;}
.projects-section-one .project-tab .p-tabs-content{   position:relative;    display:block;  }
.projects-section-one .project-tab .p-tab.active-tab{   position:relative;    visibility:visible;   z-index:5;}
.projects-section-one .p-tab.active-tab .project-block-two{ -webkit-transform:scaleX(1);   -ms-transform:scaleX(1);   -o-transform:scaleX(1);   -moz-transform:scaleX(1);   transform:scaleX(1);}
.project-tab .owl-nav {   position: absolute;    top: 50%; width:100%;      display: block;       height: 30px;   margin-top: -15px;}
.project-tab .owl-nav .owl-prev, .project-tab .owl-nav .owl-next {position: absolute;  top: 0; height: 60px; width: 60px; background:rgba(71,87,102,0.9); text-align:center; line-height:60px;font-size:20px; color:#fff;}
.project-tab .owl-nav .owl-prev{ left:0;}
.project-tab .owl-nav .owl-next{ right:0;}

.theme_carousel .c-prev{height: 40px;
    width: 40px; border-radius: 100%; border: 2px solid #000;
    text-align: center;
    line-height: 40px; position: absolute; left: -50px; top: 30%;
    font-size: 30px; font-weight: lighter;
    color: #111;
    
    cursor: pointer;}
.theme_carousel .c-next{height: 40px;
    width: 40px; border-radius: 100%; border: 2px solid #000;
    text-align: center;
    line-height: 40px; position: absolute; right: -50px; top: 30%;
    font-size: 30px; font-weight: lighter;
    color: #111;
    
    cursor: pointer;}

/*首页联系信息*/
.donating {overflow: hidden;  background-color: rgba(0,0,0,0.5);  position: relative;  width: 100%;  height: 500px; background-attachment:fixed; background-image:url(../images/a02.jpg); background-position:center; /*background-repeat:no-repeat;*/ }
.donating:before {position: absolute;   content: '';   left: 0;    top: 0;   right: 0;  bottom: 0;    background-color: #000;    opacity: .5;}
.donating img {width: 100%;   height: 100%;    object-fit: cover;   }
.donating .overlay {position: absolute;   left: 50%;   top: 50%;   width: 100%;  height: max-content;   transform: translate(-50%, -50%);   -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    color: #fff;   text-align: center; }
.donating .overlay i.fa-phone{font-size: 18px; width: 60px; height: 60px; text-align: center; display:none; line-height: 60px; border: 2px solid #fff; margin-bottom: 20px; border-radius: 50%;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;     -o-border-radius: 50%; }
.donating .overlay h4 {letter-spacing: 0.05rem;    margin-bottom: 40px;     font-weight: 400; font-size:30px; position:relative; display: flex;display: -webkit-flex; /* Safari */-webkit-justify-content: center;
            
            justify-content: center;padding-bottom:20px; }
.donating .overlay h4:after{ position:absolute; content:""; background:#fff; width:50px; left:50%; margin-left:-25px; height:2px;  bottom:0px; }
.donating .overlay p {font-size: 30px; font-weight: 100;   margin-bottom: 40px; }
.donating .overlay .overlay-info {display: flex;align-items: center; justify-content: center; }
.donating .overlay .overlay-info ul { }
.donating .overlay .overlay-info ul li{ line-height:40px; font-size:16px;}
.donating .overlay .overlay-info ul li:not(:last-child) { margin-right: 30px; }
.donating .overlay .overlay-info ul li i {margin-right: 15px; }

.donating .overlay a.join{background: #475766;
    height: 50px;
    line-height: 50px;
    width: 180px;
    text-align: center;
    display: block;
    color: #fff; margin:auto; margin-top:60px; margin-bottom:10px;border-radius:5px;
    font-size: 16px;
    font-weight: normal;
    }
.donating .overlay em{font-style:normal;}
.donating .overlay em a{ color:#fff; text-decoration:underline;}

/*新闻资讯*/
.latest-news { background:#f7f7f7; overflow:hidden; padding:60px 0px 60px 0px;}
.latest-news .latest-post-box{ float: left; width:385px; background:#fff; margin-right:23px;}
.latest-news .latest-post-box .post-img { height: 260px; width: 100%;  background-size: cover;  background-position: center;}
.latest-news .latest-post-box .post-img img{ height:260px; width:100%; object-fit:cover;}
.latest-news .latest-post-box .post-desc {  background-color: #fff;  padding: 40px 35px; position: relative;}
.latest-news .latest-post-box .post-desc .post-meta {  background-color: #000;
width: 75px;
height: 75px;
border-radius: 50%;
text-align: center;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
font-size: 12px;
color: #fff;
line-height: 1em;

position: absolute;
bottom: calc(100% - 20px);
left: 30px;
z-index: 9;}
.latest-news .latest-post-box .post-desc .post-meta  span{font-size: 30px;
font-weight: 600;
margin-bottom: 10px;}
.latest-news .latest-post-box .post-desc .post-meta em{text-align: center;
text-transform: uppercase;
font-size: 12px;
color: #fff;
 font-style:normal;}
.latest-news .latest-post-box .post-desc h4 {  font-size: 18px; color: #000;  margin-bottom: 25px; letter-spacing: -1px; line-height: 1.4;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;}
.latest-news .latest-post-box .post-desc p{ line-height:30px;color:#777;}
.latest-news .latest-post-box .post-desc a.more{ margin-top:20px; text-transform:uppercase;
padding: 11px 30.5px;
font-size: 14px;
color: #000;
border: 1px solid #000;
background-color: transparent;display: inline-block;    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.latest-news .latest-post-box .post-desc a.more:hover {
    background-color: #000;
    color: #fff;
}

.arrow-style { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top:30px; -webkit-box-pack: end;     -ms-flex-pack: end;          justify-content: flex-end;}
.arrow-style .slick-arrow {height:70px; width:70px; text-align:center;line-height:70px; font-size:18px; color:#111; background: #fff;cursor: pointer;-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.arrow-style .slick-arrow.next-arrow {  margin-left: 20px;}
.arrow-style .slick-arrow:hover, .arrow-style .slick-arrow.next-arrow {background-color: #000; color: #fff; -webkit-box-shadow: 0px 14px 24px 0px rgba(190, 173, 142, 0.3); box-shadow: 0px 14px 24px 0px rgba(190, 173, 142, 0.3);}


.other-news{ margin:30px;}
.other-news .i_title{margin-bottom:10px;}
.other-news .i_title h2{text-transform: none;}
.other-news .i_title h2:before{ display:none;}
.other-news-container {   width: 1100px;  margin: 0 auto;}
.other-news-box{display: flex;   justify-content: space-between;}
.other-news-box ul{width:1000px; margin:auto;padding:10px 10px !important;}
.other-news-box ul li {padding: 10px 20px;   border-radius: 20px;   margin: 0px 0px 20px 0px;
    box-shadow: 0px 2px 5px 0px rgba(9, 24, 33, 0.3);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(9, 24, 33, 0.3);}
.other-news-box ul li h3{ display:flex; justify-content:space-between;margin-bottom: 10px;}
.other-news-box ul li h3 span{ font-weight:normal;}
.other-news-box ul li p{ display:flex; justify-content:space-between;}
.other-news-box ul li a{ font-weight:bold;}

.other-news-box .other-news-page{ margin-top:100px;}
.other-news-box .prev-n,.other-news-box .next-n{writing-mode: tb;cursor: pointer; margin:30px 0px; width:100%; font-weight:bold;}


.faq-news{ margin:30px;}
.faq-news .i_title{margin-bottom:10px;}
.faq-news .i_title h2{text-transform: none;}
.faq-news .i_title h2:before{ display:none;}
.faq-container {   width: 1100px;  margin: 0 auto;}
.faq-box{display: flex;   justify-content: space-between;}
.faq-box ul{width:1000px; margin:auto;padding:10px 10px !important;}
.faq-box ul li {padding: 10px 20px;   border-radius: 20px;   margin: 0px 0px 20px 0px;
    box-shadow: 0px 2px 5px 0px rgba(9, 24, 33, 0.3);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(9, 24, 33, 0.3);}
.faq-box ul li h3{ display:flex; justify-content:space-between;margin-bottom: 10px;}
.faq-box ul li h3 span{ font-weight:normal;}
.faq-box ul li p{ display:flex; justify-content:space-between;}
.faq-box ul li a{ font-weight:bold;}

.faq-box .faq-page{ margin-top:100px;}
.faq-box .prev-n,.faq-box .next-n{writing-mode: tb;cursor: pointer; margin:30px 0px; width:100%; font-weight:bold;}

.main-footer {   position: relative;   background-color: #000;}
.main-footer .widgets-section {   position: relative;   padding: 100px 0px 30px;}
.main-footer .widgets-section .inner-1300{ width:1360px; margin:auto;}
.main-footer .column {  position: relative; width:20%; float:left; }
.main-footer .column .q-nava a{ color:#fff; line-height:30px; text-transform:uppercase;}
.main-footer .column:nth-child(2){ width:360px; margin-left:60px;}
.main-footer .column:nth-child(3){ width:200px; margin-left:30px;}
.main-footer .column:nth-child(4){ width:200px; margin-left:0px;}
.main-footer .column:nth-child(4) a{ color:#fff;}
.main-footer .column:last-child{ width:215px; float:right;}
.footer-widget {  position: relative;   margin-bottom: 50px;}
.main-footer .column p{ color:#fff; line-height:30px;}
.main-footer .widget-title {   position: relative;   font-size: 18px;   font-weight: 600;   color: #fff;   text-transform: uppercase;   margin-bottom: 30px;   padding-bottom: 15px;}
.main-footer .widget-title:before {   position: absolute;   content: '';   left: 0;   bottom: 0;   height: 2px;   width: 50px; background:#000;}

.about-widget .text {   color: #fff;    margin-bottom: 30px; line-height:30px;}
.social-links ul li {   display: inline-block;   margin-right: 5px;}
.social-links ul li a {position: relative; height: 40px; width: 40px; line-height: 38px; border: 1px solid #413c37; border-radius:50%; color: #aaa; transition:.5s; display: inline-block; text-align: center; font-size: 14px;}
.social-links ul li a:hover {   color: #fff;}

.contact-widget .widget-content {   position: relative;}
.contact-widget ul li {   position: relative;   margin-bottom: 10px;   color: #aaa;   font-weight: 400;   font-size: 16px;}
.contact-widget ul li a {  position: relative;   color: #aaa;       -webkit-transition: all 0.3s ease 0s;   -o-transition: all 0.3s ease 0s;   transition: all 0.3s ease 0s;}
.contact-widget ul li a:hover {    color: #fff;}

.instagram-widget .wrapper-box {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 10px; -ms-flex-wrap: wrap;flex-wrap: wrap;   margin: 0px -5px;}
.instagram-widget .wrapper-box .image {   position: relative;   overflow: hidden; background:#fff;   margin: 0px 5px 10px;}
.instagram-widget .wrapper-box .image img{ width:100px; display:block;}
.instagram-widget .wrapper-box .image .overlay-link {    position: absolute;   display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    background: rgba(38, 38, 44, 0.5);}
.instagram-widget .wrapper-box .image:hover .overlay-link {opacity: 1;}
.footer-bottom {  position: relative;   text-align: center;   padding-bottom: 75px;}
.footer-bottom .copyright {    color: #aaa;}
.footer-bottom .copyright a {   color: #fff;}


/*内页侧栏*/
.sidebar{ margin-top:15px;}
.sidebar .sb_nav{ float:left; width:210px;}
.sidebar .sb_nav h3.title{ text-align:left; background:url(../images/dt-6.gif) repeat-x; padding:0px 15px; height:33px; line-height:33px; border-bottom:1px solid #cecece; font-size:14px; color:#fff;}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{ padding:10px 15px; background:#fff;}
#sidebar dl{ margin-left:5px;}
#sidebar dl dt{ padding:4px 0px 5px 15px; margin-top:5px; background:url(../images/dt-11.gif) no-repeat 2px 11px;}
#sidebar dl dd{ padding:0px 0px 0px 15px;}
#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(../images/dt-0.gif) no-repeat left center;}
#sidebar dl dt.on a{ font-weight:bold; color:#1C57C4; }
#sidebar dl h4.on a{ font-weight:bold;}
.sidebar .sb_box{  background:#fff; overflow:hidden; }
.sidebar .sb_box h3.title{ line-height:35px; position:absolute; text-align:center; top:200px; width:100%;}
.sidebar .sb_box h3.title span{   font-size:30px; color:#fff;  padding:0px 15px;}
.sidebar .sb_box h3.title div.position{  font-weight:normal; position:relative; color:#fff;}
.sidebar .sb_box h3.title div.position a{ color:#fff;}

#ZoomBox{ background:#fff;}
#geyin_product{ padding:80px 0px; width:1200px; margin:auto;}
#geyin_product .pshow .dt{ float:left;   text-align:center;}
#geyin_product .pshow .dt img{ max-height:580px; width:auto;display: block; border-radius:5px;}
#geyin_product .pshow .dt .dt_tabs_img{width:580px; margin:0px 20px 20px 0px;}

.dt_tabs_li{display: flex;
    justify-content: center;}
.dt_tabs_li li{ position:relative;display: flex; margin: 0px 20px;
    align-items: center;cursor: pointer;}
.dt_tabs_li li:before { border: 1px solid #ccc; width: 20px;height: 20px; margin-right: 10px; border-radius: 100%; 
    content: "";box-shadow: 0 1px 4px #ccc;      }
    .dt_tabs_li li.cur:after { border: 1px solid #ccc; width: 10px;height: 10px; border-radius: 100%; 
    content: ""; left: 5px;
    position: absolute;
    background: #000;     }
       .dt_tabs_li li.cur:before { border: 1px solid #ccc;}

#geyin_product .pshow .dd{ float:right; width:600px; margin-top:0px;}
#geyin_product .pshow .dd h1{ font-size:36px; font-weight:normal;}
#geyin_product .pshow .dd ul{ margin-left:15px; }
#geyin_product .pshow .dd li{ overflow:hidden;  margin:0px 0px; margin-bottom:-1px; font-size:14px; clear:both;  position:relative; line-height:50px; border:1px solid #e5e5e5; text-align:left;  }
#geyin_product .pshow .dd li span{  left:0px; top:0px; color:#444;font-weight:bold;  padding-right:10px; font-size:16px; width:180px; text-align:right; height:50px; line-height:50px; float:left; display: block;}
#geyin_product .pshow .dd li .p1{ float: left;border-left:1px solid #e5e5e5; color:#808080; width:387px;  padding-left:20px;}
#geyin_product .pshow .dd li.li_p{ height:300px; text-align:center;}
#geyin_product .pshow .dd li.li_p img{ height:300px; width:auto; }
#geyin_product .ctitle{ margin:15px 0px 10px; padding:5px 20px; background:url(../images/images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; }
#geyin_product .editor{ line-height:2; padding:0px 10px; font-size:14px;}
.p_link { margin-top:20px; overflow:hidden;}
.p_link .prev_p, .p_link .next_p { height:40px; line-height:40px;width:120px; display:block; float:left; text-align:center;  color:#fff;  }
.p_link .prev_p a{color:#fff;}
.p_link .next_p a{color:#343434;}
.p_link .prev_p{ background:rgba(71,87,102,0.9);}
.p_link .next_p{ background:#eee}
.p_link .prev_p:hover, .p_link .prev_p:hover a{ background:#eee;color:#343434;}
.p_link .next_p:hover, .p_link .next_p:hover a{ background:rgba(71,87,102,0.9);color:#fff;}

.jiaju-xp .title h2{color: #000;   font-weight: 600;    font-size: 20px;    position: relative; text-align: center;   text-transform: uppercase;
    padding-bottom: 60px;}
.jiaju-xp .swiper-wrapper{ }
.jiaju-xp .swiper-wrapper .swiper-slide{ text-align:center; margin:0px 0px 0px 0px;}
.jiaju-xp .swiper-wrapper .swiper-slide h3{ font-size:18px; margin-top:30px; display:inline;    text-decoration: underline;}
.jiaju-xp .swiper-pagination{margin-top:30px; display:flex; justify-content:center;position: inherit;}
.jiaju-xp .swiper-pagination-bullet{ width:30px; height:3px; margin:0px 2px; background:#eee; opacity:1;border-radius: inherit;}
.jiaju-xp .swiper-pagination-bullet-active{background:#000;}




.p-video{ margin:100px 0px 0px 0px;}

/* Working Process Section */
.working-process-section {  position: relative;   padding: 145px 0 110px;  background-size: cover;   background-attachment: fixed;}
.working-process-section:before {  position: absolute;  content: ''; left: 0;  top: 0; right: 0;  bottom: 0; opacity: .7;}
.working-process-section .text {position: relative;    margin-top: 40px;   }
.working-process-section h2{ color:#fff !important; position:relative;}
.working-process-section h2:before{border-bottom: 3px solid #fff;}
.working-process-section .auto-container{ text-align:center;}
.process-block{ display:inline-block; margin:0px 20px; }
.process-block .inner-box {   position: relative;    align-items: center;   flex-wrap: wrap;  margin-bottom: 30px;}
.process-block .count {   position: relative;    font-size: 60px;   font-weight: 700;   color: #fff;    line-height: 65px;}
.process-block h4 {  font-size: 18px;   font-weight: bold;   color: #fff;}
.working-process-section.style-two .process-block .icon {  }
.working-process-section.style-two .process-block .icon img{ vertical-align:middle;}
.process-block .icon {   position: relative;    color: #fff;  text-align: center; margin:auto; margin-bottom:10px;    }
.process-block .icon img{}
.p_dec{overflow:hidden; margin:200px 80px 200px 80px; }

.v-inner{ display:flex; flex-wrap:wrap;}
.p_wrapper {   width: calc(100%/3 - 40px);   float: left;   margin: 20px 20px 0px 20px;}
.p_wrapper h3{ font-size:24px; margin-bottom:20px; text-align:center; font-weight:bold;}
.p_wrapper img{ width:100%; display:block; }
.p_wrapper .text{ line-height:30px;  padding:20px; box-sizing:border-box;}

.project-list ul{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.project-list ul li{ height:350px; margin:0px 0px 30px 0px; text-align:center;}
.project-list ul li img{ height:350px; object-fit:cover;}


.por_info_list{ padding:200px 0px 100px 0px; overflow:hidden;}
.por_info_list h2{ text-align:center; font-size:30px; margin-bottom:30px;} 
.por_box{display: -webkit-flex; display: flex;}
.por_info_list .port_li{  float:left; -webkit-flex: 1; flex: 1; box-sizing:box-border; margin:0px 10px;} 
.por_info_list .port_li .img{ height:260px; text-align:center; background:#f2f2f2;}
.por_info_list .port_li img{max-height:260px;}
.por_info_list .port_li a.more{ background:rgba(71,87,102,0.9); border-radius: 0px; color:#fff; padding: 8px 0px 8px 0px; display:block; width:100px; text-align:center; }
.por_info_list .port_li .text{padding:20px 30px; border:1px solid #f2f2f2; border-top:none;}
.por_info_list .port_li li{ margin-bottom:10px; clear: both; overflow: hidden;}
.por_info_list .port_li li span{ font-weight:bold; float: left; margin-right:10px;}
.por_info_list .port_li li p{ float: left;}


#contact {	margin-bottom: 190px; width:1100px; margin:auto;}
.text-center{ text-align:center;}
#contact .web-title-0{ text-align:center;font-size: 28px;   color: #111;  margin-top: 55px;}
#contact .contact-brief { text-align:center;	line-height: 28px;	font-size: 14px;	color: #999;}
#contact .contact-brief b {	font-weight: normal;	color: #111;}
#contact .contact-info {	padding: 80px 0;border-bottom: 1px solid #e5e5e5;display: -webkit-flex;	display: flex;}
#contact .contact-info .line {	width: 1px;	height: 90px;	background-color: #e5e5e5;	margin-top: 45px;}
#contact .contact-info .item {	width: 33.000%;}
#contact .contact-info .item .ico {	height: 65px;	margin-bottom: 60px;}
#contact .contact-info .item .title {font-size: 24px;color: #111;}
#contact .contact-info .item .info {font-size: 18px;	color: #999;}

#feedback{ width:1200px; margin:30px auto;}
#feedback dd{ border:none; margin-bottom:5px;}
#feedback input, #feedback select{ margin-bottom:30px;
    background: #ffffff;
    height: 60px;
    width: 100%;
    padding: 0 10px;
        padding-right: 80px;
    padding-right: 30px;box-sizing: border-box;
    border: 0;
    color: #aab5ca;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase; border:1px solid #e5e5e5;
}

#feedback .text-radio h2{ font-size:1.5rem; margin-bottom:20px;}
#feedback .text-radio ul{display: flex; flex-wrap: wrap;}
#feedback .text-radio li{width:40%; font-size:1.2rem; margin:10px 0px;display: flex;
    align-items: center;}
#feedback .text-radio input[type="radio"]{ border:2px solid #000; margin-right:10px; margin-bottom:0;cursor: pointer;   width: 15px;    height: 15px;}
#feedback .submit {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    padding: 15px 40px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    border: 1px solid transparent; width:auto; background:#000; color:#fff;
    margin-left: 0px;
}


.form-wrapper {
 -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;padding-right: 0px;
padding-left: 60px;box-sizing: border-box; position:relative; }
 .form-wrapper .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.form-box {
    margin-bottom: 10px;  -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;padding-right: 15px;
padding-left: 15px;box-sizing: border-box; position:relative;
}
.contact-form .form-box input, .contact-form select{
    background: #ffffff;
    height: 50px;
    width: 100%;
    padding: 0 80px;
        padding-right: 80px;
    padding-right: 30px;box-sizing: border-box;
    border: 0;
    color: #aab5ca;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase; border:1px solid #e5e5e5;
}
.contact-form textarea {
    color: #aab5ca;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    height: 200px;
    width: 100%;
    padding: 20px 80px;box-sizing: border-box;border:1px solid #e5e5e5; font-family: 'SourceHanSans-Regular'; background:none;
   
}
.form-radio {
    margin-bottom: 10px;  -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;padding-right: 15px; 
padding-left: 15px;box-sizing: border-box; position:relative;
}
.form-radio h2{ font-size:1.5rem; margin-bottom:20px;}
.form-radio ul{display: flex; flex-wrap: wrap;}
.form-radio li{width:40%; font-size:1.2rem; margin:10px 0px;display: flex;
    align-items: center;}
.contact-form .form-radio input[type="radio"]{ border:2px solid #000; margin-right:10px;cursor: pointer;   width: 15px;    height: 15px;}
.contact-btn .btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-size: 14px;
    font-weight: 700;
   
    line-height: 1;
    padding: 15px 40px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
	border: 1px solid transparent; margin-left:15px;
}
.contact-form em{ font-style:normal; margin-left:10px;}
.contact-form em a{ text-decoration:underline; color:#000;}
.user-icon::before {
    content: "\f007";
}
.form-box::before {
    position: absolute;
    font-family: "FontAwesome";
    font-weight: 700;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    left: 45px;
    color: #221f3c;
    top: 19px;
    z-index: 99;
}
.li-box::before {
	position:absolute;
    font-family: "FontAwesome";
    font-weight: 700;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    left: 0px;
    color: #221f3c;
    top: 0px;
    z-index: 99;
}
#showtext{ margin-top: 30px;}
.contact-area .container{  display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.contact-area .left{ -ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;height:100%; padding:30px 40px;box-sizing: border-box; position:relative; border: 4px solid #000; }
.contact-area .left h3{ text-align:center; font-size:40px; margin-bottom:20px;}
.contact-area .left li{ position:relative; padding-left:40px;margin-bottom: 40px;}
.contact-area .left li span{display: block;font-size: 24px;line-height:normal;}
#container {
    height: 450px;
    width: 1200px; margin:auto; margin-top:60px; margin-bottom:60px;
}

#newslist{ margin:100px 0px 0px 0px;}
#newslist li{  box-sizing:border-box; padding:20px 10px 20px 10px; width:100%; border-bottom:1px solid #aaa;      transition: all .5s ease;}
#newslist li a{display:flex; flex-wrap:wrap; }
#newslist li .img{ width:250px; }
#newslist li img{ width:100%; height:160px; object-fit: cover; display: block; border-radius:10px; }
#newslist li .text {padding: 0px 0px 0px 30px; position: relative;   box-sizing: border-box;   width: calc(100% - 250px); }
#newslist li .text h3{ line-height:30px; font-weight: bold; font-size:18px; color:#333;}
#newslist li .text time{ line-height:30px; color:#aaa;}
#newslist li  p{ line-height:25px;  margin-top:20px; color:#aaa;width: 80%;}
#newslist li span{ color:#aaa; font-size: 16px; position: absolute;  right: 0;  top: 40px;  transition: all .5s ease;}
#newslist li:hover span{ color: #333; }


#shownews{ margin: 60px 0;}
#shownews h2{ text-align: center; margin-bottom: 20px; font-size: 20px;}
#shownews .text-secondary{  text-align: center; color:#aaa;}
#shownews .content{ line-height: 30px; margin: 60px 0 20px; font-size: 14px;}
.reLink{ margin-bottom: 30px;}
.reLink p{ line-height: 30px;}

.faqcont{ margin: 60px 0px;}
.faqcont .w880{ margin:0 auto;width:880px;}
.faqcont .cont01{ display: flex; flex-wrap:wrap;}
.faqcont .cont01 span{ width:300px; color:#aaa; font-size:20px;justify-content: center;   display: flex;   align-items: center;}
.faqcont .cont01 p{ width:calc(100% - 300px); font-weight:bold; font-size:24px; color:#000;}
.faqcont .cont02{ background:#000; font-size:20px; font-weight:bold; margin:30px 0px; color:#fff; border-radius:5px; padding:10px 0; text-align:center;}

#faqlist .w880{ margin:0 auto;width:880px;}
#faqlist li{  box-sizing:border-box; padding:20px 0px 20px 0px; width:100%; border-bottom:1px solid #aaa;      transition: all .5s ease;}
#faqlist li a{}
#faqlist li h3{line-height:30px; font-weight: bold; font-size:18px; color:#333;  display: flex;  justify-content: space-between;  align-items: center;}
#faqlist li p{ line-height:25px;  color:#aaa;width: 100%; opacity: 0;  height:0; overflow: hidden; transition:height .5s;
	-webkit-transition:height .5s; /* Safari */}
#faqlist li i{ font-weight:bold; font-size:20px;}
#faqlist li.actives p{display:block;  margin-top: 10px; height:75px; opacity:1;}
#faqlist li.actives i{transform: rotateZ(90deg);}




.case_main .case_content{ width:1360px; margin:auto;}
.case_main .case_content > ul { width: 100%; position: relative; display: flex; align-items: center; flex-wrap: wrap; margin-top:60px; }
.case_main .case_content > ul .list_top{ display: flex; align-items: center; flex-wrap: wrap; margin:0px 0px 30px 0px;}
.case_main .case_content > ul .list_top h3{ width:20%; font-size:30px; font-weight:bold;}
.case_main .case_content > ul .list_top .img{ width:50%; object-fit: contain;  text-align:center;}
.case_main .case_content > ul .list_top .img img{ max-width:90%; max-height:480px;box-shadow:0px 0px 8px 2px rgba(9, 24, 33, 0.4);}
.case_main .case_content > ul .list_top p{ width:30%; font-size:18px; line-height:30px; color:#999;}
.case_main .case_content > ul .list_top a.baojia{ background:#000; height:40px; line-height:40px; width:160px; text-align:center; display:block; color:#fff; font-size:16px; margin-top:20px; font-weight: normal; text-transform:uppercase; }



.case_main .case_content > ul li { width: 100%;margin:0px 0 200px 0px; position: relative; transition: .5s; }
.case_main .case_content > ul .list_pics{display: flex; align-items: center;   justify-content: center;}
.case_main .case_content > ul .list_pics img{ height:350px; margin:0px 20px;box-shadow:0px 0px 8px 2px rgba(9, 24, 33, 0.4);}


.justify-content-center {   -ms-flex-pack: center!important;  justify-content: center!important;}
.pagination {   display: -ms-flexbox;  display: flex;   list-style: none; margin:60px 0px; }
.page-num:not(:disabled) {cursor: pointer;}
.page-num {	position: relative;	display: block;	margin: 0px 20px; font-size:22px;		color: #333;	}
.page-item{ color:#aaa; font-size:22px;margin: 0px 20px; }
a.page-num:hover, .page-link:hover {	text-decoration: none;}
.page-num-current {	z-index: 1;	 text-decoration:underline;	}
.page-num-current:hover {	text-decoration:underline;}

.back-text{ text-align: center; margin:100px 0px; font-size:3rem; font-weight:bold;}
.back-text h3{text-align: center; margin:30px 0px;font-size:3rem;font-weight:bold;}
.back-text a{ font-size:1rem; font-weight: normal; text-transform: uppercase; color:#fff; background:#000;padding: 10px 20px;   border-radius: 5px; }

.back-newsbox{display:flex; flex-wrap:wrap; justify-content: space-between;   width: 1360px; border-bottom:1px solid #000; border-top:1px solid #000;   margin:60px auto;}


.back-newslist{ margin:0px 0px; padding:30px 60px; width:calc(50% - 121px);  border-right:1px solid #000; }
	.back-newslist h2{ text-align:left !important; font-size:1.5rem}
	.back-newslist ul{ display:flex; justify-content:flex-start; margin:0px -10px;flex-wrap: wrap;}
	.back-newslist ul li{ width:calc(50% - 20px);border-radius: 10px; margin:10px 10px; padding:20px 20px; box-sizing: border-box; box-shadow: 0px 0px 8px 2px rgba(9, 24, 33, 0.1);}
	.back-newslist ul li .img{ width:100%; height:120px;}
	.back-newslist ul li .img img{border-radius: 10px;width:100%; height:120px; object-fit: cover;}
	.back-newslist ul li h3{ margin-top:10px;font-weight: normal;}
.back-newslist a.more{ font-size:1rem; font-weight: normal; text-transform: uppercase; color:#fff;display: table; margin:30px auto 0px; background:#000;padding: 10px 20px;   border-radius: 5px; }	
	
.back-faqlist{ margin:30px 0px; width:calc(50% - 60px);}
.back-faqlist h2{ text-align:left !important; font-size:1.5rem}
.back-faqlist ul li h3{ margin-top:20px;font-weight: normal;font-size:1.2rem}
.back-faqlist a.more{ font-size:1rem; font-weight: normal; text-transform: uppercase; color:#fff;  display: table; margin:30px auto 0px; background:#000;padding: 10px 20px;   border-radius: 5px; }


@media (max-width:768px){
	
.met_flash{ padding-top:60px;}
.met_flash img{	height: 150px;object-fit: cover;}
.inner, .container{ width:100%; margin-bottom:0px;}
.main-header{display:none;}		
.mobile_mian{position: fixed; display:block; width:100%; z-index:999;   margin-left: auto;   margin-right: auto;   min-width: 320px;   max-width: 640px;   background: #fff;}

.slider-content{ display:none;}
.h_video{ display:none;}
.header{width: 100%; height:60px; background:#fff;display: flex; align-items: center;  justify-content: space-between;}
.header a.logo{display: block;float: left;margin-left: 3%;}
.header a.logo img{display: block; height:30px;}
.header dl{float: left;width: 69%;text-align: center;}
.header dt{font-size: .4rem;color: #333333;}
.header dt em{font-weight: bold;}
.header dd{font-size:.281rem;color: #fff;display: inline-block;height: .484rem;line-height: .484rem;padding: 0 .344rem;background: #febf01;border-radius: 0.5rem;margin-top: 0.15rem;}
.header dd a{color: #fff;}
.header .headerMenu img{display: block;}
.header .headerMenu{float: right;margin-right: 3%;} 

.zzc {display: none; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99990;}
/*nav_menu*/
.nav_menu {  width:0; position:fixed;  right:0; top:0; height: 100%;z-index: 99999;overflow: scroll;background: #fff;}
.nav_menu img{display: block; height:30px;}
.nav_menu .top{width: 100%; margin:10px 0px; overflow:hidden;}
.nav_menu .Navlog{width: 54%;display: block;margin-left: 10px; float:left;}
.nav_menu .btn{display: block; float:right; margin:5px 10px 0px 0px;}
.nav_menu .btn img{display: block; height:20px;}
.nav_menu ul{overflow:hidden; width:100%;overflow: scroll;height: 80%;}
.nav_menu li{ width:100%; overflow:hidden; line-height: 40px;border-bottom: 1px solid #eaeaea;}
.nav_menu li dl a{ display:block;padding-left: 10%;}
.nav_menu li:first-child{border-top:1px solid #eaeaea;}
.nav_menu li a{ color:#333333;font-size:14px;display: block;box-sizing: border-box;padding-left: 6%;}


.ban-top{ padding-top:60px;}
h3.title { top:80px;    line-height: 30px; display:none;}
h3.title span {  font-size: 20px;}
.intro-area{ position:relative; display:none;}


.m_banner{  display: block; padding-top:60px;}
.m_banner .owl-controls .owl-nav div.owl-prev, 
.m_banner .owl-controls .owl-nav div.owl-next {   color: #fff;   font-size: 24px;   margin-top: -20px;   position: absolute;   top: 50%;   text-align: center;    line-height: 50px;    opacity: 0;   border:1px solid #fff;   width: 50px;   height: 50px;	border-radius: 3px; z-index:999;}
.m_banner .owl-controls .owl-nav div.owl-prev{  left: 10%;    -webkit-transition: 0.4s;    -moz-transition: 0.4s;   -o-transition: 0.4s; -ms-transition: 0.4s;}
.m_banner .owl-controls .owl-nav div.owl-next {   right: 10%;   -webkit-transition: 0.4s;   -moz-transition: 0.4s;   -o-transition: 0.4s;   -ms-transition: 0.4s;}
.m_banner:hover .owl-controls .owl-nav div.owl-next{   right: 2%;   -webkit-transition: 0.4s;   -moz-transition: 0.4s;   -o-transition: 0.4s;  -ms-transition: 0.4s;    opacity: 1;}
.m_banner:hover .owl-controls .owl-nav div.owl-prev{   left: 2%;   -webkit-transition: 0.4s;  -moz-transition: 0.4s;   -o-transition: 0.4s;   -ms-transition: 0.4s;   opacity: 1;}
.m_banner:hover .owl-controls .owl-nav div.owl-next:hover,
.m_banner:hover .owl-controls .owl-nav div.owl-prev:hover{  color:#fff;   background: #475766;    border: 1px solid #475766;}

.i_title h2{ font-size:26px;}

.index_box01 .about_left h2{font-size:30px;}
.index_box01{ background:#fff; padding:50px 0px 50px 0px;}
.index_box01 .about_left{ width:100%; float:none; padding:0px 20px; box-sizing:border-box; text-align:center;}
.index_box01 .about_left h2{ margin-top:0px; margin-bottom:50px;}
.index_box01 .about_right{ width:100%;padding: 20px;  box-sizing: border-box; display:none !important;}
.index_box01 .about_right .about_img01{ width:80%;}
.index_box01 .about_left a.baojia{ height:40px; line-height:40px; font-size:16px; margin:auto;}
.index_box01 .about_right_m{ display: block; margin-top:20px;}

.indexproduct{ margin-bottom:0px; padding:50px 0px 0px 0px;}
.overlay-link{font-family: 'SourceHanSans-Regular';}
.m_fa1tj {width: 100%;  margin: auto;   background: #fff;}
.m_fa1tj2 dl{ width:48%; margin-bottom:10px; margin:10px 1%; box-sizing:border-box;}
.m_fa1tj dt{height:300px; display: flex;display: -webkit-flex; /* Safari */-webkit-justify-content: center;
            align-items: center; 
            justify-content: center;}
.m_fa1tj dd h3{ font-size:16px;}

.index_map{ display:none;}
.index-basic{ display:none !important;}
.index-basic-m { display:block !important; margin-top:60px;}
.index-basic-m .basic_box { min-height:514px; margin-top: 20px;}
.index-basic-m .basic_box>img{ width: 100%;}
.index-basic-m .basic_box .sales-box{  margin-bottom: 20px;    flex-wrap: wrap;display: flex;}

.index-basic-m .basic_box li{ color:#333;  text-align: center;    float: left; margin-top: 0px !important; width: 33.333%;}
.index-basic-m .basic_box li img{ height: 90px;}
.index-basic-m .basic_box li span{ color:#333; font-size:13px; display: block; }



.donating{ background-size:100%; position:relative; }
.donating::before {opacity:.7;}
/*.donating:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/a02.jpg);
background-position: center;}
.donating::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5; 
}*/
.work-space-area .i_title h2{ font-size:26px;}
.work-space-area { padding: 60px 10px 80px 10px;}
.product_detail{padding: 60px 0 60px;}
.work-space-area  .single-system{ width:95%; margin:10px 2.5%; float:none;}	
.single-system .h_icon {    height: 60px;    width: 60px; background-size: 100% 100%;}
.system-content {   padding: 20px 20px;}
.product_detail_02 .detail_left{ display:none;}
.product_detail_02 .detail_right{ width:95%; margin:0px 2.5%;}	

.latest-news{ padding: 60px 10px 60px 10px;}
.latest-news .container{ overflow:hidden;}
.latest-news .latest-post-box{ max-width:414px; margin-right:0px; width:auto;}
.arrow-style{ display:block; text-align:center;}
.arrow-style .slick-arrow{ display:inline-block; height:40px; width:40px; line-height:40px;}

.faq-news{ margin:30px 10px;}
.faq-container { width: 100%;}
.faq-box ul { width: 100%;}
.faq-box ul li{ width:calc(80%);}
.faq-box ul li h3 {display:block;}
.faq-box ul li h3 span{display:block;}
.faq-box ul li p{display:block;}
.faq-box ul li a{display:block;}

.other-news{ margin:30px 10px;}
.other-news-container { width: 100%;}
.other-news-box ul { width: 100%;}
.other-news-box ul li{ width:calc(80%);}
.other-news-box ul li h3 {display:block;}
.other-news-box ul li h3 span{display:block;}
.other-news-box ul li p{display:block;}
.other-news-box ul li a{display:block;}

.main-footer .column{ width:100%;padding: 20px;  box-sizing: border-box;}
.main-footer .column:nth-child(2){ margin-left:0px;}
.main-footer .column:last-child{ width:100%;}

.main-footer .widgets-section .inner-1300{ width:100%;}
.main-footer .widgets-section{padding: 60px 0px 30px;}
.main-footer .widget-title{margin-bottom:0;}
.main-footer .column:nth-child(3){ display:none;}
.instagram-widget .wrapper-box .image{   width: calc(100%/4 - 10px);}

.sidebar .sb_box h3.title{ position:static; text-align:left; margin-left:20px;}
.sidebar .sb_box h3.title i{ margin-right:5px;}
.sidebar .sb_box h3.title span{ display:none;}
.sidebar .sb_box h3.title div.position{ color:#333;}
.sidebar .sb_box h3.title div.position a{ color:#333;}
.p-ban{ padding-top:60px;}
.p-ban img{ width:100% !important;}

#geyin_product{ width:100%;}
#geyin_product .pshow .dt{ width:100%;  margin-bottom:30px;}
#geyin_product .pshow .dt .dt_tabs_img {width: calc(100% - 20px);   margin: 0px 10px 20px 10px;}
#geyin_product .pshow .dd{ width:100%; margin-top:0px;box-sizing: border-box; padding:0px 10px;}
#geyin_product .pshow .dd li{ display:flex;align-items: center;}
#geyin_product .pshow .dd li span{padding-right:10px;font-size:14px; height:auto;}
#geyin_product .pshow .dd li .p1 {padding-left:10px;}
#geyin_product .pshow .dd li .p1 img{ width: calc(100% - 10px)!important;}
.p-video iframe{ height:300px !important;}

.jiaju-xp .inner1440{width:100% !important;}

.p_wrapper {    width: 100%;   float: left;    margin: 0;  padding: 0px 0px 10px 0px;    box-sizing: border-box;}
.p_wrapper .text{padding:20px 10px;}
.por_box{ display:block;}
.por_info_list .port_li {   width: 100%;   padding: 10px;    box-sizing: border-box; margin:0px;}	
.por_info_list .por_info_main { margin:0px 0px !important;width: 100% !important;}

.projects-section-one .project-tab { width: 100%;}
.projects-section-one{ margin:0 10px;padding: 80px 0 0px;}
.projects-section-one .border-shape{ display:none;}
.projects-section-one .i_title h2{ font-size:26px;}
.projects-section-one .project-tab .owl-item{ width:100%; margin:0px 0px;}
.project-block-one .image{ height:auto;}
.project-block-one .inner-box img{ height:300px; width:100%;}
.project-block-one .content{    position: initial; bottom:0; max-width:100%; background:#f9f9f9;box-shadow: none;}
.projects-section-one .project-tab .owl-item:nth-child(2n){ margin:10px 0px;}
.projects-section-one .big-title{ display:none;}

.theme_carousel .c-prev,.theme_carousel .c-next{ display:none;}

.p_dec{ margin:60px 10px 60px 10px}
.por_info_list{ padding:60px 0px;}

.working-process-section{ padding: 100px 0 100px;}
.working-process-section.style-two .process-block .icon img { width: 50px;}
.process-block {  display: inline-block;   margin: 0px 5px;}
.process-block h4{ font-size:12px; font-weight:normal;}
.project-list-img img{ width:90%; margin:auto;}


.case_main .case_content {    width: 100%;}
.case_main .case_content > ul li {margin: 30px 20px 30px 20px;}
.case_main .case_content > ul .list_top{ display:block;}
.case_main .case_content > ul .list_top h3{ width:100%; margin-bottom:20px;font-size: 20px;}
.case_main .case_content > ul .list_top .img{ width:100%;}
.case_main .case_content > ul .list_top .img img{ max-width:100%; height:auto;}
.case_main .case_content > ul .list_top p{ width:100%;}

.case_main .case_content > ul .list_pics{ flex-wrap:wrap;}
.case_main .case_content > ul .list_pics img{width: calc(50% - 20px);   object-fit: cover;   height: 250px;    margin: 10px 10px; }

#newslist{ margin: 60px 0px 0px 0px;}
#newslist li .img {   width: 100%;}
#newslist li .text {   padding: 20px 0px 20px 0px;   width: calc(100%);}
#newslist li p {width:100%;}
#newslist li span{ top:auto;}

.faqcont .w880 {  width: calc(100% - 20px);}
.faqcont .cont01 span {   width: 130px; font-size:16px;}
.faqcont .cont01 p {   width: calc(100% - 130px); font-size:18px;}
.faqcont .cont02{ font-size:18px;}
#faqlist .w880  {  width: calc(100% - 20px);}
#faqlist li h3 {font-size:16px;}

#shownews {   margin: 30px 10px;}


.newslist_box{ width:100% !important;}
.newslist_pics li img{ height:250px !important; width:100% !important;}
.ab-newslist ul li {width: calc(100% - 20px) !important;}
.faq-main h2{ width:100% !important;}
.faq-main .content{ width:100% !important;}

.contact-area {
    margin: 0px 10px;
}
.contact-area .left {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;}
.form-wrapper {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; margin-top:20px;
    padding-right: 0px;
    padding-left: 0px;}
.form-box::before { left:25px;}	
.contact-form .form-box input, .contact-form select{padding: 0 0px 0px 50px;}
.contact-form .form-box textarea{padding: 20px 0px 0px 50px;}
	
	.contact-btn{ width:100%;}
.contact-btn .btn{ display:block; margin:auto;background: #f2f2f2;}
.form-radio li {  width: 100%;}
#container{ width:100%; height:300px;}
	/*input,textarea,select{ -webkit-appearance: none;   border-radius: 0;}*/

.back-text h3 { margin: 30px 20px;   font-size: 2rem;}
.back-newsbox{ width:100%;border:none;}
.back-newslist {   padding: 30px 20px;border:none;   width: calc(100% - 0px);}
.back-newslist h2 {    text-align: center !important;}
.back-newslist ul li {   width: calc(100% - 0px);}
.back-faqlist {   width: calc(100% - 0px);padding: 30px 20px;}
.back-faqlist h2 {    text-align: center !important;}
.back-faqlist ul li h3 {    text-align: center !important;}
}



@media (max-width:375px){
.system-content {   padding: 20px 20px;}   
.system-content p {line-height: 25px;}    
}