@charset "utf-8";
/**
* @software         [JiJinCMS]
* @author           [上海集锦信息科技有限公司]
* @website          [http://www.jijinweb.com]
* @email            [sunny@jijinweb.com]
**/
 

input[type="button"], input[type="submit"], input[type="reset"] {
     -webkit-appearance: none;
}
textarea {  
    -webkit-appearance: none;
}

body{font-family:"思源黑体","Montserrat";}

a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;transition: color 0.3s ease 0s;
-webkit-transform: color 0.3s ease 0s;  -webkit-tap-highlight-color: transparent; outline: none;}
a:hover{ text-decoration:none;transition: color 0.3s ease 0s; -webkit-transform: color 0.3s ease 0s;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline: none;}
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{zoom: 1;}/* 触发 hasLayout */ 
img{ vertical-align: middle;}
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#999999; font-size:13px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;}
textarea::-webkit-input-placeholder{color:#999999; font-size:14px; font-family:"思源黑体","Montserrat";}



.search input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#89a4d5; font-size:13px;}
.search input::-webkit-input-placeholder{ /* WebKit browsers */ color:#89a4d5; font-size:13px;}
.search input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#89a4d5; font-size:13px;}
.search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;}
.search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;}



video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}


input:-webkit-autofill { 
-webkit-box-shadow: 0 0 0px 1000px white inset; 
}


.fl{ float:left;}
.fr{ float:right;}
/*渐变从左向右*/
.jianbian2{
    height: 200px;
    background: -webkit-linear-gradient(to right,blue, yellow); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to right,blue, yellow); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right,blue, yellow); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,white, yellow); /* 标准的语法（必须放在最后） */
}

/*黑白照片*/
.gray { 
-webkit-filter: grayscale(100%); 
   -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
     -o-filter: grayscale(100%); 
        filter: grayscale(100%); 
        filter: gray; 
}

.gray:hover { 
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; 
}
/*圆角5px*/
.radius5{ 
-webkit-border-radius:5px; 
   -moz-border-radius:5px; 
    -ms-border-radius:5px; 
     -o-border-radius:5px; 
        border-radius:5px; 
}
/*圆角10px*/
.radius10{ 
-webkit-border-radius:10px; 
   -moz-border-radius:10px; 
    -ms-border-radius:10px; 
     -o-border-radius:10px; 
        border-radius:10px; 
}
/*图片变大*/
.tra{
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
           filter: scale(1);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
	cursor:pointer;
	
}
.tra:hover{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
	cursor:pointer;

	
}
/*透明度50%*/
.opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}


.shadow1{ 
-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;
   -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;
    -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; 
     -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; 
        box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;
}
.shadow2{transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; }
.shadow2:hover{ 
-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;
   -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;
    -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; 
     -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; 
        box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}


/*投影*/
.shadow5{ 
		transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}

.shadow7{ 
		transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}
.shadow7:hover{ 
-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
   -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
    -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 
     -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 
        box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
		transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}


.shadow1_1{ 
-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
   -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
    -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 
     -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 
        box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
		transition: all 0.3s ease 0s;
-webkit-transform: all 0.3s ease 0s; 
}


.shadow5:hover{ 
-webkit-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
   -moz-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
    -ms-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
     -o-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
        box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 
		transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; 
}

.shadow8{ 
-webkit-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
   -moz-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
    -ms-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
     -o-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
        box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
		transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}


.shadow6{ 
-webkit-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;
   -moz-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;
    -ms-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;
     -o-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;
        box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;
		transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}

/*投影*/
.shadow10{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 
     -o-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 
        box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 
}
/*图片居中*/
.center{
	-webkit-align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: star;
}

/*图片居中2*/
.vertical{
	display:-webkit-box;
 display:-webkit-flex;
 display:-moz-box;
 display:-moz-flex;
display:-ms-flexbox;
display:flex;
/* 水平居中*/ 
	   -webkit-box-align:center;
		  -moz-box-align:center;
		   -ms-flex-pack:center;
 /* IE 10 */
 -webkit-justify-content:center; 
	-moz-justify-content:center;
	     justify-content:center;
/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
/* 垂直居中 */ 
		-webkit-box-pack:center;
		  -ms-flex-align:center;
		   -moz-box-pack:center;
/* IE 10 */
	 -webkit-align-items:center;
	    -moz-align-items:center;
	    	 align-items:center;

}






/*图片翻转*/
.flip{
	-webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
           transition: all 0.5s ease;
    -webkit-transform: all 0.5s ease;
 }
.flip:hover{
	-webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
           transition: all 0.5s ease; -webkit-transform: all 0.5s ease;  
	cursor:pointer;
}


