@charset "utf-8";
.wp{padding:0 20px;margin:0 auto; max-width: 1560px;}
.wp5{padding:0 15px;margin:0 auto; max-width: 1560px;}
.wp10{padding:0 10px;margin:0 auto; max-width: 1560px;}
a.imgzoom img{transition: all 0.3s ease 0s}
a.imgzoom:hover img{
	-webkit-transform-origin: center center;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform-origin: center center;
	-moz-transform: scale(1.1, 1.1);
}

.zoomContent .bg{
	transform-origin:50% 50%;
	transition:transform 2s ease-in-out
}
.zoomContent:hover .bg
{
	transform:scale(1.1)
}

.content{font-size:16px;color:#222;line-height:2;text-align:justify}
.content div{padding-bottom:10px}
.content p{padding-bottom:10px}
.content ol{list-style-position:outside;padding-left:40px;padding-bottom:20px;}
.content ol li{list-style-type:decimal}
.content ul{list-style-position:outside;padding-left:40px;padding-bottom:20px;}
.content ul li{list-style-type:disc}
.content ul li ul li{list-style-type:circle}
.content img{max-width:100% !important;height:auto !important}
.content td{padding:5px}

.art h1{text-align:center;color:#333;font-size:25px;}
.art div{text-align:center;font-size:16px;color:#999;padding:20px 0;font-weight: 300;}

.pn{border-top:1px #efefef solid;color:#333;font-size:16px;padding:20px 0;line-height:2;margin-top:20px;}
.pn em{color:#333}
.pn a{color:#333}
.pn a:hover{color:#333;text-decoration:underline}
 
.nodata{padding-top:200px !important;text-align:center;font-size:16px;color:#333;background:url(../images/nodata.png) center 80px no-repeat}

.alist ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.alist li{padding:20px 20px;width:50%;}
.alist li a{display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.alist li a .d1{ width: 220px;}
.alist li a .d1 img{ width: 100%;}
.alist li a .d2{flex:1;margin-left:20px;}
.alist li a .d3{color:#333;font-size:22px;font-weight: 300;}
.alist li a .d4{color:#999;font-size:14px;padding:10px 0;font-family: 'Oswald', sans-serif;}
.alist li a .d5{color:#888;font-size:14px;line-height:2;font-weight: 100}
.alist li a .d3:hover{color:#333;font-weight: 500;}
.alist li:hover{box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 20px 0px}

.imglist ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.imglist li{width:220px;margin-bottom:20px;}
.imglist li a{display:block;}
.imglist li img{width:100%;}
.imglist li .d2{color:#333;font-size:14px;height:45px;display: flex;justify-content: flex-start;align-items: center;}

.top{ margin:0 auto;position:fixed;left:0px;top:0px;width:100%;z-index:9999;transition: all 0.3s ease 0s;}
.top.active{background:#fff;box-shadow: 5px 5px 5px rgba(0,0,0,0.08);}
.top1{height:70px;display: flex; justify-content: space-between; align-items: center;}
.top1 .logo img{height:25px;}

.banner .swiper-slide{width:100%;height:calc(100vh);display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.banner .swiper-slide > a{width: 100%;height:100%;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;flex-direction: column;}
.banner .swiper-slide > a div{opacity: 0;border:1px rgba(255,255,255,.3) solid;padding:50px 150px;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;flex-direction: column;}
.banner .swiper-slide > a div em{color:#4DAA26;font-size:35px;font-weight: 100;padding-left:50px;}
.banner .swiper-slide > a div span{font-family: 'Oswald', sans-serif;margin-top:10px;color:#fff;font-size:35px;font-weight: 800;}
.banner .swiperpg{z-index:999999;position:absolute;left:0px;bottom:20px !important;width:100%;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.banner .swiperpg span{width:16px;height:16px;background:url(../images/dot.png) left -16px no-repeat;opacity: 1 !important;}
.banner .swiperpg span.swiper-pagination-bullet-active{background:url(../images/dot.png) left top no-repeat;}
.banner .swiperprev{opacity: 0;cursor: pointer;z-index:99999;position:absolute;left:0px;top:50%;margin-top:-45px;width:60px;height:90px;background:url(../images/ad_ctr.png) left top no-repeat;transition: all 1.3s ease 0s;}
.banner .swipernext{opacity: 0;cursor: pointer;z-index:99999;position:absolute;right:0px;top:50%;margin-top:-45px;width:60px;height:90px;background:url(../images/ad_ctr.png) left -90px no-repeat;transition: all 1.3s ease 0s;}
.banner:hover .swiperprev{opacity: .5;}
.banner:hover .swipernext{opacity: .5;}

.nav{ flex:1;}
.nav > ul{display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
.nav > ul > li{position:relative;height:70px;padding:10px 0;margin-left:30px;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.nav > ul > li > a{color:#333;font-size:18px; font-weight: 300;position:relative;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.nav > ul > li > a svg{width:20px;height:20px;margin-right:5px;}
.nav > ul > li > a:hover{color:#4DAA26;font-weight: 500;}
.nav > ul > li > a.cur{color:#4DAA26;font-weight: 500;}

.nav > ul > li .la{display: none; z-index:999999;position:absolute;left:-20px;top:65px;width:250%;background:#fff;box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 0px;justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.nav > ul > li .la .d1{flex:1;}
.nav > ul > li .la .d2{width:50%;border-left:1px #efefef solid;}
.nav > ul > li .la .d1 li{display:block;cursor: pointer;}
.nav > ul > li .la .d1 li.cur{background:#efefef;}
.nav > ul > li .la .d1 li span{padding:12px 20px;display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.nav > ul > li .la .d1 li span a{flex:1;color:#333;font-size:14px;}
.nav > ul > li .la .d1 li span em{cursor: pointer;width:20px;height:20px;background:url(../images/jia.png) right center no-repeat; background-size: contain;}

.nav > ul > li .la .d2 li{display:block;cursor: pointer;}
.nav > ul > li .la .d2 li span{padding:15px 20px;padding-left:30px;border-bottom:1px #efefef solid;display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.nav > ul > li .la .d2 li span a{font-size:14px;flex:1;}
.nav > ul > li .la .d2 li span a::before{content: '-';transition: all 0.3s ease 0s;}
.nav > ul > li .la .d2 li span:hover a::before{margin-left:20px;}

.nav > ul > li:hover .la{display: flex}
.nav > ul > li .la li span:hover{background:#efefef;}

.htxt{padding:50px 10px;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;flex-direction: column;}
.htxt em{position:relative;font-size:35px;color:#333;font-weight: 300;}

.htxt h1{position:relative;font-size:35px;color:#333;font-weight: 300;}

.htxt span{font-size:24px;color:#E7E7E7;font-weight: bold;font-family: 'Oswald', sans-serif;}
.htxt span.fam1{font-family: 'Noto Sans SC', sans-serif !important; font-weight: 100;font-size:14px;color:#909399;}
.htxt span.fam2{font-weight: 300;font-size:16px;color:#909399;}


/*产品分类*/

.catalist ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.catalist li{width: 285px;margin-bottom:20px;}
.catalist li a{box-shadow: rgba(0,0,0,0.1) 0px 0px 20px 0px;position:relative;display:block;}
.catalist li .d1 img{width:100%;}
.catalist a .d2{background:#efefef;height:45px;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;transition: all 1s cubic-bezier(0.49, 0.46, 0.15, 1.35)}
.catalist a .d2 em{color:#222;font-size:16px;font-weight:300;}
.catalist a:hover{box-shadow: rgba(0,0,0,0.1) 0 0 5px 5px}
.catalist a:hover .d2{background:#222;}
.catalist a:hover .d2 em{color:#fff;}


.foot_bg{ margin-top:0;background: #222222;padding:80px 0;border-top:1px #ddd solid;}
.foot{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.foot .d3 ul{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.foot .d3 ul li{margin-right:60px;}
.foot .d3 ul li:nth-last-child(1){ margin-right: 0}
.foot .d3 ul li span{display:block;margin-bottom:10px;}
.foot .d3 ul li span a{color:#ddd;font-size:18px;font-weight: 300;}
.foot .d3 ul li span a:hover{color:#efefef;}
.foot .d3 ul li div a{display:block;color:#999;font-size:14px;padding:5px 0;}
.foot .d3 ul li div a:hover{color:#666;}

.foot .d2 .x1{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.foot .d2 .x1 span{color:#ddd;font-size:18px;font-weight: 300;}
.foot .d2 .x2{margin-top:10px;display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap}
.foot .d2 .x2 span{width:20px;height:20px;border-radius:3px;background:#666;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.foot .d2 .x2 span svg{width:12px;height:12px;}
.foot .d2 .x2 em{flex:1;color:#999;font-size:14px; margin-left:10px; font-weight: 300}

.foot .d4{flex:1;display: flex; justify-content: center; align-items: center; flex-wrap:nowrap;}
.foot .d4 div{margin:0 10px;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;flex-direction: column;}
.foot .d4 div img{width:120px;padding:5px 5px;background:#fff;border-radius:5px;box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 0px;}
.foot .d4 div span{color:#ddd;font-size:12px;margin-top:10px;}

.foot2_bg{background:#333;}
.foot2{height:65px;display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.foot2 .d1{color:#999;font-size:14px;font-weight: 300;}
.foot2 .d1 a{color:#999;}
.foot2 .d2{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.foot2 .d2 a{color:#999;font-size:14px;}
.foot2 .d2 em{padding:0 10px;color:#999;font-size:14px;}

.banimg{margin-top:70px;height:60vh;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;flex-direction: column;}
.banimg em{color:#fff;font-size:35px;font-weight: 700;font-family: 'Open Sans Condensed', sans-serif;}
.banimg span{margin-top:10px;color:#fff;font-size:22px;font-weight: 100}

.banimg em{transform:translateX(-120px); opacity: 0; transition: all 1s ease-in 0s;}
.banimg span{transform:translateX(120px);opacity: 0;transition: all .8s ease-in 0s;}
.banimg.cur em{ opacity: 1;transform:translateX(0px);}
.banimg.cur span{ opacity: 1;transform:translateX(0px);}

.submenu{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.submenu div{margin:0 3px;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.submenu div a{position:relative;color:#999;border:1px #fff solid;font-size:16px;height:45px;padding:0 20px;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;transition: all 0.3s ease 0s;}
.submenu div.cur a{font-weight: 500;color:#222;}
.submenu div a:hover{font-weight: 500;color:#222;}

.cpanel{background:#fff;padding:30px 30px;border-radius:10px;}
.cpanel.cc{box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 0px;}

.catalog ul{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.catalog li{width:25%;padding:10px 10px;}
.catalog li a{position:relative;display:block;box-shadow: rgba(0,0,0,0.1) 0px 0px 20px 0px;}
.catalog a .d1 img{width:100%;}
.catalog a .d2{height:55px;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;background:#efefef;transition: all 1s cubic-bezier(0.49, 0.46, 0.15, 1.35)}
.catalog a .d2 em{color:#222;font-size:16px;font-weight:300;}
.catalog a:hover{box-shadow: rgba(0,0,0,0.1) 0 0 5px 5px}
.catalog a:hover .d2{background:#222;}
.catalog a:hover .d2 em{color:#fff;}


.product_list ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.product_list li{width:25%;padding:5px 5px;}
.product_list li a{background:#fff;position:relative;display:block;}
.product_list a .d1 img{width:100%;}
.product_list a .d2{height:55px;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;background:#efefef;transition: all 1s cubic-bezier(0.49, 0.46, 0.15, 1.35)}
.product_list a .d2 em{color:#222;font-size:16px;font-weight:300;}
.product_list a:hover{box-shadow: rgba(0,0,0,0.1) 0 0 5px 5px}
.product_list a:hover .d2{background:#222;}
.product_list a:hover .d2 em{color:#fff;}


.probar{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;position:relative;}
.probar:after{position:absolute;right:0px;top:50%;content: '';border-bottom:1px rgba(0,0,0,.05) solid;width:111px;}
.probar em{padding:10px 0;position:relative;color:#333;font-size:25px;font-weight: 700;background:url(../images/xia.png) right center no-repeat;background-size: 20px;padding-right:25px;}
.probar em::after{position:absolute;left:0px;bottom:0px;content: '';border-bottom:2px #efefef solid;width:50px;}

.canshu div{padding:10px 0;width:100%;display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.canshu div em{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.canshu div em svg{width:20px;height:20px;margin-right:10px;}
.canshu div em i{color:#999;font-size:14px;}
.canshu div span{color:#666;font-size:14px;font-weight: 300;margin-left:20px;}

.item_img{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.item_img .d1{width:40%;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.item_img .d1 a{flex:1;position:relative;}
.item_img .d1 a img{width:100%;border:1px #efefef solid;}
.item_img .d1 a em{position:absolute;right:10px;bottom:10px;width:32px;height:32px;background:url(../images/zoom.png) center center no-repeat rgba(144,147,153,.8);background-size: 50% auto;}
.item_img .d2{flex:1;margin-left:50px;}
.item_img .d2 .x0{padding:10px 0;display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.item_img .d2 .x0 em{color:#333;font-size:16px;}
.item_img .d2 .x1{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.item_img .d2 .x1 em{width:100px;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.item_img .d2 a{width:100%;margin-right:15px;margin-bottom:15px;border:1px #fff solid;box-shadow: inset rgba(0,0,0,0.05) 0 0 0px 1px}
.item_img .d2 a img{ width: 100%}
.item_img .d2 a:hover{box-shadow: rgba(0,0,0,0.2) 0px 0px 10px 0px;}

.back_btn{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.back_btn a{color:#fff;font-size:14px;padding:15px 60px;background:#99CCCC;border-radius:115px;box-shadow: rgba(0, 0, 0, 0.09) 6px 6px 6px 0px}

.posbg{background:#fafafa;border-bottom:1px #efefef solid;}
.pos{color:#222;font-size:14px;height:65px;display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.pos em{padding:0 10px;}
.pos a{color:#222;}


.language{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;margin-left:50px;}
.language a{color:#333;font-size:12px;position:relative;}
.language a.cur::before{width:100%;border-top:2px #ccc solid;content: '';position:absolute;left:0px;top:-5px;}

.contact_dom{display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.contact_dom .d1{width:320px;min-height:300px;background:#fff;box-shadow: 0 8px 29px 3px rgba(215, 215, 215, 0.7);}

.conbanner .swiper-slide div{ width: 100%;}
.conbanner .swiper-slide a{ width: 100%;position:relative;display:block;}
.conbanner .swiper-slide img{ width: 100%;}
.conbanner .swiperpg{z-index:999999;position:absolute;left:0px;bottom:20px !important;width:100%;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.conbanner .swiperpg span{width:8px;height:8px;background:#333;opacity: .5 !important;}
.conbanner .swiperpg span.swiper-pagination-bullet-active{opacity: 1 !important;}

.con_addr_title{padding:20px 0;border-bottom:1px #efefef solid;display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.con_addr_title em{color:#333;font-size:26px;font-weight: 300;}

.con_fin{position:relative;padding:30px 0;}
.con_fin:after{content: '';position:absolute;left:50%;bottom:15px;margin-left:-15px;width:30px;height:4px;background:#ddd;border-radius:31px;}
.con_fin li{padding:10px 0;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;flex-direction: column;}
.con_fin li span{color:#333;font-size:16px;font-weight: 500;width:100%;display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.con_fin li span img{width:20px;margin-right:5px;}
.con_fin li em{width:100%;color:#666;font-size:14px;margin-top:5px;font-weight: 300;}


.biaod{margin-left:50px;flex:1;border:1px #efefef solid;border-top:2px #222 solid;box-shadow: 0 8px 29px 3px rgba(215, 215, 215, 0.7);padding:60px 50px;background:#fff;}
.biaod .x1{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;flex-direction: column;}
.biaod .x1 em{color:#444444;font-size:35px;font-weight: 300;}
.biaod .x1 span{color:#8892A0;font-size:16px;margin-top:10px;}

.frm_dom{padding:5px 10px;display: flex;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.frm_dom input{flex:1;border-radius:0;border:1px #efefef solid;color:#333;font-size:14px;padding:10px 10px;}
.frm_dom textarea{flex:1;border-radius:0;border:1px #efefef solid;color:#333;font-size:14px;padding:10px 10px;}
.frm_dom button{border-radius:0;border:1px #222 solid;background:#222;color:#fff;font-size:14px;padding:15px 60px;}

.frm_dom input:focus{border-color:#2188ff;box-shadow:inset 0 1px 2px rgba(27,31,35,.075), 0 0 0 0.2em rgba(3,102,214,.3);outline:none;border-radius:3px}
.frm_dom textarea:focus{border-color:#2188ff;box-shadow:inset 0 1px 2px rgba(27,31,35,.075), 0 0 0 0.2em rgba(3,102,214,.3);outline:none;border-radius:3px}



/*NEW*/
.subprolist ul{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.subprolist li{width:100%;display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.subprolist li a{display:block;position:relative;width:25%;}
.subprolist li a img{width:100%;}
.subprolist li a .d2{opacity: 0;position:absolute;left:0px;top:0px;width:100%;height:100%;transition: all 0.3s ease 0s;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;flex-direction: column;}
.subprolist li a .d2 em{color:#333;font-size:18px;font-weight: 500;}
.subprolist li a .d2 span{color:#222;font-size:14px;font-weight: 300;transition: all 0.5s ease 0s;margin-top:50px;border:1px rgba(0,0,0,.5) solid;width:120px;height:40px;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.subprolist li a:hover .d2{opacity: 1;background:rgba(255,255,255,.8);border:1px rgba(0,0,0,.05) solid;}
.subprolist li a:hover .d2 span{margin-top:10px;}
.subprolist li a:hover .d2 span:hover{color:#4DAA26;border:1px #4DAA26 solid;}
.subprolist.lie3 li a{width:33.3333%;}

.index_tab{border-bottom:1px #efefef solid;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.index_tab a{color:#888;font-size:18px;font-weight:300;padding:10px 20px;position:relative;}
.index_tab a em{position:absolute;left:0px;bottom:-2px;width:100%;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.index_tab a em i{opacity: 0;width:10%;border-top:2px #4DAA26 solid;transition: all 0.3s ease 0s;}

.index_tab a.cur{color:#4DAA26;font-weight: 500;}
.index_tab a.cur em i{width:100%;opacity: 1;}


.index_tab_con{display: none}
.index_tab_con.active{display: block}

.bar{padding:20px 0;display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.bar em{position:relative;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.bar em a{color:#222;font-size:25px;font-weight: 500;}
.bar em a:hover{color:#4DAA26;}
.bar em::after{position:absolute;left:0px;bottom:-5px;content: '';border-bottom:1px #efefef solid;width:100%;}
.bar span{display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}
.bar span a{color:#333;font-size:16px;font-weight: 300;padding:10px 0;}
.bar span i{color:#ddd;font-size:12px;font-weight: 100;padding:0 10px;}
.bar span a:hover{color:#4DAA26;font-weight: 500;}

.brand{height:80vh;background:#f4f4f8;display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.brand .d1{height: 80vh;width:50%;}

.brand .d1 .x1{width:100%;height:100%;background-image: linear-gradient(to right,rgba(77,170,38,1),rgba(48,119,19,.1));display: flex; justify-content: center; align-items: center; flex-wrap: wrap;flex-direction: column;}
.brand .d1 .x1 em{color:#fff;font-size:55px;font-weight: 300;}
.brand .d1 .x1 span{color:#fff;font-size:22px;font-weight: 200;}

.brand .d2{height: 60vh;width:50%;position:relative;}
.brand .d2 .x1{padding:0 5vw;width:100%;height:100%;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;flex-direction: column;}
.brand .d2 .x1 h2{color:#4DAA26;font-size:2.5vw;width:100%;position:relative;}
.brand .d2 .x1 h2::after{width:50px;position:absolute;content: '';left:0px;bottom:0px;border-bottom:2px #4DAA26 solid;}
.brand .d2 .x1 h3{margin-top:10px;color:#999;font-size:1.5vw;font-weight: 100;width:100%;}
.brand .d2 .x1 p{color:#222;font-size:1.1vw;font-weight: 100;line-height:2;margin-top:20px;width:100%;}

.brand.row-rev{flex-direction: row-reverse}
.brand.row-rev .d1 .x1{background-image: linear-gradient(to left,rgba(51,102,153,.8),rgba(48,119,19,.1));}


.case ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.case li{width:25%;}
.case li a{display:block;position:relative;overflow: hidden;}
.case li a .d1 img{width:100%;}
.case li a .d2{opacity: 0;background:rgba(0,0,0,.5);position:absolute;left:0px;top:0;width:100%;height:100%;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;flex-direction: column;transition: all 0.3s ease 0s;}
.case li a .d2 em{color:#fff;font-size:16px;font-weight: 300;text-align:center;padding:0 20%;line-height:1.5;}
.case li a .d2 i{margin-top:10px;color:#fff;font-size:12px;border:1px #fff solid;padding:10px 30px;}
.case li a:hover .d2{opacity: 1;}


.newstab{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.newstab a{position:relative;border-radius:0px;margin-right:20px;color:#666;font-size:18px;font-weight: 300;height:45px;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.newstab a.cur{font-weight: 500;background:#fff;color:#222;}
.newstab a.cur:after{width:px;border-bottom:1px #ccc solid;position:absolute;content: '';left:0px;bottom:0px;}



.news ul{display: none; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.news ul.cur{display: flex; }
.news li{width:48%;}
.news a{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;padding:20px 0;transition: all 0.3s ease 0s;}
.news a .d0{width:165px;}
.news a .d0 img{width:100%;}
.news a .d4{ flex: 1; margin-left: 20px;}
.news a .d1{display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;flex-direction: column;}
.news a .d1 em{width:100%;color:#8a8a8a;font-size:14px;font-family: 'Oswald', sans-serif;}
.news a .d1 span{width:100%;color:#595959;font-size:18px;padding:10px 0; font-weight: 500;position:relative;}
.news a .d1 span::before{content: '';position:absolute;left:0px;bottom:0px;border-bottom:1px #ddd solid;width:100%;transition: all 0.3s ease 0s;}
.news a .d1 span::after{content: '';position:absolute;left:0px;bottom:0px;border-bottom:1px #303133 solid;width:10px;transition: all 0.3s ease 0s;}
.news a .d2{margin-top:12px;color:#777;font-size:14px;line-height:1.5;font-weight: 300}

.news a:hover .d1 span{color:#222;}
.news a:hover .d1 span::before{border-bottom:1px #ccc solid;width:100%;}
.news a:hover .d1 span::after{width:60px;}

.service ul{display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.service ul li{width:20%;display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;flex-direction: column;}
.service ul li em{box-shadow: rgba(0,0,0,0.1) 0px 0px 15px 0;border-radius:200px;width:110px;height:110px;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.service ul li img{height:35px;}
.service ul li span{color:#333;font-size:18px;font-weight: 500;margin-top:20px;}
.service ul li i{color:#999;font-size:14px;line-height:1.8;font-weight: 300;margin-top:20px;padding:0px 20px;text-align:center;}

.service ul li:nth-child(1) em{background:#dae1ff;}
.service ul li:nth-child(2) em{background:#befaff;}
.service ul li:nth-child(3) em{background:#ffdfdf;}
.service ul li:nth-child(4) em{background:#c8ecff;}
.service ul li:nth-child(5) em{background:#ffeee2;}