/* CSS Document */
body{
	line-height:180%;
	margin:0px auto;
	/* background:url(../img/bodyback.jpg) repeat-x; */
	font-size:12px;
	 width:100%;
	 font-family:"Arial"; color: #555;
    background: #ffffff;
}
p,ul,big,small,b,span,font,h2,h1,dl,dd{;padding:0px;margin-top:0px;margin:0px;}
ul{padding:0px;margin-top:0px;margin:0px;}
li{ list-style:none;}
ul{list-style:none;}
a { color:#000000; text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#2bb24c; text-decoration:none ;}
.wrap{ width:1200px; margin:0 auto}
img{ border:none}
.fl{ float:left}
.fr{ float:right}
.h20{ height:20px; clear:both;}
.h10{ height:10px; clear:both;}
.clear{ clear:both}
.clear2{ clear:both; height:20px;}
input{ outline:none; font-family:"Arial";}



.nbanner img{ max-width:100%;}
.nbanner{ text-align:center;}

.ztitle{ text-align:center; padding-top:20px; padding-bottom:8px;}
.ztitle font{ font-size:24px; display:block; margin-bottom:5px; line-height:24px;}
.ztitle span{ display:inline-block; width:400px; border-bottom:#ddd 1px solid; height:10px;}
.ztitle small{ font-size:16px; display:inline-block; background:#fff; padding:0px 10px;}
.menu2 { text-align:center; padding:20px 0;}
.menu2 a{ display:inline-block; padding:10px 20px; font-size:14px; border:#ddd 1px solid; border-radius:5px; margin:0 5px;}
.menu2 a:hover ,.menu2 a.on{ background:#2bb24c; color:#fff;}
.menu3{ background:#f9f9f9; height:64px; border-bottom:#e7e7e7 1px solid; text-align:center}
.menu3 a{ display:inline-block; line-height:64px;  font-size:18px; padding:0px 18px;}
.menu3 a:hover,.menu3 a.on{ background:#4e5556; color:#fff;}


/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:260px; }
.side-menu { position: relative;    }
 
 
 
.hr10{ clear:both; height:10px;}
.hr20{ clear:both; height:20px;}
.hr30{ clear:both; height:30px;}
.hr40{ clear:both; height:40px;}
.hr50{ clear:both; height:50px;}
.f24{ font-size:24px;}.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.f14{ font-size:14px}
 .text_center{ text-align:center;}
 .row{ margin-left:-15px; margin-right:-15px;}
 .rowitem{ margin-left:15px; margin-right:15px;}
 .rowitem img{ max-width:100%;}
 .col_3{ width:33.3%; float:left;}
 .col_4{ width:25%; float:left;}
 .col_2{ width:50% ; float:left;}
 .col_5{ width:20% ; float:left;}
 .col_6{ width:16.66667% ; float:left;}
 
 
 
#header {
	 
}

.navTop {
	top: 44px;
	left: 0px;
	right: 0px;
	background-color: #FFF;
}
#header.fix{position:fixed; z-index:111111111111;left:0;top:0; width:100%}
#topBarBG {
	background-color:#423c3a;
}
#header.fix #topBarBG,#header.fix .myNav{display:none}
#topBar {
	height:28px;
	line-height:28px;
}
#loginBox a {
	color: #fff;
    font-size: 12px;
  	letter-spacing: 1px;
}
#loginBox span{
	color: #fff;
    font-size: 12px;
}
.icon-earphone {
    display: inline-block;
    width:20px;
    height:20px;
    vertical-align: sub;
}
.spIcon3 {
    background-image: url(../../img/index/zixundianhua.png);
    background-repeat: no-repeat;
}
#hotTel {
	text-align: right;
	color: #333;
	font-size: 1.5em;
	background-image: url(/cn/images/hotTel.gif);
	padding-left: 25px;javascript:;
	background-repeat: no-repeat;
	display: inline-block;
	background-position: 7px;
}

#language {
	text-align: right;
}

#language  span{
	text-align: right;
}
#language span a{
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}
#language span .zc{
    border: 1px solid #fff;
    border-radius: 15px;
    margin-right: 15px;
    padding: 3px 10px 3px 10px;
    color: #fff;
}
/*#language span .login{
	color: #ffffff;
}*/

#navBox .yc_tel{background:url(../images/tel.png) left center no-repeat; padding-left:40px; margin-top:30px;}
#navBox .yc_tel small{ font-size:14px; padding-bottom:5px; display:inline-block}
#navBox .yc_tel big{ font-size:22px; color:#2bb24c; font-weight:bold;}
#navBox {
	height: auto;
	background-color: #FFF; clear:both;
	
}
.myNav {
	position: relative;
	height: 86px;
	margin:0 auto;
}


#logo {
	float: left;
  	margin-top:15px;
}
#logo a {
	vertical-align: top;
	float: left;
	display: block;
 
	font-size: 0px;
	line-height: 0px;
}
.logoLine  {
	width: 2px;
	margin-right: 10px;
	margin-left: 10px;
	height: 60px;
	display: block;
	vertical-align: top;
	float: left;
	background-color: #0057A4;
}


#logo_txt font{ font-size:17px;}
#logo_txt {
	font-weight: 600;
	color: #025395;
	font-size: 14px;;
	float: left;
	line-height: 25px;
	 
	margin-top: 5px;
}

.minMenu{
	 position: relative;
        float: right;
        padding:7px 7px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        /*background:#f2f2f2; */
}
.minMenu .sr-only{
	  position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0; 
}
.minMenu .icon-bar{
	 display: block;
      margin-top: 4px;
      width: 22px;
      height: 2px;
      background:#2089cb;
      border-radius: 1px; 
}
#minMenuSub {
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: 50;
	top:70px;
	background-color: #F3F3F3;
	display: none;
}

#minMenuSub  dt a{
	font-size: 1.5em;
	color: #0057A4;
	font-weight: 500;
}
#minMenuSub   dd a{
	text-align: left;
	float: left;
	color: #999;
	font-size: 1.4em;
	line-height: 2.4em;
	margin-right: 15px;
}

#mainMenu {
	 background:#2bb24c;  
	 
}
#mainMenu li>a{
	font-size: 14px;
	bottom: 0px;
	text-align: right;
	font-weight: 500;
	font-family: inherit;
	color: #333333;
	vertical-align: bottom;
  	line-height: 40px;
}
#mainMenu li .active{
	/*font-size: 1.7em;*/
	/*bottom: 0px;*/
	/*text-align: right;*/
	/*font-weight: 500;*/
	/*font-family: inherit;*/
	color: #C40000;
	/*vertical-align: bottom;*/
}
#mainMenu li>a:hover {
	text-decoration: none;
}
#mainMenu ul>li{
	color: #fff;
    display: block;
    float: left;
    text-align: center;
    position: relative;
    height: 46px;
    width: 132px;
}
#mainMenu ul>li>a{ color:#fff; line-height:46px;}
#mainMenu ul>li:hover,#mainMenu ul>li.active {
	text-decoration: none;
	background: #006639!important;
	background-position: 58px 47px;
	background-repeat: no-repeat;

}
#mainMenu ul>li.navli11 a{ background:#fff; color:#2bb24c; display:block;    text-align: center; line-height: 32px;
    margin-top: 7px;
    border-radius: 61px;}
    #mainMenu ul>li.navli11:hover{ background:#2bb24c !important}
.nav-btn {
    width: 115px;
    height: 35px;
    line-height: 35px;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    margin-left: 20px;
    /* margin-top: 3px; */
    border: none;
    background:#C40000;
}
.nav-btn a{
	color:#fff;
	line-height:0;
	font-size:15px;
	text-decoration:none;
}
.col-md-4 .fwrx{
	font-size:3em;
}


.navSub {
	display: block;
	z-index: 21;
	padding-top:10px;
	padding-bottom:10px;
	position: absolute;
	top:46px;
	background-color:rgb(243,243,243);
}
#mainMenu ul>li:hover .navSub {
	display: block;
}
.navBg {
	background-color: #F3F3F3;
	display: none;
	height:190px;
	position: absolute;
	z-index: 20;
	left: 0px;
	right: 0px;
}
.navAbout {
}

