.index_titlebox{ width:100%;position:relative; z-index:1;}
.index_title{text-align:center; padding:40px 0 20px;}
.index_title h4{font-size:20px;color:#989898;}
.index_title h3{font-size:36px;line-height: 42px; color:#0060AD ;padding:0 15px 10px;letter-spacing:2px;border-bottom:1px solid #F47950;margin-bottom:10px;}
/* .index_title h3:after{display:block; content:""; width:60px; height:2px; background:#0079C6;margin:12px auto 13px;} */
.index_title h3 i.i1{color:#F4C600}
.index_title h3 i.i2{color:#10AF5D}
.index_title h3 i.i3{color:#EB4F38}


.index_title p{ line-height:35px; color:#243E7B; margin-top:0px; font-size:15px; }
.index_title em{ background:#F47950;width:100px; height:2px; margin:0 auto; display:block; margin-bottom:-1px;}
.index_title span i{ padding-bottom: 10px; color:#FE5F16; border-bottom:3px solid #FE5F16;display: inline-block;}



.morebox span,
.indexpro1 li,
.indexnews  .newsbottom li,
.aboutlist li span.icon-zero,
.solutionlist .mousebottom li  .morebox,
.aboutcont .more,.companyTitle .more,.index_pro dl,
.index_pro dl dd{
	transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
}

.container{width:1200px; margin:auto;}

/*  */
.container{overflow:hidden; margin-top:10px;}
.indexteambox{width:1120px;padding:0px 40px 20px;overflow:hidden; margin:auto;position:relative;}
.indexteambox .prev,.indexteambox .next{position:absolute; width:26px; height:39px; display:block; top:50%; margin-top:-20px; background-image:url(../images/p-btn.png);
background-repeat:no-repeat;}
.indexteambox .prev:hover,.indexteambox .next:hover{background-image:url(../images/p-btnh.png);}
.indexteambox .prev{background-position:left top; left:0;}
.indexteambox .next{background-position:right top; right:0;}
.indexteambox .tempWrap{padding:0 5px;}
.indexpro1{overflow:visible !important;}
.indexpro1 li{width:224px; float:left;margin:10px 0;position:relative;}
.indexpro1 li:before{position:absolute; display:block;content:""; width:1px; height:250px;background:#F1F1F1; top:50%; margin-top:-125px;left:0;}
.indexpro1 li a{display:block;width:100%;padding:15px 0; text-align:center;}
.indexpro1 li .figure{ overflow:hidden;}
.indexpro1 li .figure img{width:175px;height:175px;display:block;margin:auto;}
.indexpro1 li h3{padding:10px 15px 0;line-height:22px; height:66px;overflow:hidden;}
.indexpro1 li:hover{
	box-shadow:0 2px 8px rgba(0,0,0,.3);
	transform:translatey(-6px);
	-webkit-transform:translatey(-6px);
	-moz-transform:translatey(-6px);
	-ms-transform:translatey(-6px);
	-o-transform:translatey(-6px);
}
.indexpro1 li .btns{display:block;margin:10px auto 0;width:70px; line-height:26px; border:1px solid #ddd;border-radius:30px;}
.indexpro1 li:hover .btns{ border:1px solid #0079C6;color:#fff; background:#0079C6;}


/* 系列 */
.index_pro{margin-right:-40px;}
.index_pro dl{width:576px;margin-right:40px; border:2px solid #F47950; float:left;margin-bottom:20px;background:#F47950}
.index_pro dl dt{width:180px;float:left;height:72px;overflow:hidden;background:#fff;}
.index_pro dl dt img{display:block; width:180px;height:63px; margin-top:5px;}
.index_pro dl dd{margin-left:180px;text-align:center;font-size:22px;line-height:72px;color:#fff;;}

.index_pro dl.pro_dl1 ,.index_pro dl.pro_dl7,.index_pro dl.pro_dl13,.index_pro dl.pro_dl19 {background:#FFA384;border-color:#FFA384;}
.index_pro dl.pro_dl2 ,.index_pro dl.pro_dl8,.index_pro dl.pro_dl14 ,.index_pro dl.pro_dl20{background:#FC8158;border-color:#FC8158;}
.index_pro dl.pro_dl3 ,.index_pro dl.pro_dl9,.index_pro dl.pro_dl15 ,.index_pro dl.pro_dl21{background:#F84143;border-color:#F84143;}
.index_pro dl.pro_dl4 ,.index_pro dl.pro_dl10,.index_pro dl.pro_dl16,.index_pro dl.pro_dl22 {background:#0161B5;border-color:#0161B5;}
.index_pro dl.pro_dl5 ,.index_pro dl.pro_dl11,.index_pro dl.pro_dl17,.index_pro dl.pro_dl23 {background:#0089E7;border-color:#0089E7;}
.index_pro dl.pro_dl6 ,.index_pro dl.pro_dl12,.index_pro dl.pro_dl18,.index_pro dl.pro_dl24 {background:#7992A8;border-color:#7992A8;}

.index_pro dl:hover {border-color:#F47950;background:#F47950}

/* 新闻 */
.indexColumnThree{padding-top:40px;padding-bottom:50px;width:1200px; margin:auto;}
.indexNewsLeft{ float:left;width:700px;}
.companyTitle{ font-size:36px; font-weight:lighter; }
.companyTitle span{padding-left:10px;}
.companyTitle span img{height:auto;}
.companyTitle .more{ float:right;color:#DA251C;width:21px;height:21px; display:block;background:url(../images/winco48.png) center center no-repeat; }
.companyTitle .more:hover{transform:rotatez(90deg);-webkit-transform:rotatez(90deg);-moz-transform:rotatez(90deg);-o-transform:rotatez(90deg);-ms-transform:rotatez(90deg);}
.indexNewsLeft dl {margin-top:40px;padding-bottom:19px; border-bottom:1px dashed #DADADA;}
.indexNewsLeft dl dt{ float:left;width:250px;}
.indexNewsLeft dl dt img{ display:block;width:100%;}
.indexNewsLeft dl dd{ float:none;width:100%;}
.indexNewsRight{ float:right;width:460px;}
.indexNewsLeft dl dd{ float:left;width:430px;padding-left:20px;margin-top:0;}
.indexNewsLeft dl dd .newsTitle{ font-size:16px;color:#333; font-weight:bold;margin-bottom:7px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap; }
.indexNewsLeft dl dd .newsText{color:#666;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}
.indexNewsLeft dl dd .moreDeatils{ display:block;margin-top:10px;background:#0079C6;color:#fff; border-radius:40px;width:110px;height:35px; line-height:35px; text-align:center; border:1px solid transparent}
.indexNewsLeft dl dd .moreDeatils:hover{border-color:#0079C6;color:#0079C6;background:transparent;}
.indexNewsList{padding-top:10px;}
.indexNewsList .date{ float:right;color:#999;}
.indexNewsList li a{color:#666;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;}
.indexNewsList li a:hover{color:#0079C6}
.indexNewsList li{margin-top:10px;}

.industryList{margin-top:25px;}
.industryList li {padding:10px 0; border-bottom:1px dashed #DADADA; cursor:pointer;}
.industryList li:last-child{ border-bottom:0;}
.industryList li .inductryBox{padding:8px 0;color:#888;}
.industryList li .industryCon{ border-left:1px solid #DBDBDB;margin-left:90px;padding-left:10px;display:block; }
.industryList li .industryCon h4{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;font-size:18px;margin-bottom:10px;color:#333;margin-bottom:5px; }
.industryList li .industryCon p{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2; font-size:12px; line-height:20px;color:#888;}
.industryList li .inductryBox:hover{background:#0079C6;color:#fff;}
.industryList li .inductryBox:hover .industryCon{border-left:1px solid #fff;color:#fff;}
.industryList li .inductryBox:hover h4,.industryList li .inductryBox:hover .time em,.industryList li .inductryBox:hover p{color:#fff;}
.industryList li .time{width:80px;text-align:center; float:left;padding:0 5px;}
.industryList li .time em{ display:block; color:#666;margin-bottom:5px; font-size:48px; line-height:48px; }
.industryList li .time span{ display:block; font-size:13px;}

.indexColumnFour{ padding:0px 0 40px;background-size:cover;}
.indexProductList{text-align:center;}
.indexProductList ul{ display:inline-block;padding:10px 0 5px;}
.indexProductList ul{*display:inline; *zoom:1;}
.indexProductList ul li { background: url(../images/index-abbg.png) right 34% no-repeat;padding:0 45px 0 25px;width:132px;float:left;}
.indexProductList ul li:last-child{background:none;}
.indexProductList ul li .comindex{}
.indexProductList ul li .comindex img{ display:block;width:100%;}
.indexProductList ul li .text{ text-align:center;color:#333; font-size:16px;padding-top:10px;}
.incompanyText{width:1100px;margin:0 auto;padding:40px 50px; background:url(../images/winco46.png) left top no-repeat,url(../images/winco47.png) right bottom no-repeat;  text-align:left; color:#333;font-size:16px; line-height:28px} 
.indexComDtn{ text-align:center;margin-top:10px;}
.indexComDtn a{
display: block;
  width: 168px;
  height: 40px;
  margin: 20px auto;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #999999;
  background: transparent;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-border-radius: 40px;
     -moz-border-radius: 40px;
          border-radius: 40px;
  border: 1px solid #21a2e4;}
.indexComDtn a:hover{
 -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-box-shadow: 0 4px 6px 0 rgba(51, 105, 231, 0.4);
     -moz-box-shadow: 0 4px 6px 0 rgba(51, 105, 231, 0.4);
          box-shadow: 0 4px 6px 0 rgba(51, 105, 231, 0.4);
  border-color: transparent;
  border-right: none;
  border-left: none;
  background: -webkit-linear-gradient(left, #21a2e4, #11c7fc);
  color: #fff;
}


/* 产品系列 */
.indexprobox{width:1200px; margin:auto; margin-top:-90px;}
.indexprobox ul li{width:220px; margin-right:25px;float:left;text-align:center;}
.indexprobox ul li .figure img{display:block;width:197px; margin:auto;}
.indexprobox ul li .icon{width:200px; position:relative; height:70px;margin:5px auto 0;overflow:hidden;}
.indexprobox ul li .icon img{display:block;width:100%; height:70px;}
.indexprobox ul li .icon span{display:block; content:"";position:absolute;width:100%; height:0px;left:0; bottom:-70px;
	-webkit-transition: .4s all;
    -moz-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all;
}
.indexprobox ul li .icon span img{  height:100%;  FILTER: gray;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.indexprobox ul li .icon:hover span{}
/* 产品系列 */