/*ny common css start*/
.sub_banner{position:relative;width: 100%;z-index:2;}
.sub_banner .img1{ display:block; width:100%;}
.sub_local{ position:absolute; left:50%; top:45%; margin-left:-700px; text-align:left;}
.sub_local h3{font-size:48px;line-height:60px;color:#fff; font-weight:normal;text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.6);}
.sub_local p{font-size:24px;line-height:80px;color:#fff;text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.6);}
.sub_local .sobtitle{margin-top:30px;font-size:18px;line-height:18px;color:#fff;text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.6);}
.sub_local .sobtitle a{font-size:18px;line-height:18px;color:#fff;text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.6);} 
.sub_local .sobtitle a:first-child{margin-left:14px;}
.sub_local .sub_right{padding-top:12px;float:right;width:36%;}
.sub_local .sub_right p{font-size:16px;text-align:left;line-height:26px;color:#fff;}
.ny_wrapper{background: #f5f5f5;}
.menuer{width:100%;height:66px;position:absolute;bottom:-32px; left:0;}
.menuer .common_nav{height:66px;box-shadow: 1px 0 2px rgba(0,0,0,0.2);background:#fff;}
.menuer .common_nav .mitem{float:left;height:66px;text-align:left;border-right:1px solid #ddd; position:relative; overflow:hidden;}
.menuer .common_nav .mitem .mt{display:block; padding:0 30px;height:66px;font-size:16px;line-height:66px;text-align:center;color:#333; position:relative;}
.menuer .common_nav .mitem .mt i{ display:none; width:100%; height:3px; background-color: #e60012;
background-image: linear-gradient(to right,#e60012 0%,#c30211 100%); position:absolute; left:0; bottom:0;}
.menuer .common_nav .mitem.hover .mt{font-weight:bold;color:#e60012;}
.menuer .common_nav .mitem:hover .mt{font-weight:bold;color:#e60012;}
.menuer .common_nav .mitem.hover .mt i{ display:block;}
.menuer .common_nav .nav_sub{display:none;}
.menuer .common_nav .mitem:hover,.menuer .common_nav .mitem.hover{ background-color:#fff;}
.menuer .common_nav .mitem:last-child{border-right:none;}
.menuer .common_nav .mitem .subMenu{ display:none; width:800px; height:40px; position:relative; margin-top:13px;}
.menuer .common_nav .mitem.hover .subMenu{ display:none;}
.menuer .common_nav .mitem .subMenu a{display:block;height:40px;font-size:16px;line-height:40px;text-align:center;color:#333; float:left;width:21%; background-color:#fff;}
.menuer .common_nav .mitem .subMenu a.hover{font-weight:bold;color:#fff; background-color:#4772de;}
.menuer .common_nav .mitem .subMenu a:hover{font-weight:bold;color:#fff; background-color:#4772de;} 
.menuer .common_nav .mitem .subMenu i{ display:block; position:absolute; left:80px; top:-8px;width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 8px 6px;
border-color: transparent transparent #e60012 transparent;
}
.menuer .common_nav .mitem.li4 .subMenu i{ left:330px;}
.menuer .common_nav .mitem.li4 .subMenu { margin-left:-240px;}
.menuer .common_nav .mitem.li5 .subMenu { margin-left:-300px;}
.menuer .common_nav .mitem.li6 .subMenu { margin-left:-360px;}

.menuer .common_nav .mitem .mt.hvr-underline-from-center1::before { bottom:0;}

.nav_lio .mt{ display:none;}
.nav_lio .mitem{display:none;}
.nav_lio .mitem.hover { display:block;}
.nav_lio .subMenu .aal{ display:block; font-size:28px; color:#333; line-height:70px; margin-bottom:12px;}
.product_center .prolist .nav_lio .list li{background: #fbfbfb;}






@media (max-width: 1660px) {
.sub_local{ margin-left:-600px;}
.sub_local h3 { font-size: 40px; line-height: 50px;}
.sub_local .sobtitle { margin-top: 20px; font-size: 16px; line-height: 16px;}
.sub_local .sobtitle a { font-size: 16px;line-height: 16px;}
.menuer .common_nav .mitem .mt { font-size:18px;}

}

.din {
    width: 100%;
}
    .din ul { width:100%; display:inline-block; margin-top:1px; background-color:#fff;
    }
.din li{float:left;width:14%;height:40px;text-align:left;border-right:1px solid #ddd;}
.din li a{display:block;height:40px;font-size:16px;line-height:40px;text-align:center;color:#333;}
.din li.on a{font-weight:bold;color:#fff; background-color:#4772de;}
.din li:hover a{font-weight:bold;color:#fff; background-color:#4772de;} 

.ca_wrapper{background:#f7f7f7 url(../images/m4_02.jpg) no-repeat center center; width:100%;}
.case_center .case_ce{ display:inline-block; width:100%;}
.case_center .n_nav{ float:left; width:330px; padding-top:122px;}
.case_center .n_nav .nested-1{ height:524px; position:relative; }
.case_center .n_nav .nested-1 .bd{ overflow:hidden;height: 100%; width:100%; flex-direction: column;display: flex;
transition-property: transform;box-sizing: content-box;}
.nested-1 .bd .item{  position:relative;height:60px; width:100%;}
.nested-1 .bd .item a{ display:block; width:100%; height:62px; padding-top:12px;}
.nested-1 .bd .item img{ display:block; width:36px; height:32px; float:left;transition: all ease 0.36s; margin-left:30px;}
.nested-1 .bd .item .img2{ display:none;transition: all ease 0.36s;}
.nested-1 .bd .item.on .img2,.nested-1 .bd .item:hover .img2{ display:block;}
.nested-1 .bd .item.on .img1,.nested-1 .bd .item:hover .img1{ display:none;}
.nested-1 .bd .item span{ display:block; float:left; font-size:18px; color:#555; line-height:32px; padding-left:24px;}
.nested-1 .bd .item.on span,.nested-1 .bd .item:hover span{ color:#e60012;}
.nested-1 .bd .item i{ display:none; width:4px; height:42px; background-color:#e60012; position:absolute; right:0; top:8px;}
.nested-1 .bd .item.on i,.nested-1 .bd .item:hover i{ display:block;}

.nested-1 .hd .prev{ display:block; cursor:pointer; width:57px; height:57px; background-position:-306px -310px;position:absolute;background-image: url("../images/icon.png");vertical-align: middle;background-size:500px 500px; right:auto; top:auto;left:130px; bottom:-30px;}
.nested-1 .hd .next{ display:block; cursor:pointer; width:57px; height:57px;  background-position:-306px -248px;  position:absolute; background-image: url("../images/icon.png");vertical-align: middle;background-size:500px 500px;right:auto; bottom:auto; left:130px; top:-68px;margin-top:0;}
.nested-1 .hd .prev:hover{ background-position:-373px -310px; }
.nested-1 .hd .next:hover{ background-position:-373px -248px;}


.case_ce .caselist{ float:left; width:720px; padding:100px; background-color:#fff; height:480px; overflow-y:auto;}



/* reLink */
.reLink{margin-top:100px;height:100px;box-sizing:border-box;background:#878f9f;}
.reLink .prevLink,.reLink .nextLink{position:relative;float:left;width:50%;height:100px;}
.reLink .prevLink .txt{padding:28px 50px;margin-left:50px;height:100px;box-sizing:border-box;background:url("../images/nico-prev.png") no-repeat left center;transition:all ease 0.36s;}
.reLink .prevLink .txt .tit{font-size:20px;line-height:20px;color:#fff;}
.reLink .prevLink .txt .sub{margin-top:9px;font-size:14px;line-height:14px;color:#fff;}
.reLink .prevLink .img{position:absolute;right:0;top:20px;width:135px;opacity:0;transition:all ease 0.36s;}
.reLink .prevLink img{display:block;width:135px;object-fit: contain;}
.reLink .nextLink .txt{padding:28px 50px 40px 50px;margin-right:50px;height:100px;box-sizing:border-box;background:url("../images/nico-next.png") no-repeat right center;transition:all ease 0.36s;}
.reLink .nextLink .txt .tit{font-size:20px;line-height:20px;color:#fff;text-align:right;}
.reLink .nextLink .txt .sub{margin-top:9px;font-size:14px;line-height:14px;color:#fff;text-align:right;}
.reLink .nextLink .img{position:absolute;left:0;top:20px;width:135px;opacity:0;}
.reLink .nextLink img{display:block;width:135px;object-fit: contain;}
.reLink .prevLink:hover{background:#e60012;}
.reLink .prevLink:hover .img{right:20px;transition:all ease 0.36s;opacity:1;}
.reLink .prevLink:hover .txt{padding-left:44px;transition:all ease 0.36s;}
.reLink .nextLink:hover{background:#e60012;}
.reLink .nextLink:hover .img{left:20px;transition:all ease 0.36s;opacity:1;}
.reLink .nextLink:hover .txt{padding-right:44px;transition:all ease 0.36s;}

/* 产品详情pronav */
.menuer_prod{position:absolute;bottom:-90px;width:100%;height:120px;}
.menuer_prod .pro_nav{position:relative;height:120px;box-shadow: 1px 0 2px rgba(0,0,0,0.1);background:#fff;}
.menuer_prod .pro_nav .mitem{position:relative;/* padding-left:50px; */box-sizing: border-box;float:left;width:25%;height:120px;}
.menuer_prod .pro_nav .mitem .mt{position:relative;padding-left:80px;height:120px;width: calc(100% - 80px);/* margin-left: 50px; */font-size:24px;text-align: center;line-height:120px;color:#333;background: url("../images/pronav_li.png") no-repeat 50px center;}
.menuer_prod .pro_nav .mitem:before{position:absolute;left:0;top:0;content:' ';display:block;width:1px;height:120px;background:#ddd;}
.menuer_prod .pro_nav .mitem:first-child:before{display:none;}
.menuer_prod .pro_nav .mitem.hover .mt{font-weight:bold;color:#e60012;border-bottom:3px solid #e60012;background: url("../images/pronav_li_h.png") no-repeat 50px center;}
.menuer_prod .pro_nav .mitem:hover .mt{font-weight:bold;color:#e60012;background: url("../images/pronav_li_h.png") no-repeat 50px center;}

.jie_x1{ width:100%; position:relative; padding-bottom:80px;}
.jie_x11{ width:100%; display:inline-block; padding-top:90px;}
.jie_x11 .j{ float:left; width:45%; font-size:16px; line-height:30px; color:#fff;}
.jie_x11 .j h3{ font-size:40px; color:#333; line-height:40px;}
.jie_x11 .j i{ font-size:16px; color:#333; line-height:16px; padding-top:14px; display:block; margin-bottom:20px;}
.jie_x11 .j p{ font-size:14px; color:#333; line-height:24px;display:block;}
.jie_x11 .j .zx{width:180px; height:46px; text-align:center; background-color:#eee; border-radius:50px; text-align:center;transition:all ease 0.36s; display:block; margin-top:30px;}
.jie_x11 .j .zx span{ display:block; padding-left:42px; font-size:16px; color:#333; float:left; line-height:46px;}
.jie_x11 .j .zx i{ display:block; float:right; width:24px; height:24px; background-position:-68px -65px; margin-right:12px; margin-top:11px;transition:all ease 0.36s;}
.jie_x11 .j .zx:hover{ width:190px;background-color:#e60012;}
.jie_x11 .j .zx:hover span{ color:#fff;}
.jie_x11 .j .zx:hover i{ background-position:-97px -65px;}

.jie_x11 .x{ float:right; width:50%; position:relative;}
.jie_x11 .x img{ display:block; width:100%;}
.jie_x11 .x .zx{ display:block; width:210px; height:60px; text-align:center; position:absolute; left:0; bottom:0; background-color:#f5f5f5;}
.jie_x11 .x .zx p{ display:inline-block;}
.jie_x11 .x .zx p span{ display:block; float:left; font-size:20px; color:#e60012; line-height:60px;}
.jie_x11 .x .zx p i{ display:block; width:30px; height:7px; background-position:0px -462px; float:left; margin-left:20px; margin-top:28px;}
.jie_x11 .x .zx:hover{ background-color:#e60012;}
.jie_x11 .x .zx:hover span{ color:#fff;}
.jie_x11 .x .zx:hover p i{ background-position:0px -473px;}

.jie_x2{ padding-top:70px; padding-bottom:80px; width:100%;background: url(../images/s12_02.jpg); margin-top:110px;}
.jie_x21{ width:100%; padding-top:70px;} 
.jie_x21 ul{ display:inline-block; width:100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); background-color:#fff;}
.jie_x21 ul li{ width:25%; height:690px; float:left; text-align:left;transition:all ease 0.36s; position:relative;}
.jie_x21 ul li .img1{ display:block; width:100%; position:relative;}
.jie_x21 ul li .img1 img{ display:block; width:100%;}
.jie_x21 ul li .wen{ width:100%;}
.jie_x21 ul li i{ display:block;width: 0;
height: 0;
border-style: solid;
border-width: 24px 16px 0 16px;
border-color: #fff transparent transparent transparent; position:absolute; left:50%; margin-left:-16px; top:0%;}
.jie_x21 ul li .wen .img2{ display:block; width:82px; margin-top:54px; margin-left:48px;}
.jie_x21 ul li h3{ font-size:30px; color:#333; line-height:30px; padding-top:36px; font-weight:bold; margin-left:48px;}
.jie_x21 ul li p{ font-size:16px; color:#333; line-height:26px; padding-top:20px; margin-left:48px; margin-right:48px; }
.jie_x21 ul li:hover{transform:translateY(-3px);transition:all ease 0.36s;}
.jie_x21 ul li.li1 .img1,.jie_x21 ul li.li3 .img1{ position:absolute; left:0; bottom:0;}
.jie_x21 ul li.li2 i,.jie_x21 ul li.li4 i{width: 0;
height: 0;
border-style: solid;
border-width: 0 16px 24px 16px;
border-color: transparent transparent #fff transparent;position:absolute; left:50%; margin-left:-16px; top:auto; bottom:0%;
}

.jie_x3{ width:100%; padding-top:78px; padding-bottom:80px;}
.jie_x31{ width:100%; padding-top:70px; position:relative;}
.jie_x31 ul{ display:inline-block; width:100%;}
.jie_x31 ul li{ float:left;width: 31.4%;margin-right: 2.85%; position:relative; overflow:hidden;transition:all ease 0.36s;}
.jie_x31 ul li img{ display:block; width:100%;transition:all ease 0.36s;}
.jie_x31 ul li.li3{ margin-right:0;}
.jie_x31 ul li:hover{transform:translateY(-3px);box-shadow: 8px 0 16px rgba(0,0,0,0.1);transition:all ease 0.36s;}
.jie_x31 ul li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}
.jie_x31 ul li .wen{ position:absolute; left:0; bottom:0; width:100%; height:70px; line-height:70px; background-color:rgba(0,0,0,0.5)}
.jie_x31 ul li .wen h3{ font-size:24px; color:#fff; line-height:70px; float:left; padding-left:5%;}
.jie_x31 ul li .wen p{ background-color:#676a72; width:70px; height:70px; float:right; font-size:30px; text-align:center; color:#fff; line-height:70px; font-family:"Arial";}
.jie_x31 ul li .wen p:hover{ background-color:#e60012;}

@media (max-width: 1660px) {
	.jie_x1 {}
	.jie_x11 .j h3 { font-size: 34px; line-height: 34px;}
	.jie_x21 ul li h3{ font-size:26px; color:#333; line-height:26px; padding-top:26px;}
	.jie_x21 ul li p{ font-size:14px; color:#333; line-height:20px; padding-top:14px; }
	.jie_x21 ul li { height: 592px;}
}

/* product_center */
.ny_wrapper{padding-bottom:70px;}
.product_wrapper{padding-bottom:60px;}
.product_center{padding-top:70px;}
.product_center .prolist .list{ display:inline-block; width:100%;}
.product_center .prolist .list li{margin-right:5.85%;margin-bottom:40px;float:left;width:29.4%;box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);background:#fff;transition:all ease 0.36s;}
.product_center .prolist .list li:nth-child(3n){margin-right:0;}
.product_center .prolist .list li .img{display: block;overflow: hidden;position: relative;width:94%; padding:3%;}
.product_center .prolist .list li img{display: block;width: 100%;height: 100%;transition: ease-in-out .2s;}
.product_center .prolist .list li .txtBox{padding:10px 40px 29px;transition:all ease 0.36s;transform: translateY(0);z-index:2;}
.product_center .prolist .list li .t_top{}
.product_center .prolist .list li .t_top .tit{font-size:20px;line-height:30px;color:#333;background:url("../images/f2arr2.png") no-repeat center right;}
.product_center .prolist .list li .t_top .desc{margin-top:30px;height:48px;font-size:14px;line-height:24px;color:#999;}
.product_center .prolist .list li .t_bottom{padding-top:30px;}
.product_center .prolist .list li .t_bottom .ite{font-size:14px;line-height:30px;color:#999;}
.product_center .prolist .list li .t_bottom .it2{margin-left:20px;color:#666;}
.product_center .prolist .list li:hover{transform:translateY(-3px);box-shadow: 8px 0 16px rgba(0,0,0,0.1);transition:all ease 0.36s;}
.product_center .prolist .list li:hover .t_top .tit{color:#fff;background:url("../images/f2arr3.png") no-repeat center right;}
.product_center .prolist .list li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}
.product_center .prolist .list li:hover .txtBox{}
.product_center .prolist .list li:hover{background-color:#e60012;}
.product_center .prolist .list li:hover .t_top .desc{ color:#fff;}





.product_center1{padding-top:70px;}
/*.product_center1 .prolist li{margin-right:2.85%;margin-bottom:40px;float:left;width:31.4%;box-shadow: 1px 0 2px rgba(0,0,0,0.1);background:#fff;transition:all ease 0.36s;}
.product_center1 .prolist li:nth-child(3n){margin-right:0;}
.product_center1 .prolist li .img{display: block;overflow: hidden;position: relative;width:94%; padding:3%;}
.product_center1 .prolist li img{display: block;width: 100%;height: 100%;transition: ease-in-out .2s;}
.product_center1 .prolist li .txtBox{padding:10px 40px 40px;height:28px;transition:all ease 0.36s;transform: translateY(0);z-index:2;}
.product_center1 .prolist li .t_top{}
.product_center1 .prolist li .t_top .tit{font-size:26px;line-height:30px;color:#333;background:url("../images/f2arr2.png") no-repeat center right;}
.product_center1 .prolist li .t_top .desc{margin-top:30px;height:48px;font-size:14px;line-height:24px;color:#999;}
.product_center1 .prolist li .t_bottom{padding-top:30px;}
.product_center1 .prolist li .t_bottom .ite{font-size:14px;line-height:30px;color:#999;}
.product_center1 .prolist li .t_bottom .it2{margin-left:20px;color:#666;}
.product_center1 .prolist li:hover{transform:translateY(-3px);box-shadow: 8px 0 16px rgba(0,0,0,0.1);transition:all ease 0.36s;}
.product_center1 .prolist li:hover .t_top .tit{color:#fff;background:url("../images/f2arr3.png") no-repeat center right;}
.product_center1 .prolist li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}
.product_center1 .prolist li:hover .txtBox{}
.product_center1 .prolist li:hover{background-color:#e60012;}
.product_center1 .prolist li:hover .t_top .desc{ color:#fff;}
*/

.product_center1{ display:block; position:relative; margin-bottom:40px;}
.product_center1 .list{ width:105%; display:inline-block;}
.product_center1 .list .item{ display:block; width:45%; margin-right:5%; float:left; margin-bottom:3%; background-size:100%;transition: all 0.5s ease;background-color: #f0f3f5;}
.product_center1 .list .item .img{  width:204px;  float:left;}
.product_center1 .list .item .img img{ display:block; width:100%; }
.product_center1 .list .item .txtBox{ width:56%; float:left; margin-left:6%; position:relative; height:100%;}
.product_center1 .list .item .txtBox span{ display:block; font-size:14px; color:#666; line-height:18px; margin-top:10px; height:56px;}
.product_center1 .list .item .txtBox h3{font-size:24px; color:#333; line-height:24px; padding-top:10%;}
.product_center1 .list .item .txtBox p{ font-size:14px; color:#666; line-height:20px;}
.product_center1 .list .item .txtBox i{ position:absolute; left:0; bottom:5%;}
.product_center1 .list .item:hover{background-color:#e60012; transform:translateY(-3px);box-shadow: 8px 0 16px rgba(0,0,0,0.1);transition:all ease 0.36s;}
.product_center1 .list .item:hover h3{ color:#fff;}
.product_center1 .list .item:hover span{ color:#fff;}
.product_center1 .list .item:hover p{ color:#fff;}
.product_center1 .list .item:hover i{ color:#fff;}


.product_center2{padding-top:70px;}
.product_center2 .list{ width:105%; display:inline-block;}
.product_center2 .list .item{ display:block; width:19.5%; margin-right:3%; float:left; margin-bottom:3%; background-size:100%; padding:1%;transition: all 0.5s ease; background-color:#fff;}
.product_center2 .list .item .img{ width:100%;border: #e8e8e8 solid 1px;}
.product_center2 .list .item .img img{ display:block; width:100%;}
.product_center2 .list .item .txtBox{ width:100%; position:relative; height:100%; text-align:center;}
.product_center2 .list .item .txtBox h3{font-size: 20px;line-height: 30px;color: #333; padding-top:4px;}
.product_center2 .list .item .txtBox p{display:block; font-size:14px; color:#999; line-height:24px; margin-top:14px; height:176px;}
.product_center2 .list .item .txtBox i{ position:absolute; left:0; bottom:5%;}
.product_center2 .list .item:hover{background-color:#e60012; transform:translateY(-3px);box-shadow: 8px 0 16px rgba(0,0,0,0.1);transition:all ease 0.36s;}
.product_center2 .list .item:hover h3{ color:#fff;}
.product_center2 .list .item:hover p{ color:#fff;}
.product_center2 .list .item:hover i{ color:#fff;}
.product_center2 .list .item:hover .img{border: #e60012 solid 1px;}


/* 产品中心-详情 */
.product_detail_wrapper{padding-bottom:80px;}
.product_detail{padding-top:80px;}
.pro_top{height:450px;box-shadow: 1px 0 2px rgba(0,0,0,0.1);background:#fff;}

/*****showProduct****/
.showProduct{float:left;position:relative; width:50%;}
.showProduct .showImg{float:left;position:relative; padding-bottom: 0;overflow: hidden;}
.showProduct .photo{position: relative; height:450px;}
.showProduct .photo .jqzoom{width:600px;height:450px; position: relative; padding: 0px;}
.showProduct .photo .zoomdiv{z-index: 999; position: absolute; top: 0px; left: 0px; background: #ffffff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden;}
.showProduct .photo .jqZoomPup{z-index: 999; visibility: hidden; position: absolute; top: 0px; left: 0px; border: 1px solid #eee; background: #fff; opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; filter: alpha(opacity=50);}
.showProduct .photo .img{width: 100%; height: 100%; display: block;}
.showProduct .photo .bigimg{width: 100%; height: 100%; display: block; position: relative; overflow: hidden;}
.showProduct .photo .bigimg .list{width: 1000%; position: relative;}
.showProduct .photo .bigimg .list li{position:relative;display:block;width: 600px; height: 450px; float: left;}
.showProduct .photo .bigimg .list img{position:relative;width: 100%; height: 100%; display: block; transition: all ease 300ms;}
.showProduct .photo .bigimg .list li:before{content: "";width: 100%;height: 100%;position: absolute;left:0;z-index: 1;}
.showProduct .photo .bigimg .list li:hover:before{animation: gradient-rectangle 1s 1;animation-delay: 0s;-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);nimation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);}
.showProduct .photo .photoimg{width: 426px; height: 60px; position: absolute; left: 114%; top: 58%;z-index:12;}
.showProduct .photo .photoimg .list{width: 354px; overflow: hidden; position: relative; margin: 0 auto;}
.showProduct .photo .photoimg .listcon{width: 300%; position: relative;}
.showProduct .photo .photoimg .listcon li{width: 80px; height: 60px; cursor: pointer; display: block; float: left; margin-right: 11px;}
.showProduct .photo .photoimg .listcon li img{width: 80px; height: 60px; display: block;}
.showProduct .photo .photoimg .listcon li:hover img,
.showProduct .photo .photoimg .listcon li.on img{border: 2px solid #e60012; width: 76px; height: 56px;}
.showProduct .photo .photoimg .prev,
.showProduct .photo .photoimg .next{width: 26px; height: 60px; z-index: 10; position: absolute; top: 0; cursor: pointer; background: #ddd url(../images/show-pro-btn.png) no-repeat 0 center;border-radius:3px;}
.showProduct .photo .photoimg .prev:hover,
.showProduct .photo .photoimg .next:hover{background-color: #ccc;}
.showProduct .photo .photoimg .prev{left: 0px; background-position: 8px center;}
.showProduct .photo .photoimg .next{right: 0px; background-position: -64px center;}
/* .showProduct .photo .bigimg .list li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);} */

.pro_top .imgtxtcon{padding-left:7%;padding-right:7%;position:relative;float:left;width:50%;height:525px;box-sizing:border-box;}
.pro_top .imgtxtcon .tit{padding-top:80px;font-size:34px;line-height:30px;color:#e60012;}
.pro_top .imgtxtcon .desc{margin-top: 14px;
font-size: 14px;
line-height: 22px;
color: #666;text-indent: 28px;}
.pro_top .imgtxtcon .wx{position:absolute;bottom:14%;left:14%;display:block;width:200px;height:45px;font-size:16px;line-height:45px;text-indent:60px;color:#fff;background: #e60012;transition:all ease 0.36s;z-index:14;}
.pro_top .imgtxtcon .wx:hover{text-indent:64px;color:#fff;background-color:#e60012;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);transition:all ease 0.36s;}

.pro_top .imgtxtcon .wx1{position:absolute;bottom:14%;left:45%;display:block;width:200px;height:45px;font-size:16px;line-height:45px;text-indent:60px;color:#fff;background: #e60012;transition:all ease 0.36s;z-index:14;}
.pro_top .imgtxtcon .wx1:hover{text-indent:64px;color:#fff;background-color:#e60012;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);transition:all ease 0.36s;}

.pro_cont{padding:3%;margin-top:50px;background:#fff;box-sizing: border-box;box-shadow: 1px 0 2px rgba(0,0,0,0.1);}
.pro_cont .pro_left{width:100%;}
.pro_cont .pro_left .pro_t{}
.pro_cont .pro_t .pro_tit{font-size:34px;line-height:34px;color:#333; font-weight:bold;}
.pro_cont .pro_t .pro_b{padding-top:80px;}
.pro_cont .pro_t .pro_b .ite{font-size:16px;line-height: 30px;color:#999;border-bottom:1px dashed #ddd;min-height: 50px;padding: 15px 0;box-sizing: border-box;}
.pro_cont .pro_t .pro_b .it2{margin-left:24px;color:#666;}
.pro_cont .pro_right{float:right;width:50%;}
.pro_cont .pro_right .pro_context{line-height:36px;}
.pro_cont .pro_context img{max-width: 100%;}

.pro_cont .reLink .prevLink .img{width:100px;height:75px;}
.pro_cont .reLink .prevLink img{width:100px;height:75px;}
.pro_cont .reLink .nextLink .img{width:100px;height:75px;}
.pro_cont .reLink .nextLink img{width:100px;height:75px;}

.pro_t .slideTxtBox{ padding-top:40px;}
.pro_t .slideTxtBox .hd{ width:100%;}
.pro_t .slideTxtBox .hd ul{ width:100%; display:inline-block;}
.pro_t .slideTxtBox .hd ul li{ width:200px; text-align:center; border:#ddd solid 1px; margin-left:-1px; height:60px; line-height:60px; float:left;}
.pro_t .slideTxtBox .hd ul .on{ background-color:#e60012; color:#fff; border:#e60012 solid 1px;}
.pro_t .slideTxtBox .bd{ width:100%; padding-top:40px;}
.pro_t .slideTxtBox .bd ul,.pro_t .slideTxtBox .bd li,.pro_t .slideTxtBox .bd ol{list-style: inherit;}
/* 推荐产品 */
.pro_recom{padding-top:80px;}
.pro_recom .pros_tit .tit{margin-left:10px;float:left;display:block;width:170px;font-size:40px;line-height:44px;color:#333;}
.pro_recom .pros_tit .morepros{float:right;font-size:20px;line-height:44px;color:#999;}
.pro_recom .pros_tit .morepros:hover{color:#e60012;}
.pro_recom .prolist{margin-top:40px;}
.pro_recom .prolist .list{width:104%;}
.pro_recom .prolist li{position:relative;margin-right:3%;margin-bottom:40px;float:left;width:30%;height:406px;background: #fbfbfb;box-shadow: 1px 0 2px rgba(0,0,0,0.1);transition:all ease 0.36s;}
.pro_recom .prolist li a{display:block;}
.pro_recom .prolist li .img{position:relative;display:block;width:auto;overflow: hidden;}
.pro_recom .prolist li .img img{ display:block; width:100%;}
.pro_recom .prolist li .txt{padding:20px 40px 40px;box-sizing: border-box;}
.pro_recom .prolist li .img::before{content: ""; position: absolute; width: 100px; height: 800px; top: 0; left: -250px; overflow: hidden; background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0))); background: -ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); -webkit-transform: skewX(-32deg); -ms-transform: skewX(-32deg); -moz-transform: skewX(-32deg); transform: skewX(-32deg);opacity:0;}
.pro_recom .prolist li .txt .tit{font-size:26px;line-height:28px;color:#333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_recom .prolist li .txt .desc{margin-top:20px;font-size:14px;line-height:24px;color:#999; display:none;}
.pro_recom .prolist li .plus{position:absolute;bottom:0;right:0;display:block;width:50px;height:50px;font-size:34px;line-height:50px;text-align:center;color:#fff;background:#676a72;}
.pro_recom .prolist li:hover .plus{background:#e60012;}
.pro_recom .prolist li:hover{transform:translateY(-3px);box-shadow: 8px 0 16px rgba(0,0,0,0.1);transition:all ease 0.36s;}
.pro_recom .prolist li:hover .img::before{-webkit-transition: left 2s; -moz-transition: left 2s; -ms-transition: left 2s; transition: left 2s; left: 150%;opacity:1;}
.pro_recom .prolist li:hover .tit{color:#e60012;}
/*.pro_recom .prolist .list li.item4{display:none;}*/

/* 客户案例 */
.case_wrapper{}
.case_wrapper .caselist li{position:relative;float:left;width:48%;margin-bottom:50px;margin-right:4%;height:380px;transition:all ease 0.36s;}
.case_wrapper .caselist li:nth-child(2n){margin-right:0;}
.case_wrapper .caselist li .img{position:relative;display:block;width:100%;padding-top:56.25%;overflow: hidden;}
.case_wrapper .caselist li img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
.case_wrapper .caselist li .txt{position:absolute;bottom:0;left:0;display:table;width:100%;height:20%;z-index:2;background:url("../images/ny_case_txt.png") no-repeat center center;}
.case_wrapper .caselist li .txt .tit{position:relative;display:table-cell;vertical-align: middle;font-size:24px;text-indent:50px;color:#fff;z-index:12;}
.case_wrapper .caselist li .txt p{position:relative;display:table;font-family:arial;float:right;font-size:30px;width: 75px;height:100%;background:#e60012;z-index:12;}
.case_wrapper .caselist li .txt p span{display:table-cell;vertical-align: middle;text-align:center;font-size:30px; color:#fff;}
.case_wrapper .caselist li .txt:before,.case_wrapper .caselist li .txt:after{content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background:#e60012;z-index:2;transition: .8s;}
.case_wrapper .caselist li .txt:before{transition: .8s; background:#e60012;z-index:-1; }         
.case_wrapper .caselist li:hover{transform:translateY(-3px);box-shadow: 8px 0 16px rgba(0,0,0,0.1);transition:all ease 0.36s;}
.case_wrapper .caselist li:hover .txt:after,.case_wrapper .caselist li:hover .txt:before{width: 100%;}
.case_wrapper .caselist li:hover p{background:#e60012;}
.case_wrapper .caselist li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}

/* 荣誉资质 */
.honor_wrapper{padding-top:0px;}
.honor_wrapper .honorlist{ padding-top:60px;}
.honor_wrapper .honorlist .list{width:106%; display:inline-block;justify-content: center;flex-wrap: wrap;align-items: center;margin-left: -35px;}
.honor_wrapper .honorlist li{margin:0 34px;margin-bottom:20px;display:block;width:300px;transition:all ease 0.36s; background-color:#fff; float:left;}
.honor_wrapper .honorlist li img{ display:block; width:100%;}
.honor_wrapper .honorlist li a{display:block;}
.honor_wrapper .honorlist li .txt{}
.honor_wrapper .honorlist li .h_tit{font-size:16px;line-height:16px;text-align: center;color:#999;background:url("../images/honor_line.png") no-repeat center center;}
.honor_wrapper .honorlist li .tit{ line-height:50px;margin:0 auto;font-weight:normal;font-size:16px;text-align: center;color:#e60012;}
.honor_wrapper .honorlist li:hover{transform: translateY(-3px);transition:all ease 0.36s;}
.honor_wrapper .honorlist li:hover .tit{font-weight: bold;}


@media (max-width: 1660px) {
.honor_wrapper .honorlist li{margin: 0px 24px;width: 266px;margin-bottom: 20px;}
}


/* 新闻动�?*/
.news_wrapper .pager{margin-top:30px;}
.news_center{padding-top:20px;}
.news_center .newslist li{position:relative;transition:all ease 0.36s;}
.news_center .newslist li .newscont{padding:50px 0;position:relative;display:block;border-bottom:1px solid #cccccc;}
.news_center .newslist li .img{position:relative;float:left;display:block;width:32.143%;height:252px;overflow: hidden;}
.news_center .newslist li img{position:absolute;top:0;left:0;display:block;width:100%;transition:all ease 0.36s;}
.news_center .newslist li .txtbox{float:right;width:60%;padding-top: 14px;}
.news_center .newslist li .txt{position:relative;}
.news_center .newslist li .txt .tit{position:relative;font-size:28px;line-height:36px;color:#333;}
.news_center .newslist li .txt .tit:before{content: '';position: absolute;left: -13%;top:20px;width: 0;height: 1px;background:#e60012;z-index:2;transition: .8s;}
.news_center .newslist li .txt .time{padding-top:16px;font-family: arial;font-size:24px;color:#999;}
.news_center .newslist li .txt .desc{padding-top:22px;font-size:16px;line-height:26px;color:#a0a3aa; padding-right:50px;}
.news_center .newslist li .detail{opacity:0;}
.news_center .newslist li:hover img{transform:scale(1.05);transition:all ease 0.36s;}
.news_center .newslist li:hover{box-shadow: 8px 0 16px rgba(99, 97, 97, 0.1);transform:translateY(-5px);background:#fff;transition:all ease 0.36s;}
.news_center .newslist li:hover a{border-bottom:none;}
.news_center .newslist li:hover .txt .tit:before{width:90px;transition:all ease 0.36s;}
.news_center .newslist li:hover .txt .tit{color:#e60012;}
.news_center .newslist li .detail{position:relative;margin-top:30px;display:block;width:150px;height:36px;font-size:16px;line-height:36px;text-indent:44px;color:#fff;background:url("../images/f7arr2.png") no-repeat 86px center #e60012;transition:all ease 0.36s;}
.news_center .newslist li .detail span{position:relative;z-index:12;}
.news_center .newslist li .detail:before,.news_center .newslist li .detail:after{content: '';position: absolute;left: 0;top: 0;width: 0;height: 36px;background:url("../images/f7arr2.png") 86px center no-repeat #e60012;z-index:2;transition: .5s;}
.news_center .newslist li .detail:before{transition: .3s; background:url("../images/f7arr2.png") 86px center no-repeat #e60012;z-index:-1;}
.news_center .newslist li:hover .detail{text-indent:44px;transition:all ease 0.36s;}
.news_center .newslist li:hover .detail:before,.news_center .newslist li:hover .detail:after{width:150px;}
.news_center .newslist li:hover .detail span{color:#fff;transition:all ease 0.36s;}
/*.news_center .newslist li:first-child .newscont{padding:0;background:#fff;border-bottom:0;}*/
/*.news_center .newslist li:first-child .newscont{ padding-top:0;}*/
.news_center .newslist li:first-child:hover{box-shadow: none;}
.news_center .newslist li:hover .detail{opacity:1;}

.news_center.tuandui .newslist li .img{ height:290px;width: 15.6%;}
.news_center.tuandui .newslist li .txtbox{ width:77%;}


.news_center.tuandui .newslist li .txt .tit:before{ display:none;}




/* 新闻动�?详情 */
.news_center.xin_xl{ padding-top:70px;}
.news_detail{background:#fff; padding:50px;}
.news_detail .title{padding-bottom:50px;border-bottom:1px solid #999;}
.news_detail .title h1{font-weight:normal;font-family:"思源黑体 CN";font-size:36px;line-height:50px;text-align:center;color:#333;width: 980px; margin:0 auto;} 
.news_detail .title .marks{margin-top:30px;}
.news_detail .title .marks span{font-size:16px;color:#333;}
.news_detail .title .marks span em{margin-right:14px;color:#999;}
.news_detail .title .marks span.t1{margin-right:14px;}
.news_detail .title .marks span.t2{margin-right:54px;}
.news_detail .title .marks span.t3{font-family:arial;}
.news_detail .title .marks span.t3 em{font-family:"Microsoft YaHei";}
.news_detail .context{padding-top:80px;line-height:30px;}
.news_detail .context img{max-width: 100%;}

/* 资讯推荐 */
.news_recom{padding-top:76px;}
.news_recom .news_tit .tit{margin-left:10px;float:left;display:block;width:170px;font-size:40px;line-height:44px;color:#333;background:url("../images/ctitline.png") no-repeat 30px bottom;}
.news_recom .news_tit .morenews{float:right;font-size:20px;line-height:44px;color:#999;}
.news_recom .news_tit .morenews:hover{color:#e60012;}
.news_recom .newslist1{margin-top:36px;}
.news_recom .newslist1 .list{width:103%;}
.news_recom .newslist1 li{position:relative;margin-right:3.5%;float:left;width:calc(100%/3 - 50px);height:590px;background:#fff;}
.news_recom .newslist1 li.nt3{margin-right:0;}
.news_recom .newslist1 li .img{display:block;width:auto;height:316px;overflow: hidden;}
.news_recom .newslist1 li img{display:block;width:auto;height:316px;object-fit: contain;}
.news_recom .newslist1 li .txtbox{padding:40px 30px 30px 40px;box-sizing:border-box;}
.news_recom .newslist1 li .txtbox .time{font-family: arial;font-size:18px;line-height:16px;color:#999;transition:all ease 0.36s;}
.news_recom .newslist1 li .txt{padding-top:40px;transition:all ease 0.36s;}
.news_recom .newslist1 li .txt .tit{font-weight: bold;font-size:22px;line-height:22px;color:#151527;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition:all ease 0.36s;}
.news_recom .newslist1 li .txt .desc{margin-top:18px;height:48px;font-size:14px;line-height:24px;color:#999;transition:all ease 0.36s;overflow:hidden;}
.news_recom .newslist1 li .detail{position:relative;margin-top:20px;display:block;width:120px;height:36px;font-size:16px;line-height:36px;text-indent:0;color:#151527;background:url("../images/f7arr1.png") no-repeat 42px center #fff;transition:all ease 0.36s;}
.news_recom .newslist1 li .detail span{position:relative;z-index:12;}
.news_recom .newslist1 li .detail:before,.news_recom .newslist1 li .detail:after{content: '';position: absolute;left: 0;top: 0;width: 0;height: 36px;background:url("../images/f7arr2.png") 68px center no-repeat #e60012;z-index:2;transition: .8s;}
.news_recom .newslist1 li .detail:before{transition: .3s; background:url("../images/f7arr2.png") 68px center no-repeat #e60012;z-index:-1;}
.news_recom .newslist1 li:hover .detail{text-indent:26px;transition:all ease 0.36s;}
.news_recom .newslist1 li:hover .detail:before,.news_recom .newslist1 li:hover .detail:after{width:120px;}
.news_recom .newslist1 li:hover .detail span{color:#fff;transition:all ease 0.36s;}
.news_recom .newslist1 li:hover .txtbox .time{transform:translateY(10px);transition:all ease 0.36s;}
.news_recom .newslist1 li:hover .txtbox .txt{transform:translateY(-10px);transition:all ease 0.36s;}
.news_recom .newslist1 li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}

/* 响应1200屏幕 */
@media (max-width: 1660px) {

  .news_recom .newslist1 li{width:calc(100%/3 - 40px);}
}

.solution_wrapper{ background:#f5f5f5 url(../images/s12_02.jpg); width:100%;}

/* 解决方案 */
.solution_wrapper .solution_center{padding-top:80px;}
.solution_center li{position:relative;margin-top:30px;height:438px;background:#fff;transition:all ease 0.36s;box-sizing:border-box;box-shadow:3px 0px 6px rgba(51, 51, 51, 0.1);}
.solution_center li:first-child{margin-top:0;}
.solution_center li a{display:block;height:340px;}
.solution_center li .img{float:right;position:relative;width:585px;height:438px;overflow: hidden;}
.solution_center li .img img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;transition:all ease 0.36s;}
.solution_center li .txt_box{float:left;width:46%;margin-right:0; padding-top:4%;}
.solution_center li .txt_box .sico{margin-top:30px;margin-right:0;float:left;position:relative;display:block;width:170px;height:170px;}
.solution_center li .txt_box .sico img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;}
.solution_center li .txt{float:left;width:80%; margin-left:10%;}
.solution_center li .txt_box b{ float:left; width:10%; width:52px; height:52px; background-position:-318px -32px;}
.solution_center li.li2 .txt_box b{ float:left; width:10%; width:52px; height:52px; background-position:-398px -32px;}
.solution_center li .txt .tit{width:100%;font-size:36px;line-height:52px;color:#333;}
.solution_center li .txt .desc{margin-top:40px;font-size:16px;color:#313131;line-height:30px; height:180px;}
.solution_center li .txt .onl{width:180px; height:46px; background-color:#eee; border-radius:50px; text-align:center;transition:all ease 0.36s;}
.solution_center li .txt .onl span{ display:block; padding-left:42px; font-size:16px; color:#333; float:left; line-height:46px;}
.solution_center li .txt .onl i{ display:block; float:right; width:24px; height:24px; background-position:-68px -65px; margin-right:12px; margin-top:11px;transition:all ease 0.36s;}
.solution_center li .txt .onl:hover{ width:190px;background-color:#e60012;}
.solution_center li .txt .onl:hover span{ color:#fff;}
.solution_center li .txt .onl:hover i{ background-position:-97px -65px;}
.solution_center li:hover{box-shadow: 8px 0 16px rgba(99, 97, 97, 0.1);transform:translateY(-5px);transition:all ease 0.36s;}
.solution_center li:hover .img img{-webkit-filter:brightness(105%);filter:brightness(105%);transform:scale(1.05);transition:all ease 0.36s;}
.solution_center li:hover .tit{color:#e60012;}
.solution_center li .online{padding:0;position:absolute;bottom:58px;left:3.5%;display:block;width:140px;height:40px;font-size:14px;line-height:40px;text-indent:24px;color:#fff;background:url("../images/f1arr.png") 95px center no-repeat #e60012;z-index:16;transition:all ease 0.36s;}
.solution_center li .online:hover{text-indent:28px;color:#fff;background:url("../images/f1arr.png") 98px center no-repeat #e60012;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);transition:all ease 0.36s;}

.solution_wrapper .solution_center1{padding-top:80px;}
.solution_center1 li{position:relative;margin-top:30px;height:438px;background:#fff;transition:all ease 0.36s;box-sizing:border-box;box-shadow:3px 0px 6px rgba(51, 51, 51, 0.1); overflow:hidden;}
.solution_center1 li:first-child{margin-top:0;}
.solution_center1 li a{ padding:5%; display:inline-block;width: 90%;}
.solution_center1 li .img{float:right;position:relative;width:518px;height:292px;overflow: hidden;}
.solution_center1 li .img img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;transition:all ease 0.36s;}
.solution_center1 li .txt_box{float:left;width:46%;margin-right:0;}
.solution_center1 li .txt_box .sico{margin-top:30px;margin-right:0;float:left;position:relative;display:block;width:170px;height:170px;}
.solution_center1 li .txt_box .sico img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;}
.solution_center1 li .txt{float:left;width:90%;}
.solution_center1 li.li1 .txt_box b{ float:left; width:56px; height:52px; background-position:-91px -378px;margin-top: 4px;}
.solution_center1 li.li2 .txt_box b{ float:left; width:56px; height:52px; background-position:-165px -378px;}
.solution_center1 li.li3 .txt_box b{ float:left; width:56px; height:52px; background-position:-240px -378px;}
.solution_center1 li.li4 .txt_box b{ float:left; width:56px; height:52px; background-position:-322px -378px;}
.solution_center1 li .txt .tit{width:100%;font-size:36px;line-height:52px;color:#333;}
.solution_center1 li .txt .desc{margin-top:40px;font-size:16px;color:#313131;line-height:30px; height:150px;}
.solution_center1 li .txt .onl{width:180px; height:46px; background-color:#eee; border-radius:50px; text-align:center;transition:all ease 0.36s;}
.solution_center1 li .txt .onl span{ display:block; padding-left:42px; font-size:16px; color:#333; float:left; line-height:46px;}
.solution_center1 li .txt .onl i{ display:block; float:right; width:24px; height:24px; background-position:-68px -65px; margin-right:12px; margin-top:11px;transition:all ease 0.36s;}
.solution_center1 li .txt .onl:hover{ width:190px;background-color:#e60012;}
.solution_center1 li .txt .onl:hover span{ color:#fff;}
.solution_center1 li .txt .onl:hover i{ background-position:-97px -65px;}
.solution_center1 li:hover{box-shadow: 8px 0 16px rgba(99, 97, 97, 0.1);transform:translateY(-5px);transition:all ease 0.36s;}
.solution_center1 li:hover .img img{-webkit-filter:brightness(105%);filter:brightness(105%);transform:scale(1.05);transition:all ease 0.36s;}
.solution_center1 li:hover .tit{color:#e60012;}
.solution_center1 li .online{padding:0;position:absolute;bottom:58px;left:3.5%;display:block;width:140px;height:40px;font-size:14px;line-height:40px;text-indent:24px;color:#fff;background:url("../images/f1arr.png") 95px center no-repeat #e60012;z-index:16;transition:all ease 0.36s;}
.solution_center1 li .online:hover{text-indent:28px;color:#fff;background:url("../images/f1arr.png") 98px center no-repeat #e60012;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);transition:all ease 0.36s;}
.solution_center1 li.li1:hover .txt_box b{background-position:-91px -436px;}
.solution_center1 li.li2:hover .txt_box b{background-position:-165px -436px;}
.solution_center1 li.li3:hover .txt_box b{background-position:-240px -436px;}
.solution_center1 li.li4 :hover.txt_box b{background-position:-322px -436px;}
.solution_center1 li:hover{background:#fff url(../images/s14_03.png) right center no-repeat;}
@media (max-width: 1660px) {
.solution_center li{ height: 404px;}
.solution_center li .img { width: 540px;  height: 404px;}
.solution_center li .txt .desc {  height: 160px;}
.solution_center1 li .txt { width: 74%;}
.solution_center1 li { height: 412px;}



}

/* 解决方案-详情 */
.sold_1_main{padding-top:150px;height:480px;background:#f5f5f5;}
.sold1_detail{margin-left:-12px;height:580px;background:url("../images/sold1_bg.png") left bottom no-repeat;position: relative;}
.sold1_detail .sold_tit .tit{margin-left:12px;float:left;display:block;width:170px;font-size:40px;line-height:44px;color:#333;background:url("../images/ctitline.png") no-repeat 30px bottom;}
.sold1_detail .left{float:left;width:40%;}
.sold_cont{padding:160px 14% 0;box-sizing:border-box;}
.sold_cont .desc{font-size:14px;line-height:30px;color:#666;}
.sold1_detail .right{float:right;width:60%;}
.sold_img{position:relative;display:block;width:100%;height:480px;}
.sold_img .dimg{display:block;width:100%;height:100%;object-fit:contain;}
.sold_img .dimg:before{content: "";width: 100%;height: 100%;position: absolute;left:0;z-index: 1;}
.sold_img .dimg img{display:block;width:100%;height:100%;object-fit:contain;}
.sold_img  .wx{position:absolute;bottom:0;left:0;display:block;width:250px;height:100px;font-size:20px;line-height:100px;text-indent:60px;color:#fff;background:url("../images/f1arr.png") 160px center no-repeat #e60012;transition:all ease 0.36s;z-index:12;}
.sold_img  .wx:hover{text-indent:50px;width:280px;background:url("../images/f1arr.png") 180px center no-repeat #e60012;transition:all ease 0.36s;}
.sold_img .dimg:hover:before{animation: gradient-rectangle 1s 1;animation-delay: 0s;-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);nimation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);}

.sold_2_main{height:850px;background:#fff;}
.sold_2_main .sold2_tit{padding-top:200px;}
.sold_2_main .sold2_tit .tit{display:block;width:170px;margin:0 auto;font-size:40px;line-height:44px;color:#333;background:url("../images/ctitline.png") no-repeat 30px bottom;}
.advant{text-align:center;padding:0 7%;margin-top:100px;}
.advant .list{display:flex;justify-content: space-between;}
.advant .list li{margin-left:50px;width:calc(100% - 50px);height:850px;transition:all ease 0.36s;}
.advant .list li:first-child{margin-left:0;}
.advant .list li .img{position:relative;display:block;width:220px;height:220px;margin:0 auto;}
.advant .list li .bg{position:absolute;top:0;left:0;display:block;width:220px;height:220px;margin:0 auto;background:url("../images/advant_li.png") no-repeat center center;-webkit-animation: rotate 10s linear 0s infinite;animation: rotate 10s linear 0s infinite;}
.advant .list li img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:block;max-width:100%;}
.advant .list li .txt{padding-top:50px;}
.advant .list li .txt .tit{font-size:33px;line-height:32px;color:#333;}
.advant .list li .txt .desc{padding-top:40px;font-size:18px;line-height:30px;text-align:center;color:#333;}
.advant .list li:hover{transform: translateY(-3px);transition:all ease 0.36s;}
.advant .list li:hover .txt .tit{color:#e60012;}

.sold_3_main{height:830px;background:#f5f5f5;}
.sold_3_main .sold_3{padding-top:100px;}
.sold_3_main .sold2_tit .tit{margin-left:12px;float:left;display:block;width:170px;font-size:40px;line-height:44px;color:#333;background:url("../images/ctitline.png") no-repeat 30px bottom;}
.product_portfolio{margin-top:60px;position:absolute;}
.product_portfolio .list{width:103%;}
.product_portfolio .list li{position:relative;margin-right:40px;float:left;width: calc(100%/3 - 40px);height:510px;background:#fff;box-shadow: 1px 0 2px rgba(0,0,0,0.1);transition:all ease 0.36s;}
.product_portfolio .list li a{display:block;}
.product_portfolio .list li .img{position:relative;display:block;width:auto;height:330px;overflow: hidden;}
.product_portfolio .list li .img img{position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;max-width:100%;width:100%;}
.product_portfolio .list li .txt{position:relative;height:180px;padding:40px 50px 50px 40px;box-sizing: border-box;}
.product_portfolio .list li .img::before{content: ""; position: absolute; width: 100px; height: 800px; top: 0; left: -250px; overflow: hidden; background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0))); background: -ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); -webkit-transform: skewX(-32deg); -ms-transform: skewX(-32deg); -moz-transform: skewX(-32deg); transform: skewX(-32deg);opacity:0;}
.product_portfolio .list li .txt .tit{font-size:26px;line-height:26px;color:#333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.product_portfolio .list li .txt .desc{margin-top:20px;font-size:14px;height:48px;line-height:24px;color:#999;overflow:hidden;}
.product_portfolio .list li .plus{position:absolute;bottom:0;right:0;display:block;width:50px;height:50px;font-size:34px;line-height:50px;text-align:center;color:#fff;background:#676a72;}
.product_portfolio .list li:hover .plus{background:#e60012;}
.product_portfolio .list li:hover{transform:translateY(-3px);box-shadow: 8px 0 16px rgba(0,0,0,0.1);transition:all ease 0.36s;}
.product_portfolio .list li:hover .img::before{-webkit-transition: left 2s; -moz-transition: left 2s; -ms-transition: left 2s; transition: left 2s; left: 150%;opacity:1;}
.product_portfolio .list li:hover .tit{color:#e60012;}
.product_portfolio .hd{position:absolute;top:-110px;right:0;display:block;width:204px;height:52px;}
.product_portfolio .hd .prev,.product_portfolio .hd .next{float:left;display:block;width:102px;height:52px;cursor: pointer;}
.product_portfolio .hd .prev{background-position:-160px -60px;transition:all ease 0.36s;}
.product_portfolio .hd .next{background-position:-270px -60px;transition:all ease 0.36s;}
.product_portfolio .hd .prev:hover{background-position:-50px -60px;transition:all ease 0.36s;}
.product_portfolio .hd .next:hover{background-position:-380px -60px;transition:all ease 0.36s;}


.sold_4_main{height:730px;background:#fff;}
.sold_4_main .sold_tit{padding-top:100px;}
.sold_4_main .sold_tit .tit{float:left;display:block;width:170px;font-size:40px;line-height:44px;color:#333;background:url("../images/ctitline.png") no-repeat 30px bottom;}
.sold_4_main .sold_tit .morecase{float:right;font-size:24px;line-height:50px;color:#333;}
.sold_4_main .caselist{margin-top:60px;}
.sold_4_main .caselist li{position:relative;float:left;width:48%;margin-bottom:50px;margin-right:4%;height:380px;transition:all ease 0.36s;}
.sold_4_main .caselist li:nth-child(2n){margin-right:0;}
.sold_4_main .caselist li .img{position:relative;display:block;width:100%;padding-top:56.25%;overflow: hidden;}
.sold_4_main .caselist li img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
.sold_4_main .caselist li .txt{position:absolute;bottom:0;left:0;display:table;width:100%;height:20%;z-index:2;background:url("../images/ny_case_txt.png") no-repeat center center;}
.sold_4_main .caselist li .txt .tit{position:relative;display:table-cell;vertical-align: middle;font-size:24px;text-indent:50px;color:#fff;z-index:12;}
.sold_4_main .caselist li .txt p{position:relative;display:table;font-family:arial;float:right;font-size:30px;width: 75px;height:100%;background:#e60012;z-index:12;}
.sold_4_main .caselist li .txt p span{display:table-cell;vertical-align: middle;text-align:center;font-size:30px; color:#fff;}
.sold_4_main .caselist li .txt:before,.sold_4_main .caselist li .txt:after{content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background:#e60012;z-index:2;transition: .8s;}
.sold_4_main .caselist li .txt:before{transition: .8s; background:#e60012;z-index:-1; }         
.sold_4_main .caselist li:hover{transform:translateY(-3px);box-shadow: 8px 0 16px rgba(0,0,0,0.1);transition:all ease 0.36s;}
.sold_4_main .caselist li:hover .txt:after,.sold_4_main .caselist li:hover .txt:before{width: 100%;}
.sold_4_main .caselist li:hover p{background:#e60012;}
.sold_4_main .caselist li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}

.sold_5_main{height:550px;background:#f5f5f5;}
.sold_5_main .sold2_tit{padding-top:100px;}
.sold_5_main .sold2_tit .tit{display:block;width:170px;margin:0 auto;font-size:40px;line-height:44px;color:#333;background:url("../images/ctitline.png") no-repeat 30px bottom;}
.sold_5_main .sold2_tit .subtit1{padding-top:40px;font-size:20px;text-align:center;line-height:24px;color:#333;}
.sold_5_main .sold2_tit .subtit2{padding-top:20px;font-weight:bold;font-size:34px;text-align:center;line-height:46px;color:#333;}
.sold_5_main .online_reserve{text-align:center;padding:0 14%;margin-top:40px;}
.sold_5_main .online_reserve .form_input{display:block;width:900px;}
.sold_5_main .online_reserve .item{float:left;width:720px;;height:60px;}
.sold_5_main .online_reserve .item .txt{width:718px;height:58px;font-size:16px;color:#333;border:1px solid #ddd;border-right:none;text-indent:30px;}
.sold_5_main .online_reserve .bot{float:left;width:180px;height:60px;}
.sold_5_main .online_reserve .bot .btn{width:178px;height:60px;font-size:20px;line-height:60px;text-align:center;border:none;border:1px solid #587fe0;outline:none;color:#fff;background:#587fe0;cursor:pointer;}
.sold_5_main .online_reserve .bot .btn:hover{opacity:0.8;}

.sold_6_main{height:550px;background:#f5f5f5;}
.sold_6_main .sold_tit{padding-top:0;}
.sold_6_main .sold_tit .tit{float:left;display:block;width:170px;font-size:40px;line-height:44px;color:#333;background:url("../images/ctitline.png") no-repeat 30px bottom;}
.sold_6_main .product_portfolio .list li{height:430px;}
.sold_6_main .product_portfolio .list li .img{height:250px;}
.ny_wrapper.about_wrapper{ background-color:#fff;}
.ny_wrapper.product_wrapper{ background-color:#f7f7f7;}
.conpan{}
.conpan img{ max-width:100%;}
/* 招投�?*/
.bid_wrapper{padding-bottom:80px;}
.bid_wrapper .pager{margin-top:50px;}
.bid_center{ padding-top:70px;}
.bid_center .bidlist{background:#fff; padding:50px;}
.bid_center .bidlist .b_top{padding-bottom:30px;border-bottom:2px solid #666;}
.bid_center .bidlist .b_top h3{float:left;font-size:26px;line-height:26px;color:#333;}
.bid_center .bidlist .b_top p{float:right;font-size:26px;line-height:26px;color:#333;}
.bid_center .bidlist li{display:block;height:80px;line-height:80px;border-bottom:1px solid #ccc;transition:all ease 0.36s;}
.bid_center .bidlist li a{display:block;height:80px;}
.bid_center .bidlist li h3{float:left;font-size:20px;color:#333;line-height:80px;}
.bid_center .bidlist li p{float:right;font-family: Arial;font-size:14px;line-height:80px;color:#999;}
.bid_center .bidlist li:hover{transform: translateY(-3px);transition:all ease 0.36s;}
.bid_center .bidlist li:hover h3{font-weight:bold;color:#e60012;}

/* 联系我们 */
.contact_wrapper{padding-bottom:80px;background:#f3f3f3;}
.contact_center{padding-top:76px;}
.contactPage{background:#ffffff; padding:50px;}
.contactPage .contact_1 .cinfo{float:left;width:50%;background:url("../images/cinfo_1.png") top center no-repeat;background-size:100%;}
.contactPage .contact_1 .cinfo.c2{float:left;width:50%;background:url("../images/cinfo_2.png") top center no-repeat;background-size:100%;}
.contactPage .contact_1 .cinfo .c_top{padding-top:70px;padding-left:100px;}
.contactPage .contact_1 .c_top .c_tit{font-size:40px;line-height:40px;color:#fff;}
.contactPage .contact_1 .c_top .line{margin-top:32px;display:block;width:50px;height:2px;background:rgba(255,255,255,0.3);}
.c_bottom{padding-left:100px;padding-top:180px;}
.c_bottom .ct1{margin-right:30px;font-size:20px;color:#666;}
.c_bottom .ct1 i{margin-right:40px;}
.c_bottom .ct2{font-family: Arial;font-size:20px;color:#333;}
.c_bottom .c_it1 .ct2{font-family: "微软雅黑";}
.c_bottom .c_it2 .ct2{font-size:30px;color:#e60012;}
.c_bottom .c_it{margin-bottom:20px;}
.c_bottom .c_it2{margin-top:20px;margin-bottom:60px;}

.xin_lx{ display:inline-block; width:100%;padding-bottom:0;}
.xin_lx .contact_1{ float:left; width:40%;}
/*.xin_lx .contact_1 p{ display:inline-block; width:100%; padding-bottom:30px;}*/
.xin_lx .contact_1 img{ max-width:100%;}
/*.xin_lx .contact_1 span{ display:block; padding-top:8px;}*/

.contactPage .mapArea{ margin:0 auto; float:right; width:55%;height:400px;}
.contactPage .mapArea #allmap{width:100%;height:400px;}

.contact_2{padding:80px 0% 20px;}
.contact_2 .ctit{ text-align:center;}
.contact_2 .ctit .tit{display:block;margin:0 auto;font-size:40px;line-height:44px;color:#333; text-align:center;}
.contact_2 .ctit p{ padding-top:20px;}
.contact_2 .formdata{margin-top:60px;}
.contact_2 .formdata .item{position:relative;float:left;width:48%;height:58px;line-height:58px;border:2px solid #d6d6d6;}
.contact_2 .formdata .item.mr{margin-right:3%;}
.contact_2 .formdata .item label{float:left;display:block;margin-top:18px;width:17%;height:22px;line-height:22px;text-align:center;border-right:1px solid #ddd;}
.contact_2 .formdata .item .txt{float:left;width:76%;height:58px;line-height:58px;border:none;outline:none;text-indent:20px;}
.contact_2 .formdata .item .red{position:absolute;top:0;right:20px;color: #df1f1f;font-weight: 100;font-size:22px;}
.contact_2 .formdata .tarea{margin-top:40px;}
.contact_2 .formdata .tarea textarea{border: 2px solid #d6d6d6;width: 97.8%; height: 174px; resize: none; padding: 10px; *margin-top: 15px; overflow: hidden; outline: none; text-indent: 24px;}
.contact_2 .formdata  .btn{border: none; background: #e60012; width: 400px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; display:block;margin:0 auto; margin-top: 40px; cursor: pointer; transition: ease-in-out .2s; margin-bottom: 60px;outline:none;}
.contact_2 .formdata  .btn:hover{text-indent: 6px;color: #fff;background-color: #e60012;transition: all ease 0.36s;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);}
.servicePage{padding-top:0;}
.servicePage .item_top{margin-bottom:30px;}

/* 关于我们 */
.about_wrapper .about_tit1 p{display:block;font-size:30px;line-height:34px;color:#c5ced5; text-transform:uppercase; font-weight:bold;}
.about_wrapper .about_tit1 .tit{display:block;font-size:40px;line-height:40px;color:#273548; padding-top:12px;}
.about_wrapper .about_tit1 i{ display:block; width:36px; height:2px; background-color:#333; margin-top:22px;}
.about_wrapper .about_tit2 .tit{display:inline-block;font-size:32px;line-height:32px;color:#273548; text-align:center; position:relative;}
.about_wrapper .about_tit2 .tit .i1{ display:block; width:10px; height:3px; background-color:#273548; position:absolute; left:-36px; top:22px;}
.about_wrapper .about_tit2 .tit .i2{ display:block; width:10px; height:3px; background-color:#273548; position:absolute; right:-36px; top:22px;}
.about_wrapper{padding-top:0;padding-bottom:0;}
.about_1_main{ width:100%;}
.about_1.about_tit1{padding-top:130px;}
.about_1{position:relative; padding-top:114px;}
.about_1 .left{float:left;width:50%;}
.about_1 .left .acont{margin-top:32px;height:342px;}
.about_1 .left .acont li{ float:left; margin-right:68.5px; height:64px;}
.about_1 .left .acont li.a4{ margin-right:0;}
.about_1 .left .acont a{ height:64px; position:relative; display:block;}
.about_1 .left .acont a b{ display:block; width:24px; height:23px; float:left; }
.about_1 .left .acont ul{ display:block; font-size:16px; color:#333; line-height:30px; }
.about_1 .left .acont a i{ display:none; width:100%; height:2px; background-color:#e60012; position:absolute; left:0; bottom:-1px;}
.about_1 .left .acont .a1 b{background-position:-100px -351px; }
.about_1 .left .acont .a2 b{background-position:-142px -351px;}
.about_1 .left .acont .a3 b{background-position:-190px -351px;}
.about_1 .left .acont .a4 b{background-position:-233px -351px;}
.about_1 .left .acont li.on i{ display:block;}
.about_1 .left .acont li:hover span,.about_1 .left .acont li.on span{ color:#e60012;}
.about_1 .left .acont .a1:hover b,.about_1 .left .acont .a1.on b{background-position:-100px -377px;}
.about_1 .left .acont .a2:hover b,.about_1 .left .acont .a2.on b{background-position:-142px -377px;}
.about_1 .left .acont .a3:hover b,.about_1 .left .acont .a3.on b{background-position:-190px -377px;}
.about_1 .left .acont .a4:hover b,.about_1 .left .acont .a4.on b{background-position:-233px -377px;}
.about_1 .left .acont .onl{ width:180px; height:46px; border-radius:50px; text-align:center;transition:all ease 0.36s; display:block; background-color: #e60012;
background-image: linear-gradient(to right,#e60012 0%,#ed4c04 100%); margin-top:40px;}
.about_1 .left .acont .onl span{ display:block; padding-left:42px; font-size:16px; color:#fff; float:left; line-height:46px;}
.about_1 .left .acont .onl i{ display:block; float:right; width:24px; height:24px; background-position:-97px -65px; margin-right:12px; margin-top:11px;transition:all ease 0.36s;}
.about_1 .left .acont .onl:hover{ width:190px;background-color:#e60012;}
.about_1 .left .acont .onl:hover span{ color:#fff;}
.about_1 .left .acont .onl:hover i{background-position:-68px -65px; }

.about_1 .left .acont .hvr-underline-from-center1::before { height: 2px;bottom: -1px;}

.about_1 .left .acont .ap1{font-size:24px;line-height:40px;color:#333; height:64px; width:100%;}
.about_1 .left .acont .ap2{margin-top:50px;font-size:16px;line-height:40px;color:#333;}
.about_1 .left .acont .ap2 span{display:block;margin-bottom:50px;}
.about_1 .left .amore{margin-top:70px;position:relative;display:block;width:200px;height:45px;font-size:16px;line-height:45px;text-indent:50px;color:#fff;background:url("../images/f1arr.png") 130px center no-repeat #e60012;}
.about_1 .left .amore span{position:relative;z-index:12;}
.about_1 .left .amore:before,.about_1 .left .amore:after{content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background:url("../images/f1arr.png") 130px center no-repeat #017133;z-index:2;transition: .8s;}
.about_1 .left .amore:before{transition: .8s; background:url("../images/f1arr.png") 130px center no-repeat #017133;z-index:-1; }         
.about_1 .left .amore:hover:after,.about_1 .left .amore:hover:before{width: 100%;}
.about_1 .right{ float:right; width:45%;}
.about_1 .right img{ display:block; width:100%;}
.about_1 .right:before{content: "";width: 100%;height: 100%;position: absolute;left:0;z-index: 1;}
.about_1 .right:hover:before{animation: gradient-rectangle 1s 1;animation-delay: 0s;-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);nimation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);}

.about_1_main .floor_20_2{ padding-top:0;}
.about_1_main .floor_20_2 dl dt span{ color:#fff; font-weight:bold;}
.about_1_main .floor_20_2 dl dt {  color: #fff;}
.about_1_main .floor_20_2 dl dd {  color: #fff;}
.about_1_main .floor_20_2 dl.dl1{ background-color:#ff7928;}
.about_1_main .floor_20_2 dl.dl2{ background-color:#ff5f20;}
.about_1_main .floor_20_2 dl.dl3{ background-color:#f45726;}
.about_1_main .floor_20_2 dl.dl4{ background-color:#ec4410;}
.about_1_main .floor_20_2 dl{padding: 2% 6.25%;}
@media (max-width: 1660px) {
	.about_1_main .floor_20_2 dl {
    padding: 2% 5.96%;
}
.about_wrapper .about_tit1 p{font-size:20px;line-height:24px;}
.about_wrapper .about_tit1 .tit{font-size:30px;line-height:30px;}
.about_1 .left .acont ul{ display:block; font-size:14px; color:#333; line-height:26px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
}
}

.about_2{ padding-top:114px; padding-bottom:130px;}
.about_2 ul{ display:inline-block; width:100%; padding-top:50px; text-align:center;}
.about_2 ul li{ float:left;padding:0 46px; position:relative;}
.about_2 ul li b{ display:inline-block; width:73px; height:71px; background-position:-60px 0px;}
.about_2 ul li.li2 b{ background-position:-171px 0px;}
.about_2 ul li.li3 b{background-position:-277px 0px;}
.about_2 ul li.li4 b{background-position:-372px 0px;}
.about_2 ul li.li1:hover b{ background-position:-60px -79px;}
.about_2 ul li.li2:hover b{ background-position:-171px -79px;}
.about_2 ul li.li3:hover b{ background-position:-277px -79px;}
.about_2 ul li.li4:hover b{ background-position:-372px -79px;}
.about_2 ul li h3{ font-size:18px; color:#333; line-height:18px; padding-top:24px;}
.about_2 ul li p{ font-size:24px; color:#333; line-height:28px; padding-top:20px;}
.about_2 ul li:hover h3{ color:#e60012;}
.about_2 ul li:hover p{ color:#e60012;}
.about_2 ul li i{ display:block; width:1px; height:124px; background-color:#e5e5e5; position:absolute; right:0; top:14px;}
.about_2 ul li.li1{ padding-left:0}
.about_2 ul li.li4{ border-right:none; padding-right:0}
.about_2 ul li.li4 i{ display:none;}


.about_3_main .jq22-container {  position: relative; width:100%; margin:80px auto 0; overflow: hidden;}
.about_3_main .sociales { text-align: center;}
.about_3_main #timeline { width:1200px; overflow: hidden; margin: 0 auto; position: relative;}
.about_3_main #dates {width:100%; height:60px;  overflow: hidden; color: #333; position:relative; z-index:2;}
.about_3_main #dates li { list-style: none;  float: left;  width: 136px; height:60px;font-size:18px; text-align: center;}
.about_3_main #dates a { line-height: 38px; font-family: arial;  height: 46px; color: #fff; font-size:18px; display: block; opacity: 0.5;}
.about_3_main #dates i{ display:block; width:22px; height:22px; background-position:-320px -0px; margin:0 auto;}
.about_3_main #dates .selected i{ display:block; width:22px; height:22px; background-position:-295px -0px;}
.about_3_main #dates .selected { color: #fff; opacity: 1;}
.about_3_main #issues { width: 1200px; overflow: hidden;height:356px; }
.about_3_main #issues li { width:1200px; list-style: none; float: left; height:100%;}
.about_3_main #issues li .fl { width:450px;}
.about_3_main #issues li .fl img{ display:block; width:100%;}
.about_3_main #issues li .fl span { display: block; background: #fff; width: 68px; height: 3px;  margin-bottom: 30px;}
.about_3_main #issues li .fl h3 { color: #333; font-size: 65px; font-family: arial; font-weight: bold;}
.about_3_main #issues li .fr { width:600px; margin-right:50px;}
.about_3_main #issues li .fr h3 { display:inline-block; width:100%;}
.about_3_main #issues li .fr h3 span{ display:block; float:left;font-size:100px; color: #fff; line-height:100px; margin-bottom: 12px; font-weight: bold; font-family:"Arial";}
.about_3_main #issues li .fr h3 i{ display:block; width:36px; height:36px; background-color:#fff; text-align:center; line-height:36px; border-radius:50px; float:left; margin-left:10px; font-size:22px; color:#333; margin-top:8px;}
.about_3_main #issues li .fr p { font-size: 20px; color: #fff; line-height: 36px; }
.about_3_main #next,
.about_3_main #prev { position: absolute; top:96px; font-size: 70px; width:60px; height:60px; overflow: hidden; background: url(../images/icon.png) no-repeat;}
.about_3_main #next { right: 0px; background-position: -214px -33px;}
.about_3_main #prev { left: 0px; background-position: -149px -33px;}
.about_3_main #next:hover{ background-position: -214px -96px;}
.about_3_main #prev:hover {background-position: -149px -96px; }
.about_3_main #next.disabled,.about_3_main #prev.disabled { opacity: 0.2;}
#timeline b { background-color: #c8d5df; width: 100%; height: 1px; position: absolute; left: 0; bottom:50px;}
.xxz{ margin:0 auto; width: 200px;height: 50px;display: block;text-align: center;line-height: 50px;border: #999 solid 1px;font-size: 18px; margin-top:50px;}
.xxz:hover{ background:#e60012; border:#e60012 solid 1px; color:#fff;}


.about_2_main{position:relative;height:950px;background:url("../images/about_2.jpg") no-repeat center center;box-sizing:border-box;}
.about_2_main .about_tit2 .tit{color:#fff;}
.about_2_main .develop_box{padding:0 14%;height:760px;background:url("../images/timeline_bg.png") no-repeat center center;box-sizing:border-box;}
.develop{margin-top:50px;}
.develop .bd li{position:relative;float:left;width:12.5%;}
.develop .bd li .timeline .t_tit{font-family:arial;font-size:40px;line-height:40px;color:#fff;}
.develop .bd li .txt{z-index:14;}
.develop .bd li .t_box{padding:60px 60px 0 50px;;box-sizing: border-box;opacity:0;position:absolute;left:50%;top:100px;margin-left:-150px;display:block;width:300px;height:462px;background:url("../images/path_li.png") no-repeat center 0;background-size:300px 462px;transition:all ease 0.36s;z-index:12;}
.develop .bd li .t_box .time{padding-bottom:50px;font-family:arial;font-size:80px;line-height:60px;color:#e60012;background:url("../images/year.png") no-repeat bottom left;}
.develop .bd li .t_box .desc{margin-top:50px;font-size:16px;line-height:30px;color:#666;text-align:justify;}
.develop .bd li:hover{cursor: pointer;}
.develop .bd li:hover .t_box{opacity:1;top:50px;transition:all ease 0.36s;}
.develop .bd li.sw1 .txt{padding-top:270px;text-indent:-60px;}
.develop .bd li.sw2 .txt{padding-top:273px;text-indent:-40px;}
.develop .bd li.sw3 .txt{padding-top:193px;text-indent:-6px;}
.develop .bd li.sw4 .txt{padding-top:84px;text-indent:24px;}
.develop .bd li.sw5 .txt{padding-top:24px;text-indent:54px;}
.develop .bd li.sw6 .txt{padding-top:40px;text-indent:74px;}
.develop .bd li.sw7 .txt{padding-top: 144px;text-indent: 4px;width: 114px;margin-left: 94px;}
.develop .bd li.sw8 .txt{padding-top: 264px;text-indent: 4px;width: 114px;margin-left: 120px;}
.develop .bd li.sw5:hover .t_box{top:0;}
.develop .bd li.sw6:hover .t_box{top:0;}
.develop .hd{position:absolute;bottom:0;left:50%;margin-left:-100px;width:201px;height:100px;background:url("../images/path_bg.png") no-repeat center center;}
.develop .hd .prev,.develop .hd .next{float:left;display:block;width:100px;height:100px;cursor:pointer;}
.develop .hd .line{margin-top:50px;float:left;display:block;width:1px;height:22px;background:url("../images/path_line.png") no-repeat center cneter;}
.develop .hd .prev{background:url("../images/path_prev.png") no-repeat 48px 50px;}
.develop .hd .next{background:url("../images/path_next.png") no-repeat 40px 49px;}
.develop .hd .prev:hover{background:url("../images/path_prev_h.png") no-repeat center center;}
.develop .hd .next:hover{background:url("../images/path_next_h.png") no-repeat center center;}

/* .about_2_main .swiper-container2{width: 100%; height: 100%;} 
.about_2_main .swiper-slide{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;} */

.about_3_main{ width:100%;background:url(../images/s17_02.jpg) no-repeat center center; padding-top:160px;margin-top: -84px; padding-bottom:120px;}
.about_3_main .about_tit2 p{ color:#fff;}
.about_tit2{ text-align:center;}
.about_wrapper .about_tit2 .tit{ font-size:40px; color:#fff; line-height:40px;}
.about_tit2 p{ font-size:30px; color:#8da1b2; line-height:30px; font-weight:bold; text-transform:uppercase; padding-bottom:12px;}
.about_3_1{}
.about_3_1 .honorlist{margin-top:34px;}
.about_3_2{ padding-top:82px; padding-bottom:90px;}
.about_3_2 .zr_list{ width:100%; padding-top:80px;}
.about_3_2 .zr_list .list{ display:inline-block; width:100%;}
.about_3_2 .zr_list .list .itec{ width:100%; height:115px; border:#dadada solid 1px; background-color:#fff; margin-bottom:36px;}
.about_3_2 .zr_list .list .itec:hover{ border:#e60012 solid 1px;}
.about_3_2 .zr_list .list .itec .item{ float:left; width:142px; height:115px; text-align: center; font-size:20px; color:#333; line-height:20px; font-family:"Arial"; font-weight:bold; background-color:#f0f0f0;}
.about_3_2 .zr_list .list .itec .day{ font-size:55px; color:#333; line-height:55px; padding-top:18px;}
.about_3_2 .zr_list .list .itec:hover .item{ background-color:#e60012 ; color:#fff;}
.about_3_2 .zr_list .list .itec:hover .item .day{ color:#fff;}
.about_3_2 .zr_list .list .itec .txt{ width:65%; line-height:115px; margin-left:50px; float:left;}
.about_3_2 .zr_list .list .itec .txt h3{ font-size:20px;}
.about_3_2 .zr_list .list .itec .xq{ width:178px; height:38px; float:right; line-height:38px; text-align:center; margin-top:37px; border:#d6d6d6 solid 1px; border-radius:90px; font-size:16px; color:#999; margin-right:50px;}
.about_3_2 .zr_list .list .itec:hover .xq{ border:#e60012 solid 1px; background-color:#e60012; color:#fff;}

@media (max-width: 1660px) {
.about_tit2 .tit{ font-size:30px; line-height:30px;}
.about_tit2 p{ font-size:20px; line-height:20px;}
.about_3_2 .zr_list .list .itec .txt {
  width: 60%;}
}

.about_wrapper .jie_x2 .about_tit2 .tit {color: #333;}
.about_wrapper .jie_x3 .about_tit2 .tit {color: #333;}

.about_4_main{ width:100%; padding-bottom:100px; background:#fff url(../images/z19_02.jpg) bottom center no-repeat;}
.about_wrapper .about_4_main .about_tit2 .tit{ font-size:40px; color:#333; line-height:40px;}
.about_4{ padding-top:80px;}
.about_4_main .tech{position:relative;margin-top:60px;}
.about_4_main .tech .bd{position:relative; overflow:hidden; width:1200px; margin:0 auto;} 
.about_4_main .tech .bd li{float:left;width:301px; margin-right:144px; position:relative; background:url(../images/s18_03.png) center center no-repeat; height:245px;}
.about_4_main .tech .bd li a{display:block;}
.about_4_main .tech .bd li .img{position:relative;width:100%;height:238px;}
.about_4_main .tech .bd li .img:before{content: "";width: 100%;height: 100%;position: absolute;left:0;z-index: 1;}
.about_4_main .tech .bd li img{position:absolute;width:100%;height:100%;object-fit: cover;}
.about_4_main .tech .bd li .txt{padding:0 10px;box-sizing:border-box;width:100%;height:60px;transition:all ease 0.36s; text-align:center;}
.about_4_main .tech .bd li .tit{font-size:16px;line-height:34px;transition:all ease 0.36s; width:70%; margin:0 auto; text-align:center; padding-top:110px;}
.about_4_main .tech .bd li .txt .desc{margin-top:60px;font-size:16px;line-height:36px;color:#fff;transition:all ease 0.36s;}
.about_4_main .tech .bd li:hover .img:before{animation: gradient-rectangle 1s 1;animation-delay: 0s;-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);nimation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);}
.about_4_main .tech .bd li:hover .txt .tit{transition:all ease 0.36s;}
.about_4_main .tech .bd li:hover .txt .desc{transform:translateY(-10px);transition:all ease 0.36s;}
.about_4_main .tech .bd li:hover{background:url(../images/s18_05.png) center center no-repeat;}
.tech .hd .next,
.tech .hd .prev { position: absolute; top:96px; font-size: 70px; width:60px; height:60px; overflow: hidden; background: url(../images/icon.png) no-repeat; cursor:pointer;}
.tech .hd .next { right: 0px; background-position: -214px -33px;}
.tech .hd .prev { left: 0px; background-position: -149px -33px;}
.tech .hd .next:hover{ background-position: -214px -96px;}
.tech .hd .prev:hover {background-position: -149px -96px; }
.about_4_main .fen{ margin:0 auto; width:180px; height:46px; border-radius:50px; text-align:center;transition:all ease 0.36s; display:block; background-color: #e60012;
background-image: linear-gradient(to right,#e60012 0%,#ed4c04 100%); margin-top:40px;}
.about_4_main .fen span{ display:block; padding-left:42px; font-size:16px; color:#fff; float:left; line-height:46px;}
.about_4_main .fen i{ display:block; float:right; width:24px; height:24px; background-position:-97px -65px; margin-right:12px; margin-top:11px;transition:all ease 0.36s;}
.about_4_main .fen:hover{ width:190px;background-color:#e60012;}
.about_4_main .fen:hover span{ color:#fff;}
.about_4_main .fen:hover i{background-position:-68px -65px; }


.about_5_main{position:relative; background-color:#fff; padding-top:110px;}
.about_wrapper .about_5_main .about_tit2 .tit{ font-size:40px; color:#333; line-height:40px;}
.about_51{ width:100%; margin-top:50px; position:relative;}
.about_51 .bd{ width:1200px; margin:0 auto;}
.about_51 .bd ul{ display:inline-block;}
.about_51 .bd ul li{ width:580px; float:left; height:270px; background-color:#f0f3f5; margin-right:40px;transition: all ease 0.36s;}
.about_51 .bd ul li .img{ display:block; float:left; width:204px;}
.about_51 .bd ul li .img img{ display:block; width:100%;} 
.about_51 .bd ul li .txt{ width:300px; float:left; margin-left:36px;}
.about_51 .bd ul li .txt h3{ font-size:24px; color:#333; line-height:24px; padding-top:46px;}
.about_51 .bd ul li .txt span{ display:block; font-size:14px; color:#666; line-height:18px; margin-top:10px; height:56px;}
.about_51 .bd ul li .txt p{ font-size:14px; color:#666; line-height:20px;}
.about_51 .bd ul li:hover{transition: all ease 0.36s;transform: translateY(-5px);}
.about_51 .bd ul li:hover h3{ color:#e60012;}

.about_51 .hd .next,
.about_51 .hd .prev { position: absolute; top:96px; font-size: 70px; width:60px; height:60px; overflow: hidden; background: url(../images/icon.png) no-repeat; cursor:pointer;}
.about_51 .hd .next { right: 0px; background-position: -214px -33px;}
.about_51 .hd .prev { left: 0px; background-position: -149px -33px;}
.about_51 .hd .next:hover{ background-position: -214px -96px;}
.about_51 .hd .prev:hover {background-position: -149px -96px; }

.about_5_main .fen{ margin:0 auto; width:180px; height:46px; border-radius:50px; text-align:center;transition:all ease 0.36s; display:block; background-color: #e60012;
background-image: linear-gradient(to right,#e60012 0%,#ed4c04 100%); margin-top:40px;}
.about_5_main .fen span{ display:block; padding-left:42px; font-size:16px; color:#fff; float:left; line-height:46px;}
.about_5_main .fen i{ display:block; float:right; width:24px; height:24px; background-position:-97px -65px; margin-right:12px; margin-top:11px;transition:all ease 0.36s;}
.about_5_main .fen:hover{ width:190px;background-color:#e60012;}
.about_5_main .fen:hover span{ color:#fff;}
.about_5_main .fen:hover i{background-position:-68px -65px; }


.about_5_main .about_5{position:relative;}
.about_5_main .about_5 .equip{margin-top:50px;height:460px;}
#index-banner{width: 100%;position: relative;font-family:microsoft yahei;}
@media all and (-ms-high-contrast:none){.line-one{background: #e60012;opacity: 0.3;}.line-two{background: #fff;opacity: 0.4;}.cloud{background: none;}}
@keyframes marquee{0%{transform: translateX(0);}100%{transform: translateX(1448px);}}
.hoverAll{width: 100%;position: absolute;left: 0;top: 0;height: 395px;z-index: 40;}
#index-banner .swiper-container{opacity: 1;width: 100%;position: absolute;left: 0;top: 21px;z-index: 20;}
#index-banner .swiper-button-prev,#index-banner .swiper-button-next{opacity: 1;outline: none;background-size: 6px auto;width: 80px;height: 64px;background-color: #e60012;transition: background-color 0.2s;}
#index-banner .swiper-button-prev{background:url("../images/equip_prev.png") no-repeat center center #e60012;}
#index-banner .swiper-button-next{background:url("../images/equip_next.png") no-repeat center center #e60012;}
#index-banner .swiper-button-prev:hover,#index-banner .swiper-button-next:hover{background-color: #1152f4;}
#index-banner .swiper-button-prev{left: calc(50% - 450px);}
#index-banner .swiper-button-next{right: calc(50% - 450px);}
#index-banner .swiper-pagination{opacity: 0;top: 0;bottom: unset;right: 0;width: 940px;margin: 0 auto;text-align: right;}
#index-banner .swiper-pagination-bullet{width: 35px;height: 3px;opacity: 1;background: none;border-radius: 0;margin: 0 1px;vertical-align: top;border-top: 4px solid #e60012;outline: none;}
#index-banner .swiper-pagination-bullet-active{height: 0px;border-top: 7px solid #ff7900;padding-bottom: 0;}
#index-banner .swiper-slide{position:relative;width: auto;overflow:hidden;}
#index-banner .swiper-slide img{opacity: 0.8;transition: all 0.3s;}
#index-banner .swiper-slide-active img,#index-banner .swiper-slide-duplicate-active img{opacity: 1;}
#index-banner .animating .swiper-slide .img::before{content: ""; position: absolute; width: 100px; height: 800px; top: 0; left: -250px; overflow: hidden; background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0))); background: -ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); -webkit-transform: skewX(-32deg); -ms-transform: skewX(-32deg); -moz-transform: skewX(-32deg); transform: skewX(-32deg);opacity:0;}
#index-banner .animating .swiper-slide img{opacity: 1;}
#index-banner .animating .swiper-slide:hover .txt .tit{color:#f5f5f5;}
#index-banner .animating .swiper-slide:hover .img::before{-webkit-transition: left 2s; -moz-transition: left 2s; -ms-transition: left 2s; transition: left 2s; left: 150%;opacity:1;}
.hoverBtn{width: 958px;height: 353px;position: absolute;z-index: 30;top: 21px;/* cursor: pointer; */}
.hoverPrev{left: calc(50% - 1479px);}
.hoverNext{left: calc(50% + 521px);}
#index-banner .swiper-slide .txt{display:none;position:absolute;bottom:4px;left:0;background:url("../images/equip_txt.png") no-repeat center center;width:100%;height:116px;z-index:12;}
#index-banner .swiper-slide .txt .tit{font-size:20px;line-height:140px;text-align:center;color:#fff;}
#index-banner .swiper-slide.swiper-slide-active .txt{display:block;}
.about_5_main .hmore{margin:0 auto;margin-top:50px;position:relative;display:block;width:200px;height:45px;font-size:16px;line-height:45px;text-indent:50px;color:#fff;background:url("../images/f1arr.png") 130px center no-repeat #e60012;transition:all ease 0.36s;}
.about_5_main .hmore:hover{text-indent:54px;color:#fff;background:url("../images/f1arr.png") 136px center no-repeat #e60012;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);transition:all ease 0.36s;}
.about_6_main{position:relative;height:1100px;background:#fff;}

.about_6 .sales_network{position:relative;display:block;width:1393px;height:751px;margin:0 auto;margin-top:90px;background:url("../images/about_4.png") no-repeat center 0;}
.about_6 .net_txt{display:block;width:320px;height:320px;margin:0 auto;padding-top:160px;}
.about_6 .net_txt .txt{display:block;width:320px;height:320px;background:url("../images/net_txt.png") no-repeat center center;}
.about_6 .list{position: absolute;top:0;left:0;width:1393px;height:751px;}
.about_6 .point{position:absolute;display:block;width:46px;height:59px;}
.about_6 .point:nth-child(3){display:block;width:62px;height:80px;}
.about_6 .point .point_ico{display:block;width:46px;height:59px;background:url("../images/coord1.png") no-repeat center center;}
.about_6 .point.p3 .point_ico{display:block;width:46px;height:59px;background:url("../images/coord1.png") no-repeat center center;}
.about_6 .point.p1{top:24.2%;left:11.6%;}
.about_6 .point.p2{top:10.5%;left:51.5%;}
.about_6 .point.p2 .point_ico{width:34px;height:44px;background:url("../images/coord2.png") no-repeat center center;}
.about_6 .point.p3{top:17%;right:18.5%;}
.about_6 .point.p4{bottom:26%;left:29%;}
.about_6 .point.p4 .point_ico{width:34px;height:44px;background:url("../images/coord2.png") no-repeat center center;}
.about_6 .point.p5{bottom:20.5%;left:51.8%;}
.about_6 .point.p6{bottom:32%;right:11.8%;}
.about_6 .point.hover .point_ico{width: 62px;height: 80px;background: url(../images/coord3.png) no-repeat center center;animation: animatemap .8s infinite;-webkit-animation: animatemap .8s infinite;}

.qy_xz1{ display:block; position:relative; margin-bottom:40px; padding-top:70px;}
.qy_bt{height: 50px;line-height: 50px;background: #e60012; width:100%;}
.qy_bt dl{ float:left; color:#fff; line-height:50px;font-size: 16px; text-align:center;}
.qy_bt dl.dl1{ width: 42%;}
.qy_bt dl.dl2{ width: 17%;}
.qy_bt dl.dl3{ width: 25%;}
.qy_bt dl.dl4{ width: 16%;}
.qy_xz1 .list{ width:100%; display:inline-block;margin-top: 30px;}
.qy_xz1 .list .item{ height: 60px;line-height: 60px;cursor: pointer;border-bottom: #e6e6e6 solid 1px; width:100%; overflow:hidden;}
.qy_xz1 .list .item h3{ font-weight: 600;font-size: 16px;line-height: 60px;color: #333;text-indent: 40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 42%; float:left;}
.qy_xz1 .list .item h3 em {  margin-right: 30px; font-size: 14px; line-height: 60px; color:#e60012;}
.qy_xz1 .list .item p{ font-family: arial;font-weight: 600;font-size: 14px;line-height: 60px;text-align: center;color: #333; float:left; width: 17%; height:50px;} 
.qy_xz1 .list .item span{font-family: arial;font-weight: 600;font-size: 14px;line-height: 60px;text-align: center;color: #333; float:left;width: 25%;height:50px;}
.qy_xz1 .list .item .b{ display:block; width:16%; float:left;}
.qy_xz1 .list .item .b b{display: block;width: 28px;height: 24px;margin: 0 auto;margin-top: 18px;background: url("../images/downBtn.png") no-repeat center center;background-size: 28px 24px;} 
.qy_xz1 .list .item:hover .b b{background: url("../images/downBtn_h.png") no-repeat center center;}
.qy_xz1 .list .item:hover{background: #eeeeee;}
.qy_xz1 .list .item:hover h3{color:#e60012;}

/* 单页信息 */
.single_wrapper{padding-top:107px;}
.single_center{min-height:520px;background:#fff;border-radius: 3px;box-shadow: 1px 0 2px rgba(0,0,0,0.1);}
.single_center .about_con{padding:7%;}
.single_center .about_con img{max-width:100%;}
.single_center .about_con p{line-height:2;}

/* 人力资源 */
.jobs_wrapper .jobs_center{margin-top: 1px;}
.jobs_center .jobs{padding:5% 0;background:#fff;}
.titlist{padding-bottom:30px;border-bottom:1px solid #666;}
.titlist .j_tit1{float:left;font-size:24px;color:#333;width:42%;margin-left:3.5%;}
.titlist .j_tit2{float:left;font-size:24px;color:#333;width:22%;}
.titlist .j_tit3{float:left;font-size:24px;color:#333;width:22%;} 
.postlist .item .top{height:100px;line-height:100px;background:url("../images/plus.png") no-repeat right center #fff;}
.postlist .item:nth-child(2n) .top{background:url("../images/plus.png") no-repeat right center #f0f2f6;}
.postlist .item .top .jt1{float:left;width:42%;margin-left:3.5%;}
.postlist .item .top .jt2{float:left;width:22%;height:100px;font-size:20px;color:#333;line-height:100px;}
.postlist .item .top .jt3{float:left;width:22%;height:100px;font-family:arial;font-size:20px;color:#666;line-height:100px;}
.postlist .item .top .jt1 h3{padding-left:40px;font-size:20px;color:#333;background:url("../images/trick1.png") no-repeat left center;}
.postlist .item .bottom{border:1px solid #d3d7dd;border-top:none;width:calc(100% - 2px);}
.postlist .item .bottom .bid_box{position:relative;min-height:450px;padding:50px;}
.postlist .item .bottom .bid_box .bit{width:100%;}
.postlist .item .bottom .bid_box .bit2{width:100%; padding-top:40px;}
.postlist .item .bottom .bid_box.xiaoyuan .bit2{float:none;width:100%;}
.postlist .item .bottom .bid_box .bit3{width:100%;}
.postlist .item .bottom .bid_box .bit h3{font-size:20px;line-height:20px;color:#333;}
.postlist .item .bottom .bid_box .bit p{margin-top:30px;font-size:14px;line-height:30px;color:#666;}
.postlist .item .bottom .bid_box .bit3 .b_cont{ padding-top:30px;}
.postlist .item .bottom .bid_box .bit3 p { margin-top:0;}
.postlist .item .bottom .bid_box .bit p span{display:block;}
.postlist .item .bottom .apply{position: absolute;bottom:50px;right:50px;display:block;width:200px;height:45px;font-size:16px;line-height:45px;text-indent:50px;color:#fff;background:url("../images/f1arr.png") 130px center no-repeat #e60012;}
.postlist .item .bottom .apply span{position:relative;z-index:12;}
.postlist .item .bottom .apply:before,.postlist .item .bottom .apply:after{content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background:url("../images/f1arr.png") 130px center no-repeat #017133;z-index:2;transition: .8s;}
.postlist .item .bottom .apply:before{transition: .8s; background:url("../images/f1arr.png") 130px center no-repeat #017133;z-index:-1; }         
.postlist .item .bottom .apply:hover:after,.postlist .item .bottom .apply:hover:before{width: 100%;}
.postlist .item:hover .top{cursor:pointer;}
.postlist .item.hover .top{background:url("../images/jslide.png")no-repeat right center #e60012;}
.postlist .item.hover .top .jt1 h3{background:url("../images/trick_h.png") no-repeat left center;color:#fff;}
.postlist .item.hover .top .jt2{color:#fff;}
.postlist .item.hover .top .jt3{color:#fff;}
.jobs_wrapper .pager{margin-top:50px;}

/* 用户登录注册 */
.bg_main{ box-sizing:border-box;background: #f5f5f5; padding-top:120px; padding-bottom:120px; min-height: 500px; background-size: 100% auto;}
.detail1{background: #fff; padding: 59px; border: 1px solid #ddd;border-radius:10px; width: 1280px; min-height:auto;}
.detail1 .context{line-height: 30px;padding: 25px 0;}
.loginPage{margin-top:20px;}
.loginPage{background:#fff;min-height:300px;box-sizing: border-box;} 
.loginPage p{text-align:center; padding-bottom:50px;}
.loginPage .tit{font-size:24px;text-align: center; margin-bottom:50px;}
.loginPage .tit small{margin-left: 10px;}
.loginPage .item{float: left;width:400px; *float:inherit; position: relative; margin-bottom: 3%;}
.loginPage .item .msg-box{top:0; left:20px;}
.loginPage .item label{font-weight: normal;line-height:35px;font-size:14px;display:block;float:left;text-align:right;width:20%;}
.loginPage .item input{width:75%;float:right; text-indent: 1em; background: none; outline: none;border-radius:3px; border: 1px solid #ddd; height: 3em; line-height: 3em;}
.loginPage .item #phoneVer{width:140px; margin-right:20px;}
.loginPage .item #get_code{width:140px;height:auto; text-indent:initial;background: #f2f2f2;}
.loginPage .input_check_box input{width: 15px; height: 15px; cursor: pointer; vertical-align: middle; margin-right: 5px;float:left; margin-left:100px; margin-top:4px;}
.loginPage .input_check_box span{color:#3388ff;cursor:pointer;}
.loginPage .item .wt{width:75%;float:right; border-radius:3px; background: none; outline: none; border: 1px solid #ddd;*margin-top:1px;height: 3em; line-height: 3em;}
.loginPage .item .wt select{border:none;background:none; margin-left:5px;outline:none;width:96%;}
.loginPage .item .btn{text-align: center; background: #e60012; border-color: #e60012; color: #fff; padding: 0;border-radius:3px; outline: none;height:3.2em; cursor: pointer;border:none;text-indent:0;}
.loginPage .item .btn:hover{opacity:0.8;}
.loginPage .item .red{color:red;}
.loginPage p{width: 100%; padding-top: 6px;}
.indexPage .tit {text-align: center;margin-bottom:50px;}
.indexPage .tit small {margin-left: 10px;}
.indexPage .p{width: 100%;padding-top: 6px;}
.indexPage .ul{text-align:center;}
.indexPage .ul li{display:inline-block;width:16%;margin:0 auto;margin-bottom:30px;} 
.indexPage .ul li a{color: #1e7bdc; background: none; padding: 0 20px; height: 41px;font-size:18px; border: 2px solid #e60012; line-height: 41px; border-radius: 22px; display: block; text-align: center;} 
.indexPage .ul li a:hover{color: #fff; background: #e60012;border:2px solid #e60012;}

.loginPage .loginform{background:url(../images/re.jpg) no-repeat top right; width: 500px; margin: 0 auto; padding-right:400px;}
.registerPage .loginform {background: url(../images/re2.jpg) no-repeat top right;}
.loginPage .reg_bg{background:url(../images/re2.jpg) no-repeat top right;}
.list_list .body li{line-height: 35px; margin-bottom:2px;}
.list_list .body li b{color: #ff6b6b; padding-right: 5px; font-weight: 100;}
.list_list .body li i{width: 7px; height: 9px; background-position: -365px -26px; float: left; margin-top: 13px; margin-right: 10px;}
.list_list .body li .fl{border-left: 0px solid #ff6b6b;}
.list_list .body li .fr{border-right: 0px solid #b0b0b0; color: #999;}
.list_list .body li .fr b{font-size: 12px; border: 1px solid #ff6b6b; margin-left: 35px;}
.list_list .body li a{display: block; width: 100%; height: 35px; line-height: 35px; vertical-align: middle; overflow: hidden; cursor: pointer;}

.loginPage .tit{font-size:24px;text-transform: uppercase;} 


.user_con .detail{min-height:auto;} 
.user_con .detail .ul li{width:50%;margin:0 auto;margin-bottom:30px;}
.user_con .detail .ul li a{color: #1e7bdc; background: none; padding: 0 20px; height: 41px;font-size:18px; border: 2px solid #1e7bdc; line-height: 41px; border-radius: 22px; display: block; text-align: center;} 
.user_con .detail .ul li a:hover{color: #43190a; background: #fdc824;border:2px solid #fdc824;}

.change_password{padding-top:135px;min-height:400px;}
.change_password .change{text-align:center;font-size:18px;}
.change_password .change a{ font-size: 18px!important; color: #fff!important; display: block; width: 180px; height: 40px; margin: 0 auto; border-radius: 5px; line-height: 40px; margin-top: 40px; background: #e60012; border: 1px solid #ddd;transition:all ease 0.36s;}
.change_password .change a:hover{text-indent:6px;color:#fff!important;background:#e60012;transition:all ease 0.36s;}
.validation-summary-errors{margin-bottom:40px;}

.reset_password{padding-top:135px;min-height:400px;}
.reset_password .password{text-align:center;font-size:18px;}
.reset_password .password a{font-size:26px!important;color:#e60012!important;}
.reset_password .password a:hover{color:#e60012!important;}
.validation-summary-errors{margin-bottom:40px;}

/* 申请职位 */
.ydewmbg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/black30.png) repeat left top;display: none;z-index: 998;}
.ydewmbg .ydewm{position:relative;height:820px;top:50%;margin-top:-410px;display: none;}
.ydewmbg a{position:absolute;top:16px;right:16px;width:32px;height: 32px;display: block;background:url("../images/closeM.png") no-repeat center center;transition:all ease-in-out 0.36s;   }
.ydewmbg a:hover{transform:rotate(360deg);transition:all ease-in-out 0.36s;}
.mess_pop1{padding:80px 7%;box-sizing:border-box;width:100%;height:820px;position: absolute;top:50%;margin-top:-410px;background:#fff;box-shadow: 8px 0 20px rgba(0,0,0,0.2); animation: topDown1 0.4s;}
.mess_pop1 .job_tit .tit{display:block;width:170px;margin:0 auto;font-size:40px;line-height:44px;color:#333;background:url("../images/ctitline.png") no-repeat 30px bottom;}
.mess_pop1 .message{margin-top:60px;}
.mess_pop1 .message .item_top{margin-bottom:20px;}
.mess_pop1 .message .item{position:relative;float:left;width:31.95%;height:48px;line-height:48px;border:1px solid #d6d6d6;}
.mess_pop1 .message .item.mr{margin-right:1.8%;}
.mess_pop1 .message .item label{float:left;display:block;margin-top:15px;width:26.4%;height:18px;font-size:16px;line-height:18px;text-align:center;border-right:1px solid #ddd;color:#666;}
.mess_pop1 .message .item .txt{float:left;width:73%;height:48px;line-height:48px;border:none;outline:none;text-indent:20px;}
.mess_pop1 .message .item font{position:absolute;top:0;right:20px;color: #df1f1f;font-weight: 100;font-size:22px;}
.mess_pop1 .message .tarea{margin-top:40px;}
.mess_pop1 .message .tarea label{margin-bottom:22px;font-size:16px;color:#666;}
.mess_pop1 .message .tarea textarea{margin-top:22px;border: 1px solid #ccc; width: 100%; height: 268px; resize: none; padding-top: 26px; *margin-top: 15px; overflow: hidden; outline: none; text-indent: 20px;}
.mess_pop1 .message  .btn{border: none; background: #e60012; width: 400px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; display:block;margin:0 auto; margin-top: 40px; cursor: pointer; transition: ease-in-out .2s; margin-bottom: 60px;outline:none;}
.mess_pop1 .message  .btn:hover{text-indent: 6px;color: #fff;background-color: #e60012;transition: all ease 0.36s;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);}

@keyframes topDown1{from{top: 32%; opacity: 0} to{top: 50%; opacity: 1}}


/*searcher pager*/
/*news start*/
.searcher_center{padding-top:77px;}
.searchPage .item{width:100%;height:168px;margin-bottom:20px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;background:#fff;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1)}
.searchPage .item a{width:100%;display:block}
.searchPage .item .text{width:868px;display:block}
.searchPage .item .img{width:300px;height:168px;display:block;margin-right:30px;overflow:hidden;}
.searchPage .item img{width:300px;height:168px;display:block;transition:ease-in-out .4s;}
.searchPage .item h3{font-size:20px;padding:35px 0 20px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.searchPage .item .txt{color:#999999;line-height:24px;height:48px;padding-right:130px;overflow:hidden;}
.searchPage .item .time{width:150px;padding-top:45px;font-family:arial;font-size:20px;color:#999;}
.searchPage .item .time .day{font-size:40px;line-height:45px;display:block;}
.searchPage .item:hover{box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.searchPage .item:hover .img img{transform:scale(1.1)}
.searchPage .item:hover h3{font-weight:bold;color:#e60012;text-indent:5px;}
.searchPage .item:hover .time .day span{background:#e60012;}
.searchPage .item:hover .time .day strong{background:#ff0000;color:#fff}
.searchPage .item .text{width:1368px;}

/* map_ul */
.map_ul{list-style: outside none none; display: block; width: 100%;padding-bottom:50px;}
.map_ul li{display: block; width: 100%; padding: 0; margin-bottom: 25px;}
.map_ul li a{width: 100%; height: 35px; line-height: 35px; font-weight: bold; display: block; background: #f6f6f6; text-indent: 15px;}
.map_ul .list-inline{display: block; width: 86%;}
.map_ul .list-inline li{height: 32px; display: inline-block; *display: inline; margin: 15px 5px 15px 0; zoom: 1; line-height: 32px; border-bottom: 0; text-align: center; width: auto; padding: 0px;}
.map_ul .list-inline li a{text-indent: 0; font-weight: normal; display: block; line-height: 32px; height: 32px; display: inline-block; padding: 0px 10px; width: auto; border: 1px solid #ccc; text-align: center;}
.map_ul .list-inline li a:hover{background: #e60012; color: #fff; border: 1px solid #e60012;}

/*pager*/
.pager{padding: 0; margin-top:24px; text-align: center;}
.pager:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.pager{*zoom: 1;}
.pager p{height: 26px; line-height: 26px; float: left; display: none;}
.pager ul{overflow: hidden; margin: 0 auto; text-align: center;}
.pager ul li{padding: 0 !important; height: auto !important; border: none !important; display: inline-block; *display: inline; zoom: 1;}
.pager ul a{padding: 0;height: 52px; line-height: 52px; text-decoration: none; float: left; color: #666;}
.pager ul li{margin-left:8px;width: 52px;height: 52px;}
.pager ul li a{display:block;width:100%;height:52px;font-family:Arial;font-size:20px;text-align:center;background:url("../images/pageLi.png") no-repeat center center;color:#666;}
.pager ul li a.current{color:#e60012;}
.pager ul li:hover a{color: #e60012;line-height: 52px;display:block;width:52px;height:52px;}
.pager ul li:nth-child(2){margin-right:8px;font-size:0;width:102px;height:52px;background:url("../images/pagePrev.png") no-repeat center center;}
.pager ul li:nth-child(2) a{background:none;width:100%;}
.pager ul li:nth-last-child(2){margin-left:16px;width:102px;height:52px;font-size:0;background:url("../images/pageNext.png") no-repeat center center;cursor:pointer;}
.pager ul li:nth-last-child(2) a{background:none;}
.pager ul li:nth-child(2):hover{background:url("../images/pagePrev_h.png") no-repeat center center;}
.pager ul li:nth-last-child(2):hover{background:url("../images/pageNext_h.png") no-repeat center center;}
.pager ul li:first-child{font-size:0;display:none;}
.pager ul li:last-child{font-size:0;display:none;}
.pager ul li:nth-child(2) a{font-size:0;}
.pager ul li:nth-last-child(2) a{font-size:0;}




.contactPage{ margin-bottom:0px;}
.sold_1_m{ display:inline-block; width:100%;}
.sold_1_m .tit_l{ text-align:center; float:left;}
.sold_1_m .tit_l h3{ font-size:36px; color:#e60012; line-height:36px;font-weight:bold; padding-top:16px; padding-bottom:8px;}

.sold_1_m .wenan{ float:right; width:820px;}

.sold_1_1{ padding:0 130px; padding-top:60px;}
.sold_1_1 dl{ display:inline-block; width:100%;}
.sold_1_1 dl dt{ float:left; width:414px;}
.sold_1_1 dl dt img{ display:block; width:100%;}
.sold_1_1 dl dd{ float:right; width:560px; background-color:#f4f4f4; border-radius:15px; padding:6px 0;}
.sold_1_1 dl dd h3{ font-size:24px; color:#e60012; line-height:55px; font-weight:bold; padding-left:38px;}
.sold_1_1 dl dd p{ display:inline-block; width:100%; padding-top:6px;}
.sold_1_1 dl dd p span{ display:inline-block; line-height:52px; border-top:#dedede solid 1px; width:100%; font-size:18px;}
.sold_1_1 dl dd p span b{ display:block; font-size:18px; color:#364e91; padding-left:38px; padding-right:10px; float:left;}
.sold_1_1 dl dd p span i{ display:block; font-size:18px; padding-right:38px;float: left;width: 450px;}

.sold_2_m{ padding-top:50px;}
.sold_2_m .sold_2_1{ padding:0 130px; padding-top:54px;}
.sold_2_m .sold_2_1 dl{ background-color:#e8eff3; width:100%; display: grid; border-radius:15px; overflow:hidden;}
.sold_2_m .sold_2_1 dt{ width:100%; display:inline-block; padding-top:12px;}
.sold_2_m .sold_2_1 dt span{ display:block; float:left; width:40%; padding-left:10%; font-size:24px; color:#333; line-height:55px; font-weight:bold;}
.sold_2_m .sold_2_1 dd{ width:100%; display:inline-block; padding-top:10px;}
.sold_2_m .sold_2_1 dd p{ height:50px; width:100%;}
.sold_2_m .sold_2_1 dd p.p1,.sold_2_m .sold_2_1 dd p.p3,.sold_2_m .sold_2_1 dd p.p5,.sold_2_m .sold_2_1 dd p.p7,.sold_2_m .sold_2_1 dd p.p9{ background-color:#cddce7;}
.sold_2_m .sold_2_1 dd p span{display:block; float:left; width:40%; padding-left:10%; font-size:18px; color:#333; line-height:50px; }


.sold_3_m{ padding-top:50px;}
.sold_3_m .sold_3_1{ padding:20px; padding-top:40px;}
.sold_3_m .sold_3_1 dl{ width:100%; display:inline-block; margin-top:20px;}
.sold_3_m .sold_3_1 dl dt{ width:628px; float:left;}
.sold_3_m .sold_3_1 dl dt img{ display:block; width:100%;}
.sold_3_m .sold_3_1 dl dd{background:url(../images/j1_07.jpg) no-repeat center center; width:629px; float:right; height:482px;}
.sold_3_m .sold_3_1 dl dd h4{ font-size:24px; color:#202020; line-height:55px; padding-left:16%; padding-top:8%; }
.sold_3_m .sold_3_1 dl dd .ddc{padding-left:16%; padding-top:4%;}

.sold_3_m .sold_3_1 dl.dl2 dt,.sold_3_m .sold_3_1 dl.dl4 dt{ float:right}
.sold_3_m .sold_3_1 dl.dl2 dd,.sold_3_m .sold_3_1 dl.dl4 dd{ float:left}



.titlist1{padding-bottom:30px;border-bottom:1px solid #666;}
.titlist1 .j_tit1{float:left;font-size:26px;color:#333;width:37%;margin-left:5%;}
.titlist1 .j_tit2{float:left;font-size:26px;color:#333;width:42%;}
.titlist1 .j_tit3{float:left;font-size:26px;color:#333;width:11%;text-align:right; padding-right:5%;} 
.jobs .list .item{ height: 100px; width:100%; line-height: 100px; background:#fff;}
.jobs .list .item:nth-child(2n){background:#f0f2f6;}
.jobs .list .item .tit{float:left;width:37%; padding-left:5%;}
.jobs .list .item .desc{float:left;width:42%;height:100px;font-size:20px;color:#333;line-height:100px;}
.jobs .list .item .time{float:left;width:11%;height:100px;font-family:arial;font-size:16px;color:#666;line-height:100px; text-align:right; padding-right:5%;}




.caseSelect{ margin-top:2px;border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;}
.newsPage .uist{ padding-top:30px;}

.caseSelect .item {
  line-height: 50px;
  width: 1249px;
  overflow: hidden;
  border-top: 1px dotted #ddd;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc; position:relative;
}
.caseSelect .item.item1 {
  border-top: 0px;
}
.caseSelect .item.item1 i{ display:none; }
.caseSelect .item i{ display:block; width: 68px;
    height: 50px;
    line-height: 50px;
    color: #444444;
    text-align: center;
    background: #eeeeee; position:absolute; left:0; bottom:0; z-index:1;
    }
.caseSelect .item .t {
  width: 68px;
  height: 50px;
  line-height: 50px;
  color: #444444;
  text-align: center;
  background: #eeeeee;
  margin-right: 15px; position:relative; z-index:2;
}
.caseSelect .item li {
  float: left; padding:0 10px;
}
.caseSelect .item li a {
  padding: 0 14px;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  color: #444444;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}
.caseSelect .item li:hover a,
.caseSelect .item li.hover a {
  background: #e60012;
  color: #fff;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.caseSelect .item .all {
  width: 56px;
}
.caseSelect .item .all a {
  padding: 0 10px;
}
.caseSelect .item .all:hover a,
.caseSelect .item .all.hover a {
  font-weight: bold;
  background: none;
  color: #e60012;
}
.caseSelect .item li:nth-child(20){ margin-left:92px;}
.caseSelect .item li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{ margin-left:92px;}
.caseSelect .item li.li2{ margin-left:0 !important;}



.solute{ width:105%; display:inline-block;}
.solute .it{ display:inline-block; float:left; width:46.3%; background-color:#fff; margin-right:2.6%; margin-top:2.5%; height:234px; overflow:hidden;}
.solute .it .item{display:block; float:left; width:31.5%;height: 100%;}
.solute .it img{ display:block; width:100%; height:100%;}
.solute .it .pic{ width:57.4%; float:left; margin-left:6.6%; padding-top:9%;}
.solute .it h3{ font-size:30px; color:#e60012; line-height:30px; font-weight:bold;}
.solute .it h3 span{ display:inline-block; font-size:16px; color:#acacac; line-height:16px; padding-left:14px; font-weight:normal;}
.solute .it p{ font-size:14px; color:#666; line-height:26px; padding-top:7%;}
.solute .it:hover{ background:url(../images/z9_03.jpg) center center no-repeat; box-shadow: 8px 0 16px rgba(99, 97, 97, 0.1);
transform: translateY(-5px);
transition: all ease 0.36s; background-size:100% 100%;}
.solute .it:hover h3{ color:#fff;}
.solute .it:hover h3 span{ color:#fff;}
.solute .it:hover p{ color:#fff;}














/*ny common css end*/ 

/* 响应1200屏幕 */
@media (max-width: 1660px) {
	.detail1{width:1080px;}
  .product_center .prolist li .txtBox{}
  .product_center .prolist li .t_top{}
  .product_center .prolist li .t_top .desc{}
  .product_center .prolist li .t_bottom{}
.product_center .prolist li .t_top .tit {
    font-size: 20px;}
  .solution_center li .txt_box .sico{width:120px;}
  .pro_top .imgtxtcon .wx{left:21%; width:190px;}
  .pro_top .imgtxtcon .wx1{left:56%; width:190px;}
  .product_portfolio .list li .img{height:280px;}
  
  .searchPage .item .text{width:1168px;}
  .about_4_main .w1400 { width: 1200px; overflow:visible;}
  .menuer .w1400 { width: 1200px; overflow:visible;}
  .about_3 li.hr4{margin: 0 32px;margin-bottom: 20px;}
.product_center1 .list .item .txtBox p{ line-height:20px;}
.product_center1 .list .item .txtBox p{ height:150px;}
.sold_1_1{ padding:0 60px;padding-top: 54px;}
.sold_2_m .sold_2_1{ padding:0 60px;padding-top: 54px;}
.sold_3_m .sold_3_1{ padding:0; padding-top:40px;}
.sold_3_m .sold_3_1 dl dt { width: 546px;}
.sold_3_m .sold_3_1 dl dd{ width:554px; height:417px;}
.pro_recom .prolist li{ height:356px;}
.news_center .newslist li .img { height: 218px;}
.news_center .newslist li .txt .time { font-size: 22px;}
.news_center .newslist li .txt .desc { padding-top: 14px; font-size: 14px; line-height: 22px;}
.news_center .newslist li .detail { margin-top: 26px;}

}

/*响应1440 �?1680屏幕*/
@media (min-width: 1440px) and (max-width: 1680px) {
	.about_2_main .develop_box{padding:0 6%;}
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
    }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
    }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


@-webkit-keyframes animatemap{
  0%{
    transform:translateY(-10px);
  }
  20%{
    border-radius:2px; 
  }
  50%{
    transform:translateY(-5px);
    border-bottom-right-radius:25px;
  }
  80%{
    border-radius:2px; 
  }
  100%{
    transform:translateY(-10px);
  }
}