.navSub img {
	float: left;
	margin-left:15px;
}
.navSub .subList{
	float: left;
	display: block;
	margin-left: 40px;
}
.navSub .navTitle {
	text-align: left;
	display: block;
	padding-bottom: 5px;
	width: 110px;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.navSub .navTitle a{
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0057A4;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 15px;
	color: #0057A4;
}

.navSub a {
	font-size: 1.2em;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	width: 110px;
	margin-bottom: 10px;
	padding-bottom: 3px;
	color: #141414;
	text-align: left;
	clear: both;
}
.navSub a:hover {
	text-decoration: none;
	color: #0057A4;
	background-image: url(../../images/hoverPic.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
.navAbout {
	width: 613px;
	left: -90%;
	display: none;
}
.navNews {
	width: 500px;
	left: -290px;
	display: none;
}
.navYw {
	width: 950px;
	right: -260px;
	display: none;
}
.navJs {
	width: 500px;
	display: none;
	right: -110px;
}
.bk49 {
	width: 49%;
}



 .zttitle{ text-align:center;}
 .zttitle .zbig{ font-size:36px; margin-bottom:4px;}
 .zttitle .zsmall{ font-size:20px; line-height:48px;}
 .zttitle .zsmall:before{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-right:15px; position:relative; top:-5px;}
 .zttitle .zsmall:after{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-left:15px;position:relative; top:-5px;}

 .title1{ text-align:center; line-height:1; color:#000}
 .title1 font{ display:block;   font-size:32px;  }
 .title1 p{ color:#666; font-size:16px;}
 .title1 .titleline{ width:200px; background:#ddd ; height:1px; margin:15px auto; text-align:center}
 .title1 .titleline span{ display:inline-block; height:5px; background:#025395; width:40px; position:relative; top:-8px}
 .part1{  }
 .part1 ul li { color:#fff;}
 .part1 ul li p{  }
 
 .font-30 {
    color: #ebf4fc;
    font-size: 28px;
    font-weight: bold;
}

.font-color-3 {
    font-size: 16px;
    color: #ffffff;
}
.part4 ul li p{ font-size:16px; text-align:center; line-height:2; margin-bottom:15px;}

.side-title{ background:#2bb24c; color:#fff;   line-height:1}
.side-title big{ display:block; font-size:24px; font-weight:900; padding:25px 24px 25px 24px; background:url(../img/icon01.png) no-repeat 218px center; }
.side-title small{ display:block; font-size:18px;}

.side-list ul{border-left:#ddd 1px solid;border-right:#ddd 1px solid; }
.side-list li{ border-bottom:#ddd 1px solid; line-height:50px; }
.side-list li a{ font-size:16px; background:url(../img/arr1.png) left center no-repeat; background-position:220px; padding-left:24px; display:block;}
.side-list li:hover a,.side-list li.on a{ color:#fff; background:url(../img/arr2.png) left center no-repeat #3ed483  ; background-position:200px;}

 
.side-head { height:34px; line-height:34px; padding:10px 0 10px 10px; font-size:20px; background:none;  }
.side-con { margin-bottom:20px; position:relative; top:20px; }
.side-con .side-head { height:40px; line-height:40px; background:#2bb24c; }
.side-con .side-head h2 { font-size:16px; font-weight:normal; color:#fff; padding:0 0  0 15px; }
.side-con .main { padding:10px 10px 15px; line-height:25px; border:1px solid #ddd;background: #fff; border-radius:0 0 5px 5px; }
.side-con .main img{ max-width:100%; margin-bottom:5px;}

.container11 { float:right; width:910px; }
.location { height:35px; border-bottom:1px solid #ddd; position:relative; line-height:35px; margin-bottom:10px;  }
.location font { font-size:20px; float:left;  }
.location .io {   float:right;color:#666; }
.location .io b { color:#999; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }


.list-news1 li{ line-height:35px; border-bottom:#ececec 1px solid; overflow:hidden;}
.list-news1 li a{ float:left; background:url(../img/arr1.png) left center no-repeat; padding-left:15px; display:block}
.list-news1 li span{ float:right; color:#666}

.list-news2 li{  overflow:hidden; padding-bottom:1%; margin-bottom:1%; background:#f4f4f4; padding:2%}
.list-news2 li.odd{  }
.list-news2 li span{ display:block; overflow:hidden; margin-bottom:5px;}
.list-news2 li span a{ font-size:16px; line-height:1; float:left;display:block; font-weight:900;}
.list-news2 li span font{ float:right}
.list-news2 li p{ font-size:12px; line-height:180%;}

.list-news3 li{border-bottom:#ececec 1px solid; overflow:hidden; padding-bottom:2%; margin-bottom:2%; background:#fafafa; padding:20px;}
.list-news3 li a.litpic{ float:left; display:block; width:20%;}
.list-news3 li a.litpic img{ width:100%;}
.list-news3 li span{ float:right; display:block; width:78%;}
.list-news3 li.noimg span{ width:100%; float:none}
.list-news3 li span a{ font-size:18px; font-weight:900; line-height:200%; margin-bottom:5px;}
.list-news3 li span font{ display:inline-block; margin-top:5px;}

.list-news3 li:hover{background:#2bb24c; color:#fff; }
.list-news3 li:hover span a{color:#fff;}

.list-news4 li{border-bottom:#ececec 1px solid; float:left; overflow:hidden;  width:32%; margin-right:2%; margin-bottom:2%; padding-bottom:2%;}
.list-news4 li.last{ margin-right:0;}
.list-news4 li a.litpic{   display:block; }
.list-news4 li a.litpic img{ width:100%; height:160px;}
.list-news4 li span{   display:block; }
.list-news4 li.noimg span{ width:100%; float:none}
.list-news4 li span a{ font-size:14px; height:40px; line-height:40px; overflow:hidden; display:block; }
.list-news4 li span font{ display:inline-block; margin-top:5px;}


/* shownews*/
.vtitle{ font-size:22px; line-height:30px; text-align:center; padding-top:20px;  margin-bottom:20px;  color:#000;;}
.vdes{  text-align:center; color:#A8A6A6; border-bottom:1px dotted #CCCCCC;border-top:1px dotted #CCCCCC; ; margin-bottom:10px; padding:4px 0;}
.ArticleMessage a:link{ text-align:center;color:#A8A6A6;}
.vcon{  line-height:180%; padding:10px 10px; }
.vcon img{ max-width:100%;}
.vpages { border:#f1f1f1 1px solid; background:#f7f7f7; padding:10px; margin:10px;}

ul,li{ margin:0; padding:0; list-style:none}
/*简单产品列表*/
.prolist ul{ margin:0 -15px;}
.prolist li{ float:left; margin-top:10px; width:33.3%;  }
.prolist li .item{ margin:15px 15px 0 15px;}
.prolist li a.txt{ display:block; text-align:center; line-height:30px; background:#eee; font-size:14px; line-height:34px;}
.prolist li a.img{ display:block; overflow:hidden;  }
.prolist li a.img img{ height:180px; display:block; width:100%; transition: all 0.6s; }
.prolist li:hover a.txt{ background:#2bb24c; color:#fff;}
.prolist li:hover .img img{transform: scale(1.2);}

/*简单产品列表*/
.prolist1 ul{ }
.prolist1 li{ float:left; margin-top:10px; width:32%; margin-right:2%; position:relative;height:180px; }
.prolist1 li.last{ float:right; margin-right:0;}
.prolist1 li a.txt{ display:block; text-align:center; line-height:36px; position:absolute; bottom:0px; left:0; color:#fff; width:100%; font-size:14px; z-index:3}
.prolist1 li a.img{ display:block;    height:180px;}
.prolist1 li span{position:absolute; bottom:0px; left:0; width:100%; background:#000; z-index:2; background:#000; height:36px;/* older safari/Chrome browsers */  
    -webkit-opacity: 0.8;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.8;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.8;  
    /* IE9 + etc...modern browsers */  
    opacity: .8;  
    /* IE 4-9 */  
    filter:alpha(opacity=80);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  }
 
/*面包屑导航*/
.vpos{ height:40px; line-height:40px; border-bottom:#d9d9d9 1px solid;}
.vpos font{ float:left; font-size:18px; margin-left:10px;}
.vpos span{ float:right; margin-right:10px;}
 

.footer { background:#2b4284; padding:10px 0 10px;color: #343434;border-bottom: 2px solid #0d2872;position: relative; text-align:center; color:#fff; }
.footer a{color: #fff;}




.model-that * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.model-that {
    margin-top: 10px;
}
.model-that .model-top {
    height: 300px;
    margin-bottom: 10px;
}
.model-top .top-left {
    width:795px;
    height: 300px;
    padding: 35px 0 0 50px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    float: left;
}
.model-top .top-left .prototype-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    /* width: 850px; */
    height: 300px;
    overflow: hidden;
}
.model-top .top-left .prototype-bg > img {
    width:820px;
   height:300px;
}
.model-top .top-left .prototype-bg > img {
    transition: all .3s;
}
.model-top .top-title {
    font-size: 22px;
    color: #ffffff;
    position: relative;
    z-index: 5;
}
.model-top .hidden-mask {
    overflow: hidden;
    height: 200px;
    position: relative;
    z-index: 5;
}
.model-top .top-left .move-mask {
    transition: all .4s;
}
.model-top p {
    font-size: 14px;
    color: #ffffff;
    margin-top: 15px;
    line-height: 20px;
}
.model-top .price-flag {
    margin-top: 10px;
    color: #ffffff;
}
.model-top .price-flag > span {
    vertical-align: middle;
    font-size: 36px;
}
.model-top .price-flag .slice {
    font-size: 16px;
    margin-top: 8px;
    display: inline-block;
}
.model-that .see-more {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin-top: 28px;
    background-color: #e64717;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.26);
    color: #ffffff;
    transition: all 1s;
    font-size: 14px;
    text-align: center;
    text-decoration:none;
}
.model-top .top-left .hot-flag {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.model-top .top-right {
    width: 394px;
    height: 300px;
    float: right;
    padding: 35px 0 0 50px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: left;
}
.model-top .top-right .assembly-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 420px;
    height: 300px;
    overflow: hidden;
    z-index: 2;
}
/*.model-that .model-bottom {
    height: 300px;
    overflow: hidden;
}*/
.model-that .model-bottom .bottom-item:first-child {
    margin-left: 0;
}
.model-that .model-bottom .bottom-item {
    width:393px;
    height: 300px;
    padding: 37px 0 0 50px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    float: left;
    margin-left: 10px;
    text-align: left;
}
.model-that .model-bottom .bottom-item .bottom-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 420px;
    height: 300px;
    z-index: 2;
    overflow: hidden;
}
.bottom-title {
    font-size: 22px;
    color: #ffffff;
    position: relative;
    z-index: 5;
}
.bottom-mask {
    overflow: hidden;
    height: 215px;
    position: relative;
    z-index: 5;
}
.bottom-item p {
    font-size: 14px;
    color: #ffffff;
    margin-top: 30px;
    line-height: 20px;
}
.model-top .top-left:hover .prototype-bg > img {
    transform: scale(1.02);
}
.model-top .top-left .move-mask {
    transition: all .4s;
}

.model-top .top-left:hover .move-mask {
    margin-top: -65px;
}
.model-top .top-right .assembly-bg > img{
     width:420px; 
     height:300px;
}
.model-top .top-right .assembly-bg > img {
    transition: all .3s;
}

.model-top .top-right:hover .assembly-bg > img {
    transform: scale(1.02);
}

.model-top .top-right .move-btn {
    transition: all .4s;
    margin-top: 45px;
}

.model-top .top-right:hover .move-btn {
    margin-top: -15px;
}
.model-bottom .bottom-item .bottom-bg > img {
    transition: all .3s;
}

.model-bottom .bottom-item:hover .bottom-bg > img {
    transform: scale(1.02);
}

.model-that .model-bottom .bottom-item:first-child {
    margin-left: 0;
}
.model-bottom .bottom-item .move-btn {
    transition: all .4s;
    margin-top: 50px;
    color: #ffffff;
}

.model-bottom .bottom-item .aluminum {
    margin-top: 25px;
}
.model-bottom .bottom-item .move-btn .price-flag > span {
    vertical-align: middle;
    font-size: 36px;
}
.model-bottom .bottom-item .move-btn .price-flag .slice {
    font-size: 16px;
    margin-top: 8px;
    display: inline-block;
}
.model-bottom .bottom-item .aluminum .see-more {
    margin-top: 55px;
    transition: all .4s;
}
.model-bottom .bottom-item:hover .move-btn {
    margin-top: -15px;
}
.model-bottom .last-bottom:hover .move-btn {
    margin-top: 25px;
}
.model-bottom .last-bottom:hover .see-more {
    margin-top: 0;
}
  .whoUS {
    padding-left: 45px;
    font-size: 13px;
    line-height: 30px;
}




.problems{padding-top:80px;padding-bottom:80px;position:relative;}
.problems .title{text-align:center;}
.problems .title span:first-child{display:inline-block;height:0.4rem;line-height:0.3rem;border-bottom:2px solid #025395;font-size:0.3rem;font-weight:bold;color:#323232;vertical-align:top;}
.problems .title span:nth-child(2){height:0.4rem;line-height:0.4rem;font-size:0.4rem;font-weight:bold;color:#025395;margin-left:0.15rem;}
.problems .title span:last-child{height:0.0.26rem;line-height:0.0.26rem;font-size:0.26rem;font-weight:bold;color:#323232;}
.problems .subtitle{font-size:16px;text-align:center;margin-top:15px;color:#323232;}
.problems .list{max-width:1420px;margin-left:auto;margin-right:auto;display:flex;flex-wrap:wrap;margin-top:0.1rem;}
.problems .list .item{width:50%;margin-top:0.9rem;}
.problems .list .item:nth-child(odd) .wrapper{float:left;}
.problems .list .item:nth-child(even) .wrapper{float:right;}
.problems .list .item .wrapper{width:65%;}
.problems .list .item .number{ height:46px;}
.problems .list .item .number span:first-child {padding:0 10px;height:44px;line-height:40px;border:0.03rem solid #2bb24c;float:left;text-align:center;font-size:32px;font-weight:bold;color:#2bb24c;}
.problems .list .item .number span.sz{padding:0 10px;height:46px;line-height:46px;float:left;background:#2bb24c;text-align:center;font-family:"Humnst777";font-size:24px;color:#fff;}
.problems .list .item .number font{float:left; line-height:46px; font-size:24px; color:#2bb24c; margin-left:10px;}
.problems .list .problem{line-height:30px;font-size:14px; color:#323232;padding-top:20px;text-align:justify;}
.problems .list .consultation{float:left;height:30px;margin-top:35px;}
.problems .list .consultation a{display:block;height:30px;padding-top:8px;border-top:2px solid #025395;font-size:16px;font-weight:bold;color:#025395;}
.problems .think{position:absolute;bottom:0;left:50%;width:340px;margin-left:-170px;}
.problems .think img{ width:100%}

 .problems .list  .txextright .problem{text-align:right; clear:both}
 .problems .list  .txextright .consultation{ float:right}
 .problems .list  .item.txextright .number{ float:right}


address, caption, cite, code, dfn, em, i, th, var {
    font-style: normal;
    font-weight: normal;
}
/*--aboutus--*/
.aboutus{padding:3.75rem 0;overflow:hidden;background:url(../img/aboutus_bg.jpg) no-repeat center / cover;}
.aboutus *{box-sizing: border-box;}
.aboutus .wrap-title{display:none;}
.aboutus-hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;overflow:hidden;}
.aboutus-hd{position:relative;padding-left:1.25rem;overflow:hidden;}
.aboutus-hd:before{display:block;position:absolute;top:50%;left:0;width:4px;height:2.25rem;content:"";background:#025395;background:linear-gradient(#025395,#025395);transform:translateY(-50%);}
.aboutus-hd h2{height:3.375rem;line-height:3.375rem;font-weight:normal;font-size:32px;color:#000;}
.aboutus-hd h2 a{color:#000;}
.aboutus-hd h2 a:hover{color:#025395;transition:all .5s;}
.aboutus-hd .datas{display:flex;text-align:center;overflow:hidden;}
.aboutus-hd .datas dl{margin-left:4.25rem;flex:none;width:auto;}
.aboutus-hd .datas dt{display:inline-block;position:relative;z-index:1;padding:0 0.75rem;height:2.25rem;line-height:2.25rem;font-size:1.5rem;color:#333;}
.aboutus-hd .datas dt:after{display:block;position:absolute;z-index:-1;top:0;right:0;width:1.5rem;height:1.5rem;content:"";border-radius:50%;animation:dot 4s linear infinite;}
.aboutus-hd .datas dt em{font-family:"DIN Medium";}
.aboutus-hd .datas dd{font-size:12px;color:#666;}
.aboutus-hd .datas dl:nth-child(1) dt:after{background:#3c7dda;}
.aboutus-hd .datas dl:nth-child(2) dt:after{background:#f19f00;}
.aboutus-hd .datas dl:nth-child(3) dt:after{background:#e83303;}
.aboutus-inner{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.aboutus-inner .intro{width:57.57%;overflow:hidden;background:#fff;}
.aboutus-inner .intro .pic{overflow:hidden;}
.aboutus-inner .intro .pic img{display:block;width:100%;transition:all 1s;}
.aboutus-inner .intro .pic:hover img{transform:scale(1.1);}
.aboutus-inner .intro .text{padding:2.5rem;overflow:hidden;}
.aboutus-inner .intro .text p{font-size:14px; line-height:2rem;color:#333;}
.aboutus-inner .history{position:relative;padding:0 3.125rem;width:40%;overflow:hidden;background:#fff;}
.aboutus-inner .history-list{position:relative;padding:1.25rem 0;}
.aboutus-inner .history-list:before{display:block;position:absolute;left:-2px;top:0;width:4px;height:100%;content:"";background:#025395;}
.aboutus-inner .history-list .item{padding:18px 0;}
.aboutus-inner .history-list .item h3{margin:0; padding:0;position:relative;padding-left:43px;line-height:40px;font-size:32px;font-family:"DIN Medium";color:#000; }
.aboutus-inner .history-list .item h3:before,.aboutus-inner .history-list .item h3:after{display:block;position:absolute;left:0;content:"";}
.aboutus-inner .history-list .item h3:before{left:0;top:50%;width:10px;height:10px;;background:#88c329;border:#fff solid 0.5rem;border-radius:50%;transform:translate(-50%,-50%);}
.aboutus-inner .history-list .item h3:after{left:0;top:50%;width:2rem;height:1px;content:"";background:#88c329;}
.aboutus-inner .history-list .item p{padding-left:3.125rem;padding-top:0.5rem;font-size:14px;line-height:1.75;color:#666;}
.aboutus-inner .history-list .item p em{font-weight:bold;color:#3c7dda;}
@media(max-width:1200px){
.aboutus{padding:4rem 1.25rem;}
.aboutus .wrap-title{display:block;}
.aboutus-hd{display:block;padding-left:0;}
.aboutus-hd:before,.aboutus-hd h2{display:none;}
.aboutus-hd .datas{width:100%;}
.aboutus-hd .datas dl{margin:0;padding:0 1rem;width:33.33%;}
.aboutus-hd .datas dt{font-size:2rem;}
.aboutus-hd .datas dd{font-size:1.25rem;}
.aboutus-inner .intro{float:none;width:100%;}
.aboutus-inner .intro .text p{font-size:14px;}
.aboutus-inner .history{margin-top:2rem;width:100%;}
.aboutus-inner .history-list .item p{font-size:14px;}
}
@keyframes dot{
0%{transform:scale(0);opacity:0;}
50%{transform:scale(1);opacity:1;}
100%{transform:scale(0);opacity:0;}
}
/*--end aboutus--*/
.honor_box {
    background: url("../img/honor_bg.jpg") no-repeat top center; padding:50px 0 80px 0;
}


.poster-main {
    position: relative;
    width: 900px;
    height: 270px;
    margin: 0 auto;
}

.poster-item {
    opacity: 1 !important;
    text-align: center;
    position: relative;
}

.poster-item h4 {
    display:block; width:55%;
    margin-top: 10px; font-size:14px; font-weight:normal;
    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}

.honor_item_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
}

.poster-main a,
.poster-main img {
    display: block;
}

.poster-main .poster-list {
    width: 900px;
    height: 270px
}

.poster-main .poster-list .poster-item {
    position: absolute;
    left: 0px;
    top: 0px
}

.poster-main .poster-btn {
    position: absolute;
    height: 100%;
    width: 100px;
    top: 0px;
    z-index: 10;
}

.poster-main .poster-prev-btn {
    left: 0px;
    background: url("../img/btn_l.png") no-repeat center center;
}

.poster-main .poster-next-btn {
    right: 0px;
    background: url("../img/btn_r.png") no-repeat center center;
}

.pab {
    position: absolute;
}

.adv{overflow: hidden;margin-bottom: 30px;}
.adv-ul{overflow: hidden;*margin-bottom: 10px;}
.adv-ul li{width: 100%;height: 345px;position: relative;background: #f7f7f7;margin-bottom: 20px;vertical-align: bottom;}
.adv-ul li:last-child{margin-bottom: 0;}
.adv-ul li .adv-wrap{padding:0 30px 0 15px;}
.adv-ul li .adv-text{overflow: hidden;width: 640px;}
.adv-ul li .adv-text h3{font-size:24px;color: #1f1a17;line-height:1;font-weight: bold;margin-bottom:20px;position: relative;}
/*.adv-ul li .adv-text h3 i{background: url("../img/adv_icon.png") no-repeat center;width: 40px;height: 2px;position: absolute;left: -100px;top: 16px;}*/
.adv-ul li .adv-text p{font-size: 14px;color: #333;background: url("../img/adv_p_icon.png") no-repeat left 9px;padding-left: 14px;line-height: 1.6;margin-bottom: 10px;}
.adv-ul li .adv-img{width: 498px;height: 345px;}
.adv-ul li .adv-img img{width: 100%;display: block;}
.adv-ul li .adv-img span{width: 131px;height: 101px;top: 50%;margin-top: -50px;}
.adv-icon01{background: url("../img/NO.1.png") no-repeat center;left: -65px;}
.adv-icon02{background: url("../img/NO.2.png") no-repeat center;right: -65px;}
.adv-icon03{background: url("../img/NO.3.png") no-repeat center;left: -65px;}
.adv-icon04{background: url("../img/NO.4.png") no-repeat center;right: -65px;}
.adv-ul li.a1 .adv-img{right: 0;top: 0;}
.adv-ul li.a2 .adv-img{left: 0;top: 0;}

.adv05{overflow: hidden;padding-top: 29px;padding-bottom: 32px;position: relative;}
.adv05-wrap{border: 2px solid #c2c0c0;padding: 20px 55px 44px 55px;overflow: hidden;background: #f7f7f7;}
.adv05-wrap h2{font-size: 24px;font-weight: bold;color: #1f1a17;line-height: 1.4;position: relative;padding-top: 30px;margin-bottom: 36px;width: 610px;}
.adv05-wrap h2 span{color: #2f47a1;display: block;}
.adv05-wrap h2 i{background: url("../img/NO.2.png") no-repeat center;width: 131px;height: 101px;position: absolute;right: 0;top: 0;}
.adv05-img{overflow: hidden;margin-bottom: 26px;position: relative;z-index: 10;}
.adv05-img img{float: left;width: 267px;height: 181px;margin-right: 7px;}
.adv05-wrap p{width: 586px;font-size: 16px;}
.adv05-honor{position: absolute;right: 0;top: 0;z-index: 1;}
.adv05-honor img{}

.bghui{ background:#f7f8fa; overflow:hidden; padding:40px 0;}
.info-section .section-wrapper.procedure .section-tit {
    float: left;
    width: 260px;
    margin-left: 0;
    line-height: 120px;
    height: 120px;
    font-size: 30px;
    color: #333;
    text-align: center;
    margin-right: 0;
}
   .info-section .section-wrapper.procedure .procedure-items {
        float: left;
        height: 120px;
        background: #fff;
        padding-left: 20px; }
        .info-section .section-wrapper.procedure .procedure-items .item {
          width: 114px;
          height: 100%;
          float: left;
          position: relative;
          margin-right: 20px; }
          .info-section .section-wrapper.procedure .procedure-items .item .icon {
            width: 30px;
            height: 30px;
            margin: 29px auto 19px auto; }
            .info-section .section-wrapper.procedure .procedure-items .item .icon.p1 {
              background: url(../img/aipcba-icons.png) -100px 0; }
            .info-section .section-wrapper.procedure .procedure-items .item .icon.p2 {
              background: url(../img/aipcba-icons.png) -100px -40px; }
            .info-section .section-wrapper.procedure .procedure-items .item .icon.p3 {
              background: url(../img/aipcba-icons.png) -100px -80px; }
            .info-section .section-wrapper.procedure .procedure-items .item .icon.p4 {
              background: url(../img/aipcba-icons.png) -100px -120px; }
            .info-section .section-wrapper.procedure .procedure-items .item .icon.p5 {
              background: url(../img/aipcba-icons.png) -100px -160px; }
            .info-section .section-wrapper.procedure .procedure-items .item .icon.p6 {
              background: url(../img/aipcba-icons.png) -100px -200px; }
            .info-section .section-wrapper.procedure .procedure-items .item .icon.p7 {
              background: url(../img/aipcba-icons.png) -100px -240px; }
          .info-section .section-wrapper.procedure .procedure-items .item .prc-text {
            text-align: center;
            font-size: 14px;
            color: #999; }
          .info-section .section-wrapper.procedure .procedure-items .item:after {
            content: '';
            position: absolute;
            width: 20px;
            height: 20px;
            background: url(../img/aipcba-icons.png) -80px 0;
            top: 50%;
            right: -20px;
            margin-top: -10px; }
          .info-section .section-wrapper.procedure .procedure-items .item:last-child {
            margin-right: 0; }
            .info-section .section-wrapper.procedure .procedure-items .item:last-child:after {
              width: 0;
              height: 0; }


.about-left {
	float: left;
	margin-top: 57px;
	padding-left: 40px;
	width: 353px;
	height: 305px;
	background: url(../img/about1.png) left top no-repeat
}

.about-left .about-title {
	margin-top: 47px;
	padding-left: 88px;
	background: url(../img/ab1.png) left center no-repeat;
	color: #fff;
	font-weight: 700;
	font-size: 38px;
	line-height: 60px
}

.about-left .ab-p {
	margin-top: 10px;
	color: #fff;
	font-size: 24px;
	line-height: 35px
}

.about-left a {
	display: block;
	margin-top: 28px;
	width: 158px;
	height: 47px;
	background: #0068c9;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 47px
}

.about-right {
	float: right;
	margin-top: 100px;
	width: 776px
}

.leftLoop2 {
	position: relative;
	margin: 0 auto;
	width: 620px
}

.leftLoop2 .hd {
	position: absolute;
	z-index: 9;
	width: 100%
}

.leftLoop2 .hd a {
	position: absolute;
	display: block;
	width: 58px;
	height: 104px;
	cursor: pointer
}

.leftLoop2 .hd .prev {
	top: 60px;
	left: -69px;
	background: url(../img/ab-left.png) left top no-repeat
}

.leftLoop2 .hd .next {
	top: 60px;
	right: -79px;
	display: block;
	background: url(../img/ab-right.png) right top no-repeat
}

.leftLoop2 .bd {
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center
}

.leftLoop2 .bd ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.leftLoop2 .bd ul li {
	float: left;
	overflow: hidden;
	width: 315px;
	text-align: center
}

.leftLoop2 .bd ul li div {
	position: relative;
	margin: 0 auto;
	width: 293px;
	border: 1px solid #fff
}

.leftLoop2 .bd ul li b,.leftLoop2 .bd ul li p {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-top: 10px;
	height: 43px;
	font-size: 12px
}

#scrollDiv ul li,.don-le ul li,.don-midd ul li {
	border-bottom: 1px dashed #cbcbcb
}

.leftLoop2 .bd ul li img {
	width: 100%
}

.leftLoop2 .bd ul li b {
	width: 100%;
	background: #000;
	opacity: .7;
	filter: alpha(opacity=70)
}

.leftLoop2 .bd ul li p {
	width: 100%;
	color: #fff;
	font-size: 14px;
	line-height: 43px
}

.don-le ul li a,.don-midd ul li a {
	display: block;
	padding-left: 20px;
	background: url(../img/jiao.png) left center no-repeat;
	color: #666;
	line-height: 30px;
	font-size: 14px;
	width:65%;
	float:left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dongtai {
	overflow: hidden;
	margin-top: 38px; padding-bottom:38px;
	height: auto
}

.don-le {
	float: left;
	margin-right: 45px;
	width: 396px;
	height: auto;
	overflow: hidden;
}

.don-le img {
	margin-top: 20px;
	width: 396px;
	height: 163px
}

.don-le ul li {
    width:100%;
	display: block;
	height: 34px;
	float:left;
}

.don-le ul li span {
	float: right;
	line-height: 34px;
}

.don-midd {
	float: left;
	width: 396px;
	height: auto;
	overflow: hidden;
}

.don-midd ul li {
    width:100%;
    float:left;
	height: 34px; 
}

.don-midd ul li span {
	float: right;
    line-height: 34px;
}

.don-ri {
	float: right;
	overflow: hidden;
	width: 309px;
	 
}

.don-midd img {
	margin-top: 20px;
	width: 396px;
	height: 163px
}

.dongtai .h2 {
	width: 100%;
	height: 40px;
	background: url(../img/ns.jpg) left bottom no-repeat;
	color: #333;
	font-weight: 400;
	font-size: 22px
}

.dongtai .h2 i {
	margin-left: 10px;
	color: #a0a0a0;
	font-size: 15px
}

.dongtai .h2 a {
	float: right;
	color: #333;
	font-size: 13px
}

.don-ri .h3 {
	padding-left: 30px;
	height: 35px;
	background: url(../img/wen.png) left center no-repeat;
	color: #333;
	white-space: nowrap;
	font-weight: 700;
	font-size: 14px;
	line-height: 35px
}

.don-ri .pp {
	padding-left: 30px;
	background: url(../img/da.png) left 3px no-repeat;
	color: #666;
	font-size: 14px;
	line-height: 1.6
}

#scrollDiv ul li {
	padding-top: 13px;
	padding-bottom: 10px
}

#scrollDiv ul li:last-child {
	border-bottom: none
}

#scrollDiv {
	overflow: hidden;
 
	color: #333;
	font-size: 20px
}

.friend {
	margin-top: 65px;
	height: auto
}

.friend-in {
	padding: 0 28px;
	width: 100%;
	height: 124px;
	border: 1px solid #cfcfcf
}

.fri-title span,.fri-title1 span {
	position: relative;
	padding: 0 52px;
	background-color: #fff;
	display: inline-block
}

.fri-title {
	text-align: center
}

.fri-title span {
	top: -15px;
	font-size: 20px
}

.fri-ul {
	overflow: hidden;
	height: auto
}

.fri-ul li {
	float: left;
	margin-right: 43px;
	margin-bottom: 10px
}

.fri-ul li a {
	color: #666;
	font-size: 13px
}

.fri-title1 {
	text-align: center
}

.fri-title1 span {
	bottom: -12px;
	font-size: 13px
}

.fri-title1 span a {
	display: inline-block;
	width: 152px;
	height: 36px;
	background: #0068c9;
	color: #fff;
	text-align: center;
	line-height: 36px
}
.pull-left {
    float: left!important;
}.clearfix {
    zoom: 1;
}
.footer_index *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mt100 {
    margin-top: 100px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb4 {
    margin-bottom: 4px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb6 {
    margin-bottom: 6px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb100 {
    margin-bottom: 100px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}

.ml100 {
    margin-left: 100px;
}

.mr5 {
    margin-right: 5px;
}

.mr4 {
    margin-right: 4px;
}

.mr6 {
    margin-right: 6px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mr60 {
    margin-right: 60px;
}

.mr80 {
    margin-right: 70px;
}

.plr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.site-nav-r .plr10 {
    padding-left: 10px;
    padding-right: 10px;
}

.ptb100 {
    padding-top: 100px;
    padding-bottom: 100px;
}.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.cl-f90 {
    color: #88c329;
}

.f36 {
    font-size: 36px;
}
.normal {
    font-weight: 400;
}
.dis {
    display: block;
}
/*底部*/
.footer_index *{}
.footer_index{background:#2b2b2b;}
/*.foot_nav_box{width:860px;}*/
.foot_nav{padding-top:60px;}
.foot_nav_box dl{float:left;max-width:170px;}
.foot_nav_box dt{font-size:16px;color:#999;margin-bottom:15px;}
.foot_nav_box dd{margin-bottom:10px;}
.foot_nav_box dd a{font-size:12px;color:#fff;}
.foot_nav_box dd a:hover,.footer_index .copy_right a:hover{color:#88c329}
.footer_index .contact-mail{width:270px;}
.footer_index .contact-mail p{color:#999;}
.footer_index .copy_right{height:72px;line-height:72px; color:#999;}
.footer_index .copy_right a{
  border-left:1px solid #999;
  padding-left:5px;
  color:#999;
}
    .footer_index .copy_right a img{
        vertical-align: sub;
    }
.footer_index .footbox{
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}/*底部*/
    .footer_index{background:#2b2b2b;}
    /*.foot_nav_box{width:860px;}*/
    .foot_nav{padding-top:60px;}
    .foot_nav_box dl{float:left;max-width:170px;}
    .foot_nav_box dt{font-size:16px;color:#fff;margin-bottom:15px;}
    .foot_nav_box dd{margin-bottom:8px;}
    .foot_nav_box dd a{font-size:12px;color:#999;}
    .contact-mail{width:300px;}
    .copy_right{height:72px;line-height:72px;}
    /*视屏*/
    .shipin_box{position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.5);z-index:99;}
    .shipin_box_contain{width:700px;height:500px;left:50%;margin-left:-350px;top:50%;margin-top:-250px;}
    .close{
        width: 38px;
    height: 38px;
    background: url(/Content/img/free/close.png) no-repeat center;
    display: block;
    position: absolute;
    right: -150px;
    top: -30px;
    opacity: 0.5;
    cursor: pointer;
    }
.se1{color:#88c329}.se2{color:#025395}


.mt30 {
    margin-top: 30px;
}

/*ecms*/
.ecms{background:url(../img/ecms_bg.jpg) no-repeat center;height:450px;padding-top:40px;}
.ecms_list ul{ margin:0 -7px;}
.ecms_list li{
    width:16.6666%;
    height:260px;
  
   
    float:left;
 
   text-align:center;
    transition:all 0.2s ease;
}
.ecms_list li .item{ margin:7px;  padding: 35px  0px 0;   background:#fff; height:229px;   }
.ecms_list li:hover .item{ box-shadow: -2px 0 31px rgba(0,0,0,.1);} 

.cnc li,.mould li,.MetalPlate li{width:305px;height:380px;position:relative;float:left;margin-right:20px;}
/*.mould .li1{background:url(../img/home/moju1.jpg) no-repeat center;background-size:cover}
.mould .li2{background:url(../img/home/moju2.jpg) no-repeat center;background-size:cover}
.mould .li3{background:url(../img/home/moju3.jpg) no-repeat center;background-size:cover}
.mould .li4{background:url(../img/home/moju4.jpg) no-repeat center;background-size:cover;margin-right:0}
.MetalPlate .li1{background:url(../img/home/MetalPlate1.png) no-repeat center;background-size:cover}
.MetalPlate .li2{background:url(../img/home/MetalPlate2.png) no-repeat center;background-size:cover}
.MetalPlate .li3{background:url(../img/home/MetalPlate3.png) no-repeat center;background-size:cover}
.MetalPlate .li4{background:url(../img/home/MetalPlate4.png) no-repeat center;background-size:cover;margin-right:0}*/
.cnc li p,.mould li p,.MetalPlate li p{position:absolute;bottom:0;height:50px;width:100%;text-align:center;font-size:20px;line-height:50px;background:#777777;color:#fff}
.ecms_list h3{width:136px;margin:auto;border-bottom:1px solid #eeeeee;padding-bottom:20px;text-align:center;}
.ecms_list b{display:block;width:40px;height:4px;background:#88c329;margin:auto;margin-top:-2px;}
.ecms_list dd{font-size:14px;color:#666666;margin-bottom:10px;}  




/*捷配PCBA好品质出自好设备    2021/3/8更新*/
.PcbaMenber{padding-bottom:50px;padding-top:40px;}
.PcbaMenber .PcbaShow{width:100%;box-shadow: 0px 3px 20px 0px 
		rgba(0, 0, 0, 0.2);margin-top:30px;}
.PcbaMenber .PcbaCutTop{position:relative}
.PcbaMenber .PcbaCutTop li{width:116px;float:left;height:56px;line-height:56px;background:#fff;text-align:center;color: #666666;font-size: 14px;    cursor: pointer;}
.PcbaMenber .PcbaCutTop .active{color:#f90;}
.PcbaMenber .PcbaCutTop .roll{position:absolute;left:0;transition:all .5s ease;top:0;width:116px;height:3px;background:#f90;    transform: translateX(000px);}
.PcbaMenber .PcbaSwiper{width:1280px;height:500px;position:relative;overflow:hidden}
.PcbaMenber .PcbaSwiper img{width:100%;height:100%;}
.PcbaMenber .swiper-button-prev{top:214px;left:0;}
.PcbaMenber .swiper-button-next{top:214px;right:0}
.PcbaMenber .PcbaCutBottom{position:absolute;bottom:0;left:0;width:100%;height:169px;    background-image: linear-gradient(0deg, #000000 0%, rgba(0,0,0,0) 100%);z-index:1;}
.PcbaMenber .PcbaCutBottom li{padding-top:95px;padding-left:30px;color:#fff;}
.PcbaMenber .PcbaCutBottom li p{font-size: 20px;}
.PcbaMenber .PcbaCutBottom li span{font-size: 14px;}
.PcbaMenber .PcbaCutBottom li i{display:inline-block;width:7px;height:7px;background:#fff;margin-right:5px;vertical-align:middle;border-radius:50%;}





/*分割*/
.solve_plan{padding-top:40px;background-color: #fafafa;padding-bottom:50px;background:url(/Content/img/home/solve_plan.jpg) no-repeat center;background-size:cover;}   
.solve_plan .solve_ul li{width: 420px;height: 100px;background:#fff;position:relative;padding:25px 0;padding-left:150px;float:left;    transition: all 0.2s ease;}
.solve_plan .solve_ul li:hover{    margin-top: -5px;
  }
.solve_plan .solve_ul li p{font-size: 20px;color: #333333;}
.solve_plan .solve_ul li span{font-size: 16px;color: #999999;}
.solve_plan .solve_ul li img{width:80px;height:90px;position:absolute;left:40px;top:-13px;}
.solve_plan .solve_ul{margin-bottom:15px;margin-top: 30px;}
.OrdersolveSwiper{width: 641px;	height: 382px;overflow:hidden;position:relative;}
.OrdersolveSwiper ul{position:absolute;width:100%;height:112px;overflow:hidden;left:0;bottom:0;z-index:1}
    .OrdersolveSwiper ul li {
        width: 100%;
        height: 112px;
        padding-left: 32px;
        padding-top: 70px;
        color: #ffffff;
        font-size: 16px;
        background-image: linear-gradient(0deg, #000000 0%, rgba(0,0,0,0) 100%);
    }


.solve_hd li{float:left;width:max-content;text-align:center;padding-bottom:20px;cursor:pointer;box-sizing: border-box;    padding: 0 24px 20px;}
.solve_hd li i{display:block;background-image:url(/Content/img/home/home_icon.png);background-repeat:no-repeat;margin:auto;}
.solve_hd .solve_item1 i{background-position:0 0;width:55px;height:51px;}
.solve_hd .solve_item2 i{background-position:-169px 0;width:55px;height:51px;}
.solve_hd .solve_item3 i{background-position:-362px 0;width:55px;height:51px;}
.solve_hd .solve_item4 i{background-position:-549px 0;width:55px;height:51px;}
.solve_hd .solve_item5 i{background-position:-936px 0;width:55px;height:51px;}
.solve_hd .solve_item6 i{background-position:-753px 0;width:55px;height:51px;}
.solve_hd .solve_item7 i {background: url(/Content/img/home/home_icons.jpg) no-repeat center;    margin: auto;    display: block;    width: 55px; height: 51px;}
.solve_hd li h3{margin-top:10px;}
.solve_hd li p{margin-top:10px;}
.solve_bd{background:#f8f8f8;padding-top:50px;border-top:1px solid #eeeeee;padding-bottom:50px;}  
.pro_cont_img{height:70px;line-height:70px;width:50px;}


.pro_server{padding-top:40px;padding-bottom:40px;}

.Newpro_level{width:1280px;height:600px;padding:50px;background:#fff;position:relative;display:none}
.Newpro_level .Newpro_Left{float:left;width:800px;height:500px;background:#F6F6F6;   text-align:center;position:relative;padding-top:50px;}
.Newpro_level  .Newpro_Left .orig{display:inline-block;position:relative;    height: 400px;}
.Newpro_level .Newpro_Left img{height:400px;}
.pro_levelParent .layui-layer-setwin .layui-layer-close2:hover {
    background-position: 0;
}
.ballOrder{
    display:none;
}
.Newpro_level .amplification {
    position: absolute;
    right: 50px;
    width: 370px;
    height: 500px;
    top: 50px;
    overflow: hidden;
    background: #fff;
    display: none
}
.blocks{
            /*小图的宽高比例
                窗口的宽度 / 大图的宽度 * 窗口的宽度
            */
            /*width:134px;
            height:134px;*/
            /*background:rgba(254,238,167,.4);*/
            position: absolute;
            left: 0;
            top:0;
            display: none;
        }
.Newpro_level .Newpro_Right{float:right;width:350px;height:500px;margin-left:30px;}
.Newpro_level .Newpro_Right .textTitle{font-size:20px;font-weight:bold;padding:20px 0;border-bottom:1px dashed #CCCCCC;color:#333333;    padding-top: 10px;}
.Newpro_level .Newpro_Right p{font-size:14px;font-weight:bold;text-align:left;color:#333333}
.Newpro_level .Newpro_Right span{display:block;font-size:14px;color:#666666;line-height:24px;}
.pro_levelParent{
    border:none;
    padding:0;
}
.pro_levelParent .layui-layer-setwin{

}
.pro_levelParent .layui-layer-setwin .layui-layer-ico{
font-size: 28px;
    color: #fff;
    background: url(/Content/img/home/layer_delete.png) no-repeat center;
    width: 25px;
    height: 25px;
    top: 0px;
    right: 0px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    background-size: cover;
}
.pro_levelParent .layui-layer-content{
    padding:0;
}
.proserver_ball{ margin:0 -5px;}
.pro_server li{float:left;width:25%; position: relative;
    transition: all 0.2s ease;}
.pro_server li img{width:100%; }
.pro_server li:hover {
   
}
.pro_server li .item{margin:5px;  background:#f7f8fc; padding:15px;}
.pro_server li .tier{
    background:#88c329;
    color:#fff;
    border-radius:2px; margin:0 4px 4px 0;
}

/*.pro_server li:hover{      
     }*/
.pro_server li a{display:block;height:100% ; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pro_server li p{text-align: center; }
.pro_server li p b{display:block;width:100%;color:#333333; line-height:30px; font-weight:normal;font-size:16px;margin-bottom:5px;}
.pro_server li p b a{color:#333333}
.pro_server li p span{color:#FF9900;font-size:13px;display:inline-block;height:24px;line-height:24px;text-align:center;background:#FFF8EE;padding:0 4px; border: 1px solid #88c329;}
/*.pro_server li b{display:block;position:absolute;width:305px;text-align:center;left:0;bottom:35px;color:#333;font-size:14px;font-weight:400}*/
.pro_server li .img{
    width:100%;
    display:block;
    height:305px;
}
.server-country-count dd{width:255px;border-right:1px solid #e5e5e5;text-align:center;}
/*铝基板*/
.pro_lj li{float:left;width:305px;height:380px;background:#fff;background-image:linear-gradient(to bottom,#efefef,#ffffff);margin-right:20px;}
.pro_lj dl{background:#f5f5f5;width:265px;margin:auto;padding:10px;margin-bottom:10px;}
.pro_lj dd{float:left;color:#7a7a7a;}
.pro_lj dd:nth-child(1),.pro_lj dd:nth-child(3){width:110px;}
.pro_lj li h4{margin-top:20px;}
.pro_lj .swiper-slide:hover{
margin-top: -3px;
    box-shadow: 0 13px 35px 0 rgba(0,0,0,.19);
    -webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
    transition: all .3s cubic-bezier(.55,0,.1,1);
    -webkit-transform: translate3d(0,-1px,0);
    -ms-transform: translate3d(0,-1px,0);
    transform: translate3d(0,-1px,0);
}
.pro_panel li{width:413px;height:400px;background:#fff;background-image:linear-gradient(to bottom,#efefef,#ffffff);margin-right:20px;}
.pro_panel li:hover{margin-top: -3px;
    box-shadow: 0 13px 35px 0 rgba(0,0,0,.19);
    -webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
    transition: all .3s cubic-bezier(.55,0,.1,1);
    -webkit-transform: translate3d(0,-1px,0);
    -ms-transform: translate3d(0,-1px,0);
    transform: translate3d(0,-1px,0);}
.freesj_icons {
    position: absolute;
    width: 120px;
    height: 121px;
    background: url(/Content/img/home/freesj_icon.png) no-repeat;
    top: -10px;
    left: -10px;
    display: inline-block;
}

.four-guarantee{ clear:both;border-top:1px solid #f2f2f2;background-color:#fff}.four-guarantee .guarantee-box{padding:40px 0}.four-guarantee .guarantee-box li{float:left;margin-right:35px;width:272px;height:60px;border-right:1px solid #f1f1f1;-webkit-transition:All .3s ease-in-out;-moz-transition:All .3s ease-in-out;-o-transition:All .3s ease-in-out;transition:All .3s ease-in-out}.four-guarantee .guarantee-box li:hover{color:#f54c18;-webkit-transform:translate(0,-8px);-moz-transform:translate(0,-8px);-o-transform:translate(0,-8px);transform:translate(0,-8px);-ms-transform:translate(0,-8px)}.four-guarantee .guarantee-box li:last-child{margin-right:0;border-right:0}.four-guarantee .guarantee-box li .jp-ico{float:left;margin-right:15px}.flex-center{display:flex;justify-content:center;align-items:center}


.s2 *{-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.slideTxtBox .hd{ margin-bottom:34px;border-bottom: 1px solid #d2d2d2;}
.slideTxtBox .hd ul{ margin-top:40px;}
.slideTxtBox .hd ul li{  float: LEFT;
    font-size: 16px;
    padding: 4px 0px;
    line-height: 50px; width:12.5%; text-align:center; }
.slideTxtBox .hd ul li:nth-of-type(1){ margin-left:0px;}
	.slideTxtBox .hd ul li.on{border-bottom: 2px solid #2bb24c; color:#2bb24c}
	.slideTxtBox .hd ul li.on a{color:#2bb24c; font-weight:900;}
	.slideTxtBox .hd ul li i{  width:55px; height:55px; display:block;    float: left;}
.slideTxtBox .hd ul li:nth-of-type(1) i{ background:url(../img/icon_1.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(2) i{ background:url(../img/icon_2.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(3) i{ background:url(../img/icon_3.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(4) i{ background:url(../img/icon_4.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(5) i{ background:url(../img/icon_5.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(6) i{ background:url(../img/icon_6.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(7) i{ background:url(../img/icon_2.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(8) i{ background:url(../img/icon_8.png) no-repeat;}


.slideTxtBox .hd ul li:nth-of-type(1):hover i{ background:url(../img/icon_01.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(2):hover i{ background:url(../img/icon_02.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(3):hover i{ background:url(../img/icon_03.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(4):hover i{ background:url(../img/icon_04.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(5):hover i{ background:url(../img/icon_05.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(6):hover i{ background:url(../img/icon_06.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(7):hover i{ background:url(../img/icon_02.png) no-repeat;}
.slideTxtBox .hd ul li:nth-of-type(8):hover i{ background:url(../img/icon_08.png) no-repeat;}
.slideTxtBox .hd ul li.cur{     border-bottom: 1px solid #b20000;}
.slideTxtBox .hd ul li.cur i{ background:url(../img/icon1.png) no-repeat;}
.slideTxtBox .bd{}
.slideTxtBox .bd ul{}
.slideTxtBox .bd ul .fl{    width: 840px;
    overflow: hidden;}
.slideTxtBox .bd ul .fl img{    max-width: 100%; height:580px;}
.slideTxtBox .bd ul .fr{    width: 342px;
    background: #f5f5f5;
    height: 580px;
    position: relative;}
	.slideTxtBox .bd ul .fr p{     font-size: 32px;
    color: #025395; font-weight:900;
    text-align: center;
    margin-top: 42px;}
.slideTxtBox .bd ul .fr .com{ font-size: 14px;
    line-height: 34px;
    height:390px;
    overflow-y:scroll ;
    color: #333;
    padding: 40px 34px;}
.slideTxtBox .bd ul .fr .btn{    position: absolute;
    bottom: 30px;
    /* width: 296px; */
    background: #fb6707;
    right: 0px;
    padding: 14px 30px;
    width: 80%;
    margin: 0px 10%;
    border-radius: 0px;
    font-size: 18px;}
.slideTxtBox .bd ul .fr .btn a{ color: #fff;}
.slideTxtBox .bd ul .fr .btn p{    font-size: 18px;
    text-align: center;
    line-height: 30px;}
.slideTxtBox .bd ul .fr .btn span{font-size: 20px;
    /* right: 0; */
    float: right;
    font-weight: bold;}
	
.xian0{ background:url(../img/icon1.png) no-repeat; width:107px; height:12px; display:block; margin:8px auto;}
.s3{    margin-bottom: 20px;    padding-top:40px;}
.s3 ul{ margin:20px auto;}
.s3 ul li{ border:1px #CCC solid; margin-bottom:15px;}


@media screen and (max-width:600px){
    .callbacks_nav{
        top:47%;
    }
}

@media (max-width: 1400px){
.rslides li{ height:600px;}
}

@media (max-width: 767px){

.rslides li{ height:400px;}
.rslides li .com {
 top: 20% !important;
    left: 0%;
}
.rslides li .com .t1 {
       font-size: 26px;
}
.rslides li .com .t2 {
  font-size: 18px;
}
.rslides li .com .t3 {
   font-size: 16px;
}
.callbacks_tabs.callbacks1_tabs {
    margin-left: 36%;float: left;
}
.rslides li .she {
    width: 90%;
}

}
.color-theme {
    color: #2bb24c!important;
}
.floor {
    position: relative;
    margin-top: 25px;
}
.clearfix {
    clear: both;
}

.J-nice-service-container {
 
 
}
.J-nice-service-container .box {
	width:850px
}
.J-nice-service-container .box h3 {
	margin-bottom:30px;
	font-size:32px
}
.J-nice-service-container .box .list {
	overflow:hidden
}
.J-nice-service-container .box .list li {
	width:138px;
	float:left;
	border-right:1px solid #f2f2f2;
	margin-right:25px
}
.J-nice-service-container .box .list li:last-child {
	border:none
}
.J-nice-service-container .box .list li .item i {
	margin-bottom:10px;
	margin-left:2px
}
.J-nice-service-container .box .list li .item .num {
	font:700 40px/1.1 Arial,Helvetica,sans-serif
}
.J-nice-service-container .box .list li .item .num span {
	font:700 40px/1.1 "Arial"
}
.J-nice-service-container .box .cooperation_logo {
	width:630px;
	margin-top:30px;
	position:relative;
	left:-6px
}
.J-nice-service-container .box .cooperation_logo .slide-logo li {
	float:left; width:20%;
}
.J-nice-service-container .box .cooperation_logo .slide-logo li .wrap-img{margin:0 2px;}
.J-nice-service-container .world-map {
	position:absolute;
	right:0;
	top:-15px;
	z-index:9;
	width:720px;
	height:455px;
	background:url(/assets/img/pcb_new/world-map.png);
	overflow:hidden
}
.country-area .point,.country-area .point-1:after,.country-area .point-2:after {
	top:0;
	right:0;
	bottom:0;
	left:0;
	position:absolute
}
.country-area {
	position:absolute
}
.country-area .country-point {
	width:5px;
	height:5px;
	border-radius:50%;
	font-size:0
}
.country-area .point {
	z-index:0;
	width:12px;
	height:12px;
	margin:auto;
	-webkit-border-radius:50%;
	-webkit-background-clip:padding-box;
	-moz-border-radius:50%;
	-moz-background-clip:padding;
	border-radius:50%
}
.country-area .point-1,.country-area .point-2 {
	width:150px;
	height:150px;
	margin-left:-73px;
	margin-top:-73px
}
.country-area .point-1:after {
	display:block;
	border-radius:50%;
	border:1px solid #f54c18;
	opacity:0;
	-webkit-animation:ripple 4.5s ease-out 225ms infinite;
	-moz-animation:ripple 4.5s ease-out 225ms infinite;
	-o-animation:ripple 4.5s ease-out 225ms infinite;
	animation:ripple 4.5s ease-out 225ms infinite
}
.country-area .point-2:after {
	display:block;
	border-radius:50%;
	border:1px solid #f54c18;
	opacity:0;
	-webkit-animation:ripple 4.5s ease-out 1125ms infinite;
	-moz-animation:ripple 4.5s ease-out 1125ms infinite;
	-o-animation:ripple 4.5s ease-out 1125ms infinite;
	animation:ripple 4.5s ease-out 1125ms infinite
}
.ie8 .country-area .point {
	display:none!important
}
@-webkit-keyframes ripple {
	0% {
	opacity:0;
	-webkit-transform:scale(.1,.1)
}
5% {
	opacity:1
}
100% {
	opacity:0;
	-webkit-transform:scale(1)
}
}@-moz-keyframes ripple {
	0% {
	opacity:0;
	-moz-transform:scale(.1,.1)
}
5% {
	opacity:1
}
100% {
	opacity:0;
	-moz-transform:scale(1)
}
}@-o-keyframes ripple {
	0% {
	opacity:0;
	-o-transform:scale(.1,.1)
}
5% {
	opacity:1
}
100% {
	opacity:0;
	-o-transform:scale(1)
}
}@keyframes ripple {
	0% {
	opacity:0;
	-webkit-transform:scale(.1,.1);
	-moz-transform:scale(.1,.1);
	-ms-transform:scale(.1,.1);
	transform:scale(.1,.1)
}
5% {
	opacity:1
}
100% {
	opacity:0;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
}




.hexn_xiao{
    font-size: 1rem;
    line-height: 30px;
    color: #333333;
}
.swxins{
    overflow: hidden;
}
.hexins{
    position: relative;
    padding-top: 4%;
}
.swxins_img img{
    width: 100%;
    height: auto; display: block;
}
.swxins .swiper-wrapper .swiper-slide{
    position: relative;
}
.swxinsnei{
  
    
    width: 100%;background: #7f7f7f;
    text-align: center;
    color: #fff;
}
.swxins_img com-img{ position:relative}
.swxins .swiper-wrapper .swiper-slide:hover .com-img:before{  ; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgb(0,0,0);   
 opacity:0.5;   
filter:alpha(opacity=50);   
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)';
}
.swxinsnei_img{
    width: 20%;
    margin: 0 auto;
}
.swxinsnei_tt{
    font-size: 1.1rem;
    line-height: 45px;
    padding: 1% 0;
}
.swxinsnei_tt a{
    color: #fff;
}
.swxinsnei_xx{
    background: url(//cdn.myxypt.com/7271fd6b/21/08/c024e163da6585c01becbba92c8aa7d8cacb499a.png) center center no-repeat;
    height: 1px;
    margin: 1% 0;
}
.swxinsnei_mm{
    width:30%;
    margin: 6% auto 0;
    border: #fff 1px solid;
    text-align: center;
    font-size: 0.8rem;
    line-height: 28px;
}
.swxinsnei_mm a{
    color: #fff;
}
.hexins .sdxt{
   position: absolute;
   top: 40%;
   left: -1%;
   z-index: 999;
   background: url(../img/0eb6570e128153310353817e417002273f691e55.png) center center no-repeat #2bb24c;
   width: 58px;
   height: 58px;
}
.hexins .swdv{
    position: absolute;
    top: 40%;
    right: -1%;
    z-index: 999;
    background: url(../img/0eb6570e128153310353817e417002273f691e55.png) center center no-repeat #2bb24c;
    width: 58px;
    height: 58px;
    transform: rotateY(180deg);
 }
 
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff  ;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd ;
  }
  
  
  .bgCc {
    background-color: #f0f0f0;
}
section {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pad20Bt {
    padding-bottom: 20px;
}.pad10 {
    display: inline-block;
    padding: 10px; font-size:14px; line-height:2;
}


.txt15 {
    font-size: 15px;
    line-height: 2.4;
    word-wrap: break-word; color:#000;
}
.txt15 p {
    margin: 0 0 10px;
}
img{ max-width:100%;}

.col-sm-4 {
    width: 33.33333333%; float:left;
}.col-sm-7 {
    width: 58.33333333%; float:left;
}
.col-sm-6 {
    width: 50%;float:left;
}.col-sm-12 {
    width: 100%; float:left;
}

/* 造就品质好板 */
.productDisplay {
    width: 1280px;
    margin: 0 auto;
}

.industry {
    width: 1280px;
    height: 325px;
    margin: 0 auto;
}

    .industry .swiper-container {
        width: 100%;
        height: 340px;
    }

    .industry .swiper-slide {
        height: 284px;
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        transition: 300ms;
        transform: scale(0.7, 0.8);
    }

    .industry .swiper-container .swiper-slide img {
        width: 100%;
        height: 100%;
     
    }

    .industry .swiperClick .swiper-slide-active,
    .industry .swiperClick .swiper-slide-duplicate-active {
        transform: scale(1);
    }

    .industry .leftButton1 {
        background: url(/Content/img/doublePanel/rightlb.png) no-repeat center center;
        right: 0;
    }

    .industry .leftButton2 {
        background: url(/Content/img/doublePanel/leftlb.png) no-repeat center center;
        left: 0;
    }

    .industry .leftButton1,
    .industry .leftButton2 {
        background-size: 100% 100%;
        width: 52px;
        height: 52px;
        cursor: pointer
    }

    .industry .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background: rgba(238, 238, 238, 1);
        opacity: 1;
    }

    .industry .swiper-container .swiper-pagination-bullet-active {
        width: 12px;
        height: 12px;
        background: #2bb24c;
    }

    .industry .swiper-slide div {
        width: 100%;
        height: 46px;
        background: #b7b7b8;
        font-size: 18px;
        font-family: Alibaba PuHuiTi;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 46px;
        position: absolute;
        bottom: 0;
    }


/*工程支持*/
.support{ padding-top:50px;padding-bottom:60px;background:#f5f5f5;height: 507px;}
.contentSupport li{float:left;width: 270px;height: 326px;background-color: #ffffff;    padding: 35px 7px 0 8px;margin-right:20px;transition:all .5s ease;text-align:center}
.contentSupport li img{width:180px;height:180px;display:block;margin:0 auto}
.contentSupport li p{color: #333333;font-size: 20px;font-weight:bold;text-align:center;margin-bottom:10px;}
.contentSupport li span{display:inline-block;text-align:center;color: #999999;font-size: 14px;}
.contentSupport li:last-child{margin-right:0}
.contentSupport li:hover{	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);margin-top: -5px;
    margin-bottom: 25px;}
	
	
	.website_platform_features {
  width: 100%;
  height: 454px;
  background-color: #f6f8fb;
}
.website_platform_features_title {
  width: 100%;
  text-align: center;
  padding-top: 80px;
  /*font-family: PingFangSC-Semibold;*/
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
}
.website_platform_features_node {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.website_platform_features_node_div {
  width: 210px;
  display: inline-block;
  vertical-align: top;
}
.website_platform_features_icon {
  width: 44px;
  height: 44px;
}
.website_industry {
  width: 100%;
  height: 600px;
  background-color: #ffffff;
}
.website_industry_title {
  width: 100%;
  text-align: center;
  /*font-family: PingFangSC-Semibold;*/
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  padding-top: 80px;
}
.website_how_to_do_service_img {
  width: 1200px;
  margin: auto;
}
.website_how_to_do_service_img img {
  width: 1200px;
}
.bg_blue {
  background-color: #3c78ff;
}
.have_right {
  margin-right: 120px;
}
.website_platform_features_name {
  font-family: PingFang-SC-Bold;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  margin-top: 34px;
}
.website_platform_features_content {
  width: 100%;
  text-align: center;
  font-family: PingFang-SC-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #666666;
  margin-top: 8px;
}


.accordion {
    padding: 10px 40px;
}

.accordion li {
border-bottom: 1px solid #e5e5e5;
overflow: hidden;
float:left;
}

.accordion li:nth-of-type(3) {
border-bottom: none
}

.accordion li > p {
height: 80px;
line-height: 80px;
cursor: pointer
}

.accordion li div p {
line-height: 28px;
font-size: 14px
}

.accordion li div p.f20 {
line-height: 32px;
font-size: 20px
}

.borderspan {
    font-size: 30px;
    float:left;
}

.titlespan {
    width:60%;
    float: left;
    font-size:18px;
    line-height:25px;
    padding:15px 0 15px 15px;
}

.showspan, .hidespan {
    float: right;
    font-weight: bold
}

.showspan {
    display: none
}

.hidespan {
    font-size: 28px
}

.accordion li.active .showspan {
    display: block;
    margin-right: 7px;
}

.accordion li.active .hidespan {
    display: none
}

.accordion li div {
    display: none
}

.accordion li.active div {
    display: block;
    height: 200px;
    overflow-y:scroll;
    width: 100%;
}

.accordion li.active .titlespan {
    display: none
}

.accordion li.active .borderspan {
    border-bottom: 2px solid #2bb24c
}


.bottom-box {
    overflow: hidden;
    background: #F5F5F5;
    padding-bottom: 70px;
    padding-top: 50px
}

.swiper-container-bottom li {
    width: 308px !important;
    padding: 14px 15px !important;
    background: #fff;
    height: 327px !important
}

    .swiper-container-bottom li:hover {
        border-bottom: 5px solid #f90
    }

    .swiper-container-bottom li p {
        line-height: 80px;
        font-size: 18px
    }



.swiper-container-bottom {
    position: relative
}

    .swiper-container-bottom .swiper-button-next {
        right: 328px !important;
        width: 50px !important;
        height: 98px !important;
        background: url(/Content/img/anniu.png) no-repeat -200px;
        margin-top: -49px;
    }

    .swiper-container-bottom .swiper-button-prev {
        left: 312px !important;
        width: 50px !important;
        height: 98px !important;
        background: url(/Content/img/anniu.png) no-repeat 0;
        margin-top: -49px;
    }

.boss .swiper-button-prev {
    width: 50px !important;
    height: 98px !important;
    background: url(/Content/img/anniu.png) no-repeat 0;
    margin-top: -49px;
}

.boss .swiper-button-next {
    width: 50px !important;
    height: 98px !important;
    background: url(/Content/img/anniu.png) no-repeat -200px;
    margin-top: -49px;
}
.zzUl {
    overflow: hidden;
    width: 1280px;
    margin: auto
}

    .zzUl li {
        width: 20%;
        float: left;
        text-align: center;
        cursor: pointer;
    }

        .zzUl li img {
            display: block;
            margin: 10px auto
        }

.topUl {
    overflow: hidden;
    width: 960px;
    margin: 0 auto -1px
}

    .topUl li {
        width: 240px;
        float: left;
        text-align: center;
        cursor: pointer;
        padding: 50px 0 0
    }

        .topUl li p{
            margin-top:5px
        }
        .topUl li img {
            display: block;
            margin: 10px auto
        }

        .topUl li.active {
            border-bottom: 3px solid #f90;
            color: #f90
        }

.topImgUl>li>img {
    display: none;
}

.topImgUl>li{
    display:none
}
.topImgUl>li.active{
    display: block;
}
.topImgUl > li.active > img {
    display: block;
    margin: 30px auto;
    width: 1280px;
}

.topImgUl li .zzUl img{
    display:block
}
.topImgUl li .zzUl  {
    font-size:16px;
    color:#333
}

.flex_between  p{
    width: 49%;
    font-size:16px!important;
    display: inline-block;
}

.sbBox ul{
    overflow:hidden
}
.sbBox li {
    float: left;
    width: 25%;
}

.sbBox li table{
    table-layout:fixed;
    width:216px;
    border-color:#ddd;

}
    .sbBox li table td{
        text-indent:15px;
        font-size:14px;
    }


    .mjBox ul {
        overflow: hidden;
    }

.mjBox li {
    float: left;
    width: 25%;
    margin-bottom: 15px;
}

.mjBox li img{
    width: 235px;
    height: 170px;
    background: #E4E4E6;
    opacity: 1;
    margin:auto;
    display:block
}

.bottom-ul li {
    width: 240px;
    float: left;
    cursor: pointer;
    margin-right: 20px;
}

    .bottom-ul li img {
        display: block;
        margin: auto
    }



.textBox .pull-right li{
    width:280px;
    height:160px;
    overflow:hidden;
    margin-bottom:20px;
}

    .textBox .pull-right li p {
        width: 280px;
        height: 34px;
        background: rgba(0,0,0,0.5);
        line-height: 34px;
        margin: 0px 0 10px;
        position: relative;
        z-index: 9;
        transition: all .1s ease;
        color: #fff;
        text-align:center
    }

    .textBox .pull-right li:hover p {
        margin: -34px 0 10px;
    }

.industryBox .swiper-slide {
    margin-top: 20px;
}


.industryBox .pull-left {
    width: 750px;
    overflow: hidden
}

    .industryBox .pull-left .swiper-slide img {
        width: 100%;
    }

.industryBox .pull-right {
    width: 406px;
    height: 536px;
    background: #fff;
    box-shadow: 0 0 20px 10px #d4d4d4
}


.accordion {
    padding: 10px 40px;
}

    .accordion li {
        border-bottom: 1px solid #e5e5e5
    }

        .accordion li:nth-of-type(3) {
            border-bottom: none
        }

        .accordion li > p {
            height: 80px;
            line-height: 80px;
            cursor: pointer
        }

        .accordion li div p {
            line-height: 28px;
            font-size: 14px
        }

            .accordion li div p.f20 {
                line-height: 32px;
                font-size: 20px
            }

.borderspan {
    font-size: 30px
}


.showspan, .hidespan {
    float: right;
    font-weight: bold
}

.showspan {
    display: none
}



/*-- t-picture-type05 --*/
.t-picture-type05{overflow:hidden;}
.t-picture-type05-list{display:flex;flex-wrap:wrap;margin:-15px;}
.t-picture-type05-list .item{position:relative;float:left;;margin:15px;padding:50px 20px;width:calc(100% / 3 - 30px);text-align:center;overflow:hidden;box-sizing:border-box;border:#e0e0e0 solid 1px;box-shadow:0 0 10px rgba(0,0,0,0.1);transition:all .5s;border-radius:10px;}
.t-picture-type05-list .pic{padding:25px;margin:0 auto;width:130px;height:130px;overflow:hidden;background:#2bb24c;border:#fff solid 5px;border-radius:50%;}
.t-picture-type05-list .pic img{display:block;width:100%;}
.t-picture-type05-list .text{position:relative;margin-top:20px;overflow:hidden;transition:all .5s;}
.t-picture-type05-list .text h3{font-weight:normal;font-size:32px;line-height:1.5;color:#025395;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:900}
.t-picture-type05-list .text p{margin-top:5px;font-size:14px;line-height:1.5;color:#666;}
.t-picture-type05-list .item:hover{background:#2bb24c;border-color:#2bb24c;}
.t-picture-type05-list .item:hover .pic img{filter:contrast(0) brightness(2);}
.t-picture-type05-list .item:hover .text *{color:#fff;}
@media (max-width:1200px){
.t-picture-type05-list{margin:-6px;}
.t-picture-type05-list .item{margin:6px;padding:25px 10px;width:calc(100% / 2 - 12px);}
.t-picture-type05-list .pic{padding:20px;width:100px;height:100px;}
.t-picture-type05-list .text{margin-top:10px;text-align: center;}
.t-picture-type05-list .text h3{font-size:16px;}
.t-picture-type05-list .text p{/* display:none; */font-size: 1.25rem;text-align: center;}
}
/*-- end t-picture-type05 --*/



/* 模块 a3 */
.a3 {
    margin-bottom: 101px;
    overflow: hidden;
}

    .a3 .mtitle {
        text-align: center;
        margin-top: 52px;
        margin-bottom: 58px;
        position: relative;
        height: 170px;
    }

        .a3 .mtitle a {
            display: block;
            position: absolute;
            left: 185px;
            top: 150px;
            opacity: 0.1;
        }

    .a3 .mbody li {
        width: 282px;
         
        border: solid 1px #ddd;
        float: left;
        margin-right: 21px;
        margin-bottom: 22px;
    }

        .a3 .mbody li:nth-child(4n) {
            margin-right: 0;
        }

        .a3 .mbody li dl {
            width: 100%;
            height: 100%;
        }

            .a3 .mbody li dl dt {
                width: 260px;
              
                margin: 12px; overflow: hidden;
            }

                .a3 .mbody li dl dt img {
                    width: 100%;
                    height: 100%; transition: all 0.6s;
                }
.a3 .mbody li:hover dl dt img{transform: scale(1.2);}
            .a3 .mbody li dl dd {
                width: 100%;
                height: 59px;
                background-color: #2bb24c;
            }

                .a3 .mbody li dl dd a {
                    color: #fff;
                    font-size: 16px;
                    font-weight: normal;
                    font-family: 'Source Han Sans CN';
                    line-height: 59px;
                    text-align: center;
                    display: block;
                }
/* 模块 a3 */


.ecological_recruit{
    width: 100%;
 
    background-color: #ffffff;
}
.ecological_recruit_title{
    width: 100%;
    text-align: center;
    padding-top: 80px;
    /*font-family: PingFangSC-Semibold;*/
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}
.ecological_recruit_node{
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
.ecological_recruit_node_div{
    display: inline-block;
    vertical-align: top;
    width: 386px;
    height: 280px;
}
.ecological_recruit_div{
    width: 386px;
    height: 280px;
    position: relative;
    box-shadow: 0px 8px 26px 0px rgba(93, 93, 93, 0.1);
}
#ecological_recruit_div_plan{
    background-image: url('../img/ecological_recruit_1.jpg');
    background-size: 100%;
}
#ecological_recruit_div_software{
    background-image: url('../img/ecological_recruit_2.jpg');
    background-size: 100%;
}
#ecological_recruit_div_hardware{
    background-image: url('../img/ecological_recruit_3.jpg');
    background-size: 100%;
}

#ecological_recruit_div_hardware1{
    background-image: url('../img/ecological_recruit_4.jpg');
    background-size: 100%;
}

#ecological_recruit_div_hardware2{
    background-image: url('../img/ecological_recruit_5.jpg');
    background-size: 100%;
}


#ecological_recruit_div_hardware3{
    background-image: url('../img/ecological_recruit_6.jpg');
    background-size: 100%;
}


.ecological_recruit_div_name{
    width: 100%;
    text-align: center;
    padding-top: 90px;
    font-family: PingFang-SC-Bold;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}
.ecological_recruit_div_content{
    width: 330px;
    margin: 18px auto auto;
    text-align: center;
    font-family: PingFang-SC-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #ffffff;
}
.ecological_recruit_node_div{
    cursor: pointer; margin-bottom:20px;
}
.ecological_recruit_div_bg_img{
    background-image: url('../img/ecological_recruit_1.png');
    background-size: 100%;
}
#software,#hardware,#hardware2,#hardware3{
    margin-left: 21px;
}
.ecological_recruit_color_bg{
    position: absolute;
    width: 386px;
    height: 280px;
    background:rgba(0,0, 0,0.4);
}
.ecological_cooperation{
    width: 100%; overflow:hidden; padding:20px 0;
    background-color: #f6f8fb;
}
.ecological_cooperation_title{
    padding-top: 80px;
    /*font-family: PingFangSC-Semibold;*/
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    width: 100%;
    text-align: center;
}
.ecological_cooperation_node{
    margin: 40px -15px; height:220px;
 
    text-align: center;
}
.ecological_cooperation_node_div{
    width: 25%; float:left;transition:all .5s ease;
    vertical-align: top;
    text-align: center;
}
.ecological_cooperation_node_div .item{ margin:15px 15px 35px 15px; background:#fff; }
.ecological_cooperation_node_div:hover .ecological_cooperation_node_div_name a {
    color: #2bb24c;
}

.ecological_cooperation_node_div:hover{ margin-top: -5px;
     }
.ecological_cooperation_icon{
    width: 100%;
    
}
.ecological_cooperation_node_div_name{
    width: 100%;
    text-align: center;
    margin-top: 12px;
    margin-bottom:10px;
    font-size: 24px; font-weight:900;
  
   
    letter-spacing: 0px;
    color: #333333;
}
.ecological_cooperation_node_div_name a{
    color: #333333;
}
.ecological_cooperation_node_div_content{
 
    text-align: center;
    margin-top: 8px; padding:0 10px 15px 10px;
    font-family: PingFang-SC-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #666666;
}
.have_ecological_cooperation_left{
   
}
.ecological_contact{
    width: 100%;
    height: 710px;
    background-color: #ffffff;
}
.ecological_contact_title{
    width: 100%;
    text-align: center;
    padding-top: 80px;
    /*font-family: PingFangSC-Semibold;*/
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}
.ecological_partner{
    width: 100%;
    height: 530px;
    background-color: #f6f8fb;
}
.ecological_partner_img_div{
    width: 100%;
    height: 110px;
    margin: 40px auto auto;
    text-align: center;
}
.ecological_partner_img_border{
    width: 240px;
    height: 110px;
    background-color: #ffffff;
    display: inline-block;
    vertical-align: top;
    line-height: 110px;
}
.ecological_partner_img{
    width: 140px;
    height: 60px;
}
.ecological_partner_img_have_left{
    margin-left: 20px;
}
.next_div{
    margin-top: 20px;
}
.ecological_contact_node{
    width: 1200px;
    margin: 40px auto auto;
    position: relative;
}
.ecological_contact_map{
    width: 490px;
    height: 440px;
    float: left;
}
.ecological_contact_div{
    float: right;
    width: 710px;
    height: 440px;
}
.ecological_map_point_1{
    position: absolute;
    left: 313px;
    top: 141px;
    width: 52px;
    height: 38px;
    text-align: center;
    cursor: pointer;
}
.ecological_map_point_2{
    position: absolute;
    left: 415px;
    top: 83px;
    width: 52px;
    height: 38px;
    text-align: center;
    cursor: pointer;
}
.ecological_map_point_3{
    position: absolute;
    left: 138px;
    top: 186px;
    width: 52px;
    height: 38px;
    text-align: center;
    cursor: pointer;
}
.ecological_map_point_4{
    position: absolute;
    left: 363px;
    top: 250px;
    width: 52px;
    height: 38px;
    text-align: center;
    cursor: pointer;
}
.ecological_map_point_5{
    position: absolute;
    left: 264px;
    top: 295px;
    width: 52px;
    height: 38px;
    text-align: center;
    cursor: pointer;
}
.ecological_map_point_6{
    position: absolute;
    left: 329px;
    top: 362px;
    width: 52px;
    height: 38px;
    text-align: center;
    cursor: pointer;
}
.ecological_map_point_node_1{
    width: 52px;
    height: 18px;
    background-color: #ffffff;
    border-radius: 7px;
    border: solid 1px #ff73df;
    /*font-family: PingFangSC-Semibold;*/
    font-size: 8px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ff73df;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.ecological_map_point_node_2{
    width: 52px;
    height: 18px;
    background-color: #ffffff;
    border-radius: 7px;
    border: solid 1px #ffac57;
    /*font-family: PingFangSC-Semibold;*/
    font-size: 8px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffac57;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.ecological_map_point_node_3{
    width: 52px;
    height: 18px;
    background-color: #ffffff;
    border-radius: 7px;
    border: solid 1px #ff5a5a;
    /*font-family: PingFangSC-Semibold;*/
    font-size: 8px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ff5a5a;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}


.ditu *  {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} 
.ditu {background:#fafafa;padding-top:50px;padding-bottom:20px;}
.ditu h2{font-size:32px;}
.ditu li{float:left;width:33.3%;border-right:1px solid #E5E5E5;text-align:center;height:33px;line-height:33px;font-size:32px;}
.ditu li span {
        color:#999999;
        font-size:14px;
    }
.ditu ul{width:820px;margin:auto;margin-top:18px;}
.ditu_box{ height:460px;}


/*右侧客服*/
.sidebar-tab-bom{
    position:fixed;
    right:0;
    top:50%;

}
.orders {
    position: absolute;
    z-index: 5;
    width: 500px;
    top: 60px;
    height: 350px;
    background: rgba(255,255,255,.8);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.1);
    left: 100px;
    top: 60px;
}
.orders dl.orders-title {
    background-image: linear-gradient(to right,#fff1dd, #fff);
    width: 100%;

}
.orders dt, .orders dd {
    overflow: hidden;
}
.orders dt .ww {
    line-height: 50px;
    font-weight: 400;
    text-align:center;
}
.orders-tab{position: absolute; left: 0px;z-index: 6; width: 538px; }
.orders-tab li{float: left; height:30px;}
.orders-tab li a{font-size:16px;padding:0 10px;}
.orders-tab li.selected a,.orders-tab li:hover a{position: relative; z-index: 10; display:block}
.orders-tab li:hover a{border-color: #ffad33;}
.orders .ww1{width: 33%;}
.orders .ww2{width: 33%;}
.orders .ww3{width: 33%;}
.orders .ww4{width: 12%;}
.orders .ww5{width: 12%;}
.orders .ww6{width: 12%;}
.orders .ww7{width: 33%;}
.orders .ww8 {width: 8%;}
.orders .guan i {display:block;width:25px;height:22px;background-image:url(/Content/img/grade-icon.png);background-repeat:no-repeat;float:left;text-align:center;line-height:19px;text-indent:-1px;}
.orders .guan{width:19%;}
.orders .guan b {display:block;float:left;text-indent:3px;}
.orders .guan i.yellow-zuan {background-position:0 0;margin-top:8px;color:#c97900;font-weight:bold;}
.orders .guan i.gray-zuan {background-position:-32px 0;margin-top:8px;color:#4a4a4a;}
.orders .guan i.yellow-guan {background-position:-65px 0px;margin-top:6px;}
.orders .guan i.black-zuan {background-position:-94px 0px;margin-top:6px;}
.orders .ww8 i {display:block;width:40px;border-radius:2px;height:19px;margin-top:8px;}
.orders .ww8 i s {width:23px;height:15px;display:block;background:#fff;border-radius:2px;float:left;text-decoration:none;margin-left:2px;margin-top:2px;text-align:center;line-height:15px;}
.pcb-delivery-days i.red { background:#e00000;}
.pcb-delivery-days i.red s{color:#e00000; }
.pcb-delivery-days i.yellow {background:#f90;}
.pcb-delivery-days i.yellow  s{ color:#f90;}
.pcb-delivery-days i.bg-a38459 { background:#a38459;}
.pcb-delivery-days i.bg-a38459 s{ color:#a38459; }
.orders .ww { display: block;float: left;text-align:center}
.orders-con { position: relative;     height: 250px;margin-top: 25px; overflow: hidden;}
.finish{height: 20px;background-color: #f0f9eb;border-radius: 3px;line-height:20px;border: solid 1px #d5eec8;	color: #67c23a; display:inline-block;}
.offer{height: 20px;background-color: #fef0f0;border-radius: 3px;line-height:20px;border: solid 1px #fcd5d5;	color: #f56c6c; display:inline-block; text-align:center}
.purchase{height: 20px;line-height:20px;background-color: #fcf6eb;border-radius: 3px;border: solid 1px #f7e5c8;	color: #ff9900; display:inline-block; }
.await{  color: #333333;height: 20px;line-height:20px;background-color: #f4f4f5;border-radius: 3px;border: solid 1px #e0e0e2;display:inline-block; }
.orders dd .ww {     height: 35px;
    line-height: 35px; text-align:left; padding-left:50px;}
.classifyleft{text-align: left;float: left;width: 576px;padding-top: 39px;}
.classifyleft h3{font-size: 70px;color: #ff9900;border-bottom:3px solid #f90;display:inline-block}
.classifyleft p{font-size: 32px;margin-top:60px;}
.classifyleft span{font-size: 20px;	}
.classifyright{text-align:left;float:left;width:704px;}
.classifyright img{width:100%;}
.pl77{padding-left:77px}
.cl-fff{color:#fff}
.cl_020213{color:#020213}
.cl_666{color:#666}
.mt70{margin-top:70px;}
.classify{margin-bottom:45px}
.mb0{margin:0;}

.text-center {
    text-align: center;
}
.col-sm-5 {
    width: 41.66666667%; float: left;
}



.vcon table{ width:100%; border-left:#e6e6e6 1px solid; border-top:#e6e6e6 1px solid; border-collapse:collapse;}
.vcon table tr:nth-child(1) td{ background-color: #2bb24c; color:#fff}
.vcon td, .vcon th {
    position: relative;
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
	text-align: center;
	 border-right:#e6e6e6 1px solid; border-bottom:#e6e6e6 1px solid;}
	 .vcon table tr:nth-child(even) {
    background-color: #f5f5f5}
	.vcon table tr:hover {
    background-color: #f2f2f2}

.vcon h2{color:#2bb24c; font-size:20px; font-weight:900; border-left: #025395 solid 4px; padding-left:14px; line-height:20px; margin: 15px 0;}