.layui-laypage{display:flex;font-size:14px;color:#333;align-items:center;justify-content:center;}
.layui-laypage a{font-size:14px;color:#333;transition: all .35s;line-height: 30px;padding:0 13px;background:#fff;text-align:center;border:#f5f5f5 solid 1px;margin:0 7px;}
.layui-laypage em{font-style:normal;}
.layui-laypage a, .layui-laypage span{border: 1px solid #e2e2e2;}
.layui-laypage a, .layui-laypage span:last-child{border: none;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background:#0356c8}
.layui-laypage-curr{background:#0356c8;font-size:14px;color:#fff;line-height: 30px;padding:0 13px;text-align:center;margin:0 10px}
.layui-laypage-disabled em{font-style:inherit;color: #aaa;}
.layui-laypage-curr em{color: #fff;}
.layui-laypage-curr:hover{background:#0356c8;color:#fff}
.layui-laypage .layui-laypage-limits{border: none;}
.layui-laypage .layui-laypage-count{border: none;}
.layui-laypage-limits select{background:#fff;height:35px;font-size:14px;color:#333;line-height: 30px;padding:0 13px;text-align:center;border:#f5f5f5 solid 1px;margin:0 10px;background:#f5f5f5}
#goPageId{background:#f5f5f5;width:50px;font-size:1px;color:#333;line-height: 30px;padding:0 13px;text-align:center;border:#f5f5f5 solid 1px;margin:0 10px}
.layui-laypage-btn{background:#f5f5f5;font-size:14px;color:#333;transition: all .35s;line-height: 30px;padding:0 13px;text-align:center;border:#fff solid 1px;margin:0 10px}
.layui-laypage-btn:hover{background:#0356c8;color:#fff}
.layui-laypage-disabled{font-size:14px;color:#333;line-height: 30px;padding:0 13px;text-align:center;margin:0 10px;background:#f5f5f5;border:none;}
.layui-laypage a:hover{background:#0356c8;color:#fff}
.layui-laypage-limits{display: none;}
.layui-laypage a:nth-child(6){display: none;}
.layui-laypage a:nth-child(7){display: none;}
.layui-laypage a:nth-child(8){display: none;}



/* 公共样式 */
.clearfloat{display: block;clear: both; height: 0px;margin: 0px;padding: 0px; border: 0px;}
.m-header-nav{display: none;}
.publicdv{margin: 60px auto;}
.container{width: 1200px;margin: 0 auto;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}

/*分页*/
.paging{display: flex; justify-content: space-around; align-items: center;margin: 20px 0;}
.paging ul{padding:0;width:100%;text-align: center;}
.paging ul::after{content:'';display:block;clear:both}
.paging ul li{display:inline-block;list-style:none;margin:0 5px;background-color: white;box-shadow:none!important;margin-bottom: 0!important;}
.paging a{color:#aaa;font-family:"微软雅黑";text-decoration:none;text-align:center;border:1px solid #e2e2e2;font-size: 15px;}
.paging ul li:first-child a{border-left:1px solid #ccc;}
.paging ul li a:hover{background-color:#0357c9;}
.paging ul li a:hover{color:white}
.paging ul li:hover{box-shadow:none!important;}
.paging .disabled a:hover{background-color:white;cursor:not-allowed;color:#aaa}
.paging .active a{background-color:#0357c9;color:white}
/************************************首页 Start*******************************************************/

/* 导航 */
.header{width: 100%;height: 80px;}
.header .containers{width: 100%; height: 80px; padding: 0 40px; display: flex; justify-content: space-between; align-items: center;}
.header .left-logo{display: flex;align-items: center;}
.header .left-logo a{display: flex; justify-content: center; align-items: center;}
.header .left-logo a .logo{margin-right: 15px;}
.header .left-logo a .logo img{}
.header .left-logo a .gsname{}
.header .left-logo a .gsname p{font-weight: bold;font-size: 16px;letter-spacing: 4px;}
.header .left-logo a .gsname .en-name{font-weight: 500;font-size: 12px;letter-spacing: 1.2px;}

.header .right-box{height: 100%;display: flex;align-items: center;}
.header .right-box nav{height: 100%;margin-right: 15px;}
.header .right-box nav ul{display: flex;align-items: center;height: 100%;}
.header .right-box nav ul li{display: inline-block;height: 100%;}
.header .right-box nav ul li:first-child a{padding: 0 33px;}
.header .right-box nav ul li a{transition: all .35s; -o-transition: all .35s; -ms-transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; }
.header .right-box nav ul li a{height: 100%;padding: 0 20px;font-size: 15px;display: flex; align-items: center;}
.header .right-box nav ul li.on a{background-color: #0357c9;color: white;}
.header .right-box nav ul li.onshow a{background-color: #0357c9;color: white;}
.header .right-box nav ul li a:hover{background-color: #0357c9;color: white;}
.header .right-box nav .lowernav{display: none; position: absolute; top: 80px; left: 0; width: 100%; height: 50px;background-color: #0357c9;z-index: 999999999999;} 
.header .right-box nav .lowernav .lowernavbox{height: 100%; display: flex; align-items: center; justify-content: center;}
.header .right-box nav .lowernav ul{justify-content: center;height: 100%;}
.header .right-box nav .lowernav ul li{height: 100%;}
.header .right-box nav .lowernav ul li a{display: flex;align-items: center;font-size: 14px; padding: 0 30px; height: 100%;background-color: #0357c9;color: white;} 
.header .right-box nav .lowernav ul li a:hover{background-color: white;color: #0357c9;}

.header .right-box .right-content{display: flex;align-items: center;}
.header .right-box .right-content .separator{width: 1.5px; height: 15px; background-color: #333333;}
.header .right-box .right-content .language{margin: 0 19px 0 20px;padding: 30px 0;display: flex;align-items: center;position: relative;justify-content: center;}
.header .right-box .right-content .language .languageicon{width: 17px;fill: #333333;}
.header .right-box .right-content .language span{color: #333333;font-size: 15px;margin: 0 2px 0 8px;}
.header .right-box .right-content .language .arrowicon{width:18px;fill: #333333;position: relative;top: 1px;right: 2px;}
.header .right-box .right-content .language .lang-list{position: absolute; top: 80px; left: 0px; background-color: #252f3b; border-radius: 5px;z-index: 99999999999;}
.header .right-box .right-content .language .lang-list:before{content: ""; display: inline-block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #252f3b; position: absolute; top: -10px; left: -5px; right: 0; margin: 0 auto;}
.header .right-box .right-content .language .lang-list li{transition: all .35s;}
.header .right-box .right-content .language .lang-list li:hover{background-color: #0357c9;}
.header .right-box .right-content .language .lang-list li:hover a{color: white;}
.header .right-box .right-content .language .lang-list li a{font-size: 13px; color: white; display: block; padding: 10px 20px;transition: all .35s; }

.header .right-box .right-content .search{display: flex;align-items: center;}
.header .right-box .right-content .search a{display: flex;align-items: center;} 
.header .right-box .right-content .search .searchicon{width: 17px;height: 17px;fill: #333333;}

/* 手机导航 */
.m-header-nav{display: none;height:60px;overflow:hidden;background:#0357c9;position:fixed;top:0;z-index:1000;width:100%;}
.m-header-nav .sp_header{overflow:hidden;background:#0357c9;position: relative;top:0;z-index:10000;width:100%;height:60px;padding: 0 20px;}
.m-header-nav .sp_logo{padding: 10px 0;float:left;height:60px;}
.m-header-nav .sp_logo img{margin:auto;max-height:40px;}
.m-header-nav .sp_nav{width: 40px;float:right;position:relative;cursor:pointer;height:40px;margin-top: 17px;z-index: 900;}
.m-header-nav .sp_nav span{display:block;background:white;width: 35px;height: 3px;position:absolute;left: 0;transition:all ease 0.45s;}
.m-header-nav .sp_nav span:nth-of-type(1){top:0px}
.m-header-nav .sp_nav span:nth-of-type(2){top: 13px;}
.m-header-nav .sp_nav span:nth-of-type(3){top: 26px;}
.m-header-nav .sp_nav_se span:nth-of-type(1){top: 11px;transform:rotate(45deg);}
.m-header-nav .sp_nav_se span:nth-of-type(2){width:0;transition:none;}
.m-header-nav .sp_nav_se span:nth-of-type(3){top: 11px;transform:rotate(-45deg);}
.m-header-nav .sjj_nav{display: none;position:fixed;z-index:9;background:#eee;width:100%;height:100%;font-size: .95rem;;line-height:2.7rem;top:60px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.45s;}
.m-header-nav .nav_show{display: block;}
.m-header-nav .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.m-header-nav .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 100px)}
.m-header-nav .sjj_nav>ul>li:first-child .language{float:right;width:100px;overflow:hidden;line-height:40px;margin-top:10px}
.m-header-nav .sjj_nav>ul>li:first-child .language a{width:50px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.m-header-nav .sjj_nav ul li i{position: absolute; top: 5px; right: 0px; border-left: 1px #ddd solid; height: 50px; padding: 0px 12px; display: flex; align-items: center; justify-content: flex-start;}
.m-header-nav .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.45s}
.m-header-nav .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.m-header-nav .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:3.5rem;font-size: .95rem;}
.m-header-nav .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.m-header-nav .sjj_nav ul li ul{display:none}
.m-header-nav .sjj_nav ul li a{color:#666;width:100%;display: block;font-size: 1rem;}
.m-header-nav .sjj_nav ul li ul li a{color:#666;display:block;text-align:left;}
.m-header-nav .sjj_nav ul li i svg{width:35px;height:35px;fill:#555;}
.m-header-nav .sjj_nav ul li .sjj_nav_i_se svg{fill:#0357c9}
.m-header-nav .sjj_nav ul li ul li>ul{margin-left:10px}

/* 搜索框 */
#search{position:fixed; width:100%; height:100%; left:0; top: 0; right:0; background:rgba(0,0,0,.5); display:none; align-items:center; justify-content:center; z-index:50;}
#search.on{display:flex;}
#search .search_content{ width:50%;}
#search .search_content .search_content_top{ position:relative; }
#search .search_content .search_content_top .search_close{ position:absolute; right:0; top:-60px; color:#fff; font-size:30px;}
#search .search_content .search_content_bottom{ display:flex; align-items:center; justify-content:center;}
#search .search_content input[type="search"]{ width:80%; background:#fff; height:60px; font-size:16px; color:#333; padding:0px 20px;}
#search .search_content input[type="submit"]{ width:20%; background:#0357c9; height:60px; font-size:16px; color:white; cursor:pointer;}



/* 轮播图 */
.indexbannerlist{ position:relative;width: 100%;}
.indexbannerlist .indexbanner{width: 100%;}
.indexbannerlist .indexbanner .banner_list .banner_list_img img{ width:100%; height:860px; object-fit:cover;}
.indexbannerlist .indexbanner .banner_list .banner_list_txt{ text-align: center;position:absolute; max-width:1350px; left:0; right:0; margin:0 auto; top:0; display:flex; flex-direction:column; justify-content:center; height:calc(100% - 55px);}
.indexbannerlist .indexbanner .banner_list .banner_list_txt dd{font-size: 54px; font-weight: bold; color: #0357c9; margin-bottom: 8 px ; text-shadow: #fff 3px 0 0, #fff 0 3px 0, #fff -3px 0 0, #fff 0 -3px 0;}
.indexbannerlist .indexbanner .banner_list .banner_list_txt dt{ font-size: 26px; color: #fff; letter-spacing: 2px; line-height: 42px; margin-bottom: 100px; padding: 0; display: inline-block;}
.indexbannerlist .indexbanner .banner_list .banner_list_txt a{ font-size:14px; color:#fff; display:flex; align-items:center; justify-content:center; width:203px; height:54px; background:#232836;}
.indexbannerlist .indexbanner .banner_list .banner_list_txt a:hover{ background:#0070C0;}
.indexbannerlist .indexbanner .banner_list .banner_list_txt a img{ margin-left:12px;}

.indexbannerlist .swiper-button-next{background: url(../images/index/banner/indexbanner-right.png) no-repeat center;background-size: 50px; position: absolute; right:90px; top: 50%; margin-top: -35px; width: 60px; height: 60px; z-index:999; } 
.indexbannerlist .swiper-button-prev{background: url(../images/index/banner/indexbanner-left.png) no-repeat center;background-size: 50px; position: absolute; left:90px; top: 50%; margin-top: -35px; width: 60px; height: 60px; z-index:999;}
.indexbannerlist .indexbanner .swiper-pagination{bottom: 30px!important;}
.indexbannerlist .indexbanner .swiper-pagination .swiper-pagination-bullet{background-color: #fff!important;width: 5%!important;height: 3px!important;margin: 0 9px!important;border-radius: 50px!important;}
.indexbannerlist .indexbanner .swiper-pagination .swiper-pagination-bullet-active{background-color: #fff!important;width: 5%!important;height: 3px!important;}


/* 关于我们 */
.aboutus{padding: 93px 0;}
.aboutus .container{display: flex;align-items: flex-start;}
.aboutus .about-img{}
.aboutus .about-img img{}

.aboutus .about-list{padding-left: 53px;}
.aboutus .about-list .about-info{margin-top: 20px;position: relative;padding: 25px 0 28px 39px;}
.aboutus .about-list .about-info .upperleft{position: absolute;top: 0;left: 0;}
.aboutus .about-list .about-info .info-title{}
.aboutus .about-list .about-info .info-title h1{font-weight: 500;font-size: 30px;margin-bottom: 5px;}
.aboutus .about-list .about-info .info-title span{color: #a5a5a5;font-size: 14px;}

.aboutus .about-list .about-info .info-text{padding: 30px 0 50px 0;}
.aboutus .about-list .about-info .info-text p{color: #a5a5a5;font-size: 15.5px;line-height: 35px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5;line-clamp: 5; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 5; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;}

.aboutus .about-list .about-info .morebtn{display: flex;align-items: center;}
.aboutus .about-list .about-info .morebtn a{background-color: #0357c9;padding: 7px 12px;border-radius: 50px;display: flex;align-items: center;}
.aboutus .about-list .about-info .morebtn a span{font-size: 11px;color: white;margin:0 28px 0 1px;color: #dddddd;}
.aboutus .about-list .about-info .morebtn a .moreicon{width: 26px;fill: white}

.aboutus .about-list .about-info .lowerright{position: absolute;bottom: 0;right: 0;}

.aboutus .about-list .digitalgrades{margin-top: 62px;}
.aboutus .about-list .digitalgrades ul{display: flex; justify-content: space-between; align-items: center;}
.aboutus .about-list .digitalgrades ul li{transition: all .35s; -o-transition: all .35s; -ms-transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; }
.aboutus .about-list .digitalgrades ul li{width: 188px; height: 113px;border: 1px solid #dfdfdf; display: flex;flex-direction: column;flex-wrap: wrap; align-items: center; justify-content: center; align-content: center;text-align:center}
.aboutus .about-list .digitalgrades ul li.on{background-color: #0357c9;}
.aboutus .about-list .digitalgrades ul li.on h1{color: white;}
.aboutus .about-list .digitalgrades ul li.on h1 span{color: white;}
.aboutus .about-list .digitalgrades ul li.on p{color: white;}
.aboutus .about-list .digitalgrades ul li:hover{background-color: #0357c9;}
.aboutus .about-list .digitalgrades ul li:hover h1{color: white;}
.aboutus .about-list .digitalgrades ul li:hover h1 span{color: white;}
.aboutus .about-list .digitalgrades ul li:hover p{color: white;}
.aboutus .about-list .digitalgrades ul li h1{font-size: 35px;letter-spacing: -2px;text-align:center;}
.aboutus .about-list .digitalgrades ul li h1 span{font-weight: 500;font-size: 15px;color: #999999;margin-left: 2px;}
.aboutus .about-list .digitalgrades ul li p{font-weight: 500;font-size: 15px;text-align:center;color: #999999;}


/* 新闻发布 */
.newsrelease{background-color: #f8f8f8;padding:90px 0;}
.newsrelease .news-title{text-align: center;}
.newsrelease .news-title h1{font-size: 32px;font-weight: 500;}
.newsrelease .news-title .en-desc{margin-top: 13px;font-size: 13px;color: #a5a5a5;}
.newsrelease .news-title .cn-desc{margin-top: 5px;font-size: 13px;color: #a5a5a5;}

.newsrelease .newstab{margin-top: 58px;}
.newsrelease .newstab .tabbox{display: flex; justify-content: space-between; align-items: space-between;}
.newsrelease .newstab .tabbox .newslist{width: 548px;}
.newsrelease .newstab .tabbox .newslist .list-item{}
.newsrelease .newstab .tabbox .newslist .list-item .newsimg{}
.newsrelease .newstab .tabbox .newslist .list-item .newsimg img{}

.newsrelease .newstab .tabbox .newslist .list-item .newstitle{margin-top: 25px;}
.newsrelease .newstab .tabbox .newslist .list-item .newstitle h1{font-weight: 500;font-size: 24px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.newsrelease .newstab .tabbox .newslist .list-item .newsdesc{margin-top: 16px;}
.newsrelease .newstab .tabbox .newslist .list-item .newsdesc p{color: #686868;font-size: 16px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.newsrelease .newstab .tabbox .newslist .list-item .newstime{margin-top: 30px;}
.newsrelease .newstab .tabbox .newslist .list-item .newstime time{font-size: 14px;color: #a5a5a5;}

.newsrelease .newstab .menus{margin-left: 45px;width: 51%;}
.newsrelease .newstab .menus li{display: flex;}
.newsrelease .newstab .menus li{transition: background-color .35s; -o-transition: background-color .35s; -ms-transition: background-color .35s; -moz-transition: background-color .35s; -webkit-transition: background-color .35s; }
.newsrelease .newstab .menus li a{display: flex; justify-content: space-between; align-items: center;padding: 22px 0;width: 100%;}
.newsrelease .newstab .menus li:hover{background-color: #0357c9;}
.newsrelease .newstab .menus li:hover .newstimes{border-right: 2px solid #3c7cd2;}
.newsrelease .newstab .menus li:hover .newstimes h1{color: white;}
.newsrelease .newstab .menus li:hover .newstimes time{color: white;}
.newsrelease .newstab .menus li:hover .newstitle h1{color: white;}
.newsrelease .newstab .menus li:hover .newstitle p{color: white;}
.newsrelease .newstab .menus li.on{background-color: #0357c9;}
.newsrelease .newstab .menus li.on .newstimes{border-right: 2px solid #3c7cd2;}
.newsrelease .newstab .menus li.on .newstimes h1{color: white;}
.newsrelease .newstab .menus li.on .newstimes time{color: white;}
.newsrelease .newstab .menus li.on .newstitle h1{color: white;}
.newsrelease .newstab .menus li.on .newstitle p{color: white;}
.newsrelease .newstab .menus li .newstimes{border-right:2px solid #f1f1f1;text-align: center;padding: 0 19px;}
.newsrelease .newstab .menus li .newstimes h1{font-weight: bold;font-size: 40px;color: #999999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsrelease .newstab .menus li .newstimes time{font-size: 14px;color: #999999;}

.newsrelease .newstab .menus li .newstitle{padding:0  25px;width: 83%;}
.newsrelease .newstab .menus li .newstitle h1{font-weight: 500;font-size: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsrelease .newstab .menus li .newstitle p{font-size: 15px;margin-top: 10px;display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis;}

.newsrelease .morebtn{margin-top: 65px;text-align: center;}
.newsrelease .morebtn a{background-color: #0357c9;padding: 4px 12px;border-radius: 50px;display: inline-flex;align-items: center;}
.newsrelease .morebtn a span{font-size: 11px;color: white;margin:0 28px 0 1px;color: #dddddd;}
.newsrelease .morebtn a .moreicon{width: 26px;fill: white;}


/* 资质荣誉 */
.zizhihonor{padding: 90px 0 100px 0;}
.zizhihonor .zizhihonorlist{display: flex; width: 100%; justify-content: space-between; align-items: flex-start;}
.zizhihonor .taskzizhi{width: 48%;}
.zizhihonor .taskzizhi .zizhititle{display: flex; justify-content: center; align-items: center;position: relative;}
.zizhihonor .taskzizhi .zizhititle .htitle{width: 100%;text-align: center;}
.zizhihonor .taskzizhi .zizhititle .htitle h1{font-size: 29px;font-weight: 500;}
.zizhihonor .taskzizhi .zizhititle .hmore{position: absolute; right: 0;}
.zizhihonor .taskzizhi .zizhititle .hmore a{display: flex; align-items: center;}
.zizhihonor .taskzizhi .zizhititle .hmore a span{font-size: 15px;}
.zizhihonor .taskzizhi .zizhititle .hmore a .moreicon{width: 16px;}

.zizhihonor .taskzizhi .taskbanner{position: relative;margin-top: 30px; border: 1px solid #dbdbdb; height: 400px; padding:0 60px; display: flex; align-items: center; justify-content: center; align-content: center;}
.zizhihonor .taskzizhi .taskbanner .zizhibanner{}
.zizhihonor .taskzizhi .taskbanner .swiper-button-next:hover{background-color: #0357c9;}
.zizhihonor .taskzizhi .taskbanner .swiper-button-prev:hover{background-color: #0357c9;}
.zizhihonor .taskzizhi .taskbanner .swiper-button-next{transition: background-color .35s;background-color: #d8d8d8; width: calc(var(--swiper-navigation-size)/ 44 * 36); height: calc(var(--swiper-navigation-size)/ 44 * 90);right: 0;top: 45%;}
.zizhihonor .taskzizhi .taskbanner .swiper-button-next .nexticon{fill: white;width: 23px;}
.zizhihonor .taskzizhi .taskbanner .swiper-button-prev{transition: background-color .35s;background-color: #d8d8d8; width: calc(var(--swiper-navigation-size)/ 44 * 36); height: calc(var(--swiper-navigation-size)/ 44 * 90);left: 0;top: 45%;}
.zizhihonor .taskzizhi .taskbanner .swiper-button-prev .previcon{fill: white;width: 23px;}
.zizhihonor .taskzizhi .taskbanner .zizhibanner .swiper-slide{}
.zizhihonor .taskzizhi .taskbanner .zizhibanner .swiper-slide .task-img{border: 1px solid #eaeaea;height: 262px; background-color: #f8f8f8; padding: 5px; text-align: center; display: flex; justify-content: center; align-items: center;}
.zizhihonor .taskzizhi .taskbanner .zizhibanner .swiper-slide .task-img img{width: 100%;}
.zizhihonor .taskzizhi .taskbanner .zizhibanner .swiper-slide .task-desc{margin-top: 15px;}
.zizhihonor .taskzizhi .taskbanner .zizhibanner .swiper-slide .task-desc span{line-height: 22px;color: #464646; font-size: 14px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;}
.zizhihonor .qiyehonor{width: 48%;}
.zizhihonor .qiyehonor .zizhititle{display: flex; justify-content: center; align-items: center;position: relative;}
.zizhihonor .qiyehonor .zizhititle .htitle{width: 100%;text-align: center;position: relative;}
.zizhihonor .qiyehonor .zizhititle .htitle h1{font-size: 29px;font-weight: 500;}
.zizhihonor .qiyehonor .zizhititle .hmore{position: absolute; right: 0;}
.zizhihonor .qiyehonor .zizhititle .hmore a{display: flex; align-items: center;}
.zizhihonor .qiyehonor .zizhititle .hmore a span{font-size: 15px;}
.zizhihonor .qiyehonor .zizhititle .hmore a .moreicon{width: 16px;}

.zizhihonor .qiyehonor .qiyebanners{position: relative;margin-top: 30px; border: 1px solid #dbdbdb; height: 400px; padding: 0 60px; display: flex; align-items: center; justify-content: center; align-content: center;}
.zizhihonor .qiyehonor .qiyebanners .swiper-button-next:hover{background-color: #0357c9;}
.zizhihonor .qiyehonor .qiyebanners .swiper-button-prev:hover{background-color: #0357c9;}
.zizhihonor .qiyehonor .qiyebanners .swiper-button-next{transition: background-color .35s;background-color: #d8d8d8; width: calc(var(--swiper-navigation-size)/ 44 * 36); height: calc(var(--swiper-navigation-size)/ 44 * 90);right: 0;top: 45%;}
.zizhihonor .qiyehonor .qiyebanners .swiper-button-next .nexticon{fill: white;width: 23px;}
.zizhihonor .qiyehonor .qiyebanners .swiper-button-prev{transition: background-color .35s;background-color: #d8d8d8; width: calc(var(--swiper-navigation-size)/ 44 * 36); height: calc(var(--swiper-navigation-size)/ 44 * 90);left: 0;top: 45%;}
.zizhihonor .qiyehonor .qiyebanners .swiper-button-prev .previcon{fill: white;width: 23px;}
.zizhihonor .qiyehonor .qiyebanners .honorbanner{}
.zizhihonor .qiyehonor .qiyebanners .honorbanner .swiper-slide{}
.zizhihonor .qiyehonor .qiyebanners .honorbanner .swiper-slide .honor-img{border: 1px solid #eaeaea;height: 262px;background-color: #f8f8f8; padding: 10px 15px; text-align: center; display: flex; justify-content: center; align-items: center;}
.zizhihonor .qiyehonor .qiyebanners .honorbanner .swiper-slide .honor-img img{width: 100%;}
.zizhihonor .qiyehonor .qiyebanners .honorbanner .swiper-slide .honor-desc{margin-top: 15px;}
.zizhihonor .qiyehonor .qiyebanners .honorbanner .swiper-slide .honor-desc span{line-height: 22px;color: #464646; font-size: 14px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;}


/* 底部导航 */
.footer{background: url(../images/footer/footerbj.jpg) no-repeat center; background-color: #212e3f; width: 100%; background-size: 100%; padding-top: 70px; height: auto;}
.footer .nav-list{}
.footer .nav-list .navcontent{}
.footer .nav-list .navcontent ul{display: flex; justify-content: space-between;}
.footer .nav-list .navcontent ul li{border-left: 1px solid #565656;padding:0 10px;}
.footer .nav-list .navcontent ul li:first-child{border: none;padding-left: 0;}
.footer .nav-list .navcontent ul li .parentnav{text-align: left;}
.footer .nav-list .navcontent ul li .parentnav a{}
.footer .nav-list .navcontent ul li .parentnav a span{color: #8b8b8b; font-size: 14px;}
.footer .nav-list .navcontent ul li .parentnav a h1{color: white;font-weight: 500;font-size: 16px;margin-top: 7px;text-align: center}

.footer .nav-list .navcontent ul li .childnav{margin-top: 30px;display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; align-content: center;}
.footer .nav-list .navcontent ul li .childnav li{margin-bottom: 8px;border: none;padding: 0;text-align: center;}
.footer .nav-list .navcontent ul li .childnav li a{color: #8b8b8b; font-size: 14px;}

.footer .contact-info{margin-top: 75px;display: flex; justify-content: space-between; align-items: center;}
.footer .contact-info .contlist{display: flex; justify-content: flex-start; align-items: center; width: 33.33333333333%;}
.footer .contact-info .contlist .info-icon{margin-right: 27px;}
.footer .contact-info .contlist .info-icon img{}
.footer .contact-info .contlist .info-desc{}
.footer .contact-info .contlist .info-desc span{color: white; font-size: 16px;font-weight: 500;}


.footer .links{margin-top:30px;display:flex;align-items:center;justify-content:flex-start;}
.footer .links span{font-size:14px;color:#ffffffa1;margin-right:15px}
.footer .links ul{display:flex;justify-content:flex-start;align-items:center}
.footer .links ul li{margin-right:15px}
.footer .links ul li a{font-size:14px;color:#fff}


.footer .copyright{margin-top: 20px;display: flex; justify-content: space-between; align-items: center;border-top: 1px solid #565656;padding: 10px 0 12px 0}
.footer .copyright .iteminfo{}
.footer .copyright .iteminfo span{color: #8b8b8b; font-size: 14px;}
.footer .copyright .iteminfo a{color: #8b8b8b; font-size: 14px;}

.footer .copyright .leftitem a{margin-left: 15px;}

.footer .copyright .rightitem{}
/******************************************首页 End***************************************************/


/* 关于我们相关页公共样式 */
.pubheader{width: 100%;}
.pubheader img{width: 100%;}

.pubmain{margin-top: 40px;}
.pubmain .itemlist{width: 100%;display: flex; justify-content: space-between; align-items: flex-start;}
.pubmain .left-nav{width: 230px;}
.pubmain .left-nav .nav-title{padding: 28px 0;background-color: #0357c9; display: flex; flex-wrap: wrap; flex-direction: column; align-content: center; justify-content: center; align-items: center;}
.pubmain .left-nav .nav-title h1{color: white;font-weight: 500;font-size: 25px;margin-bottom: 2px;}
.pubmain .left-nav .nav-title span{color: white;font-size: 15px;}

.pubmain .left-nav .abtnav-list{}
.pubmain .left-nav .abtnav-list ul{}
.pubmain .left-nav .abtnav-list ul li:last-child{border-bottom: 1.5px solid white;}
.pubmain .left-nav .abtnav-list ul li{transition: all .35s; -o-transition: all .35s; -ms-transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; }
.pubmain .left-nav .abtnav-list ul li{background-color: #f8f8f8;border-bottom: 1.5px solid #e7e7e7;}
.pubmain .left-nav .abtnav-list ul li a{width: 100%;padding: 13px 0;display: flex; justify-content: space-around; align-items: center; align-content: center; flex-wrap: nowrap; flex-direction: row;}
.pubmain .left-nav .abtnav-list ul li.on{border-bottom: 1.5px solid #0357c9;}
.pubmain .left-nav .abtnav-list ul li.on .navtext span{color: #0357c9;}
.pubmain .left-nav .abtnav-list ul li.on .navimgicon{display: flex; }

.pubmain .left-nav .abtnav-list ul li:hover{border-bottom: 1.5px solid #0357c9;}
.pubmain .left-nav .abtnav-list ul li:hover .navtext span{color: #0357c9;}
.pubmain .left-nav .abtnav-list ul li:hover .navimgicon{display: flex; }

.pubmain .left-nav .abtnav-list ul li .navtext{width: 70%;text-align: right;}
.pubmain .left-nav .abtnav-list ul li .navtext span{font-size: 14px;font-weight: 500;}
.pubmain .left-nav .abtnav-list ul li .navtext span{transition: all .35s; -o-transition: all .35s; -ms-transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; }
.pubmain .left-nav .abtnav-list ul li .naviconinfo{width: 30%;}
.pubmain .left-nav .abtnav-list ul li .navimgicon{transition: all .35s; -o-transition: all .35s; -ms-transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; }
.pubmain .left-nav .abtnav-list ul li .navimgicon{display: none;width: 50%;text-align: right; display: none;justify-content: flex-end; align-items: center;}
.pubmain .left-nav .abtnav-list ul li .navimgicon .navicon{width: 15px;fill: #0357c9;text-align: right;}

.pubmain .left-nav .contact-info{margin-top: 22px;}
.pubmain .left-nav .contact-info .info-list{background: url(../images/about/aboutcontactbj.jpg) no-repeat center;}
.pubmain .left-nav .contact-info .info-list a{padding: 44px 0;display: flex; flex-wrap: wrap; align-content: flex-end; justify-content: center; align-items: flex-end; flex-direction: column;}
.pubmain .left-nav .contact-info .info-list a .cont-txt{display: flex; justify-content: center; align-items: center; margin-bottom: 10px; margin-right: 20px;}
.pubmain .left-nav .contact-info .info-list a .cont-txt .phoneicon{width: 19px;height: 19px;fill: white;margin-right: 9px;}
.pubmain .left-nav .contact-info .info-list a .cont-txt span{color: white;font-size: 19px;}
.pubmain .left-nav .contact-info .info-list a .cont-phone{display: flex; justify-content: center; align-items: center; margin-right: 20px;}
.pubmain .left-nav .contact-info .info-list a .cont-phone span{color: white;font-size: 18px;}

.pubmain .right-content{width: 908px;margin-bottom: 50px;}
.pubmain .right-content .hdcont-list{padding: 9.5px 20px;display: flex; justify-content: space-between; align-items: center;background-color: #f8f8f8;border-radius: 8px;}
.pubmain .right-content .hdcont-list .hdcont-name{display: flex; justify-content: space-between; align-items: center;}
.pubmain .right-content .hdcont-list .hdcont-name .cn-name{margin-right: 10px;}
.pubmain .right-content .hdcont-list .hdcont-name .en-name{padding-left: 10px;border-left: 1px solid #797979;}
.pubmain .right-content .hdcont-list .hdcont-name .titlename span{font-size: 15px;color: #797979;}

.pubmain .right-content .hdcont-list .hdcont-nav{display: flex; justify-content: space-between; align-items: center;}
.pubmain .right-content .hdcont-list .hdcont-nav .current-addr{font-size: 14px;color: #797979;}
.pubmain .right-content .hdcont-list .hdcont-nav ul{display: flex; justify-content: center; align-items: center;}
.pubmain .right-content .hdcont-list .hdcont-nav ul a:hover{color: #0357c9;}
.pubmain .right-content .hdcont-list .hdcont-nav ul a{font-size: 14px;color: #797979;}
.pubmain .right-content .hdcont-list .hdcont-nav ul a .fa-home{font-size: 16px;color: #797979;}
.pubmain .right-content .hdcont-list .hdcont-nav ul a:last-child{color: #0357c9;}

.pubmain .right-content .contentlist{margin-top: 42px;}


/************************************关于杉叶-公司简介页 Start*******************************************/
.aboutmain .right-content{margin-bottom: 40px;}
.aboutmain .right-content .contentlist{margin-top: 42px;}
.aboutmain .right-content .contentlist .aboutimg{float: none;margin: 0 20px 5px 0;display: none;}
.aboutmain .right-content .contentlist .continfo{}
.aboutmain .right-content .contentlist .continfo p{font-size: 14.5px;color:#797979;line-height: 35px;}
.aboutmain .right-content .contentlist .continfo p:last-child{margin-top: 0;font-size: 17px;font-weight: 500;}

/************************************关于杉叶-公司简介页 End*********************************************/


/************************************关于杉叶-发展历程页 Start*******************************************/
.aboutmain .right-content .contentlist .continfo{/*display: flex; justify-content: flex-start; align-items: flex-start;*/position: relative;}
.aboutmain .right-content .contentlist .continfo .timeaxis{width: 2px;background-color: #9abce9;margin-left: 30px;}
.aboutmain .right-content .contentlist .continfo .historycont{}
.aboutmain .right-content .contentlist .continfo .historycont .historylist::before{content: '1'; overflow: hidden; width: 2px; height: 100%; background-color: #9abce9; color: #9abce9; position: absolute; top: 0; left: 31px;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist:first-child{margin-top: 0;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist{margin-left: 75px;margin-top: 55px;height: 100%;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historytime{display: flex; align-items: center;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historytime .historyposn{z-index: 999999;width: 20px;height: 20px;fill: #0357c9;position: absolute;left: 22px;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historytime .datayear{font-size: 30px; font-weight: bold; color: #0357c9;}

.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory{margin-top: 20px;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul{}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul li{display:flex;line-height: 30px;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul li.nulltxt{line-height: 15px;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul li time{font-size: 15px;font-weight: bold;margin-right: 3px;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul li span{font-size: 15px;color: black;}
/************************************关于杉叶-发展历程页 End*********************************************/


/************************************关于杉叶-公司资质页 Start*******************************************/
.gszzmain .right-content{margin-bottom: 40px;}
.gszzmain .contentlist{}
.gszzmain .contentlist .zizhilist{}
.gszzmain .zizhilist ul{display: flex;flex-wrap: wrap;}
.gszzmain .zizhilist ul li{width: 30%;margin-right:5%;padding: 3.3% 0;margin-bottom: 40px;background-color: #f8f8f8;display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
.gszzmain .zizhilist ul li:nth-child(3n){ margin-right:0px}
.gszzmain .zizhilist ul li .zizhiimg{display: inline;}
.gszzmain .zizhilist ul li .zizhiimg img{width: 100%;}
.gszzmain .zizhilist ul li .zihzidesc{margin-top: 13px;}
.gszzmain .zizhilist ul li .zihzidesc span{font-size: 15px;}
/************************************关于杉叶-公司资质页 End*********************************************/


/************************************关于杉叶-人才队伍页 Start*******************************************/
.rcdwmain .right-content{margin-bottom: 40px;}
.rcdwmain .contentlist .talentteams{}
.rcdwmain .talentteams ul{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center;}
.rcdwmain .talentteams ul li{padding: 25px 0;width: 48%;margin-bottom: 37px;background-color: #f8f8f8;display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
.rcdwmain .talentteams ul li .teamimg{display: inline;}
.rcdwmain .talentteams ul li .teamimg img{width: 100%;}
.rcdwmain .talentteams ul li .teamdesc{margin-top: 13px;}
.rcdwmain .talentteams ul li .teamdesc span{font-size: 16px;}

/************************************关于杉叶-人才队伍页 End*********************************************/


/************************************关于杉叶-组织机构页 Start*******************************************/
.zzjgmain .right-content{margin-bottom: 40px;}
.zzjgmain .contentlist{margin: 0 auto;text-align: center;}
.zzjgmain .contentlist img{width: 100%;}
/************************************关于杉叶-组织机构页 End*********************************************/


/************************************业务范围页 Start***************************************************/
.ywfwmain{margin-bottom: 40px;}
.ywfwmain .servicecontent{display: flex;}
.ywfwmain .servicecontent .serviceimg{}
.ywfwmain .servicecontent .serviceimg img{}
.ywfwmain .servicecontent .servicedesc{padding-left: 35px;}
.ywfwmain .servicecontent .servicedesc h1{color: #0357c9;margin-top: 35px;font-size: 23px;}
.ywfwmain .servicecontent .servicedesc p{font-size: 15px; color: #6c6c6c; margin-top: 42px; line-height: 27px;}
/************************************业务范围页 End*****************************************************/


/************************************作业资质页 Start***************************************************/
.zyzzmain{}
.zyzzmain .hdcont-list{padding: 9.5px 15px;display: flex; justify-content: space-between; align-items: center;background-color: #f8f8f8;border-radius: 8px;}
.zyzzmain .hdcont-list .hdcont-name{display: flex; justify-content: space-between; align-items: center;}
.zyzzmain .hdcont-list .hdcont-name .cn-name{margin-right: 10px;}
.zyzzmain .hdcont-list .hdcont-name .en-name{padding-left: 10px;border-left: 1px solid #797979;}
.zyzzmain .hdcont-list .hdcont-name .titlename span{font-size: 15px;color: #797979;}

.zyzzmain .hdcont-list .hdcont-nav{display: flex; justify-content: space-between; align-items: center;}
.zyzzmain .hdcont-list .hdcont-nav .current-addr{font-size: 14px;color: #797979;}
.zyzzmain .hdcont-list .hdcont-nav .current-addr ul{display: flex; justify-content: center; align-items: center;}
.zyzzmain .hdcont-list .hdcont-nav .current-addr ul a:hover{color: #0357c9;}
.zyzzmain .hdcont-list .hdcont-nav .current-addr ul a{font-size: 14px;color: #797979;}
.zyzzmain .hdcont-list .hdcont-nav .current-addr ul a .fa-home{font-size: 16px;color: #797979;}
.zyzzmain .hdcont-list .hdcont-nav .current-addr ul a:last-child{color: #0357c9;}


.zyzzmain .zyzzlist{margin: 42px 0 50px 0;}
.zyzzmain .zyzzitem ul{display: flex; flex-wrap: wrap;width: 100%;}
.zyzzmain .zyzzitem ul li{width: 22%;margin-right: 4%;margin-bottom: 2%;display: flex; flex-wrap: wrap; flex-direction: row; align-items: center;}
.zyzzmain .zyzzitem ul li:nth-child(4n){margin-right: 0%;}
.zyzzmain .zyzzitem ul li .zizhiimg{background-color: #f8f8f8;padding: 6% 5%;border: 1px solid #eaeaea;height: 335px;width: 100%;display: flex; justify-content: center; align-items: center;}
.zyzzmain .zyzzitem ul li .zizhiimg img{width: 100%;height: auto;object-fit: cover;}
.zyzzmain .zyzzitem ul li .zihzidesc{margin-top: 13px;text-align:center;height: 40px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;}
.zyzzmain .zyzzitem ul li .zihzidesc span{font-size: 15px;}
/************************************作业资质页 End*****************************************************/


/************************************作业设备页 Start***************************************************/
.zysbmain .right-content{margin-bottom: 40px;}
.zysbmain .contentlist{}
.zysbmain .contentlist .zysblist{;}
.zysbmain .zysblist ul{display: flex; flex-wrap: wrap; flex-direction: row;align-items: center;}
.zysbmain .zysblist ul li{width: 30.666666666666%;margin-right: 4%;padding: 12px 0;margin-bottom: 40px;border: 1px solid #eaeaea;display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
.zysbmain .zysblist ul li{transition: all .35s; -o-transition: all .35s; -ms-transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; }
.zysbmain .zysblist ul li:nth-child(3n){margin-right: 0;}
.zysbmain .zysblist ul li:hover{border: 1px solid #0357c9;}
.zysbmain .zysblist ul li .equipmentimg{display: inline;width: 100%;text-align: center;}
.zysbmain .zysblist ul li .equipmentimg img{width: 246px;height: 182px;}
.zysbmain .zysblist ul li .equipmentdesc{margin-top: 8px;text-align: center;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.zysbmain .zysblist ul li .equipmentdesc span{font-size: 15px;}
/************************************作业设备页 End*****************************************************/


/************************************典型项目页 Start****************************************************/
.jdxmmain{}
.jdxmmain .right-content{margin-bottom: 42px;}
.jdxmmain .contentlist{}
.jdxmmain .projectlist{margin-bottom: 30px;padding-left: 20px;}
.jdxmmain .projectlist ul{}
.jdxmmain .projectlist ul li{border-bottom: 1px solid #eaeaea;}
.jdxmmain .projectlist ul li:hover a{color: #0357c9;}
.jdxmmain .projectlist ul li:hover a span{background-color: #0357c9;}
.jdxmmain .projectlist ul li a{padding: 25px 0;display: flex; justify-content: flex-start; align-items: center; align-content: center;}
.jdxmmain .projectlist ul li a span{width: 6px;height: 6px;background-color: black;margin-right: 10px;display: block;}
.jdxmmain .projectlist ul li a p{font-size: 16px;font-weight: bold;}
/************************************典型项目页 End******************************************************/


/************************************企业荣誉页 Start*****************************************************/
.gshonormain{margin-bottom: 50px;}
.gshonormain .hdcont-list{padding: 9.5px 15px;display: flex; justify-content: space-between; align-items: center;background-color: #f8f8f8;border-radius: 8px;}
.gshonormain .hdcont-list .hdcont-name{display: flex; justify-content: space-between; align-items: center;}
.gshonormain .hdcont-list .hdcont-name .cn-name{margin-right: 10px;}
.gshonormain .hdcont-list .hdcont-name .en-name{padding-left: 10px;border-left: 1px solid #797979;}
.gshonormain .hdcont-list .hdcont-name .titlename span{font-size: 15px;color: #797979;}

.gshonormain .hdcont-list .hdcont-nav{display: flex; justify-content: space-between; align-items: center;}
.gshonormain .hdcont-list .hdcont-nav .current-addr{font-size: 14px;color: #797979;}
.gshonormain .hdcont-list .hdcont-nav ul{display: flex; justify-content: center; align-items: center;}
.gshonormain .hdcont-list .hdcont-nav ul a:hover{color: #0357c9;}
.gshonormain .hdcont-list .hdcont-nav ul a{font-size: 14px;color: #797979;}
.gshonormain .hdcont-list .hdcont-nav ul a .fa-home{font-size: 16px;color: #797979;}
.gshonormain .hdcont-list .hdcont-nav ul a:last-child{color: #0357c9;}


.gshonormain .gshonoritem{margin: 42px 0 20px 0;}
.gshonormain .gshonoritem ul{display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start;}
.gshonormain .gshonoritem ul li{width: 22%;margin:0 4% 2% 0;display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
.gshonormain .gshonoritem ul li:nth-child(4n){margin-right: 0;}
.gshonormain .gshonoritem ul li .gshonoriimg{background-color: #f9f9f9;padding: 5% 7%;}
.gshonormain .gshonoritem ul li .gshonoriimg img{width: 100%;}
.gshonormain .gshonoritem ul li .gshonordesc{margin-top: 13px;height: 35px;padding: 0 5%;}
.gshonormain .gshonoritem ul li .gshonordesc span{font-size: 15px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;}
/************************************企业荣誉页 End*******************************************************/


/************************************新闻发布页 Start*****************************************************/
.newsmain{}
.newsmain .newslist{}
.newsmain .newslist ul{}
.newsmain .newslist ul li{padding: 28px 0;border-bottom: 1px solid #eaeaea;}
.newsmain .newslist ul li:first-child{padding:  0 0 30px 0;}
.newsmain .newslist ul li a{display: flex; justify-content: flex-start; align-items: center;}
.newsmain .newslist ul li:hover .newsdesc h1{color: #0357c9;}
.newsmain .newslist ul li.on .newsdesc h1{color: #0357c9;}
.newsmain .newslist ul li .newstimes{width: 8%;margin-right: 20px;text-align: center;display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; flex-direction: column;}
.newsmain .newslist ul li .newstimes span{font-size: 27px;background-color: #dadada;display: block;width: 100%;padding: 2px 0;}
.newsmain .newslist ul li .newstimes time{font-size: 14px;background-color: #dadada;padding: 2.7px 6.5px;width: 100%;margin-top: 2px;}

.newsmain .newslist ul li .newsdesc{width: 90%;}
.newsmain .newslist ul li .newsdesc h1{font-size: 16px;font-weight: bold;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsmain .newslist ul li .newsdesc p{font-size: 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsmain .paging .layui-laypage .layui-laypage-skip{display:none}
/************************************新闻发布页 End*******************************************************/


/************************************新闻详情页页 Start*****************************************************/
.newsdmain{}
.newsdmain .contentlist{}
.newsdmain .newstitle{padding-bottom: 30px; border-bottom: 1px solid #dbdbdb;}
.newsdmain .newstitle .ntitle{}
.newsdmain .newstitle .ntitle h1{font-weight: 400;font-size: 25px;text-align: center;}
.newsdmain .newstitle .infodesclist{margin-top: 18px; display: flex; justify-content: center; align-items: center;}
.newsdmain .newstitle .source{color: #797979;}
.newsdmain .newstitle .dtime{color: #797979;}
.newsdmain .newstitle .dtime time{color: #797979;}
.newsdmain .newstitle .number{color: #797979;}
.newsdmain .newstitle .infodesc{margin: 0 20px;font-size: 14px;}
.newsdmain .newstitle .infodesc span{color: #797979;font-size: 14px;}

.newsdmain .newsinfo{margin-top: 30px;text-align: center;}
.newsdmain .newsinfo p{color: #797979;margin-bottom: 20px;line-height: 27px;text-align: left;font-size: 15px;}
.newsdmain .newsinfo img{margin-bottom: 20px;}

.newsdmain .newsfenye{margin-top: 40px;padding-top: 30px;border-top: 1px solid #dbdbdb; display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap; flex-direction: column;}
.newsdmain .newsfenye .left-fynav{}
.newsdmain .newsfenye .right-fynav{}
.newsdmain .newsfenye .fynav{display:flex; align-items:center;width: 100%;line-height:1.8rem}
.newsdmain .newsfenye .fynav span{font-size: 16px;font-weight: bold;}
.newsdmain .newsfenye .fynav a{font-size: 16px;font-weight: bold;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.newsdmain .newsfenye .fynav:hover span{color: #0357c9;}
.newsdmain .newsfenye .fynav:hover a{color: #0357c9;}
/************************************新闻详情页页 End*******************************************************/


/************************************人才招聘页 Start****************************************************/
.rczpmain{}
.rczpmain .contentlist{}
.rczpmain .right-content{margin-bottom:50px}

.rczpmain .talentpolicy{}
.rczpmain .talentpolicy .policytitle{}
.rczpmain .talentpolicy .policytitle h1{font-size: 25px;color: #0357c9;}

.rczpmain .talentpolicy .policyinfo{margin-top: 32px;}
.rczpmain .talentpolicy .policyinfo p{font-size: 14.5px; color: #666666; line-height: 28px;margin-bottom: 10px;}

.rczpmain .talentpolicy .contactinfo{margin-top: 36px;}
.rczpmain .talentpolicy .contactinfo span{font-size: 14.5px;color: #0357c9;}

.rczpmain .recruitlist{margin: 45px 0 50px 0;}
.rczpmain .recruitlist .recruiinfoli{background-color: #f9f9f9;margin-bottom: 20px;padding: 0 15px;}
.rczpmain .recruiinfoli .posttitle{padding: 32px 35px;}
.rczpmain .recruiinfoli .posttitle .titleinfo{margin-bottom: 13px;display: flex; align-content: center; justify-content: space-between; align-items: center;}
.rczpmain .recruiinfoli .posttitle .titleinfo h1{font-size: 25px;color: #000;font-weight: 500;}
.rczpmain .recruiinfoli .posttitle .titleinfo .switchicon{}
.rczpmain .recruiinfoli .posttitle .titleinfo .switchicon .switchbtn{width: 35px;height: 35px;transition: all ease 0.5s;cursor: pointer;}
.rczpmain .recruiinfoli .posttitle .titleinfo .switchicon svg.on{transition: all ease 0.5s;transform: rotate(180deg);}
.rczpmain .recruiinfoli .posttitle .jobrequirements{display: flex; align-items: center; justify-content: flex-start;}
.rczpmain .recruiinfoli .posttitle .jobrequirements .jobinfos{font-size: 14px;color: #7c7c7c;margin-right: 40px;}
.rczpmain .recruiinfoli .posttitle .jobrequirements .jobinfos span{font-size: 14px;color: #7c7c7c;}

.rczpmain .recruiinfoli .workinfolist{padding: 40px;display: none;border-top: 1px solid #dadada;}
.rczpmain .recruiinfoli .workinfolist.show{display: block;}
.rczpmain .recruiinfoli .workinfolist .workcontent{}
.rczpmain .recruiinfoli .workinfolist .workcontent h1{font-size: 18px;font-weight: bold;}
.rczpmain .recruiinfoli .workinfolist .workcontent ul{margin-top: 20px;font-size: 14px;color: #7c7c7c;margin-bottom: 7px;}
.rczpmain .recruiinfoli .workinfolist .workcontent ul p{font-size: 14px;color: #7c7c7c;margin-bottom: 7px;}
.rczpmain .recruiinfoli .workinfolist .recruitdemand{margin-top: 35px;}
.rczpmain .recruiinfoli .workinfolist .recruitdemand h1{font-size: 17px;font-weight: bold;}
.rczpmain .recruiinfoli .workinfolist .recruitdemand ul{margin-top: 20px;font-size: 14px;color: #7c7c7c;margin-bottom: 7px;}
.rczpmain .recruiinfoli .workinfolist .recruitdemand ul p{font-size: 14px;color: #7c7c7c;margin-bottom: 7px;}
/************************************人才招聘页 End******************************************************/


/************************************联系我们页 Start*****************************************************/
.contactmain{}
.contactmain .contentlist{}
.contactmain .contactinfo{}
.contactmain .contactinfo .gsname{}
.contactmain .contactinfo .gsname h1{font-size: 26px; color: #0357c9; margin-bottom: 25px;}

.contactmain .contactinfo .gsinfo{}
.contactmain .contactinfo .gsinfo p{color: #585858; margin-bottom: 12px;}

.contactmain .contactinfo .gsmap{margin-top: 45px;}
.contactmain .contactinfo .gsmap #allmap{width: 100%;height: 400px;}
.contactmain .contactinfo .gsmap #allmap .qyname{color: #CC5522;font-size: 16px;font-weight: bold;}
.contactmain .contactinfo .gsmap #allmap .qyaddr{color: black;font-size: 13px;margin-top: 11px;}
.contactmain .contactinfo .gsmap #allmap .qyphone{color: black;font-size: 13px;margin-top: 11px;}
/************************************联系我们页 End*******************************************************/

@media screen and (max-width:1775px){
	.header .right-box nav{margin-right: 0;}
	.header .right-box .right-content{}
}
@media screen and (max-width:1630px){
	.header .containers{justify-content: center;}
	.header .left-logo a .gsname{display: none;}
}
@media screen and (max-width:1413px){
    .header .left-logo a .logo{margin-left:0;}
    .header .right-box nav ul li:first-child a{padding: 0 15px;}
	.header .right-box nav ul li a{padding: 0 15px;}
}

@media screen and (max-width:1286px){
    .header .right-box nav ul li:first-child a{padding: 0 10px;}
	.header .right-box nav ul li a{padding: 0 10px;}
}

@media screen and (max-width:1200px){

/* 公共样式 */
.publicdv{margin: 40px auto;}
.container{width: 93%;margin: 0 auto;}

/************************************首页 Start*******************************************************/
/* 导航 */
.header{display: none;}
.m-header-nav{display: block;}

/* 轮播图 */
.indexbannerlist{margin-top: 60px;}
.indexbannerlist .indexbanner .banner_list .banner_list_img img{ width:100%; height:100%;}
.indexbannerlist .indexbanner .banner_list .banner_list_txt{max-width:100%;height:calc(100% - 20px);}
.indexbannerlist .indexbanner .banner_list .banner_list_txt dd{font-size: 2rem;}
.indexbannerlist .indexbanner .banner_list .banner_list_txt dt{ font-size: 1.2rem;line-height: 2.5rem; margin-bottom: 5rem;}
.indexbannerlist .indexbanner .banner_list .banner_list_txt a{ font-size:14px;width:203px; height:54px; }
.indexbannerlist .indexbanner .banner_list .banner_list_txt a img{ margin-left:12px;}

.indexbannerlist .swiper-button-next{background-size: 40px;right:90px; top: 50%; margin-top: -35px; width: 40px; height: 40px;} 
.indexbannerlist .swiper-button-prev{background-size: 40px;:90px; top: 50%; margin-top: -35px; width: 40px; height: 40px;}
.indexbannerlist .indexbanner .swiper-pagination{bottom: 15px!important;}
.indexbannerlist .indexbanner .swiper-pagination .swiper-pagination-bullet{width: 80px!important;height: 3px!important;margin: 0 9px!important;border-radius: 50px!important;}
.indexbannerlist .indexbanner .swiper-pagination .swiper-pagination-bullet-active{width: 80px!important;height: 3px!important;}


/* 关于我们 */
.aboutus{padding: 2rem 0;}
.aboutus .container{display: flex; align-items: center; flex-direction: row; align-content: center;}
.aboutus .about-img{width: 42%;}
.aboutus .about-img img{width: 100%;}

.aboutus .about-list{padding-left: 5%;width:58%;margin-top: 1.5rem;}
.aboutus .about-list .about-info{margin-top: 0;padding:1rem;}
.aboutus .about-list .about-info .info-title{text-align: center;}
.aboutus .about-list .about-info .info-title h1{font-size: 1.3rem; margin-bottom: .2rem;}
.aboutus .about-list .about-info .info-title span{font-size: .95rem;}

.aboutus .about-list .about-info .info-text{padding: 1rem 0 .5rem 0;}
.aboutus .about-list .about-info .info-text p{font-size:.95rem;line-height: 1.5rem;}

.aboutus .about-list .about-info .morebtn{text-align: center;margin: 0 auto;justify-content: center;margin-top: .5rem;}
.aboutus .about-list .about-info .morebtn a{padding: .5rem .8rem;border-radius: 50px;}
.aboutus .about-list .about-info .morebtn a span{font-size: 1rem;margin:0 1rem 0 .2rem;}
.aboutus .about-list .about-info .morebtn a .moreicon{width: 1.5rem;}
.aboutus .about-list .about-info .lowerright{position: absolute;bottom: 0;right: 0;}

.aboutus .about-list .digitalgrades{margin-top: 1.3rem;}
.aboutus .about-list .digitalgrades ul{}
.aboutus .about-list .digitalgrades ul li{width: 32%;padding: .7rem .2rem;height: auto;border: 1px solid #dfdfdf;display: flex;flex-direction: column;flex-direction: column;flex-wrap: wrap;align-items: flex-start;justify-content: center;align-content: center;}
.aboutus .about-list .digitalgrades ul li h1{font-size: 1.8rem;letter-spacing: 0;}
.aboutus .about-list .digitalgrades ul li h1 span{font-size: .9rem;margin-left: 2px;}
.aboutus .about-list .digitalgrades ul li p{font-size: .9rem;}

/* 新闻发布 */
.newsrelease{background-color: #f8f8f8;padding: 2rem 0;}
.newsrelease .news-title{text-align: center;}
.newsrelease .news-title h1{font-size: 1.5rem;}
.newsrelease .news-title .en-desc{margin-top: .9rem;font-size: .9rem;}
.newsrelease .news-title .cn-desc{margin-top: .3rem;font-size: .9rem;}

.newsrelease .newstab{margin-top: 1.8rem;}
.newsrelease .newstab .tabbox{display: flex;justify-content: space-between;align-items: flex-start;}
.newsrelease .newstab .tabbox .newslist{width: 41%;}
.newsrelease .newstab .tabbox .newslist .list-item{}
.newsrelease .newstab .tabbox .newslist .list-item .newsimg{}
.newsrelease .newstab .tabbox .newslist .list-item .newsimg img{width: 100%;}

.newsrelease .newstab .tabbox .newslist .list-item .newstitle{margin-top: 1rem;}
.newsrelease .newstab .tabbox .newslist .list-item .newstitle h1{font-weight: 500;font-size: 1.2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.newsrelease .newstab .tabbox .newslist .list-item .newsdesc{margin-top: 1rem;}
.newsrelease .newstab .tabbox .newslist .list-item .newsdesc p{color: #686868;font-size: 1rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;}

.newsrelease .newstab .tabbox .newslist .list-item .newstime{margin-top: 1rem;text-align: center;}
.newsrelease .newstab .tabbox .newslist .list-item .newstime time{font-size: 1.2rem;color: #686868;}

.newsrelease .newstab .menus{margin-left: 0;margin-top: 0;width: 56%;}
.newsrelease .newstab .menus li{display: flex;}
.newsrelease .newstab .menus li a{display: flex;justify-content: space-between;align-items: center;padding: 1rem 0;width: 100%;}
.newsrelease .newstab .menus li.on .newstimes{border-right: 2px solid #3c7cd2;}
.newsrelease .newstab .menus li .newstimes{border-right:2px solid #f1f1f1;text-align: center;padding: 0;width: 20%;}
.newsrelease .newstab .menus li .newstimes h1{font-weight: bold;font-size: 1.7rem;color: #999999;}
.newsrelease .newstab .menus li .newstimes time{font-size: .92rem;color: #999999;}

.newsrelease .newstab .menus li .newstitle{padding: 0 .6rem;width: 80%;}
.newsrelease .newstab .menus li .newstitle h1{font-weight: 500;font-size: 1.2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsrelease .newstab .menus li .newstitle p{font-size: 15px;margin-top: .6rem;display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis;}

.newsrelease .morebtn{text-align: center;justify-content: center;margin-top: 1.5rem;}
.newsrelease .morebtn a{padding: .5rem .8rem;border-radius: 50px;}
.newsrelease .morebtn a span{font-size: 1rem;margin:0 1rem 0 .2rem;}
.newsrelease .morebtn a .moreicon{width: 1.5rem;}

/* 资质荣誉 */
.zizhihonor{padding: 2rem 0;}
.zizhihonor .zizhihonorlist{display: flex; width: 100%; justify-content: space-between; align-items: center; align-content: center;}
.zizhihonor .taskzizhi{width: 48%;}
.zizhihonor .taskzizhi .zizhititle .htitle{width: 100%;}
.zizhihonor .taskzizhi .zizhititle .htitle h1{font-size: 1.3rem;}
.zizhihonor .taskzizhi .zizhititle .hmore a span{font-size: .98rem;}
.zizhihonor .taskzizhi .zizhititle .hmore a .moreicon{width: .98rem;}

.zizhihonor .taskzizhi .taskbanner{margin-top: 1.5rem; border: none; height: auto; padding: 0;}
.zizhihonor .taskzizhi .taskbanner .swiper-button-next{display: none;}
.zizhihonor .taskzizhi .taskbanner .swiper-button-prev{display: none;}
.zizhihonor .taskzizhi .taskbanner .zizhibanner .swiper-slide{}
.zizhihonor .taskzizhi .taskbanner .zizhibanner .swiper-slide .task-img{padding: .5rem .7rem;height: auto;}
.zizhihonor .taskzizhi .taskbanner .zizhibanner .swiper-slide .task-img img{width: 100%;}
.zizhihonor .taskzizhi .taskbanner .zizhibanner .swiper-slide .task-desc{margin-top: 15px;}
.zizhihonor .taskzizhi .taskbanner .zizhibanner .swiper-slide .task-desc span{line-height: 1.3rem;font-size: .95rem;}

.zizhihonor .qiyehonor{width: 48%;margin-top: 0;}
.zizhihonor .qiyehonor .zizhititle{display: flex; justify-content: center; align-items: center;position: relative;}
.zizhihonor .qiyehonor .zizhititle .htitle{width: 100%;position: relative;}
.zizhihonor .qiyehonor .zizhititle .htitle h1{font-size: 1.3rem;}
.zizhihonor .qiyehonor .zizhititle .hmore a span{font-size: .98rem;}
.zizhihonor .qiyehonor .zizhititle .hmore a .moreicon{width: .98rem;}

.zizhihonor .qiyehonor .qiyebanners{margin-top: 1.5rem; border: none; height: auto; padding: 0;}
.zizhihonor .qiyehonor .qiyebanners .swiper-button-next{display: none;}
.zizhihonor .qiyehonor .qiyebanners .swiper-button-prev{display: none;}
.zizhihonor .qiyehonor .qiyebanners .honorbanner .swiper-slide .honor-img{padding: .5rem .7rem;height: auto;}
.zizhihonor .qiyehonor .qiyebanners .honorbanner .swiper-slide .honor-img img{width: 100%;}
.zizhihonor .qiyehonor .qiyebanners .honorbanner .swiper-slide .honor-desc{margin-top: .6rem;}
.zizhihonor .qiyehonor .qiyebanners .honorbanner .swiper-slide .honor-desc span{line-height: 1.3rem;font-size: .95rem;}


/* 底部导航 */
.footer{background: url(../images/footer/footerbj.jpg) no-repeat center;background-color: #212e3f;width: 100%;background-size: 100%;padding-top: 2rem;height: auto;}
.footer .nav-list{}
.footer .nav-list .navcontent{}
.footer .nav-list .navcontent ul{display: flex;justify-content: space-evenly;flex-wrap: wrap;align-items: flex-start;}
.footer .nav-list .navcontent ul li{border-left: none;padding-left: 0;width: 33%;margin-bottom: 1.5rem;}
.footer .nav-list .navcontent ul li:first-child{border: none;padding-left: 0;}
.footer .nav-list .navcontent ul li .parentnav{text-align: center;}
.footer .nav-list .navcontent ul li .parentnav a{
}
.footer .nav-list .navcontent ul li .parentnav a span{color: #8b8b8b;font-size: .9rem;}
.footer .nav-list .navcontent ul li .parentnav a h1{color: white;font-weight: 500;font-size: 1rem;margin-top: .2rem;text-align: center;}

.footer .nav-list .navcontent ul li .childnav{margin-top: .8rem;display: flex;justify-content: center;align-items: center;align-content: center;flex-wrap: wrap;flex-direction: column;}
.footer .nav-list .navcontent ul li .childnav li{margin-bottom: .3rem;border: none;padding: 0;width: 100%;text-align: center;}
.footer .nav-list .navcontent ul li .childnav li a{color: #8b8b8b;font-size: .9rem;display: block;}

.footer .contact-info{margin-top: 0rem;display: flex;align-items: center;}
.footer .contact-info .contlist{display: flex;justify-content: flex-start;align-items: center;width: 100%;align-content: center;margin-bottom: 1rem;}
.footer .contact-info .contlist .info-icon{margin-right: 1rem;display: flex;justify-content: space-around;}
.footer .contact-info .contlist .info-icon img{width: 86%;}
.footer .contact-info .contlist .info-desc{}
.footer .contact-info .contlist .info-desc span{color: white;font-size: .95rem;font-weight: 500;}

.footer .links{margin-top:1.5rem;display:flex;align-items:center;justify-content: center;flex-wrap: wrap;}
.footer .links span{font-size:1.2rem;;margin-right:0}
.footer .links ul{display:flex;justify-content:flex-start;align-items:center;flex-wrap: wrap;}
.footer .links ul li{margin-right: 0;width: 50%;text-align: center;margin-bottom: .5rem;}
.footer .links ul li a{font-size:.98rem;}


.footer .copyright{margin-top: .5rem;display: flex;justify-content: center;align-items: center;border-top: 1px solid #565656;padding: .5rem 0 .6rem 0;flex-wrap: wrap;}
.footer .copyright .iteminfo{}
.footer .copyright .iteminfo span{color: #8b8b8b; font-size: .95rem;}
.footer .copyright .iteminfo a{color: #8b8b8b; font-size: .95rem;}

.footer .copyright .leftitem a{margin-left: 15px;}

.footer .copyright .rightitem{}
/******************************************首页 End***************************************************/


/* 关于我们相关页公共样式 */
.pubheader{width: 100%;margin-top: 60px;height: 15rem;}
.pubheader img{width: 100%;height: 100%;}

.pubmain{margin-top: 2rem;}
.pubmain .itemlist{width: 100%; justify-content: center; align-items: flex-start; flex-wrap: wrap; flex-direction: row; align-content: center;}
.pubmain .left-nav{width: 100%;}
.pubmain .left-nav .nav-title{padding: 1rem 0;display: flex;flex-wrap: wrap;flex-direction: column;align-content: center;justify-content: center;align-items: center;}
.pubmain .left-nav .nav-title h1{font-weight: 500;font-size: 1.5rem;margin-bottom: .3rem;}
.pubmain .left-nav .nav-title span{font-size: .92rem;}

.pubmain .left-nav .abtnav-list{}
.pubmain .left-nav .abtnav-list ul{display: flex;flex-wrap: wrap;background-color: #ffffff00;justify-content:flex-start;}
.pubmain .left-nav .abtnav-list ul li:last-child{border-bottom: 1.5px solid #e7e7e7;}
.pubmain .left-nav .abtnav-list ul li{border-bottom: 1.5px solid #e7e7e7;width: 33.3%;}
.pubmain .left-nav .abtnav-list ul li a{width: 100%;padding: 1rem 0;display: flex;justify-content: space-around;align-items: center;align-content: center;flex-wrap: nowrap;flex-direction: row;}
.pubmain .left-nav .abtnav-list ul li.on{border-bottom: 1.5px solid #0357c9;}
.pubmain .left-nav .abtnav-list ul li.on .navimgicon{display: flex; }

.pubmain .left-nav .abtnav-list ul li .navtext{width: 100%;text-align: center;}
.pubmain .left-nav .abtnav-list ul li .navtext span{font-size: 0.93rem;font-weight: 500;}
.pubmain .left-nav .abtnav-list ul li .naviconinfo{;display: none;}
.pubmain .left-nav .abtnav-list ul li .navimgicon{display: none;}


.pubmain .left-nav .contact-info{margin-top: 22px;display: none;}
.pubmain .left-nav .contact-info .info-list{background: url(../images/about/aboutcontactbj.jpg) no-repeat center;background-size: 100%;}
.pubmain .left-nav .contact-info .info-list a{padding: 44px 0;display: flex; flex-wrap: wrap; align-content: flex-end; justify-content: center; align-items: flex-end; flex-direction: column;}
.pubmain .left-nav .contact-info .info-list a .cont-txt{display: flex; justify-content: center; align-items: center; margin-bottom: 10px; margin-right: 20px;}
.pubmain .left-nav .contact-info .info-list a .cont-txt .phoneicon{width: 19px;height: 19px;fill: white;margin-right: 9px;}
.pubmain .left-nav .contact-info .info-list a .cont-txt span{color: white;font-size: 19px;}
.pubmain .left-nav .contact-info .info-list a .cont-phone{display: flex; justify-content: center; align-items: center; margin-right: 20px;}
.pubmain .left-nav .contact-info .info-list a .cont-phone span{color: white;font-size: 18px;}

.pubmain .right-content{width: 100%;margin-bottom: 2rem;}
.pubmain .right-content .hdcont-list{padding: 5px 20px;display: flex;justify-content: space-between;align-items: center;background-color: #f8f8f8;border-radius: 8px;flex-wrap: wrap;display: none;}
.pubmain .right-content .hdcont-list .hdcont-name{display: flex; justify-content: space-between; align-items: center;}
.pubmain .right-content .hdcont-list .hdcont-name .cn-name{margin-right: 10px;}
.pubmain .right-content .hdcont-list .hdcont-name .en-name{padding-left: 10px;border-left: 1px solid #797979;}
.pubmain .right-content .hdcont-list .hdcont-name .titlename span{font-size: 15px;}

.pubmain .right-content .hdcont-list .hdcont-nav{display: flex; justify-content: space-between; align-items: center;}
.pubmain .right-content .hdcont-list .hdcont-nav .current-addr{font-size: 14px;}
.pubmain .right-content .hdcont-list .hdcont-nav ul{display: flex; justify-content: center; align-items: center;}
.pubmain .right-content .hdcont-list .hdcont-nav ul li{display: flex; justify-content: center; align-items: center;margin-right: 8px;}
.pubmain .right-content .hdcont-list .hdcont-nav ul li:last-child{margin: 0;}
.pubmain .right-content .hdcont-list .hdcont-nav ul li a{font-size: 14px;margin-right: 3px;}
.pubmain .right-content .hdcont-list .hdcont-nav ul li a:hover{color: #0357c9;}
.pubmain .right-content .hdcont-list .hdcont-nav ul li span{font-size: 15px;}
.pubmain .right-content .hdcont-list .hdcont-nav ul li:last-child span{display: none;}
.pubmain .right-content .contentlist{margin-top: 3rem;}



/************************************关于杉叶-公司简介页 Start*******************************************/
.aboutmain .right-content{margin-bottom: 2rem;}
.aboutmain .right-content .contentlist{margin-top: 2rem;}
.aboutmain .right-content .contentlist .aboutimg{float: none;margin: 0 1rem 5px 0;display: none;}
.aboutmain .right-content .contentlist .continfo{}
.aboutmain .right-content .contentlist .continfo p{font-size: 14.5px;color:#797979;line-height: 35px;}
.aboutmain .right-content .contentlist .continfo p:last-child{margin-top: 40px;font-size: 17px;font-weight: 500;}

/************************************关于杉叶-公司简介页 End*********************************************/


/************************************关于杉叶-发展历程页 Start*******************************************/
.aboutmain .right-content .contentlist .continfo{display: flex; justify-content: flex-start; align-items: flex-start;position: relative;}
.aboutmain .right-content .contentlist .continfo .timeaxis{width: 2px;margin-left: 2rem;}
.aboutmain .right-content .contentlist .continfo .historycont{}
.aboutmain .right-content .contentlist .continfo .historycont .historylist::before{left: 32px;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist:first-child{margin-top: 0;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist{margin-left: 2rem;margin-top: 2.2rem;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historytime{display: flex; align-items: center;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historytime .historyposn{z-index: 999999;width: 1rem; height: 1rem; left: 25px;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historytime .datayear{font-size: 1.6rem; ;}

.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory{margin-top: 1rem;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul{}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul li{line-height: 1.5rem;margin-bottom: .7rem;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul li.nulltxt{line-height: 1rem;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul li time{font-size: 1rem;margin-right: .3rem;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul li span{font-size: 1rem;color: black;}
/************************************关于杉叶-发展历程页 End*********************************************/


/************************************关于杉叶-公司资质页 Start*******************************************/
.gszzmain .right-content{margin-bottom: 2rem;width: 100%;}
.gszzmain .contentlist{}
.gszzmain .contentlist .zizhilist{}
.gszzmain .zizhilist ul{display: flex; flex-wrap: wrap;}
.gszzmain .zizhilist ul li{width: 30%;padding: 2.3% 3.5%;margin-right: 5%;margin-bottom: 5%;display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
.gszzmain .zizhilist ul li:nth-child(3n){margin-right: 0;}
.gszzmain .zizhilist ul li .zizhiimg{display: inline;width: 100%;}
.gszzmain .zizhilist ul li .zizhiimg img{width: 100%;}
.gszzmain .zizhilist ul li .zihzidesc{margin-top: .8rem;}
.gszzmain .zizhilist ul li .zihzidesc span{font-size: .93rem;}
/************************************关于杉叶-公司资质页 End*********************************************/


/************************************关于杉叶-人才队伍页 Start*******************************************/
.rcdwmain .right-content{margin-bottom: 2rem;}
.rcdwmain .contentlist .talentteams{}
.rcdwmain .talentteams ul{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center;}
.rcdwmain .talentteams ul li{padding:2%;width: 32%;margin-bottom: 1.9rem;display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
.rcdwmain .talentteams ul li .teamimg{display: inline;}
.rcdwmain .talentteams ul li .teamimg img{width: 100%;}
.rcdwmain .talentteams ul li .teamdesc{margin-top: .5rem}
.rcdwmain .talentteams ul li .teamdesc span{font-size: .95rem;}

/************************************关于杉叶-人才队伍页 End*********************************************/


/************************************关于杉叶-组织机构页 Start*******************************************/
.zzjgmain .right-content{margin-bottom: 2rem;}
.zzjgmain .contentlist{margin: 0 auto;text-align: center;}
/************************************关于杉叶-组织机构页 End*********************************************/


/************************************业务范围页 Start***************************************************/
.ywfwmain{margin-bottom: 0rem;}
.ywfwmain .servicecontent{display: flex;justify-content: space-between; align-items: center;}
.ywfwmain .servicecontent .serviceimg{width: 40%;}
.ywfwmain .servicecontent .serviceimg img{width: 100%;}
.ywfwmain .servicecontent .servicedesc{padding-left: 0;width: 58%;}
.ywfwmain .servicecontent .servicedesc h1{margin-top: 1.5rem;font-size: 1.6rem;text-align: center;}
.ywfwmain .servicecontent .servicedesc p{font-size: 1rem;margin-top: 1rem; line-height: 1.7rem;}
/************************************业务范围页 End*****************************************************/


/************************************作业资质页 Start***************************************************/
.zyzzmain{}
.zyzzmain .hdcont-list{padding: .5rem .9rem;}
.zyzzmain .hdcont-list .hdcont-name .cn-name{margin-right: .9rem;}
.zyzzmain .hdcont-list .hdcont-name .en-name{padding-left: .9rem;}
.zyzzmain .hdcont-list .hdcont-name .titlename span{font-size: 1rem;}

.zyzzmain .hdcont-list .hdcont-nav{display: none; justify-content: space-between; align-items: center;}
.zyzzmain .hdcont-list .hdcont-nav .current-addr{font-size: 1rem;}
.zyzzmain .hdcont-list .hdcont-nav ul{display: flex; justify-content: center; align-items: center;}
.zyzzmain .hdcont-list .hdcont-nav ul li{display: flex; justify-content: center; align-items: center;margin-right: 8px;}
.zyzzmain .hdcont-list .hdcont-nav ul li:last-child{margin: 0;}
.zyzzmain .hdcont-list .hdcont-nav ul li a{font-size: .95rem;margin-right: 3px;}
.zyzzmain .hdcont-list .hdcont-nav ul li a:hover{color: #0357c9;}
.zyzzmain .hdcont-list .hdcont-nav ul li span{font-size: .95rem;}
.zyzzmain .hdcont-list .hdcont-nav ul li:last-child span{display: none;}

.zyzzmain .zyzzlist{margin: 2rem 0 2rem 0;}
.zyzzmain .zyzzitem ul{}
.zyzzmain .zyzzitem ul li{width: 30.666666666666%;margin-bottom: 1.5rem;}
.zyzzmain .zyzzitem ul li:nth-child(3n){margin-right: 0%;}
.zyzzmain .zyzzitem ul li:nth-child(4n){margin-right: 4%;}
.zyzzmain .zyzzitem ul li .zizhiimg{padding: 6% 5%;}
.zyzzmain .zyzzitem ul li .zizhiimg img{width: 100%;}
.zyzzmain .zyzzitem ul li .zihzidesc{margin-top: .6rem;height: auto;}
.zyzzmain .zyzzitem ul li .zihzidesc span{font-size: .97rem;}
/************************************作业资质页 End*****************************************************/


/************************************作业设备页 Start***************************************************/
.zysbmain .right-content{margin-bottom: 2rem;}
.zysbmain .contentlist{}
.zysbmain .contentlist .zysblist{;}
.zysbmain .zysblist ul{display: flex;;}
.zysbmain .zysblist ul li{width: 30.6666666666666%;padding: .7rem;margin-bottom:2%;display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
.zysbmain .zysblist ul li .equipmentimg{display: inline;width: 100%;}
.zysbmain .zysblist ul li .equipmentimg img{width: 100%;height: auto;}
.zysbmain .zysblist ul li .equipmentdesc{margin-top: .6rem;}
.zysbmain .zysblist ul li .equipmentdesc span{font-size: .92rem;}
/************************************作业设备页 End*****************************************************/


/************************************典型项目页 Start****************************************************/
.jdxmmain{}
.jdxmmain .right-content{margin-bottom: 2rem;}
.jdxmmain .contentlist{}
.jdxmmain .projectlist{margin-bottom: 1.5rem;padding-left: 1rem;}
.jdxmmain .projectlist ul{}
.jdxmmain .projectlist ul li{border-bottom: 1px solid #eaeaea;}
.jdxmmain .projectlist ul li a{padding: 1rem 0;}
.jdxmmain .projectlist ul li a span{width: .6rem;height: .6rem;margin-right: .7rem;}
.jdxmmain .projectlist ul li a p{font-size: 1rem;width: 97%;}
/************************************典型项目页 End******************************************************/


/************************************企业荣誉页 Start*****************************************************/
.gshonormain{margin-bottom: 2rem;}
.gshonormain .hdcont-list{padding: .6rem 1rem;display: flex; justify-content: space-between; align-items: center;background-color: #f8f8f8;border-radius: 8px;}
.gshonormain .hdcont-list .hdcont-name{display: flex; justify-content: space-between; align-items: center;}
.gshonormain .hdcont-list .hdcont-name .cn-name{margin-right: .9rem;}
.gshonormain .hdcont-list .hdcont-name .en-name{padding-left: .9rem;border-left: none;}
.gshonormain .hdcont-list .hdcont-name .titlename span{font-size: 1rem;}
.gshonormain .hdcont-list .hdcont-nav{display: none;}

.gshonormain .gshonoritem{margin: 2rem 0 1rem 0;}
.gshonormain .gshonoritem ul{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.gshonormain .gshonoritem ul li{width: 30.666666666666666%;margin-bottom: 1.2rem;display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
.gshonormain .gshonoritem ul li:nth-child(3n){margin-right: 0%;}
.gshonormain .gshonoritem ul li:nth-child(4n){margin-right: 4%;}
.gshonormain .gshonoritem ul li .gshonoriimg{background-color: #f9f9f9;padding: 3% 5%;}
.gshonormain .gshonoritem ul li .gshonoriimg img{width: 100%;}
.gshonormain .gshonoritem ul li .gshonordesc{margin-top: .7rem;height: auto;padding: 0 5%;}
.gshonormain .gshonoritem ul li .gshonordesc span{font-size: .92rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;}

.gshonormain .gshonorlist .paging ul li:nth-child(6){display: none;}
.gshonormain .gshonorlist .paging ul li:nth-child(7){display: none;}
.gshonormain .gshonorlist .paging ul li:nth-child(8){display: none;}
.gshonormain .gshonorlist .paging ul li:nth-child(9){display: none;}
/************************************企业荣誉页 End*******************************************************/


/************************************新闻发布页 Start*****************************************************/
.newsmain{}
.newsmain .newslist{}
.newsmain .newslist ul{}
.newsmain .newslist ul li{padding: 1rem 0;border-bottom: 1px solid #eaeaea;width: 100%;}
.newsmain .newslist ul li:first-child{padding:  0 0 1.5rem 0;}
.newsmain .newslist ul li a{width: 100%;justify-content: space-between;}
.newsmain .newslist ul li .newstimes{margin-right: 0;width:17%;}
.newsmain .newslist ul li .newstimes span{font-size: 1.8rem;padding: .2rem 0;}
.newsmain .newslist ul li .newstimes time{font-size: .93rem;padding: .3rem .6rem;margin-top: .3rem;}

.newsmain .newslist ul li .newsdesc{width: 80%;}
.newsmain .newslist ul li .newsdesc h1{font-size: 1rem;margin-bottom: .3rem;}
.newsmain .newslist ul li .newsdesc p{font-size: .9rem;}

.newsmain .right-content .contentlist .paging{margin-top: 2.5rem;}
/************************************新闻发布页 End*******************************************************/


/************************************新闻详情页页 Start*****************************************************/
.newsdmain{}
.newsdmain .contentlist{}
.newsdmain .newstitle{padding-bottom: 1rem;}
.newsdmain .newstitle .ntitle{}
.newsdmain .newstitle .ntitle h1{font-size: 1.35rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.newsdmain .newstitle .infodesclist{margin-top: .9rem;}
.newsdmain .newstitle .source{display: none;}
.newsdmain .newstitle .infodesc{margin: 0 1rem;font-size: .98rem;}
.newsdmain .newstitle .infodesc span{font-size: .98rem;}

.newsdmain .newsinfo{margin-top: 1.3rem}
.newsdmain .newsinfo p{margin-bottom: 1rem;line-height: 1.6rem;text-align: left;font-size: 1rem;}
.newsdmain .newsinfo img{margin-bottom: 1rem;width: 100%;}

.newsdmain .newsfenye{margin-top: 2rem; padding-top: .8rem; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.newsdmain .newsfenye .left-fynav{}
.newsdmain .newsfenye .right-fynav{}
.newsdmain .newsfenye .fynav{display:flex; align-items:center;margin: .3rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsdmain .newsfenye .fynav span{font-size: 1rem;}
.newsdmain .newsfenye .fynav a{font-size: 1rem;}
/************************************新闻详情页页 End*******************************************************/


/************************************人才招聘页 Start****************************************************/
.rczpmain{}
.rczpmain .contentlist{}
.rczpmain .right-content{margin-bottom:1rem}

.rczpmain .talentpolicy{}
.rczpmain .talentpolicy .policytitle{}
.rczpmain .talentpolicy .policytitle h1{font-size: 1.6rem;}

.rczpmain .talentpolicy .policyinfo{margin-top: 1rem;}
.rczpmain .talentpolicy .policyinfo p{font-size: 1rem; line-height: 1.7rem;margin-bottom: 1rem;}

.rczpmain .talentpolicy .contactinfo{margin-top: 1.2rem;}
.rczpmain .talentpolicy .contactinfo span{font-size: 1rem;}

.rczpmain .recruitlist{margin: 2rem 0 1.2rem 0;}
.rczpmain .recruitlist .recruiinfoli{margin-bottom: 1.2rem;padding: 0 1rem;}
.rczpmain .recruiinfoli .posttitle{padding: .8rem .6rem;}
.rczpmain .recruiinfoli .posttitle .titleinfo{margin-bottom: .5rem;display: flex; align-content: center; justify-content: space-between; align-items: center;}
.rczpmain .recruiinfoli .posttitle .titleinfo h1{font-size:  1.4rem;}
.rczpmain .recruiinfoli .posttitle .titleinfo .switchicon .switchbtn{width: 2.2rem;height: 2.2rem;}
.rczpmain .recruiinfoli .posttitle .jobrequirements{flex-wrap: wrap;}
.rczpmain .recruiinfoli .posttitle .jobrequirements .jobinfos{font-size: .95rem;margin-right:0;width:20%;}
.rczpmain .recruiinfoli .posttitle .jobrequirements .jobinfos span{font-size: .95rem;}

.rczpmain .recruiinfoli .workinfolist{padding: 1.2rem;}
.rczpmain .recruiinfoli .workinfolist .workcontent{}
.rczpmain .recruiinfoli .workinfolist .workcontent h1{font-size: 1.2rem;}
.rczpmain .recruiinfoli .workinfolist .workcontent ul{margin-top: 1rem}
.rczpmain .recruiinfoli .workinfolist .workcontent ul{font-size: .96rem;margin-bottom: .6rem;}
.rczpmain .recruiinfoli .workinfolist .workcontent ul p{font-size: .96rem;margin-bottom: .6rem;}
.rczpmain .recruiinfoli .workinfolist .recruitdemand{margin-top: 1.3rem;}
.rczpmain .recruiinfoli .workinfolist .recruitdemand h1{font-size: 1.2rem;}
.rczpmain .recruiinfoli .workinfolist .recruitdemand ul{margin-top: 1rem;}
.rczpmain .recruiinfoli .workinfolist .recruitdemand ul p{font-size: .96rem;margin-bottom: .6rem;}

.rczpmain .paging{margin-top: 2rem;}
/************************************人才招聘页 End******************************************************/


/************************************联系我们页 Start*****************************************************/
.contactmain{}
.contactmain .contentlist{}
.contactmain .contactinfo{}
.contactmain .contactinfo .gsname{}
.contactmain .contactinfo .gsname h1{font-size: 1.3rem; margin-bottom: 1.3rem;text-align: center;}

.contactmain .contactinfo .gsinfo{}
.contactmain .contactinfo .gsinfo p{margin-bottom: .9rem;font-size: .98rem;}

.contactmain .contactinfo .gsmap{margin-top: 2rem;}
.contactmain .contactinfo .gsmap #allmap{width: 100%;height: 18rem;}
.contactmain .contactinfo .gsmap #allmap .qyname{font-size: 1.1rem}
.contactmain .contactinfo .gsmap #allmap .qyaddr{font-size: .9rem;margin-top: .6rem;}
.contactmain .contactinfo .gsmap #allmap .qyphone{font-size: .9rem;margin-top: .6rem;}
/************************************联系我们页 End*******************************************************/

}






@media screen and (max-width:950px){


}



@media screen and (max-width:768px){

/* 公共样式 */
.publicdv{margin: 2rem auto;}
.container{width: 93%;margin: 0 auto;}
.paging ul li:first-child{display: none;}
.paging ul li:last-child{display: none;}
.layui-laypage { flex-wrap: wrap; line-height: 3rem;}

/************************************首页 Start*******************************************************/
/* 导航 */
.header{display: none;}
.m-header-nav{display: block;height:50px;position:fixed;top:0;z-index:1000;width:100%;}
.m-header-nav .sp_header{position: relative;top:0;z-index:10000;width:100%;height:50px;padding: 0 20px;}
.m-header-nav .sp_logo{padding: .6rem 0;float:left;height:50px;}
.m-header-nav .sp_logo img{margin:auto;max-height:100%;}
.m-header-nav .sp_nav{width: 30px;float:right;position:relative;cursor:pointer;height:30px;margin-top: 13px;z-index: 900;}
.m-header-nav .sp_nav span{display:block;background:white;width: 30px;height: 2px;position:absolute;left: 0;transition:all ease 0.45s;}
.m-header-nav .sp_nav span:nth-of-type(1){top:0px}
.m-header-nav .sp_nav span:nth-of-type(2){top: 11px;}
.m-header-nav .sp_nav span:nth-of-type(3){top: 22px;}
.m-header-nav .sp_nav_se span:nth-of-type(1){top: 11px;transform:rotate(45deg);}
.m-header-nav .sp_nav_se span:nth-of-type(2){width:0;transition:none;}
.m-header-nav .sp_nav_se span:nth-of-type(3){top: 11px;transform:rotate(-45deg);}
.m-header-nav .sjj_nav{display: none;position:fixed;z-index:9;width:100%;height:100%;font-size: .95rem;;line-height:2.7rem;top:50px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.45s;}
.m-header-nav .sjj_nav>ul>li:first-child {display: flex; align-items: center; justify-content: space-between;}
.m-header-nav .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 100px)}
.m-header-nav .sjj_nav>ul>li:first-child .language{float:right;width:100px;overflow:hidden;line-height:2.6rem;margin-top:0}
.m-header-nav .sjj_nav>ul>li:first-child .language a{width:50px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.m-header-nav .sjj_nav ul li i{position: absolute;top: 2px;right: 0px;border-left: 1px #ddd solid;height: auto;padding: 0;width: 50px;display: flex;align-items: center;justify-content: center;}
.m-header-nav .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.45s}
.m-header-nav .sjj_nav ul li{border-top:1px #ddd solid;margin-left:1.1rem;position:relative;line-height:2.6rem;}
.m-header-nav .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.m-header-nav .sjj_nav ul li a{color:#666;width:100%;display: block;font-size: .95rem;padding: .15rem 0;}
.m-header-nav .sjj_nav ul li i svg{width:1.3rem;height: 2.6rem;}
.m-header-nav .sjj_nav ul li ul li>ul{margin-left:10px}

/* 轮播图 */
.indexbannerlist{margin-top: 50px;}
.indexbannerlist .indexbanner{height: ;}
.indexbannerlist .indexbanner .banner_list .banner_list_img img{ width:100%; height:12rem;}
.indexbannerlist .indexbanner .banner_list .banner_list_txt{max-width:100%;height:calc(100% - 20px);}
.indexbannerlist .indexbanner .banner_list .banner_list_txt dd{font-size: 1.4rem;-webkit-text-stroke: 0px #0357c9; margin-bottom: 8px; text-shadow: 0 0 0px #ffffff; }
.indexbannerlist .indexbanner .banner_list .banner_list_txt dt{ font-size: .9rem;line-height: 1.5rem; margin-bottom: 1.3rem;}
.indexbannerlist .indexbanner .banner_list .banner_list_txt a{ font-size:14px;width:203px; height:54px; }
.indexbannerlist .indexbanner .banner_list .banner_list_txt a img{ margin-left:12px;}

.indexbannerlist .swiper-button-next{display: none;background-size: 2rem; right: 5%; top: 34%; margin-top: 0; width: 2rem; height: 2rem;} 
.indexbannerlist .swiper-button-prev{display: none;background-size: 2rem; left: 5%; top: 34%; margin-top: 0; width: 2rem; height: 2rem;}
.indexbannerlist .indexbanner .swiper-pagination{bottom: .6rem!important;}
.indexbannerlist .indexbanner .swiper-pagination .swiper-pagination-bullet{width: 2rem!important;height: .2rem!important;margin: 0 .2rem!important;border-radius: 50px!important;}
.indexbannerlist .indexbanner .swiper-pagination .swiper-pagination-bullet-active{width: 2rem!important;height: .2rem!important;}

/* 关于我们 */
.aboutus{padding: 2rem 0;}
.aboutus .container{display: flex; align-items: center; flex-wrap: wrap; flex-direction: column; align-content: center;}
.aboutus .about-img{width: 100%;}
.aboutus .about-img img{width: 100%;}

.aboutus .about-list{padding-left: 0%;width: 100%;margin-top: 1.5rem;}
.aboutus .about-list .about-info{margin-top: 0;padding:8% 7%;}
.aboutus .about-list .about-info .info-title{text-align: center;}
.aboutus .about-list .about-info .info-title h1{font-size: 1.4rem; margin-bottom: .2rem;}
.aboutus .about-list .about-info .info-title span{font-size: .97rem;}

.aboutus .about-list .about-info .info-text{padding: 1rem 0 1rem 0;}
.aboutus .about-list .about-info .info-text p{font-size:.97rem;line-height: 1.5rem;-webkit-line-clamp: 10; line-clamp: 10;-moz-line-clamp: 10;}

.aboutus .about-list .about-info .morebtn{text-align: center;margin: 0 auto;justify-content: center;margin-top: .5rem;}
.aboutus .about-list .about-info .morebtn a{padding: .5rem .8rem;border-radius: 50px;}
.aboutus .about-list .about-info .morebtn a span{font-size: 1rem;margin:0 1rem 0 .2rem;}
.aboutus .about-list .about-info .morebtn a .moreicon{width: 1.5rem;}
.aboutus .about-list .about-info .lowerright{position: absolute;bottom: 0;right: 0;}

.aboutus .about-list .digitalgrades{margin-top: 1.8rem;}
.aboutus .about-list .digitalgrades ul{}
.aboutus .about-list .digitalgrades ul li{width: 32%;padding: .7rem .2rem;height: auto;border: 1px solid #dfdfdf;display: flex;flex-direction: column;flex-direction: column;flex-wrap: wrap;align-items: flex-start;justify-content: center;align-content: center;}
.aboutus .about-list .digitalgrades ul li h1{font-size: 1.8rem;letter-spacing: 0;}
.aboutus .about-list .digitalgrades ul li h1 span{font-size: .9rem;margin-left: 2px;}
.aboutus .about-list .digitalgrades ul li p{font-size: .9rem;}

/* 新闻发布 */
.newsrelease{background-color: #f8f8f8;padding: 2rem 0;}
.newsrelease .news-title{text-align: center;}
.newsrelease .news-title h1{font-size: 1.5rem;}
.newsrelease .news-title .en-desc{margin-top: .9rem;font-size: .9rem;}
.newsrelease .news-title .cn-desc{margin-top: .3rem;font-size: .9rem;}

.newsrelease .newstab{margin-top: 1.8rem;}
.newsrelease .newstab .tabbox{display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
.newsrelease .newstab .tabbox .newslist{width: 100%;}
.newsrelease .newstab .tabbox .newslist .list-item{}
.newsrelease .newstab .tabbox .newslist .list-item .newsimg{}
.newsrelease .newstab .tabbox .newslist .list-item .newsimg img{width: 100%;}

.newsrelease .newstab .tabbox .newslist .list-item .newstitle{margin-top: 1.5rem;}
.newsrelease .newstab .tabbox .newslist .list-item .newstitle h1{font-weight: 500;font-size: 1.3rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.newsrelease .newstab .tabbox .newslist .list-item .newsdesc{margin-top: 1.2rem;}
.newsrelease .newstab .tabbox .newslist .list-item .newsdesc p{color: #686868;font-size: 1rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;}

.newsrelease .newstab .tabbox .newslist .list-item .newstime{margin-top: 1.5rem;text-align: center;}
.newsrelease .newstab .tabbox .newslist .list-item .newstime time{font-size: 1.2rem;color: #686868;}

.newsrelease .newstab .menus{margin-left: 0;margin-top: 2rem;width: 100%;}
.newsrelease .newstab .menus li{display: flex;}
.newsrelease .newstab .menus li a{display: flex;justify-content: space-between;align-items: center;padding: .6rem 0;width: 100%;}
.newsrelease .newstab .menus li.on .newstimes{border-right: 2px solid #3c7cd2;}
.newsrelease .newstab .menus li .newstimes{border-right:2px solid #f1f1f1;text-align: center;padding: 0;width: 20%;}
.newsrelease .newstab .menus li .newstimes h1{font-weight: bold;font-size: 1.7rem;color: #999999;}
.newsrelease .newstab .menus li .newstimes time{font-size: .92rem;color: #999999;}

.newsrelease .newstab .menus li .newstitle{padding: 0 .6rem;width: 80%;}
.newsrelease .newstab .menus li .newstitle h1{font-weight: 500;font-size: 1.2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsrelease .newstab .menus li .newstitle p{font-size: 15px;margin-top: .6rem;display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis;}

.newsrelease .morebtn{text-align: center;justify-content: center;margin-top: 1.5rem;}
.newsrelease .morebtn a{padding: .5rem .8rem;border-radius: 50px;}
.newsrelease .morebtn a span{font-size: 1rem;margin:0 1rem 0 .2rem;}
.newsrelease .morebtn a .moreicon{width: 1.5rem;}

/* 资质荣誉 */
.zizhihonor{padding: 2rem 0;}
.zizhihonor .zizhihonorlist{display: flex; width: 100%; justify-content: space-between; align-items: center; flex-wrap: wrap; flex-direction: column; align-content: center;}
.zizhihonor .taskzizhi{width: 100%;}
.zizhihonor .taskzizhi .zizhititle .htitle{width: 100%;}
.zizhihonor .taskzizhi .zizhititle .htitle h1{font-size: 1.3rem;}
.zizhihonor .taskzizhi .zizhititle .hmore a span{font-size: .98rem;}
.zizhihonor .taskzizhi .zizhititle .hmore a .moreicon{width: .98rem;}

.zizhihonor .taskzizhi .taskbanner{margin-top: 1.5rem; border: none; height: auto; padding: 0;}
.zizhihonor .taskzizhi .taskbanner .swiper-button-next{display: none;}
.zizhihonor .taskzizhi .taskbanner .swiper-button-prev{display: none;}
.zizhihonor .taskzizhi .taskbanner .zizhibanner .swiper-slide{}
.zizhihonor .taskzizhi .taskbanner .zizhibanner .swiper-slide .task-img{padding: .5rem .7rem;}
.zizhihonor .taskzizhi .taskbanner .zizhibanner .swiper-slide .task-img img{width: 100%;}
.zizhihonor .taskzizhi .taskbanner .zizhibanner .swiper-slide .task-desc{margin-top: 15px;}
.zizhihonor .taskzizhi .taskbanner .zizhibanner .swiper-slide .task-desc span{line-height: 1.3rem;font-size: .95rem;}

.zizhihonor .qiyehonor{width: 100%;margin-top: 2rem;}
.zizhihonor .qiyehonor .zizhititle{display: flex; justify-content: center; align-items: center;position: relative;}
.zizhihonor .qiyehonor .zizhititle .htitle{width: 100%;position: relative;}
.zizhihonor .qiyehonor .zizhititle .htitle h1{font-size: 1.3rem;}
.zizhihonor .qiyehonor .zizhititle .hmore a span{font-size: .98rem;}
.zizhihonor .qiyehonor .zizhititle .hmore a .moreicon{width: .98rem;}

.zizhihonor .qiyehonor .qiyebanners{margin-top: 1.5rem; border: none; height: auto; padding: 0;}
.zizhihonor .qiyehonor .qiyebanners .swiper-button-next{display: none;}
.zizhihonor .qiyehonor .qiyebanners .swiper-button-prev{display: none;}
.zizhihonor .qiyehonor .qiyebanners .honorbanner .swiper-slide .honor-img{padding: .5rem .7rem;height: auto;}
.zizhihonor .qiyehonor .qiyebanners .honorbanner .swiper-slide .honor-img img{width: 100%;}
.zizhihonor .qiyehonor .qiyebanners .honorbanner .swiper-slide .honor-desc{margin-top: .6rem;}
.zizhihonor .qiyehonor .qiyebanners .honorbanner .swiper-slide .honor-desc span{line-height: 1.3rem;font-size: .95rem;}


/* 底部导航 */
.footer{background: url(../images/footer/footerbj.jpg) no-repeat center;background-color: #212e3f;width: 100%;background-size: 100%;padding-top: 2rem;height: auto;}
.footer .nav-list{}
.footer .nav-list .navcontent{}
.footer .nav-list .navcontent ul{display: flex;justify-content: space-evenly;flex-wrap: wrap;align-items: flex-start;}
.footer .nav-list .navcontent ul li{border-left: none;padding-left: 0;width: 48%;margin-bottom: 1.5rem;}
.footer .nav-list .navcontent ul li:first-child{border: none;padding-left: 0;}
.footer .nav-list .navcontent ul li .parentnav{text-align: center;}
.footer .nav-list .navcontent ul li .parentnav a{
}
.footer .nav-list .navcontent ul li .parentnav a span{color: #8b8b8b;font-size: .92rem;}
.footer .nav-list .navcontent ul li .parentnav a h1{color: white;font-weight: 500;font-size: 1.2rem;margin-top: .2rem;text-align: center;}

.footer .nav-list .navcontent ul li .childnav{margin-top: .8rem;display: flex;justify-content: center;align-items: center;align-content: center;flex-wrap: wrap;flex-direction: column;}
.footer .nav-list .navcontent ul li .childnav li{margin-bottom: .3rem;border: none;padding: 0;width: 100%;text-align: center;}
.footer .nav-list .navcontent ul li .childnav li a{color: #8b8b8b;font-size: .93rem;display: block;}

.footer .contact-info{margin-top: 0rem;display: flex;align-items: center;flex-wrap: wrap;}
.footer .contact-info .contlist{display: flex;justify-content: flex-start;align-items: center;width: 100%;align-content: center;margin-bottom: 1rem;}
.footer .contact-info .contlist .info-icon{margin-right: 0;display: flex;justify-content: space-around;margin-right: .5rem;}
.footer .contact-info .contlist .info-icon img{width: 2rem;}
.footer .contact-info .contlist .info-desc{}
.footer .contact-info .contlist .info-desc span{color: white;font-size: .95rem;font-weight: 500;}

.footer .links{margin-top:1.5rem;display:flex;align-items:center;justify-content: center;flex-wrap: wrap;}
.footer .links span{font-size:1.2rem;;margin-right:0}
.footer .links ul{display:flex;justify-content:flex-start;align-items:center;flex-wrap: wrap;}
.footer .links ul li{margin-right: 0;width: 50%;text-align: center;margin-bottom: .5rem;}
.footer .links ul li a{font-size:.98rem;}


.footer .copyright{margin-top: .5rem;display: flex;justify-content: center;align-items: center;border-top: 1px solid #565656;padding: .5rem 0 .6rem 0;flex-wrap: wrap;}
.footer .copyright .iteminfo{}
.footer .copyright .iteminfo span{color: #8b8b8b; font-size: .95rem;}
.footer .copyright .iteminfo a{color: #8b8b8b; font-size: .95rem;}

.footer .copyright .leftitem a{margin-left: 15px;}

.footer .copyright .rightitem{}
/******************************************首页 End***************************************************/


/* 关于我们相关页公共样式 */
.pubheader{width: 100%;margin-top: 50px;height: 8rem;}
.pubheader img{width: 100%;height: 100%;}

.pubmain{margin-top: 2rem;}
.pubmain .itemlist{width: 100%; justify-content: center; align-items: flex-start; flex-wrap: wrap; flex-direction: row; align-content: center;}
.pubmain .left-nav{width: 100%;}
.pubmain .left-nav .nav-title{padding: 1rem 0;display: flex;flex-wrap: wrap;flex-direction: column;align-content: center;justify-content: center;align-items: center;}
.pubmain .left-nav .nav-title h1{font-weight: 500;font-size: 1.5rem;margin-bottom: .3rem;}
.pubmain .left-nav .nav-title span{font-size: .92rem;}

.pubmain .left-nav .abtnav-list{}
.pubmain .left-nav .abtnav-list ul{display: flex;flex-wrap: wrap;background-color: #ffffff00;justify-content:flex-start;}
.pubmain .left-nav .abtnav-list ul li:last-child{border-bottom: 1.5px solid #e7e7e7;}
.pubmain .left-nav .abtnav-list ul li{border-bottom: 1.5px solid #e7e7e7;width: 50%;}
.pubmain .left-nav .abtnav-list ul li a{width: 100%;padding: .8rem 0;display: flex;justify-content: space-around;align-items: center;align-content: center;flex-wrap: nowrap;flex-direction: row;}
.pubmain .left-nav .abtnav-list ul li.on{border-bottom: 1.5px solid #0357c9;}
.pubmain .left-nav .abtnav-list ul li.on .navimgicon{display: flex; }

.pubmain .left-nav .abtnav-list ul li .navtext{width: 100%;text-align: center;}
.pubmain .left-nav .abtnav-list ul li .navtext span{font-size: 0.93rem;font-weight: 500;}
.pubmain .left-nav .abtnav-list ul li .naviconinfo{;display: none;}
.pubmain .left-nav .abtnav-list ul li .navimgicon{display: none;}


.pubmain .left-nav .contact-info{margin-top: 22px;display: none;}
.pubmain .left-nav .contact-info .info-list{background: url(../images/about/aboutcontactbj.jpg) no-repeat center;background-size: 100%;}
.pubmain .left-nav .contact-info .info-list a{padding: 44px 0;display: flex; flex-wrap: wrap; align-content: flex-end; justify-content: center; align-items: flex-end; flex-direction: column;}
.pubmain .left-nav .contact-info .info-list a .cont-txt{display: flex; justify-content: center; align-items: center; margin-bottom: 10px; margin-right: 20px;}
.pubmain .left-nav .contact-info .info-list a .cont-txt .phoneicon{width: 19px;height: 19px;fill: white;margin-right: 9px;}
.pubmain .left-nav .contact-info .info-list a .cont-txt span{color: white;font-size: 19px;}
.pubmain .left-nav .contact-info .info-list a .cont-phone{display: flex; justify-content: center; align-items: center; margin-right: 20px;}
.pubmain .left-nav .contact-info .info-list a .cont-phone span{color: white;font-size: 18px;}

.pubmain .right-content{width: 100%;margin-bottom: 2rem;}
.pubmain .right-content .hdcont-list{padding: 5px 20px;display: flex;justify-content: space-between;align-items: center;background-color: #f8f8f8;border-radius: 8px;flex-wrap: wrap;display: none;}
.pubmain .right-content .hdcont-list .hdcont-name{display: flex; justify-content: space-between; align-items: center;}
.pubmain .right-content .hdcont-list .hdcont-name .cn-name{margin-right: 10px;}
.pubmain .right-content .hdcont-list .hdcont-name .en-name{padding-left: 10px;border-left: 1px solid #797979;}
.pubmain .right-content .hdcont-list .hdcont-name .titlename span{font-size: 15px;}

.pubmain .right-content .hdcont-list .hdcont-nav{display: flex; justify-content: space-between; align-items: center;}
.pubmain .right-content .hdcont-list .hdcont-nav .current-addr{font-size: 14px;}
.pubmain .right-content .hdcont-list .hdcont-nav ul{display: flex; justify-content: center; align-items: center;}
.pubmain .right-content .hdcont-list .hdcont-nav ul li{display: flex; justify-content: center; align-items: center;margin-right: 8px;}
.pubmain .right-content .hdcont-list .hdcont-nav ul li:last-child{margin: 0;}
.pubmain .right-content .hdcont-list .hdcont-nav ul li a{font-size: 14px;margin-right: 3px;}
.pubmain .right-content .hdcont-list .hdcont-nav ul li a:hover{color: #0357c9;}
.pubmain .right-content .hdcont-list .hdcont-nav ul li span{font-size: 15px;}
.pubmain .right-content .hdcont-list .hdcont-nav ul li:last-child span{display: none;}
.pubmain .right-content .contentlist{margin-top: 2rem;}



/************************************关于杉叶-公司简介页 Start*******************************************/
.aboutmain .right-content{margin-bottom: 2rem;}
.aboutmain .right-content .contentlist{margin-top: 2rem;}
.aboutmain .right-content .contentlist .aboutimg{float: none;margin: 0 1rem 5px 0;display: none;}
.aboutmain .right-content .contentlist .continfo{flex-wrap: wrap;}
.aboutmain .right-content .contentlist .continfo img{width: 100%;}
.aboutmain .right-content .contentlist .continfo p{font-size: 14.5px;color:#797979;line-height: 35px;}
.aboutmain .right-content .contentlist .continfo p:last-child{margin-top: 0;font-size: 17px;font-weight: 500;}

/************************************关于杉叶-公司简介页 End*********************************************/


/************************************关于杉叶-发展历程页 Start*******************************************/
.aboutmain .right-content .contentlist .continfo{display: flex; justify-content: flex-start; align-items: flex-start;position: relative;}
.aboutmain .right-content .contentlist .continfo .timeaxis{width: 2px;margin-left: 2rem;}
.aboutmain .right-content .contentlist .continfo .historycont{}
.aboutmain .right-content .contentlist .continfo .historycont .historylist:first-child{margin-top: 0;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist{margin-left: 3.5rem;margin-top: 2.2rem;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historytime{display: flex; align-items: center;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historytime .historyposn{z-index: 999999;width: 1rem; height: 1rem; left: 25px;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historytime .datayear{font-size: 1.6rem; ;}

.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory{margin-top: 1rem;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul{}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul li{display:flex;line-height: 1.8rem;margin-bottom: .7rem;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul li.nulltxt{line-height: 1rem;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul li time{font-size: 1rem;margin-right: .3rem;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul li span{font-size: 1rem;color: black;}
.aboutmain .right-content .contentlist .continfo .historycont .historylist .historystory ul li p{line-height: 1.5rem;}
/************************************关于杉叶-发展历程页 End*********************************************/


/************************************关于杉叶-公司资质页 Start*******************************************/
.gszzmain .right-content{margin-bottom: 2rem;width: 100%;}
.gszzmain .contentlist{}
.gszzmain .contentlist .zizhilist{}
.gszzmain .zizhilist ul{display: flex; flex-wrap: wrap;}
.gszzmain .zizhilist ul li{width: 47%;margin-right: 6%;padding: 3.3% 3%;margin-bottom: 2rem;display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
.gszzmain .zizhilist ul li:nth-child(2n){margin-right: 0%;}
.gszzmain .zizhilist ul li:nth-child(3n){margin-right: 6%;}
.gszzmain .zizhilist ul li .zizhiimg{display: inline;}
.gszzmain .zizhilist ul li .zizhiimg img{width: 100%;}
.gszzmain .zizhilist ul li .zihzidesc{margin-top: .8rem;}
.gszzmain .zizhilist ul li .zihzidesc span{font-size: .93rem;}
/************************************关于杉叶-公司资质页 End*********************************************/


/************************************关于杉叶-人才队伍页 Start*******************************************/
.rcdwmain .right-content{margin-bottom: 2rem;}
.rcdwmain .contentlist .talentteams{}
.rcdwmain .talentteams ul{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center;}
.rcdwmain .talentteams ul li{padding:3%;width: 48%;margin-bottom: 1.9rem;display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
.rcdwmain .talentteams ul li .teamimg{display: inline;}
.rcdwmain .talentteams ul li .teamimg img{width: 100%;}
.rcdwmain .talentteams ul li .teamdesc{margin-top: .5rem}
.rcdwmain .talentteams ul li .teamdesc span{font-size: .95rem;}

/************************************关于杉叶-人才队伍页 End*********************************************/


/************************************关于杉叶-组织机构页 Start*******************************************/
.zzjgmain .right-content{margin-bottom: 2rem;}
.zzjgmain .contentlist{margin: 0 auto;text-align: center;}
/************************************关于杉叶-组织机构页 End*********************************************/


/************************************业务范围页 Start***************************************************/
.ywfwmain{margin-bottom: 0rem;}
.ywfwmain .servicecontent{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;flex-direction:column;}
.ywfwmain .servicecontent .serviceimg{width: 70%;}
.ywfwmain .servicecontent .serviceimg img{width: 100%;}
.ywfwmain .servicecontent .servicedesc{padding-left: 0;width: 100%;}
.ywfwmain .servicecontent .servicedesc h1{margin-top: 1.5rem;font-size: 1.6rem;text-align: center;}
.ywfwmain .servicecontent .servicedesc p{font-size: 1rem;margin-top: 1rem; line-height: 1.7rem;}
/************************************业务范围页 End*****************************************************/


/************************************作业资质页 Start***************************************************/
.zyzzmain{}
.zyzzmain .hdcont-list{padding: .5rem .9rem;}
.zyzzmain .hdcont-list .hdcont-name .cn-name{margin-right: .9rem;}
.zyzzmain .hdcont-list .hdcont-name .en-name{padding-left: .9rem;}
.zyzzmain .hdcont-list .hdcont-name .titlename span{font-size: 1rem;}

.zyzzmain .hdcont-list .hdcont-nav{display: none; justify-content: space-between; align-items: center;}
.zyzzmain .hdcont-list .hdcont-nav .current-addr{font-size: 1rem;}
.zyzzmain .hdcont-list .hdcont-nav ul{display: flex; justify-content: center; align-items: center;}
.zyzzmain .hdcont-list .hdcont-nav ul li{display: flex; justify-content: center; align-items: center;margin-right: 8px;}
.zyzzmain .hdcont-list .hdcont-nav ul li:last-child{margin: 0;}
.zyzzmain .hdcont-list .hdcont-nav ul li a{font-size: .95rem;margin-right: 3px;}
.zyzzmain .hdcont-list .hdcont-nav ul li a:hover{color: #0357c9;}
.zyzzmain .hdcont-list .hdcont-nav ul li span{font-size: .95rem;}
.zyzzmain .hdcont-list .hdcont-nav ul li:last-child span{display: none;}

.zyzzmain .zyzzlist{margin: 2rem 0 2rem 0;}
.zyzzmain .zyzzitem ul{display: flex;justify-content: space-between;}
.zyzzmain .zyzzitem ul li{width: 47%;margin-bottom: 1.5rem;margin-right: 0!important;}
.zyzzmain .zyzzitem ul li .zizhiimg{padding: 6% 5%;height:15rem}
.zyzzmain .zyzzitem ul li .zizhiimg img{width: 100%;}
.zyzzmain .zyzzitem ul li .zihzidesc{margin-top: .6rem;height: auto;}
.zyzzmain .zyzzitem ul li .zihzidesc span{font-size: .97rem;}
/************************************作业资质页 End*****************************************************/


/************************************作业设备页 Start***************************************************/
.zysbmain .right-content{margin-bottom: 2rem;}
.zysbmain .contentlist{}
.zysbmain .contentlist .zysblist{;}
.zysbmain .zysblist ul{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center;}
.zysbmain .zysblist ul li{width: 48%;padding: .7rem;margin-bottom:6%;display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
.zysbmain .zysblist ul li{margin-right: 0!important;}
.zysbmain .zysblist ul li .equipmentimg{display: inline;width: 100%;height: 8rem;}
.zysbmain .zysblist ul li .equipmentimg img{width: 100%;height: 100%;object-fit: cover;}
.zysbmain .zysblist ul li .equipmentdesc{margin-top: .6rem;}
.zysbmain .zysblist ul li .equipmentdesc span{font-size: .92rem;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
/************************************作业设备页 End*****************************************************/


/************************************典型项目页 Start****************************************************/
.jdxmmain{}
.jdxmmain .right-content{margin-bottom: 2rem;}
.jdxmmain .contentlist{}
.jdxmmain .projectlist{margin-bottom: 1.5rem;padding-left: 1rem;}
.jdxmmain .projectlist ul{}
.jdxmmain .projectlist ul li{border-bottom: 1px solid #eaeaea;}
.jdxmmain .projectlist ul li a{padding: 1rem 0;}
.jdxmmain .projectlist ul li a span{width: .6rem;height: .6rem;margin-right: .7rem;}
.jdxmmain .projectlist ul li a p{font-size: 1rem;width: 97%;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;}
/************************************典型项目页 End******************************************************/


/************************************企业荣誉页 Start*****************************************************/
.gshonormain{margin-bottom: 2rem;}
.gshonormain .hdcont-list{padding: .6rem 1rem;display: flex; justify-content: space-between; align-items: center;background-color: #f8f8f8;border-radius: 8px;}
.gshonormain .hdcont-list .hdcont-name{display: flex; justify-content: space-between; align-items: center;}
.gshonormain .hdcont-list .hdcont-name .cn-name{margin-right: .9rem;}
.gshonormain .hdcont-list .hdcont-name .en-name{padding-left: .9rem;border-left: none;}
.gshonormain .hdcont-list .hdcont-name .titlename span{font-size: 1rem;}
.gshonormain .hdcont-list .hdcont-nav{display: none;}

.gshonormain .gshonoritem{margin: 2rem 0 1rem 0;}
.gshonormain .gshonoritem ul{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.gshonormain .gshonoritem ul li{width: 48%;margin: 0 0 1.2rem 0!important;display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
.gshonormain .gshonoritem ul li .gshonoriimg{background-color: #f9f9f9;padding: 5% 7%;}
.gshonormain .gshonoritem ul li .gshonoriimg img{width: 100%;}
.gshonormain .gshonoritem ul li .gshonordesc{margin-top: .7rem;height: auto;padding: 0 5%;}
.gshonormain .gshonoritem ul li .gshonordesc span{font-size: .92rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;}

.gshonormain .gshonorlist .paging ul li:nth-child(6){display: none;}
.gshonormain .gshonorlist .paging ul li:nth-child(7){display: none;}
.gshonormain .gshonorlist .paging ul li:nth-child(8){display: none;}
.gshonormain .gshonorlist .paging ul li:nth-child(9){display: none;}
/************************************企业荣誉页 End*******************************************************/


/************************************新闻发布页 Start*****************************************************/
.newsmain{}
.newsmain .newslist{}
.newsmain .newslist ul{}
.newsmain .newslist ul li{padding: 1rem 0;border-bottom: 1px solid #eaeaea;width: 100%;}
.newsmain .newslist ul li:first-child{padding:  0 0 1.5rem 0;}
.newsmain .newslist ul li a{width: 100%;justify-content: space-between;}
.newsmain .newslist ul li .newstimes{margin-right: 0;width:17%;}
.newsmain .newslist ul li .newstimes span{font-size: 1.8rem;padding: .2rem 0;}
.newsmain .newslist ul li .newstimes time{font-size: .93rem;padding: .3rem .2rem;margin-top: .3rem;}

.newsmain .newslist ul li .newsdesc{width: 80%;}
.newsmain .newslist ul li .newsdesc h1{font-size: 1rem;margin-bottom: .3rem;}
.newsmain .newslist ul li .newsdesc p{font-size: .9rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;}

.newsmain .right-content .contentlist .paging{margin-top: 2.5rem;}
/************************************新闻发布页 End*******************************************************/


/************************************新闻详情页页 Start*****************************************************/
.newsdmain{}
.newsdmain .contentlist{}
.newsdmain .newstitle{padding-bottom: 1rem;}
.newsdmain .newstitle .ntitle{}
.newsdmain .newstitle .ntitle h1{font-size: 1.35rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.newsdmain .newstitle .infodesclist{margin-top: .9rem;}
.newsdmain .newstitle .source{display: none;}
.newsdmain .newstitle .infodesc{margin: 0 1rem;font-size: .98rem;}
.newsdmain .newstitle .infodesc span{font-size: .98rem;}

.newsdmain .newsinfo{margin-top: 1.3rem}
.newsdmain .newsinfo p{margin-bottom: 1rem;line-height: 1.6rem;text-align: left;font-size: 1rem;}
.newsdmain .newsinfo img{margin-bottom: 1rem;width: 100%;}

.newsdmain .newsfenye{margin-top: 2rem; padding-top: .8rem; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.newsdmain .newsfenye .left-fynav{}
.newsdmain .newsfenye .right-fynav{}
.newsdmain .newsfenye .fynav{width: 100%;display:flex; align-items:center;margin: .3rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsdmain .newsfenye .fynav span{font-size: .95rem;}
.newsdmain .newsfenye .fynav a{font-size: .95rem;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
/************************************新闻详情页页 End*******************************************************/


/************************************人才招聘页 Start****************************************************/
.rczpmain{}
.rczpmain .contentlist{}
.rczpmain .right-content{margin-bottom:1rem}

.rczpmain .talentpolicy{}
.rczpmain .talentpolicy .policytitle{}
.rczpmain .talentpolicy .policytitle h1{font-size: 1.6rem;}

.rczpmain .talentpolicy .policyinfo{margin-top: 1rem;}
.rczpmain .talentpolicy .policyinfo p{font-size: 1rem; line-height: 1.7rem;margin-bottom: 1rem;}

.rczpmain .talentpolicy .contactinfo{margin-top: 1.2rem;}
.rczpmain .talentpolicy .contactinfo span{font-size: 1rem;}

.rczpmain .recruitlist{margin: 2rem 0 1.2rem 0;}
.rczpmain .recruitlist .recruiinfoli{margin-bottom: 1.2rem;padding: 0 1rem;}
.rczpmain .recruiinfoli .posttitle{padding: .8rem .6rem;}
.rczpmain .recruiinfoli .posttitle .titleinfo{margin-bottom: .5rem;display: flex; align-content: center; justify-content: space-between; align-items: center;}
.rczpmain .recruiinfoli .posttitle .titleinfo h1{font-size:  1.4rem;}
.rczpmain .recruiinfoli .posttitle .titleinfo .switchicon .switchbtn{width: 2.2rem;height: 2.2rem;}
.rczpmain .recruiinfoli .posttitle .jobrequirements{flex-wrap: wrap;}
.rczpmain .recruiinfoli .posttitle .jobrequirements .jobinfos{font-size: .95rem;margin-right:0;width:50%;}
.rczpmain .recruiinfoli .posttitle .jobrequirements .jobinfos span{font-size: .95rem;}

.rczpmain .recruiinfoli .workinfolist{padding: 1.2rem;}
.rczpmain .recruiinfoli .workinfolist .workcontent{}
.rczpmain .recruiinfoli .workinfolist .workcontent h1{font-size: 1.2rem;}
.rczpmain .recruiinfoli .workinfolist .workcontent ul{margin-top: 1rem}
.rczpmain .recruiinfoli .workinfolist .workcontent ul{font-size: .96rem;margin-bottom: .6rem;}
.rczpmain .recruiinfoli .workinfolist .workcontent ul p{font-size: .96rem;margin-bottom: .6rem;}

.rczpmain .recruiinfoli .workinfolist .recruitdemand{margin-top: 1.3rem;}
.rczpmain .recruiinfoli .workinfolist .recruitdemand h1{font-size: 1.2rem;}
.rczpmain .recruiinfoli .workinfolist .recruitdemand ul{margin-top: 1rem;}
.rczpmain .recruiinfoli .workinfolist .recruitdemand ul{font-size: .96rem;margin-bottom: .6rem;}
.rczpmain .recruiinfoli .workinfolist .recruitdemand ul p{font-size: .96rem;margin-bottom: .6rem;}
.rczpmain .paging{margin-top: 2rem;}
/************************************人才招聘页 End******************************************************/


/************************************联系我们页 Start*****************************************************/
.contactmain{}
.contactmain .contentlist{}
.contactmain .contactinfo{}
.contactmain .contactinfo .gsname{}
.contactmain .contactinfo .gsname h1{font-size: 1.3rem; margin-bottom: 1.3rem;text-align: center;}

.contactmain .contactinfo .gsinfo{}
.contactmain .contactinfo .gsinfo p{margin-bottom: .9rem;font-size: .98rem;}

.contactmain .contactinfo .gsmap{margin-top: 2rem;}
.contactmain .contactinfo .gsmap #allmap{width: 100%;height: 15rem;}
.contactmain .contactinfo .gsmap #allmap .qyname{font-size: 1.1rem}
.contactmain .contactinfo .gsmap #allmap .qyaddr{font-size: .9rem;margin-top: .6rem;}
.contactmain .contactinfo .gsmap #allmap .qyphone{font-size: .9rem;margin-top: .6rem;}
/************************************联系我们页 End*******************************************************/
}


@media screen and (max-width:600px){

/* 公共样式 */


/************************************首页 Start*******************************************************/
/* 导航 */

/* 轮播图 */

/* 关于我们 */

/* 新闻发布 */

/* 资质荣誉 */

/* 底部导航 */

/******************************************首页 End*****************************************************/


/************************************关于杉叶-公司简介页 Start*******************************************/

/************************************关于杉叶-公司简介页 End*********************************************/


/************************************关于杉叶-发展历程页 Start*******************************************/

/************************************关于杉叶-发展历程页 End*********************************************/


/************************************关于杉叶-公司资质页 Start*******************************************/

/************************************关于杉叶-公司资质页 End*********************************************/


/************************************关于杉叶-人才队伍页 Start*******************************************/

/************************************关于杉叶-人才队伍页 End*********************************************/


/************************************关于杉叶-组织机构页 Start*******************************************/

/************************************关于杉叶-组织机构页 End*********************************************/


/************************************业务范围页 Start***************************************************/

/************************************业务范围页 End*****************************************************/


/************************************作业资质页 Start***************************************************/

/************************************作业资质页 End*****************************************************/


/************************************作业设备页 Start***************************************************/

/************************************作业设备页 End*****************************************************/


/************************************典型项目页 Start****************************************************/

/************************************典型项目页 End******************************************************/


/************************************企业荣誉页 Start*****************************************************/

/************************************企业荣誉页 End*******************************************************/


/************************************新闻发布页 Start*****************************************************/

/************************************新闻发布页 End*******************************************************/


/************************************新闻详情页页 Start****************************************************/

/************************************新闻详情页页 End******************************************************/

}

@media screen and (max-width:375px){
.pubmain .left-nav .abtnav-list ul li{width: 50%;}

.footer .nav-list .navcontent ul li{width: 50%;}

}
@media screen and (max-width:360px){


}


@media screen and (max-width:320px){

}