@import url('common.css');

.tit{font-size:36px;font-weight:bold;text-align:center;color:#dd5229}

@media only screen and (max-width:750px){
    .tit{font-size:24px}
}


/*头部*/
.header_index{height:116px;z-index:999999;position:relative;transition:all 0.5s;}
.header_index .width{display:flex;justify-content:space-between;align-items:center;height:116px;}
.header_index .logo{width:150px;height:72px; float:left; margin-left:2%;}
.header_index .logo img{ width:150px;}
.header_index .right{display:flex; width:1000px;height:116px;align-items:center; float:right; margin-right:1%;}
.header_index .nav{display:flex}
.header_index .nav li{font-size:17px;padding:0 20px;}
.header_index .nav li>a{color:#fff;height:106px;display:flex;align-items:center;}

.header_index .nav li .child{background:#F7F7F7;display:none;position:absolute;width:100%; height:auto; padding-bottom:10px; top:96px;left:0; }
.header_index .nav li .child>div{width:1300px;margin:0 auto;display:flex;opacity:0;margin-top:-100px;}
.header_index .nav li .child>div.active{opacity:1;margin-top:0;transition:all 1s}
.header_index .nav li .child img{width:340px;height:200px;margin-top:50px;margin-left:240px}
.header_index .nav li .child .txt{display:flex;flex-wrap:wrap;margin-top:90px; padding-left:110px;}
.header_index .nav li .child a{margin-left:50px;font-size:16px;height:40px;line-height:40px;font-weight:bold;color:#303030}
.header_index .nav li .child a:hover{color:#dd5229;border-bottom:3px solid #dd5229}
.header_index .nav li .child.pro a{width:25%;}
.header_index .nav li .child.spec .txt{margin-top:20px;display:flex;}
.header_index .nav li .child.spec .item{width:160px;display:flex;flex-direction:column;margin-left:80px; }
.header_index .nav li .child.spec .item span{color:#363636;font-size:16px;border-bottom:1px #ccc solid;height:40px;line-height:40px;margin-bottom:10px;font-weight:bold;cursor:pointer}
.header_index .nav li .child.spec .item span:hover{ color:#dd5229;border-bottom:1px #dd5229 solid;}
.header_index .nav li .child.spec .item a{margin-left:0;font-size:15px;height:30px;line-height:30px;font-weight:normal;color:#303030}
.header_index .nav li .child.spec .item a:hover{color:#ffffff;border-bottom:0; background:#dd5229; text-indent:18px;}
.header_index .nav-icon{display:none}
.header_index .search{width:22px;height:23px;background:url(../images/search.png);cursor:pointer;margin-left:25px}
.header_index .search_box{position:absolute;width:1300px;margin:0 auto;position:absolute;top:117px;left:50%;transform:translateX(-50%);display:none;}
.header_index .search_popup .search_popup11{position:absolute;top:0;right:0;width:300px;height:60px;background:#ccc;border:1px #ccc solid;}
.header_index .search_popup input{width:230px;height:100%;padding:0 50px 0 20px;}
.header_index .search_popup .icon{position:absolute;top:50%;right:20px;transform:translateY(-50%);cursor:pointer}
.header_index .link{width:140px; font-size:18px; color:#FFFFFF; text-indent:15px;}

.header_index.fixed{position:fixed;background:#fff;left:0;right:0;top:0;width:100%;border-bottom:1px #eee solid;transition:all 0.5s}
.header_index.fixed .width{border-bottom:0}
.header_index.fixed .nav li>a{color:#000}
.header_index.fixed .nav li:hover>a,.header_index.fixed .nav li.active>a{color:#dd5229}
.header_index.fixed .search{background:url(../images/search_active.png)}
.header_index.fixed  .link{width:140px; font-size:18px; color:#000000;}


.nav-popup{display:none}


@media only screen and (max-width:750px){
    .header_index{height:80px;}
    .header_index .width{height:80px;position:relative;}
	.header_index .logo{ width:90px; padding-top:30px;}
	.header_index .logo img{ width:90px;}
    .header_index .nav{display:none; }
    .header_index .nav-icon{display:block;width:22px;height:23px;background:url(../images/nav.png); margin-left:40px;}
    .header_index .search{margin-left:180px; }
    .header_index .search_box{top:80px;width:100%}
    .header_index .search_popup{width:100%;height:50px}
    .header_index .search_popup input{width:calc(100% - 70px);}
    .header_index .search_popup .icon{position:absolute;top:50%;right:20px;transform:translateY(-50%);cursor:pointer}
    .header_index .link{ display:none;}
	.header_index.fixed  .link{ display:none;}
    .header_index.fixed .nav-icon{background:url(../images/nav_active.png);}
    
    .nav-popup{display:block;width:70%;height:100%;position:fixed;top:0;right:-70%;background:#fff;z-index:99999999;overflow-y:auto}
    .nav-popup .close{width:32px;height:32px;background:url(../images/close.png);position:absolute;top:20px;right:20px}
    .nav-popup ul{margin:80px 20px 0}
    .nav-popup li a{border-bottom:1px #eee solid;display:block;height:50px;line-height:50px;font-size:14px}
    .nav-popup li .tag{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:bold}
    .nav-popup li .tag .icon{background:url(../images/down.png) no-repeat center center;width:16px;height:16px}
    .nav-popup li .tag .icon.up{background:url(../images/up.png) no-repeat center center;}
    .nav-popup li .child{display:none}
    .nav-popup li .child a{margin-left:15px;}
}

/*轮播*/
.banner{margin-top:-116px}
.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background:#fff;width:12px;height:12px}
.banner .pc{height:900px;transition:all 5s}
.banner .mobile{display:none}
.banner .info{position:absolute;z-index:999;transform:translate(-50%,-50%);top:50%;left:50%;color:#fff;}
.banner .info .name{font-size:22px;margin-bottom:20px;}
.banner .info .note{font-size:54px;margin-bottom:30px}
.home_btn{ width: 166px;height:52px;padding-left: 40px;line-height:52px;background: url(../images/dot1.png) no-repeat 80% center #dd5229;border-radius:50px;display:block;color:#fff }
.home_btn2{ background: url(../images/dot1.png) no-repeat 80% center; border:2px #fff solid;line-height: 48px; }
.home_btn2:hover{ background: url(../images/dot1.png) no-repeat 80% center #dd5229; border:2px #dd5229 solid; }
.home_btn:hover{ width: 190px; transition: 0.3s; color:#fff; }

@media only screen and (max-width:750px){
    .banner{margin-top:-80px}
    .banner .pc{display:none}
    .banner .mobile{display:block;width:100%}
    .banner .info{transform:translate(-10%,-30%);top:30%;left:10%;right:10%;width:100%}
    .banner .info .name{font-size:16px;margin-bottom:10px;text-align:center}
    .banner .info .note{font-size:20px;margin-bottom:15px;text-align:center}
    .banner .info a{width:110px;margin:0 auto;height:40px;line-height:40px;background:#dd5229 url(../images/dot1.png) no-repeat 80px center;padding-left:20px}
    .banner .info a:hover{width:110px;background:#dd5229 url(../images/dot1.png) no-repeat 80px center}
}

/*产品*/

/*产品*/
.h_tjcp{width:92%;margin:0 auto; }

.h_tjcp ul.h_product_bd{padding-top:40px; }
.h_tjcp ul.h_product_bd.on{display:block;}
.h_tjcp ul.h_product_bd li{float:left;width:14.5%;margin-right:2.6%;margin-bottom:50px;box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.05);}
.h_tjcp ul.h_product_bd li:nth-child(6n) {margin-right: 0px;}
.h_tjcp ul.h_product_bd li .pro_img{background:#fff;padding:10px 10px; }
.h_tjcp ul.h_product_bd li .pro_img a{text-align:center;height:150px;min-height:150px;overflow:hidden;background:#fff;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.h_tjcp ul.h_product_bd li .pro_img a img{vertical-align:middle;max-width:100%;max-height:100%;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;}
.h_tjcp ul.h_product_bd li .pro_img a .iblock {display:inline-block;height:100%;width:0;vertical-align:middle;display:none;}
.h_tjcp ul.h_product_bd li p{padding:5px 1%;width:98%;background:#ffffff;color:#444;font-size:16px;height:40px;line-height:40px;text-align:center;margin-top:-1px;}
.h_tjcp ul.h_product_bd li p span{display:block;height:40px;line-height:40px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.h_tjcp ul.h_product_bd li p span a{color:#111;}
.h_tjcp ul.h_product_bd li:hover p a{color:#dd5229;}
.h_tjcp ul.h_product_bd li:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.h_tjcp a.more2{display:block;width:150px;color:#fff;font-size:14px;text-align:center;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;padding:15px 20px;margin:0 auto;background:rgba(31,80,159,1);background:-moz-linear-gradient(left,rgba(31,80,159,1) 0%,rgba(43,114,201,1) 100%);background:-webkit-gradient(left top,right top,color-stop(0%,rgba(31,80,159,1)),color-stop(100%,rgba(43,114,201,1)));background:-webkit-linear-gradient(left,rgba(31,80,159,1) 0%,rgba(43,114,201,1) 100%);background:-o-linear-gradient(left,rgba(31,80,159,1) 0%,rgba(43,114,201,1) 100%);background:-ms-linear-gradient(left,rgba(31,80,159,1) 0%,rgba(43,114,201,1) 100%);background:linear-gradient(to right,rgba(31,80,159,1) 0%,rgba(43,114,201,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f509f',endColorstr='#2b72c9',GradientType=1 );}

@media (max-width:992px) {
.h_tjcp ul.h_product_bd li{width:48%;}
.h_tjcp ul.h_product_bd li:nth-child(2n) {margin-right: 0px;}
}

@media (max-width:767px) {
.h_tjcp ul.h_product_bd{padding-top:2px;}
.h_tjcp ul.h_product_bd li{margin-bottom:20px;}
.h_tjcp a.more2{font-size:16px;padding:10px 10px;text-align:center;}
}



.h_tjcp7{width:92%;margin:0 auto; }

.h_tjcp7 ul.h_product_bd7{padding-top:40px; }
.h_tjcp7 ul.h_product_bd7.on{display:block;}
.h_tjcp7 ul.h_product_bd7 li{float:left;width:17.4%;margin-right:2.6%;margin-bottom:50px;box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.05);}
.h_tjcp7 ul.h_product_bd7 li:nth-child(5n) {margin-right: 0px;}
.h_tjcp7 ul.h_product_bd7 li .pro_img7{background:#fff;padding:10px 10px; }
.h_tjcp7 ul.h_product_bd7 li .pro_img7 a{text-align:center;height:150px;min-height:180px;overflow:hidden;background:#fff;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.h_tjcp7 ul.h_product_bd7 li .pro_img7 a img{vertical-align:middle;max-width:100%;max-height:100%;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;}
.h_tjcp7 ul.h_product_bd7 li .pro_img7 a .iblock {display:inline-block;height:100%;width:0;vertical-align:middle;display:none;}
.h_tjcp7 ul.h_product_bd7 li p{padding:5px 1%;width:98%;background:#ffffff;color:#444;font-size:16px;height:40px;line-height:40px;text-align:center;margin-top:-1px;}
.h_tjcp7 ul.h_product_bd7 li p span{display:block;height:40px;line-height:40px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.h_tjcp7 ul.h_product_bd7 li p span a{color:#111;}
.h_tjcp7 ul.h_product_bd7 li:hover p a{color:#dd5229;}
.h_tjcp7 ul.h_product_bd7 li:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.h_tjcp7 a.more2{display:block;width:150px;color:#fff;font-size:14px;text-align:center;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;padding:15px 20px;margin:0 auto;background:rgba(31,80,159,1);background:-moz-linear-gradient(left,rgba(31,80,159,1) 0%,rgba(43,114,201,1) 100%);background:-webkit-gradient(left top,right top,color-stop(0%,rgba(31,80,159,1)),color-stop(100%,rgba(43,114,201,1)));background:-webkit-linear-gradient(left,rgba(31,80,159,1) 0%,rgba(43,114,201,1) 100%);background:-o-linear-gradient(left,rgba(31,80,159,1) 0%,rgba(43,114,201,1) 100%);background:-ms-linear-gradient(left,rgba(31,80,159,1) 0%,rgba(43,114,201,1) 100%);background:linear-gradient(to right,rgba(31,80,159,1) 0%,rgba(43,114,201,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f509f',endColorstr='#2b72c9',GradientType=1 );}

@media (max-width:992px) {
.h_tjcp7 ul.h_product_bd7 li{width:48%;}
.h_tjcp7 ul.h_product_bd7 li:nth-child(2n) {margin-right: 0px;}
}

@media (max-width:767px) {
.h_tjcp7 ul.h_product_bd7{padding-top:2px;}
.h_tjcp7 ul.h_product_bd7 li{margin-bottom:20px;}
.h_tjcp7 a.more2{font-size:16px;padding:10px 10px;text-align:center;}
}


/*解决方案*/
.plan{background:#F6F6F6 no-repeat left bottom; padding-top:30px; padding-bottom:50px;}
.plan .width{display:flex;justify-content:space-between;}
.plan ul{width:310px;}
.plan li{display:flex;margin-bottom:34.5px;cursor:pointer}
.plan li:last-child{margin-bottom:0}
.plan li .icon{width: 78px;height: 78px;position: relative;margin-right:30px;}
.plan li img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.plan li .icon .progress {position: absolute;width: 60px;height: 60px;background-color: #F6F6F6;border-radius: 50%;left: 9px;top: 9px;line-height: 60px;text-align: center;}
.plan li .icon .left,.plan li .icon .right {width: 39px;height: 78px;overflow: hidden;position: relative;float: left;background-color: #dd5229;}
.plan li .icon .left {border-radius: 39px 0 0 39px;  }
.plan li .icon .right {border-radius: 0 39px 39px 0;  }
.plan li .icon .left:after,.plan li .icon .right:after {content: "";position: absolute;display: block;width: 39px;height: 78px;border-radius: 39px 0 0 39px;background-color: RGB(217,217,217,0.9);animation-timing-function: linear;animation-duration: 5s}
.plan li .icon .right:after {content: "";position: absolute;display: block;border-radius: 0 39px 39px 0;  }
.plan li .icon .left:after {transform-origin: right center;}
.plan li .icon .right:after {transform-origin: left center;}
.plan li.active .icon .left:after {animation-name: spin-left;}
.plan li.active .icon .right:after {animation-name: spin-right;}
@keyframes spin-right {
  0 {transform: rotate(0deg);}
  50% {transform: rotate(180deg);}
  100% {transform: rotate(180deg);}
}
@keyframes spin-left {
  0 {transform: rotate(0deg);}
  50% {transform: rotate(0deg);}
  100% {transform: rotate(180deg);}
}
.plan li .txt{display:flex;justify-content:center;flex-direction:column;width:202px;}
.plan li .name{font-size:18px;font-weight:bold;margin-bottom:10px}
.plan li .note{font-size:14px;color:#999}
.plan .content{width:888px;display:none;height:528px;position:relative;overflow:hidden;border-radius:20px}
.plan .content img{width:100%;height:100%;transition:all 0.5s}
.plan .content:hover img{transform:scale(1.2);transition:all 0.5s}
.plan .content .info{width:800px;height:50px;position:absolute;bottom:40px;left:44px;display:flex;justify-content:space-between;align-items:center; }
.plan .content .info .txt{width:600px}
.plan .content .info .name{font-size:28px;margin-bottom:10px;color:#fff;}
.plan .content .info .note{color:#fff} 

@media only screen and (max-width:750px){
    .plan{background:#F6F6F6;padding:30px 0 15px;}
    .plan .width{display:block;justify-content:initial;margin-top:20px}
    .plan ul{width:auto;display:flex;overflow-x:auto;overflow:auto;white-space:nowrap;padding-left:15px;background:#eee}
    .plan li{display:block;margin-bottom:0;margin-right:15px;padding:10px 0}
    .plan li.active{border-bottom:1px #F8AA12 solid}
    .plan li .icon{display:none}
    .plan li .txt{display:block;justify-content:initial;width:auto;}
    .plan li .name{font-size:14px;text-align:center;font-weight:normal;margin-top:10px}
    .plan li .note{display:none}
    .plan .content{width:calc(100% - 40px);margin:20px;height:auto}
    .plan .content img{width:100%;height:auto}
    .plan .content:hover img{transform:scale(1);}
    .plan .content .info{width:100%;height:auto;position:static;display:block}
    .plan .content .info .name{font-size:16px;margin:10px 0;color:#324856}
    .plan .content .info .note{line-height:22px}
    .plan .content .info a{width:110px;margin:20px auto;height:40px;line-height:40px;background:#dd5229 url(../images/dot1.png) no-repeat 80px center;padding-left:20px;border:0 !important}
    .plan .content .info a:hover{width:110px;background:#dd5229 url(../images/dot1.png) no-repeat 80px center}
}

/*关于我们*/
.about{margin-top:85px;position:relative;z-index:0}
.about ul{display:flex; width: 700px; margin:35px auto 0;position:relative;z-index:1}
.about li{ width:175px; height:210px; margin:0; text-align:center; cursor:pointer; }
.about li img{ display: inline-block;  margin: 50px 0 20px;}
.about li:hover .def,.about li .hov{ display: none; }
.about li:hover .hov{ display: inline-block; }
.about li span{ display: block; }
.about li.active,.about li:hover{ background:#D98F1A; color:#fff; border-radius: 20px; } 
.about .us{height:569px;margin-top:-50px;position:relative;display:none}
.about .us img{display:none}
.about .us .info{width:1055px;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;color:#fff;}
.about .us .name{background:url(../images/9.png) no-repeat left center;padding-left:25px;font-size:30px;width:150px}
.about .us .note{width:580px;color:#B4B4B4;line-height:22px} 
@media only screen and (max-width:750px){
    .about{margin-top:30px}
    .about ul{display:flex;width:auto;margin:20px 0;position:static;background:#eee}
    .about li{width:25%;height:50px;line-height:50px;}
    .about li img{ display: none;}
    .about li:first-child .hov,.about li:hover .hov{ display: none; }
    .about li.active,.about li:hover{ background:none;color:#D98F1A; } 
    .about .us{width:calc(100% - 40px);margin:0 20px;height:auto;position:static;background:none !important}
    .about .us img{display:block;width:100%;border-radius:10px}
    .about .us .info{width:auto;margin:0 auto;position:static;transform:translateX(0);display:block;justify-content:initial;align-items:initial;color:#EEA000;}
    .about .us .name{font-size:16px;width:auto;margin-top:15px}
    .about .us .note{width:auto;margin:10px 0}
    .about .us a{width:110px;margin:20px auto;height:40px;line-height:40px;background:#dd5229 url(../images/dot1.png) no-repeat 80px center;padding-left:20px;border:0 !important}
    .about .us a:hover{width:110px;background:#dd5229 url(../images/dot1.png) no-repeat 80px center}
}

/*合作伙伴*/
.partner{background:#F6F6F6;padding:80px 0}
.partner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.partner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background:#dd5229;width:12px;height:12px}
.partner .width{margin-top:50px;padding-bottom:50px}
.partner ul{display:flex;flex-wrap:wrap;background:#fff;border-radius:20px;}
.partner li{width:215px;border-right:1px #eee solid;border-bottom:1px solid #eee;height:120px;display:flex;justify-content:center;align-items:center}
.partner li:nth-child(6n){border-right:0;width:220px}
.partner li:nth-child(n+13){border-bottom:0}
.partner li img{max-width:50%;max-height:50%}

@media only screen and (max-width:750px){
    .partner{padding:30px 0}
    .partner .width{margin-top:30px;border-radius:0}
    .partner li{width:calc(33.33% - 1px);height:90px;}
    .partner li:nth-child(3n),.partner li:nth-child(6n){border-right:0;width:33.33%}
    .partner li:nth-child(n+13){border-bottom:1px solid #eee}
    .partner li:nth-child(n+16){border-bottom:1px solid #eee}
    .partner li img{max-width:80%;max-height:80%}
}

.numberBox {
    margin:0 auto;
	padding-top:30px;
	min-height:110px;
	background:#f5f5f5;
    z-index: 2;
	margin:0 auto;
}

.numberBox .item {
	margin:0 auto;
    display: flex;
	border-left:2px solid #666666;
    color: #333;
	float:left;
	width:18%;
	margin-left:6%; 
    align-items: center;
    margin-bottom: 20px;
}

.numberBox .item .number {
    margin-left: 40px;
    font-size: 20px;
    font-family: Montserrat-Bold;
}

.numberBox .item .number span {
    font-size: 34px;
}

.numberBox .item .number p {
    color: #333;
    font-size: 16px;
    margin-top: 6px;
}
@media screen and (max-width: 750px) {
.numberBox {
    margin:0 auto;
	padding-top:30px;
	min-height:180px;
	background:#f5f5f5;
    z-index: 2;
	margin:0 auto;
}

   .numberBox .item {
	margin:0 auto;
    display: flex;
    color: #333;
	min-height:70px;
	float:left;
	width:45%;
	margin-left:3%;
    align-items: center;
    margin-bottom: 20px;
}

.numberBox .item .number span {
    font-size: 20px;
}

.numberBox .item .number p {
    color: #333;
    font-size: 14px;
    margin-top: 6px;
}
}


/*新闻中心*/
.article{margin:30px auto; padding-top:50px; width:96%;}
.article .home_btn{ margin: 60px auto 0; }
.article .list5{margin-top:50px;display:flex;}
.article .head{ width:48%; margin-right:58px;position:relative;border-radius:20px;display:block;overflow:hidden;}
.article .head img{width: 100%; max-height:530px;transition:all 0.5s}
.article .head:hover img{transform:scale(1.2);transition:all 0.5s}
.article .head .txt{position:absolute;bottom:0;width:100%;height:80px;line-height:80px;display:flex;justify-content:space-between;background:rgba(0,0,0,0.5);border-radius:0 0 20px 20px;color:#fff}
.article .head .name{padding-left:20px;font-size:20px}
.article .head .time{padding:0 20px;background:url(../images/10.png) no-repeat left center}
.article ul{ width:48%; float:right; }
.article li{height:150px;display:flex;justify-content:center;flex-direction:column;border-bottom:1px solid #eee; line-height:26px;}
.article li:hover{border-bottom:1px solid #dd5229;color:#dd5229}
.article li:hover a{color:#dd5229}
.article li .name{font-size:18px;font-weight:bold;margin-bottom:12px}
.article li .time{background:url(../images/11.png) no-repeat left center;padding-left:20px;color:#959595; margin-top:5px;}
.article .more{width:125px;margin:55px auto;height:52px;padding-left:50px;line-height:52px;background:#dd5229 url(../images/dot1.png) no-repeat 115px center;border-radius:50px;display:block;color:#fff}
.article .more:hover{background:#D98F1A url(../images/dot1.png) no-repeat 115px center}

@media only screen and (max-width:750px){
    .article{padding-top:20px; width:98%; margin:0 auto;}
	.article .head img{transition:all 0.5s; }
    .article .list5{display:block}
    .article .head{width:99.6%;height:auto;}
    .article .head:hover img{transform:scale(1);}
    .article .head .txt{height:50px;line-height:50px; }
    .article .head .name{font-size:14px;text-align:center;display:block;width:99.6%;padding:0 15px;}
    .article .head:hover .name{color:#fff}
    .article .head .time{display:none}
    .article li:hover .name{color:#000}
    .article ul{width:auto; margin-top:10px; width:100%}
    .article li{height:180px; padding-top:8px;}
    .article li:hover{border-bottom:1px solid #eee;}
    .article li .name{font-size:16px; width:100%;}
    .article .more{width:110px;margin:20px auto;height:40px;line-height:40px;background:#dd5229 url(../images/dot1.png) no-repeat 80px center;padding-left:20px;border:0 !important}
    .article .more:hover{width:110px;background:#dd5229 url(../images/dot1.png) no-repeat 80px center}
}


/*我们的优势*/
.youshi_wrap{overflow:hidden;width:100%;overflow-x: hidden;margin-left:0;}
.h_youshi{width:100%;background:#fff;}
.h_youshi_in{width:100%;padding:20px 0;margin:0 auto;}
.h_youshi_in ul{padding-top:40px; margin:0 auto;}
.h_youshi_in ul li{float:left;margin-right:2%;width:23%;}
.h_youshi_in ul li:nth-child(4n){margin-right: 0px;}
.h_youshi_in ul li .icon{text-align:center;width:120px;height:120px;margin:0 auto;background:#eee;border-radius:50%; display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;transition: background 0.5s,color 0.5s;-moz-transition: background 0.5s,color 0.5s;-webkit-transition: background 0.5s,color 0.5s;-o-transition: background;}
.h_youshi_in ul li .icon span{display:block;width:50px;height:50px;background:url(../images/ys1.png) center center no-repeat;background-size:cover;transition: background 0.5s,color 0.5s;-moz-transition: background 0.5s,color 0.5s;-webkit-transition: background 0.5s,color 0.5s;-o-transition: background;}
.h_youshi_in ul li .icon2 span{background:url(../images/ys2.png) center center no-repeat;background-size:cover;}
.h_youshi_in ul li .icon3 span{background:url(../images/ys3.png) center center no-repeat;background-size:cover;}
.h_youshi_in ul li .icon4 span{background:url(../images/ys4.png) center center no-repeat;background-size:cover;}
.h_youshi_in ul li .tlt{text-align:center;margin-top: 20px;margin-bottom: 5px;font-size: 20px;color: #2a333c;}
.h_youshi_in ul li p{text-align:center;margin-top: 10px;margin-bottom: 5px;font-size: 14px;color: #333333;}
.h_youshi_in ul li:hover .icon{background:#dd5229;}
.h_youshi_in ul li:hover .icon1 span{background:url(../images/ys1a.png) center center no-repeat;background-size:cover;}
.h_youshi_in ul li:hover .icon2 span{background:url(../images/ys2a.png) center center no-repeat;background-size:cover;}
.h_youshi_in ul li:hover .icon3 span{background:url(../images/ys3a.png) center center no-repeat;background-size:cover;}
.h_youshi_in ul li:hover .icon4 span{background:url(../images/ys4a.png) center center no-repeat;background-size:cover;}


@media (max-width:880px){	
.h_youshi_in ul li p{font-size:12px;margin-top:0;}
.h_youshi_in ul{width:96%;padding:20px 2% 0;}
.h_youshi_in{overflow:hidden;width:100%;padding: 20px 0 0;}
.h_youshi_in ul li{width:47%;margin-bottom:10px;margin-right:20px;}
.h_youshi_in ul li:nth-child(2n){margin-right:0;}
.h_youshi_in ul li .icon{width:80px;height:80px;}
.h_youshi_in ul li .icon span{width:30px;height:30px;}
.h_youshi_in ul li .tlt{margin-top:10px;font-size: 16px;}


}