@charset "utf-8";
/* CSS Document */
*,*:before,*:after {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body {height: 100%;width: 100%;color: #464646;min-width:320px;}
body,input,button,select {font-family: "Microsoft YaHei", "微软雅黑", sans-serif;font-size: 14px;background: #fff;}
a {text-decoration: none;outline: 0 none;}
img {border: 0;vertical-align: middle;}
ol,ul,li,table,tbody {margin: 0;padding: 0;list-style: none;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #b0b0b0;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #b0b0b0;}
select::-ms-expand {display: none;}
input[type="button"],input[type="submit"],input[type="reset"],input[type="date"],input[type="text"],input[type="tel"],button { -webkit-appearance: none;appearance: none;font-family: '微软雅黑';border-radius: 0;outline: none;border: 0;}
select {outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
textarea {-webkit-appearance: none;appearance: none;outline: none;}
.fl {float: left;}
.fr {float: right;}
.fn {float: none;}
.fm {margin: 0 auto;}
.container{width:1200px; margin:0 auto;}
#wrapper{width:100%; position:relative; overflow-x:hidden; background:#fff;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
/*reset*/

.index-bannerBOX{position: relative;height: 750PX;} 
@media (max-width: 768px) {
.index-bannerBOX{position: relative;height: AUTO;} 
}
/*header*/
header{ display: block; width:100%;}
.header {position: relative;height: 80px;}
.header .header-body {position: fixed;width: 100%;background-color: #fff !important;height: 80px;top: 0px;z-index: 11;box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);}
.header.fixednobg .nav ul li:hover>a,.header.fixednobg .nav ul li.on>a,.header:hover .nav ul li:hover>a,.header:hover .nav ul li.on>a,.header.header-hover .nav ul li:hover>a,.header.header-hover .nav ul li.on>a,.header.header-hover1 .nav ul li:hover>a,.header.header-hover1 .nav ul li.on>a{color:#000;}

.header .logo{position:absolute; left:80px; top:0px; z-index:10;}
.header .logo a{display:block; width:200px; height:80px; font-size:0; background-image:url(20190618151537_96137.png); background-position:left center; background-size:contain; background-repeat:no-repeat;/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/head/logo.png',sizingMethod='scale');*/}


.nav{position:absolute; right:380px; top:0px; z-index:1;}
.nav ul li{float:left; position:relative; text-align:center; height:80px; margin-right:30px;}
.nav ul li>a{font-size:14px; color:#545454; display:block; line-height:79px; text-align:center; position:relative; z-index:6; overflow:hidden;}
.nav ul li>a:after{content:""; width:0; height:1px; display:block; background-color:#cf241d; position:absolute; left:0; bottom:15px; -webkit-transition: all .4s ease; transition: all .4s ease;}
.nav ul li:hover>a:after{width:100%;}
.nav ul li .nav-body{width:143px; position:absolute; left:50%; top:79px; margin-left:-71.5px; z-index:5; background-color:#fff; text-align:center; padding:20px 0px; overflow:hidden; border-top:1px solid #dedede; display:none; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07);}
.nav ul li .nav-body a{display:block; font-size:14px; color:#666; padding:5px 10px;}
.nav ul li .nav-body a:hover{color:#000;}




.search-btn{width:22px; height:80px; background-image:url(top-search.png); background-position:center center; background-repeat:no-repeat; position:absolute; right:340px; top:0px; z-index:10; cursor:pointer;color:#fff;}
.search-Ibox{position:fixed; _position:absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #222; z-index: 1020; display: none;}
.search-Ibox .close{background: url(close-i.png) no-repeat scroll center center; font-size:0; width: 21px; height: 21px; position: absolute; right: 3%; top: 4%; transition: transform 0.3s; -webkit-transition: transform 0.3s; cursor: pointer;}
.search-Ibox .close:hover{ transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.topsearch-form{position: absolute; left: 3%; width: 94%; top: 50%; border-bottom: 1px solid #515151; height: 120px; margin-top: -60px;}
.topsearch-box{padding:0px 124px 0px 10px; position: relative;}
.topsearchtx{width:100%; border: 0px none; padding: 0; margin: 0; display: block; height: 120px; line-height: 120px; font-size:50px; color:#fff; background-color: transparent; text-align: center;}
.topsearchbtn{position: absolute; right: 0; top: 0; padding: 0; margin: 0; display: block; width: 124px; height: 100%; border: 0px none; background:url(top-searchw.png) no-repeat scroll center center #da251d; cursor: pointer; display: block; }



.top-tel{width:230px; height:80px;position:absolute; right:80px; top:0px; z-index:10; line-height:80px; text-align:right;}
.top-tel .ph{ font-weight:bold; color:#da251d;}
.top-tel:before{ content:"";background: url(line.jpg) no-repeat left center; position:absolute; left:0;top:0; height:80px; width:1px;}



.btn-m-list{width:55px; height:80px;cursor:pointer; position:absolute; right:0; top:0;z-index:1020; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); display:none;}
.trans, .trans:hover {-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width:21px; height:3px; background-color:#000; display:block; position:absolute; z-index:5; top:29px; left:50%; margin:0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.btn-m-list .burger-2{top:36px;}
.btn-m-list .burger-3{top:44px;}
.btn-m-list.on .burger-1{top:38px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg);}
.btn-m-list.on .burger-2{top:38px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity:0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top:38px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.mask{position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; background-color:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000); display:none; z-index:2000;}
.mob-nav{width:60%; height:100%; position:fixed; _position:absolute; top:0; left:-60%; overflow-y:auto; overflow-x:hidden; background-color:#fff; z-index:3000; visibility:hidden; opacity:0; -webkit-transition: all .4s ease; transition: all .4s ease;}
.mob-nav.on{left:0px; visibility:visible; opacity:1;}
.mob-nav .neirong-close{width:24px; height:24px; background:url() no-repeat center center; background-size:100%; position:absolute; top:10px; right:10px; font-size:0; visibility: hidden;}
.mobilelogo{padding:10px;}
.mobilelogo img{max-width:80%;}
.mob-nav.on .neirong-close{visibility:visible;}
.mob-nav .subtab>li{border-bottom: 1px solid #b9b9b9;position:relative;transform: translateX(10rem);transition: 0.5s;}
.mob-nav .subtab>li:nth-child(1){transition-delay:150ms;}
.mob-nav .subtab>li:nth-child(2){transition-delay:250ms;}
.mob-nav .subtab>li:nth-child(3){transition-delay:350ms;}
.mob-nav .subtab>li:nth-child(4){transition-delay:450ms;}
.mob-nav .subtab>li:nth-child(5){transition-delay:550ms;}
.mob-nav .subtab>li:nth-child(6){transition-delay:650ms;}
.mob-nav .subtab>li:nth-child(7){transition-delay:750ms;}
.mob-nav .subtab>li:nth-child(8){transition-delay:850ms;}
.mob-nav .subtab>li:nth-child(9){transition-delay:950ms;}
.mob-nav .subtab>li:nth-child(10){transition-delay:1050ms;}
.mob-nav.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display:block; padding:10px; font-size:14px; color:#666; background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li.on .tlink{color:#000;}
.mob-nav .subtab li .subbtn{/*background-image:url(moli.png);*/}
.mob-nav .subtab li.on .subbtn{/*background-image:url(moli_h.png);*/ background-position:98% center; background-repeat:no-repeat;}
.mob-nav .subtab li .submenu{width:100%; overflow:hidden; display:none;}
.mob-nav .subtab li .submenu a{display:block;padding:10px;font-size:14px;color: #ffffff;background-color: #bbbbbb;}


/* Table of Contents
==================================================
    #Mobile - 320px 
    #Mobile - 380px 
    #Mobile - 480px 
    #Mobile - 640px 
*/
@media screen and (max-width:1640px){
	.caseRetrieval .caLeft{width:100%; float:none;}
	.caseRetrieval .caRight{width:auto; float:none;}
}
/*中等屏幕pc*/
@media screen and (min-width:1200px) and (max-width:1519px){
	.header .logo{left:30px;}
	.nav{right:310px;}
	.nav ul li{margin-right:25px;}
	.search-btn{right:280px;}
	.top-tel{right:30px;}
}

/*小屏幕pc*/
@media screen and (min-width:768px) and (max-width:1199px){
    .container { width:94%; }

	.header{width:100%; height:80px;}
    .header .logo{position:absolute; left:20px; top:0;}
    .header .logo a{height:80px;}
	.btn-m-list{display:block;}
	.nav{display:none;}
	.search-btn{padding:0px 0; height:80px; position:absolute; right:340px; top:0px;}
}
/*移动端*/
@media screen and (min-width:320px) and (max-width:767px){
    .header .logo{position:absolute; left:20px; top:0;}
	.btn-m-list{display:block;}
	.header.fixednobg .btn-m-list .burger{background-color:#000;}
	.nav{display:none;}
	.topsearch-form{height:40px; top:auto; left:auto; margin:25% auto 0; position:relative;}
	.topsearchtx{height:40px; line-height:40px; font-size:20px;}
	.topsearchbtn{width:40px;}
	.mob-nav{width:90%; padding: 0 5%;}
	.search-btn{padding:0px 0; height:80px; position:absolute; right:60px; top:0px;}
	.top-tel{display:none;}
	.container { width:94%; }
}





/*banner*/
.banner {min-width: 1200px;position: relative;height: 750px;}
.banner ul {display: block;width: 100%;height: 100%;overflow: hidden;}
.banner ul li {display: block;width: 100%;height: 100%;}
.banner ul li a {display: block;width: 100%;height: 100%;}
.banner ul li h2 {display: none;}
.banner .Number {position: absolute;text-align: center;width: 100%;z-index: 10;bottom: 28px;}
.banner .Number span {overflow: hidden;cursor: pointer;filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;background: #333;display: inline-block;height: 2px;width: 20px;margin: 0 5px;}
.banner .Number span.hover {background-color: #fff !important;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;width: 30px;}
.homeBanner {overflow: hidden;height: 750px;}
.homeBanner .Number {bottom: 18px;}
.homeBanner .houmePrev {position: absolute;display: block;left: 10%;top: 40%;z-index: 10;width: 60px;height: 130px;background: url(banner.png) no-repeat left center;}
.homeBanner .houmeNext {position: absolute;display: block;right: 10%;top: 40%;z-index: 10;width: 60px;height: 130px;background: url(banner.png) no-repeat right center;}
@media screen and (min-width: 1921px) {.homeBanner {  min-height: 822px;}
  .homeBanner ul li a {  background-size: auto 100%!important;}
}

.TouchSlide{ display:none}
@media screen and (max-width:1024px){
.banner,.homeBanner{ display:none!important;}
/*m_Banner*/
.TouchSlide{width:100%;position: relative; height:auto;  margin:0 auto; overflow:hidden; display:block;}
.TouchSlide .bd{position:relative; z-index:0;text-align:center;width:100%;}
.TouchSlide .bd li{width:100%;padding:0;margin:0;}
.TouchSlide .bd li img{width:100%;display:block;padding:0;margin:0;}
.TouchSlide .bd li a{ display:block;}
.TouchSlide .hd {width:100%;position:absolute;z-index:1;bottom:3.125vw;text-align:center; }
.TouchSlide .hd ul li{border:1px solid #fff;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:5px;height:5px;margin:0 0.5em;overflow:hidden;line-height:999px;border-radius:50%;}
.TouchSlide .hd ul li.on{background: #fff;}
}


/****************footer start******************/
.footer { background:#292c30;}
.footer .footer_lx{font-size:12px;line-height:30px;color:#bfbfbf; float:left; width:26%; overflow:hidden;}
.footer .footer_lx .footer_nr{padding-right:20px;padding-bottom: 25px;font-size:14px;line-height:34px;color:#a9aaaa;}
.footer .footer_lx .t1{font-size:18px;margin-bottom: 28px; background:url(bottom-titicon.png) no-repeat left center;padding-left:30px;}
.footer .footer_lx .ph{font-size:20px;color:#da261e; font-weight:bold;}
.footer .footer_nav{min-height:44px;font-size:12px;overflow:hidden;width:100%;height:auto;padding: 64px 0 10px 0;}
.footer .left{overflow:hidden;float:right; width:58.5%;}
.footer .left .ulBox{height:auto;padding-left:45px;float:left;padding-bottom: 25px; position:relative;min-width:180px;}
.footer .left .ulBox:after{ content:"";  height:174px; width:1px; background:#5b5b5b; display: block; position:absolute;left:0;top:5px; z-index:0;}
.footer .left .ulBox2:before{ content:"";  height:174px; width:1px; background:#5b5b5b; display: block; position:absolute;right:0;top:5px; z-index:0;}
.footer .left ul{height:auto;width: 110px;float:left;padding-bottom: 25px; overflow:hidden;margin-right:12px;}
.footer .left ul li{list-style-type:none;display:block;overflow:hidden;}
.footer .t1{font-size:16px;margin-bottom: 20px;}
.footer .t1 a{color:#fff;}
.footer .t3 a{color:#a9aaaa;}
.footer .t2{font-size:12px;margin-bottom:0px;}
.footer .t2 a{display: inline-block;overflow:hidden;height: 30px;line-height: 30px;color:#bfbfbf;}
.footer .t2 a:hover,.footer .t1 a:hover{color:#da261e;}
.footer .left ul.ul3 .t1{margin-bottom: 0px;}
.footer .right{overflow:hidden;float:right;width:15.5%; text-align:right;}
.footer .bq{overflow:hidden;width:100%;padding-top: 17px;padding-bottom: 17px;font-size:12px;line-height:30px;color:#5e5e5e;text-transform: uppercase;text-align:center; border-top:1px solid #36393d;}
.footer .bq a{color:#7a7e82;}
.footer .bq a:hover{color:#da261e;}
.footer .share{margin:0 auto;text-align:left;position:relative;margin-top:13px;}
.footer .share ul{margin:0 auto;height:25px; width:100%;}
.footer .share ul li{width: 25px;height:25px;display:inline-block;*display:inline;margin-right:7px;padding:0;}
.footer .share ul li a{overflow: hidden;width: 25px;height:25px;line-height:25px;display:block; background-repeat:no-repeat; position:relative;margin:0;cursor:pointer;padding-top:0em;transition: all 1s;margin-right:8px;background-image:url(bottom-share.png);filter:alpha(opacity:100);   -moz-opacity:1;-khtml-opacity: 1;opacity:1;background-size:75px;}
.footer .share ul li a.fa-qq{background-position: left  center; }
.footer .share ul li a.fa-wx{background-position: center  center;}
.footer .share ul li a.fa-wb{background-position: right center;}
.footer .share ul li a:hover{filter:alpha(opacity:50); -moz-opacity:0.5;-khtml-opacity: 0.5; opacity:0.5; }
.footer  .container{ position:relative;padding:0 80px; max-width:100%;width:auto;}
@media screen and (min-width:1600px) and (max-width:1760px){
.footer  .container{ padding:0 80px;min-width:auto;width:auto;}
.footer .left .ulBox{padding-left:30px;min-width:auto;}
.footer .left ul{width: 110px;margin-right:0px;}
}
@media screen and (min-width:1200px) and (max-width:1600px){
.footer .left ul{width: 100px;margin-right:0px;}
.footer .footer_lx{width:20%;}
.footer .left{overflow:hidden;float:right; width:64.5%;}
}
@media screen and (min-width:1200px) and (max-width:1519px){
.footer  .container{ padding:0 30px;min-width:auto;width:auto;}
.footer .left .ulBox{padding-left:30px;min-width:auto;}
.footer .left ul{width: 90px;margin-right:0px;}
}

@media screen and (min-width:768px) and (max-width:1199px){
.footer  .container{ padding:0 0;min-width:auto;width:94%;}
.footer .footer_lx{width:60%;}
.footer .right{width:40%;}
.footer .left{width:100%;}
.footer .left ul{width: auto;margin-right:0px;min-width:90px;}
}
@media screen and (min-width:320px) and (max-width:767px){
.footer  .container{ padding:0 0;min-width:auto;width:94%;}
.footer .footer_lx{width:60%;}
.footer .right{width:40%;}
.footer .left{width:100%;}
.footer .left ul{height:auto;width:auto;float:none;display:inline-block;padding-bottom: 15px; overflow:hidden;margin-right:12px;}
.footer .left ul li{list-style-type:none;display:inline-block;overflow:hidden; width:auto;margin-right:12px;padding:5px;}
.footer .left .ulBox{padding:0; float:none; display:block;}
.footer .left .ulBox:after{width:0;}
.footer .left .ulBox2:before{width:0;}
}

@media screen and (min-width:320px) and (max-width:550px){
.footer .footer_lx{width:100%;}
.footer .right{width:100%;text-align:center;}
}




/*Service*/
.Service-box {background-color: #f8f8f8;-ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.Servicelist {margin: 0 auto; padding: 0; font-size:0;}
.Service-item {display: block;width:25%;padding:0;text-align: center;float: left;margin:0;box-sizing: border-box;text-align:left;-webkit-transition: all 160ms;transition: all 160ms;}
.Service-content .Service-item {-webkit-transition: all 160ms;transition: all 160ms;}
.Service-item  a{ display:block;padding:30px 30px 30px 50px;border: 1px solid #e8e8e8;border-top:0;border-bottom:0;font-size:0;}
.Service-item .item-image {display: inline-block;*display: inline;zoom:1;height: 70px;width: 70px;line-height: 70px;text-align:left;margin: 0; }
.Service-item .item-image img {display: inline-block;max-width:100%; vertical-align:middle; }
.Service-item .item-info{display: inline-block;height: 70px;/*width:148px;*/padding:5px 0; vertical-align:middle; }
.Service-item .item-title { font-size: 16px;line-height: 30px;color: #707070; padding: 0;font-weight: bold;overflow: hidden;}
.Service-item .item-text {  font-size: 14px;line-height: 30px;color: #909090; overflow: hidden;}
.Service-item:hover {  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); border-bottom:1px solid #e8e8e8;}
@media screen and (min-width:768px) and (max-width:1199px){
	.Service-item {width:50%;border-bottom:1px solid #e8e8e8;}	
    .Service-box .container { width:100%; }
	.Service-item .item-info{width:148px;}
}
@media screen and (min-width:320px) and (max-width:767px){
	.Service-box .container { width:100%; }
	.Service-item {width:50%;border-bottom:1px solid #e8e8e8; text-align:center;}	
	.Service-item .item-info{width:148px;text-align:left;}
	.Service-item:hover {  box-shadow: none; border-bottom:1px solid #e8e8e8;}
	.Service-item a{padding:30px 15px;}
	.Service-item .item-image { text-align:center;margin: 0 auto; }
}
@media screen and (min-width:320px) and (max-width:500px){
	.Service-item .item-info{text-align:center;}
}




/*homeTitle*/
.homeTitle {overflow: hidden;text-align: center;height: 68px;margin-bottom:30px;}
.homeTitle h2 {position: relative;/*filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;*/font-style: normal;font-weight: normal;font-size: 28px; color:#464646;margin: 0 auto;transition: all 0.5s ease-out; display:inline-block;padding:0 80px;}
.homeTitle h2:after { content:"";height:30px; width:100%;border:1px solid #ededed; position:absolute; left:0; right:0; top:22px;z-index:0;}
.homeTitle h2 .t1 {display:inline-block;position: relative;z-index: 1;padding: 0 5px; position:relative;background:#fff; z-index:2;}
.homeTitle h2 hr {position: absolute;width: 100%;display: block;border: none;top: 50%;height: 1px;background: #d9d9d9;}
.homeTitle h2 .t2 {display:inline-block;margin-top: 7px;font-size: 12px; color:#909090; position:relative; background:#fff;z-index:2;padding:0 5px;}
.homeTitle h2 .t2 a {display:inline-block;color: #888;}
.active.hover .homeTitle h2 {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;margin-top: 0px;}
.homeMore {display: block;border-radius: 4px;border: 1px solid #90be20;color: #90be20;text-align: center;font-size: 16px;border-width: 2px;margin: 0 auto 20px;width: 210px;height: 55px;line-height: 51px;transition: all 0.5s ease-in-out;}
.homeMore:hover {color: #fff;background-color: #90be20 !important;}
.homeMore img {margin-left: 8px;vertical-align: 0px;}
@media screen and (max-width:500px){
.homeTitle h2 {font-size: 24px;padding:0 60px;}
}

/*homeTaocan*/
.homeTaocan{overflow: hidden;margin: 0 auto;padding-top: 56px;}
.homeTaocan .homeTaocanBanner {}
.homeTaocan .homeTaocanBanner li {background: #e8e8e8; float:left;width: 770px;height: 515px;margin-bottom: 15px;margin-right:15px; position:relative; overflow:hidden;border-radius:5px;}
.homeTaocan .homeTaocanBanner li a{ display:block;}
.homeTaocan .homeTaocanBanner li .img {width: 770px;height: 515px;}
.homeTaocan .homeTaocanBanner li .img img{width:100%;max-height:100%;max-width:100%;transform: scale(1);transition: all 0.8s ease-in-out;}
.homeTaocan .homeTaocanBanner li:hover .img img {transform: scale(1.1); width:100%;}
.homeTaocan .homeTaocanBanner li .info { position: absolute; bottom:14px; left:14px; background: url(bgfff80.png) repeat center center; width:250px;padding:53px 0 52px 0}
.homeTaocan .homeTaocanBanner li .info .t1{line-height:34px;height:34px;padding:0 40px; font-size:20px; color:#464646; overflow:hidden;}
.homeTaocan .homeTaocanBanner li .info .t2{line-height:26px;height:26px;padding:0 40px; font-size:14px; color:#464646;overflow:hidden;}
.homeTaocan .homeTaocanBanner li.l2,.homeTaocan .homeTaocanBanner li.l3  {width: 415px;height: 250px;margin-right:0px;}
.homeTaocan .homeTaocanBanner li.l2 .img ,.homeTaocan .homeTaocanBanner li.l3 .img {width: 415px;height: 250px;}
.homeTaocan .homeTaocanBanner li.l2 .info,.homeTaocan .homeTaocanBanner li.l3 .info {width:176px;padding:34px 0 34px 0}
.homeTaocan .homeTaocanBanner li.l2 .info .t1,.homeTaocan .homeTaocanBanner li.l3 .info .t1{padding:0 40px; font-size:18px;}
.homeTaocan .homeTaocanBanner li.l4,
.homeTaocan .homeTaocanBanner li.l5  {width: 592px;height: 345px;margin-right:0px;}
.homeTaocan .homeTaocanBanner li.l4 .img ,.homeTaocan .homeTaocanBanner li.l5 .img {width: 592px;height: 345px;}
.homeTaocan .homeTaocanBanner li.l4 .info,.homeTaocan .homeTaocanBanner li.l5 .info {width:226px;padding:45px 0 45px 0}
.homeTaocan .homeTaocanBanner li.l4  {margin-right:15px;}
@media screen and (max-width:1199px){
.homeTaocan .homeTaocanBanner li {width:calc(50% - 15px);}
.homeTaocan .homeTaocanBanner li.l2,.homeTaocan .homeTaocanBanner li.l3  {width: 50%;height: 250px;margin-right:0px;}
.homeTaocan .homeTaocanBanner li.l2 .img ,.homeTaocan .homeTaocanBanner li.l3 .img {width: 100%;height: 250px;}
.homeTaocan .homeTaocanBanner li.l4,
.homeTaocan .homeTaocanBanner li.l5  {width: 50%;height: 345px;margin-right:0px; overflow:hidden;}
.homeTaocan .homeTaocanBanner li.l4  {width:calc(50% - 15px);margin-right:15px;}
}
@media screen and (max-width:1000px){
.homeTaocan .homeTaocanBanner li.l2,.homeTaocan .homeTaocanBanner li.l3  {width:calc(50% - 15px);height:250px;margin-right:15px;}
.homeTaocan .homeTaocanBanner li.l2 .info,.homeTaocan .homeTaocanBanner li.l3 .info {width:176px;padding:15px 0 15px 0}
.homeTaocan .homeTaocanBanner li.l2 .img ,.homeTaocan .homeTaocanBanner li.l3 .img {width: 100%;height: 250px;}	
}
@media screen and (max-width:767px){
.homeTaocan .homeTaocanBanner li {width:100%;height:auto;margin-right:0px;}
.homeTaocan .homeTaocanBanner li .img{width:100%; height:auto;}
.homeTaocan .homeTaocanBanner li.l2,.homeTaocan .homeTaocanBanner li.l3  {width:100%;height:auto;margin-right:0;}
.homeTaocan .homeTaocanBanner li.l2 .info,.homeTaocan .homeTaocanBanner li.l3 .info {width:176px;padding:15px 0 15px 0}
.homeTaocan .homeTaocanBanner li.l2 .img ,.homeTaocan .homeTaocanBanner li.l3 .img {width: 100%;height: auto;}
.homeTaocan .homeTaocanBanner li.l4,
.homeTaocan .homeTaocanBanner li.l5  {width: 100%;height:auto;margin-right:0px; overflow:hidden;}
.homeTaocan .homeTaocanBanner li.l4 .info,.homeTaocan .homeTaocanBanner li.l5 .info{width:176px;padding:15px 0 15px 0}
.homeTaocan .homeTaocanBanner li.l4 .img ,.homeTaocan .homeTaocanBanner li.l5 .img {width:100%;height:auto;}
}


/*homeCase*/
.homeCaseBox {position: relative;}
.homeCaseBox .line {position: absolute;left: 0;top: 209px;z-index: 0;border-top: 1px solid #e9e9e9;width: 100%;}
.homeCase {overflow: hidden;width: 1200px;margin: 0 auto;padding-top: 35px;}
.homeCase .homeTitle {margin-bottom: 15px;}
.homeCase .hd {position: relative;z-index: 1;height: 30px;text-align: center;font-size: 14px;margin: 0 auto;}
.homeCase .hd ul{ display:inline-block;*display:inline;zoom:1;}
.homeCase .hd li {float: left;position: relative;margin:0 35px;height: 30px;line-height: 30px;cursor: pointer;transition: line-height 0.5s;}
.homeCase .hd li.on {color: #e61d18;line-height: 30px;border-bottom: 3px solid #e61d18;}
.homeCase .hd .more {display: block;width: 200px;float: right;height: 95px;line-height: 95px;color: #333;}
.homeCase .hd .more:hover {color: #e61d18;}
.homeCase .bd {padding-top: 40px;overflow: hidden;}
.homeCase .bd li {margin-left: -24px;}
.homeCase .bd div {float: left;overflow: hidden;margin: 0 0 24px 24px;width: 384px;height: 249px; font-size:14px;position: relative;}
.homeCase .bd li p{ font-size:14px;}
.homeCase .bd li span,
.homeCase .bd li p {display: none;}
.homeCase .bd li img {width: 384px;height: 249px;vertical-align: top;}
.homeCase .bd li .info .more2{display:inline-block;width:110px;height: 36px;line-height:36px;color: #fff;border-radius:5px; background:#da231b; font-size:12px;}
.homeCase .bd li div:hover .info{ position:absolute; top:0; bottom:0; right:0; left:0; display:inline-block;}
@media screen and (max-width:1199px){
.homeCaseBox{}
.homeCase .hd li {margin:0 10px;}
.homeCase {width: 94%;padding-top: 35px;}
.homeCase .bd div{width:calc(50% - 24px);height: auto;}
.homeCase .bd li img {width: 100%;height: auto;vertical-align: top;}
}



/*home3d*/
.home3d {overflow: hidden;padding-top: 40px;padding-bottom: 40px;}
.home3d .homeTitle {margin-bottom: 38px;}
.home3d .home3dName {position: absolute;text-align: left;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;top: 60%;right: 160px;transition: all 0.6s ease-out 0.2s;background: url(bgfff80.png) repeat center center ;height:360px;margin-top:-180px;}
.home3d .home3dName.hover {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;top: 50%;}
.home3d .home3dName img {vertical-align: top;margin-bottom: 18px;}
.home3d .home3dName .info{overflow: hidden;font-size: 14px;line-height: 22px; color:#464646; line-height:40px; text-align:right;padding:0 50px; display:table-cell; vertical-align:middle;height:360px;}
.home3d .home3dName .title {font-size:24px;line-height: normal; text-align:left;}
.home3d .home3dName a {display: block;float: left;color: #fff;text-align: center;font-size: 12px; color:#fff;cursor: pointer;width: 110px;height: 36px;line-height: 36px;background: #464646;border-radius: 4px;}
.home3d .home3dName a.backRed{margin-right: 5px; background:#da231b;}
.home3d .hd {display: none;}
.home3d .slider .prev{background: url(index-left.png) no-repeat center center ;opacity: inherit;}
.home3d .slider .next{background: url(index-right.png) no-repeat center center;opacity: inherit;}
.home3d .slider .bd li{margin:0 25px;}
.slider {width: 100%;min-width: 1250px;position: relative;overflow: hidden;background-color: #fff !important;text-align: center;height: 500px;}
.slider .bd {position: absolute;width: 1250px;left: 50%;margin-left:625px;}
.slider .bd li {width: 1200px;overflow: hidden;position: relative;border-radius:10px;}
.slider .bd li img.bdImg {display: block;width: 1200px;height: 500px;border-radius:10px;}
.slider .tempWrap {overflow: visible !important;}
.slider .tempWrap ul {margin-left: -1250px !important;}
.slider .hd {position: absolute;width: 100%;text-align: center;left: 0;z-index: 1;height: 2px;bottom: 8px;}
.slider .hd li {overflow: hidden;cursor: pointer;filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;display: inline-block;*display: inline;zoom: 1;width: 20px;height: 2px;line-height: 99px;background: #333;margin: 0 3px;}
.slider .hd li.on {background-color: #fff !important;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;width: 30px;}
.slider .pnBtn {position: absolute;cursor: pointer;z-index: 1;top: 0;width: 100px;height:100px; top:50%;margin-top:-50px;}
.slider .prev {right: 50%;margin-right:500px;}
.slider .next {left: 50%;margin-left: 500px;}
@media screen and (max-width:1199px){
.home3d .slider .bd li{margin:0 0;}
.slider {width: 100%;min-width: auto;height:auto;}
.slider .bd {position: static;width:100%;left: 0;margin-left:0;}
.slider .bd li{width:100%;}
.slider .bd li img.bdImg {display: block;width:100%;height:auto;}
.slider .tempWrap {overflow: hidden!important;}
.slider .tempWrap ul {margin-left:0!important;;}
.slider .prev {right:auto;left:0;margin-right:0;}
.slider .next {left: auto;right:0;margin-left: 0;}
.home3d .home3dName {right:20%;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;top: 10%;height:auto;margin-top:0;}	
.home3d .home3dName .info{padding:20px 15px;height:auto;}.home3d .home3dName.hover{top: 10%;}
}
.slider .lau-shadow {height: 100%;position: absolute;top: 0; height:100%; width:18.3%;}
.slider .lau-shadow.lau-left {left: .5px; background:rgba(255, 255, 255, 0.5);}
.slider .lau-shadow.lau-right {right: .5px; background:rgba(255, 255, 255, 0.5);}
@media screen and (max-width:1199px){
.slider .lau-shadow {width:80px;}
}
@media screen and (max-width:1000px){
.slider .lau-shadow {width:0;}
.slider .pnBtn {width:50px;height:50px; top:50%;margin-top:-25px;}
.home3d .slider .prev{background-size:20px;}
.home3d .slider .next{background-size:20px;}
}

/*homesotre*/
.homesotre{padding-top:50px; background:#f9f9f9;}
.homesotre .container{position:relative;}
.homesotre img{ width:100%; }
.homesotre .info{ width:100%; position:absolute; top:30%; font-size:20px; color:#da231b; left:0; right:0; text-align:center; line-height:50px;}
.homesotre .info .t1{ width:100%;font-size:50px; color:#da231b; display:block; line-height:normal;}
@media screen and (max-width:767px){
.homesotre .info{font-size:14px; line-height:30px;}
.homesotre .info .t1{ font-size:24px;}	
}


/*homeService*/
.homeService{background:#f9f9f9;}
.homeService{overflow: hidden;/*filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;*/padding-top: 80px;transition: all 0.8s ease-out;}
.homeService.hover {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;padding-top: 82px;}
.homeService .homeTitle{ height:auto;}
.homeService .homeTitle h2 .t1{background:#f9f9f9;}
.homeService .homeTitle h2 .t2{background:#f9f9f9;}
.homeService .homeTitle h2{margin-bottom:30px;}
.homeService .homeTitle .en{font-size: 12px; color:#cf2c29; line-height:normal;letter-spacing: 5px;}
.homeService .homeTitle .jianjie{ width:440px;margin:0 auto;font-size: 12px; color:#909090;margin-bottom:15px;}
.homeService .homeServiceIcon {width: 100%;margin: 0 auto;text-align: center;display: table;height:200px;position:relative;}
.homeService .homeServiceIcon:after{ content:""; height:1px; width:100%; position:absolute; top:40px; background:#da261e; left:0; right:0; margin:0 auto; z-index:0;}
.homeService .homeServiceIcon div {display: table-cell;padding: 0 5px;position:relative;z-index:1; cursor:pointer;}
.homeService .homeServiceIcon div:after{ content:""; height:28px; width:28px; position:absolute; top:28px; background: url(index-service-icon-ss.png) no-repeat center center ;right:-14px; margin:0 auto; z-index:0;}
.homeService .homeServiceIcon div:nth-child(5):after{width:0;}
.homeService .homeServiceIcon img {vertical-align: top;margin-bottom: 16px;width: 80px;height: 80px; background:#da261e;border-radius:5px; display:inline-block;}
.homeService .homeServiceIcon p {font-size: 16px; color:#464646; font-weight:bold;line-height: 18px;margin-bottom: 10px;}
.homeService .homeServiceIcon span { font-size:12px;color: #999;line-height: 18px;}
.homeService .homeTitle h2:after{ display:none;}
.homeService .homeServiceIcon div{transition: all .5s ease-in-out;}
.homeService .homeServiceIcon div img{-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.homeService .homeServiceIcon div:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
@media screen and (max-width:767px){
.homeService .homeTitle .jianjie{ width:80%;}
.homeService .homeServiceIcon div:after,.homeService .homeServiceIcon:after{width:0;}
.homeService .homeServiceIcon div { width:30%;display: inline-block;*display: inline;margin-bottom:30px;}
}



/*index-client*/
.index-client{width:100%;height:auto;padding-bottom: 40px;padding-top:55px;overflow:hidden;position:relative;}
.index-client .index_title{color:#333;height: 30px;line-height: 30px;margin:0 auto;padding-bottom:75px;padding-top:60px;}
.index-client .index_title a{ display:inline-block;color:#333;background:none;font-size:26px;padding-bottom:0px;} 
.index-client .index_title .titText{font-size:14px;color:#909090;}
.index-client .clientList{width:90%;margin: 0 auto;position:relative;}
.index-client ul{height:auto; overflow:hidden; }
.index-client ul li{float:left;list-style:none;}
.index-client ul li a{ display:block;float:left;width:180px;height:95px;overflow:hidden;}
.index-client ul li .ImgBox{width: 180px;height:95px; }
.index-client ul li .ImgBox img{max-width:180px;max-height:95px;}
.more2{text-align:center;margin-top:20px;}
.more2 a{width:192px;margin-right: 0;background: #e61d18;color: #fff;cursor: pointer; line-height:36px; display:inline-block;margin:0 auto; text-align:center;border-radius:5px;}
@media screen and (max-width:1200px) {
.index-client ul{width:100;height:auto; overflow:hidden; } 
.index-client ul li{width:25%;}
.index-client ul li a{width:100%;height:auto;}
.index-client ul li .ImgBox{width:100%;height:auto; display:block;}
.index-client ul li .ImgBox img{max-width:100%;max-height:100%;} 
}
@media screen and (max-width:1000px) {
.index-client ul li{width:33.3333333%;} 	 
}
 



/*homeSeries*/
.homeSeries{position:relative;}
.homeSeries img{ width:100%; }
.homeSeries .info{ width:100%; position:absolute;/*filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;*/top: 30%; font-size:20px; color:#da231b; left:0;line-height:50px;}
.homeSeries .info.hover {/*filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;*/top: 30%;}
.homeSeries .info .title{ width:100%;font-size:70px; color:#fff; display:block; line-height:normal;margin-bottom:10px;font-family: "SourceHanSansCN Medium","PingFangSC-Medium", "苹方 中等","Microsoft YaHei", "微软雅黑", sans-serif;}
.homeSeries .info .item {font-size:30px;line-height: normal;color:#fff;margin-bottom:20px;}
.homeSeries .info span.anniured {display:inline-block;color: #fff;text-align: center;font-size: 12px; color:#fff;cursor: pointer;min-width:90px;padding:0 10px;height: 36px;line-height: 36px;/*margin-right: 5px;*/ background:#da231b;border-radius: 4px;margin-bottom:5px;}
.homeSeries.textright .info{ left:auto;right:0; text-align:right;}
.homeSeries.textcenter .info{ left:0;right:0; text-align:center;}
.homeSeries.textright .info .infoBox{ display: inline-block; width:auto;text-align:left;}
@media screen and (max-width:1000px){
.homeSeries .info .title{ font-size:50px;line-height:normal;margin-bottom:5px;}	
.homeSeries .info .item{font-size:20px; line-height:normal;margin-bottom:5px;}
}
@media screen and (max-width:950px){
.homeSeries .info .title{ font-size:35px;line-height:normal;margin-bottom:5px;}	
.homeSeries .info .item{font-size:16px; line-height:normal;margin-bottom:5px;}
}
@media screen and (max-width:767px){
.homeSeries .info .title{ font-size:24px;line-height:normal;margin-bottom:5px;}	
.homeSeries .info .item{font-size:14px; line-height:normal;margin-bottom:5px;}
.homeSeries .info span.anniured {width:auto;padding:0 10px;}
.homeSeries img{ width:100%; height:300px; }
.homeSeries .info span.anniured {font-size:1.875vw;min-width:auto;padding:0 2%;height: 5.625vw;line-height: 5.625vw;margin-bottom:5px;}
}
@media screen and (max-width:640px){
.homeSeries img{ width:100%; height:250px; }
.homeSeries .info .title{ font-size:3.75vw;margin-bottom:5px;}	
.homeSeries .info .item{font-size:1.875vw;margin-bottom:5px;}
}
@media screen and (max-width:530px){
.homeSeries img{ width:100%; height:200px; }
.homeSeries .info{ top:15%;}
.homeSeries .info .item{margin-bottom:0px;}
.homeSeries .info span.anniured {font-size:1.875vw;min-width:auto;padding:0 2%;height: 5.625vw;line-height: 5.625vw;margin-bottom:5px;}
.homeSeries.textright .info .infoBox{min-width:60%;}
}
@media screen and (max-width:375px){
.homeSeries img{ width:100%; height:180px; }
}



/*mousebtn*/
.homeSeries a.mousebtn {position:absolute; bottom:20px;left:50%; display:inline-block;width:60px;height: 60px;margin:0 auto;margin-left:-30px;text-align:center;}
.homeSeries a.mousebtn .mouse {position: relative;width:60px;height: 60px;margin:0 auto;text-align:center;background: none;background:url(index-drop.png) no-repeat 50% 50% ;z-index: 1;  -webkit-animation-name: scrollWheel;
          animation-name: scrollWheel;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  will-change: transform;}
@-webkit-keyframes scrollWheel {
  from {
    -webkit-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(0, 20px);
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate(0, 20px);
    transform: translate3d(0, 20px, 0);
    opacity: 1;
  }
}

@keyframes scrollWheel {
  from {
    -webkit-transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(0, 20px);
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate(0, 20px);
    transform: translate3d(0, 20px, 0);
    opacity: 1;
  }
  
}
@media screen and (max-width:767px){
.homeSeries a.mousebtn{ width:30px; height:30px;margin-top:-15px;}
.homeSeries a.mousebtn .mouse{width:30px; height:30px; background-size:50%;}
}



.bottomline1{ height:28px;background:url(index-bgss01.png) no-repeat 50% 50% ; width:100%;  position:relative;margin-bottom:-28px;}
.bottomline2{ height:28px;background:url(index-bgss02.png) no-repeat 50% 50% ; width:100%;  position:relative;margin-top:-28px;}


/*newsList*/
.homeNews{padding-top:80px;padding-bottom:50px; background:#f9f9f9;}
.homeNews .homeTitle h2 .t1{background:#f9f9f9;}
.homeNews .homeTitle h2 .t2{background:#f9f9f9;}
.newsList ul{width:1230px;padding-top:18px;}
.newsList li{list-style:none;overflow:hidden;margin:auto ;padding:0;display:block;font-size:14px;height:auto;margin-bottom:35px;position:relative;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; position:relative; cursor:pointer;float: left; width:570px;margin-right:30px;}
.newsList li a{display:block;}
.newsList li .ImgBoxB{float: left; width:240px;}
.newsList li .listnr{float: left; width:330px;}
.newsList li .ImgBox{display:block;width:240px;height:194px;overflow:hidden; position:relative;}
.newsList li .ImgBox img{overflow: hidden;max-width:240px;max-height:194px;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.newsList li .ImgBox:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.newsList li .tit{height:auto;color:#464646;line-height:40px;z-index:2;font-size:20px; font-weight: normal;padding:15px 0 0 20px;}
.newsList li .tit .title{font-size:14px; line-height:26px;height:52px; overflow:hidden; color:#464646;}
.newsList li .tit .nr{font-size:12px; line-height:26px;height:52px; overflow:hidden; color:#464646;margin-top:23px;}
.newsList li .tit .date{font-size:12px; color:#a0a0a0;}
@media screen and (max-width:1200px) {
.newsList ul{width:100%;}
.newsList li{width:48%;margin-right:2%;}
.newsList li a{margin-right:0;}
.newsList li .ImgBoxB{width:240px;}
.newsList li .listnr{width:calc(100% - 240px);}
.newsList li .tit{padding:15px 0 0 20px;}
}
@media screen and (max-width:1000px) {
.newsList li{margin-bottom:25px;width:100%;}
.newsList li .ImgBoxB{width:240px;}
.newsList li .listnr{width:calc(100% - 240px);}
.newsList li .tit .name{margin-right: 10px;}
.newsList li .tit{padding:30px 0 0 20px;}	
.newsList li .tit .nr{margin-top:10px;}
.newsList li .ImgBox{width:100%;height:auto;}
.newsList li .ImgBox img{max-width:100%;max-height:100%;}
}
@media screen and (max-width:570px) {
.newsList li .ImgBoxB{width:40%;}
.newsList li .listnr{width:60%;}
.newsList li .tit .title{font-size:16px;height:26px}
.newsList li .tit .nr{height:24px;font-size:12px;margin-top:5px;}	
.newsList li .tit{padding:15px 0 0 15px;}	
}







/*pageBanner*/
.pageBanner {position: relative;height:auto;text-align: center;background-position: center center;overflow: hidden;background-repeat:no-repeat;}
.pageBanner img{width:100%; display:block;}
.pageBanner .pageBanner-btn { position:absolute; bottom:20%; left:0;right:0;}
.pageBanner .pageBanner-btn a{font-size:14px;color:#fff; background:#da251d;vertical-align:bottom; display:inline-block;line-height:45px;border-radius:45px;width:185px; text-align:center;}
.pageBanner .pageBanner-btn a:hover{color: #fff;background: #c70d05;}
@media screen and (max-width:1200px) {
.pageBanner .pageBanner-btn a{font-size:14px;line-height:2.5rem;border-radius:2.5rem;width:15rem;max-width:185px;}
}
@media screen and (max-width:1000px) {
.pageBanner .pageBanner-btn a{font-size:12px;line-height:2rem;border-radius:2rem;width:10rem;max-width:185px;}
}
@media screen and (max-width:640px) {
.pageBanner .pageBanner-btn a{font-size:12px;line-height:1.5rem;border-radius:1.5rem;width:8rem;max-width:185px;}
}


/*pageInfo*/
.pageInfo{padding: 50px 0 40px;font-size: 14px; line-height:28px;color: #909090;}
.pageInfo img{max-width:100%;}
.pageTit {padding: 0 0 40px;text-align: center; text-transform:uppercase;line-height:30px;}
.pageTit h3 {font-size: 26px;color: #464646; font-weight:normal;}
@media screen and (max-width:767px) {
.pageTit h3 {font-size: 20px;}	
}

/*pageFive*/
.pageFive{margin: 0 auto;padding: 5px 0 80px;color: #909090;overflow: hidden; text-align:center;}
.pageFivebox{ display:inline-block;*display:inline; zoom:1;}
.pageFive .iconbox { display:inline-block;*display:inline; zoom:1;margin: 55px 0 0 ;width: 195px;height: 100px;border-right: 1px dashed #efe0d7; text-align:center; cursor:pointer; position:relative;}
.pageFive .iconbox h3 {margin-top: 18px;color: #292c30;font-size: 16px;}
.pageFive .iconbox h3,.pageFive .iconbox{transition: all 0.5s;}
.pageFive .iconbox:hover{box-shadow: 0 4px 16px rgba(0,0,0,.1)}
.pageFive .iconbox:hover h3{color: #dc3029;}
.pageFive .iconbox .iconPg img{transform: scale(1);transition: all 0.5s ease-in;}
.pageFive .iconbox:hover .iconPg img{transform: scale(1.5);}
@media screen and (max-width:640px) {
.pageFive .iconbox {width: 43%;border-right:0;margin-right:2%;}
}

/*pageBage*/
.pageBage .pageBagebox{ width:1215px; font-size:0;}
.pageBage ul{display:inline-block;*display:inline; zoom:1;width: 33.3333%; vertical-align:top;}
.pageBage ul li{ display:inline-block;*display:inline; zoom:1;width: 390px;height: 250px; text-align:center; position:relative;margin-bottom:15px;}
.pageBage ul li a{ display:block;width: 390px;height: 250px; overflow:hidden;}
.pageBage ul li .pageBageinfo{font-size: 14px; line-height:30px;color: #fff; position: absolute; top:50%; left:0; right:0;margin-top:-30px;}
.pageBage ul li.three{ width: 390px;height:515px;}
.pageBage ul li.three a{ display:block;width: 390px;height: 515px; overflow:hidden;}
.pageBage ul li .tt{font-size: 20px; font-weight:600;}
.pageBage ul li a img{transform: scale(1);transition: all 0.5s ease-in; width:100%;}
.pageBage ul li a:hover img{transform: scale(1.1);}
.pageBage .active ul li {opacity: 1;animation: cardShow .3s ease-in-out}
@keyframes cardShow {
    from {opacity: 0;transform: translateY(50px)}
    to {opacity: 1;transform: translateY(0)}
}
@media screen and (max-width:1200px) {
.pageBage .pageBagebox{ width:101.25%; }
.pageBage ul{width:32.08333%;margin-right:1.25%;margin-bottom:0;}
.pageBage ul li{ width: 100%;height:auto;margin-bottom:1.25%;}
.pageBage ul li a{width: 100%;height: auto;}
.pageBage ul li.three{ width: 100%;height:auto;}
.pageBage ul li.three a{ width:  100%;height: auto;}
}
@media screen and (max-width:767px) {
.pageBage .pageBagebox{ width:100%; }
.pageBage ul{width:100%;margin-right:0;margin-bottom:0;}
.pageBage ul li{ width: 47%;height:auto;margin:0 1.5%;margin-bottom:3%;}
.pageBage ul li a{width: 100%;height: auto;}
.pageBage ul li.three{ width: 97%;height:auto;margin:0 1.5%;margin-bottom:3%;}
.pageBage ul li.three a{ width:  100%;height: auto;}
}



/*pageCity*/
.pageCity {width:100%;height:auto;margin-top:60px;}
.pageCity .pageCityContent{width:1920px;margin-left:-360px;height:570px;overflow:hidden;position: relative;background-position: center center;background-repeat:no-repeat;}
.pageCity .pageCityBox,.pageCity .pageCityImg{ width:50%; float:left;padding-top:45px;}
.pageCity .pageCityBox .t1{color: #fff;font-size: 26px;}
.pageCity .pageCityBox .t2{margin-top: 25px;color: #fff;font-size: 44px;}
.pageCity .pageCityBox .t3{margin-top: 20px;color: #fff;font-size: 18px;}
.pageCity .pageCityBox .pageCityBoxinfo{ display: inline-block;padding-left:20%;padding-top:20%;}
.pageCity .pageCityBox .more4{ display:inline-block;margin-top: 30px;color: #fff;font-size: 16px; width:364px; height:47px; line-height:47px; background:#ce241d; border-radius:5px; text-align:center;}
.pageCity .pageCityBox .more4 img{margin-left:10px;}
.btn-jab {display: inline-block;animation: btnJab .3s ease-in-out infinite;animation-direction: alternate}
@keyframes btnJab {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(1.1)
    }
}
@media screen and (max-width:1200px) {
.pageCity .pageCityContent{width:100%;margin-left:0;height:570px;overflow:hidden;position: relative;background-position: center center;background-repeat:no-repeat;}
}
@media screen and (max-width:1000px) {
.pageCity .pageCityContent{height:450px;}
.pageCity .pageCityBox .pageCityBoxinfo{padding-left:0%;}
}
@media screen and (max-width:767px) {
.pageCity .pageCityContent{height:100%; background-size:cover;}
.pageCity .pageCityBox,.pageCity .pageCityImg{ width:100%; float:none;padding-top:5%;padding-bottom:5%;}
.pageCity .pageCityBox .pageCityBoxinfo{ display: inline-block;padding-left:5%;padding-top:0;}
	
.pageCity .pageCityBox .t1{font-size: 20px;}
.pageCity .pageCityBox .t2{margin-top: 15px;font-size: 30px;}
.pageCity .pageCityBox .t3{margin-top: 10px;font-size: 16px;}
.pageCity .pageCityBox .more4{ margin-top: 20px;font-size: 14px; width:300px;}
}
@media screen and (max-width:640px) {
.pageCity .pageCityBox .pageCityBoxinfo{padding-left:3%;}
.pageCity .pageCityBox .more4{ width:250px;}	
}


/*pageYoushi*/
.pageYoushi{ width:100%; overflow:hidden;padding-top:50px;}
.pageYoushi .pageYoushibox{margin:0 -10px; }
.pageYoushi ul{font-size:0;}
.pageYoushi ul li{ display:inline-block;*display:inline; zoom:1;width: 25%;text-align:center; position:relative;margin-bottom:15px;vertical-align:top;}
.pageYoushi ul li a{ display:block;margin:0 10px;}
.pageYoushi ul li a .pageYoushiImg{ width:285px; height:285px; position:relative; overflow:hidden;border-radius:5px;}
.pageYoushi ul li a .pageYoushiImg .tt2{font-size: 20px; color:#fff;position:absolute; top:50%;left:0;right:0;margin-top:-15px; text-align:center;}
.pageYoushi ul li a img{transform: scale(1);transition: all 0.5s ease-in; width:100%;}
.pageYoushi ul li a:hover img{transform: scale(1.1);}
.pageYoushi ul li .pageYoushiinfo{font-size: 14px; line-height:26px;color: #464646; text-align:center;min-height:100px;}
.pageYoushi ul li .tt{font-size: 18px; color:#ce241d;margin-top:22px;}
.pageYoushi .active ul li {opacity: 1;animation: cardShow2 .3s ease-in-out}
.pageYoushi ul li a{transition: all .5s ease-in-out;}
.pageYoushi ul li a:hover{transform: translateY(-15px)}
@keyframes cardShow2 {
    from {opacity: 0;transform: translateY(50px)}
    to {opacity: 1;transform: translateY(0)}
}
@media screen and (max-width:1200px) {
.pageYoushi ul li{width: 33.3333%;}
.pageYoushi ul li a .pageYoushiImg{ width:100%; height:auto;}
.pageYoushi ul li a .pageYoushiImg img{ width:100%; height:auto;}
}
@media screen and (max-width:767px) {
.pageYoushi .pageYoushibox{ width:100%; }
.pageYoushi ul{width:100%;margin-right:0;margin-bottom:0;}
.pageYoushi ul li{ width: 47%;height:auto;margin:0 1.5%;margin-bottom:3%;}
.pageYoushi ul li a{width: 100%;height: auto;}
.pageYoushi ul li a .pageYoushiImg .tt2{font-size: 16px;}
.pageYoushi ul li .pageYoushiinfo{font-size: 13px;}
.pageYoushi ul li .tt{font-size: 15px;}
}




/*admin*/
.adminBox{ padding:50px 0;  background:url(adminbg.jpg) #f9f9f9 no-repeat center top;margin:0 auto;}
.adminBox .adminCon{ width:827px;background-color:#fff;background:url(bgfff90.png) repeat center center;margin:0 auto;padding-bottom:60px;padding-top:55px;}
.adminBox .title2{font-size:18px;color:#000000;line-height: 50px;display:block;text-align: center;margin-bottom:15px;}
.adminform{font-size:14px;color:#464646;line-height: 30px;text-align:left;padding:0;margin:0 auto;text-align:center;width:526px;}
.adminform table{ width:100%;}
.adminform label{display:block;}
.adminform .tt{font-size:14px;color:#464646; line-height:30px; text-align:left;}
.adminform .text{display:block;width: 100%;height:42px;margin-bottom:10px;padding:5px 2% 5px 2%;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border:none;background:#eeeeee;text-align:left; float:left;border-radius:5px;}
.adminform .getcode{display:block;float:left;width:245px;height:42px;margin-bottom:38px;padding:5px 15px 5px 15px;
outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border:none; background:#eeeeee;text-align:left;border-radius:5px;}
.adminform .input{display:inline-block;width:184px;height:53px;line-height:53px;margin:0 10px;outline:none;font-size:14px;c;color: #fff;font-family: Arial,"微软雅黑",Sans-Serif;background: #a0a0a0;border:none;border-radius:5px;}
.adminform .tj{background-color: #e84c3d;color:#fff;}
.adminform .text,.adminform .getcode{transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.adminform .btn{display:inline-block;width:132px;height:46px;line-height:46px;margin:0;outline:none;font-size:14px;c;color: #fff;font-family: Arial,"微软雅黑",Sans-Serif;border:none;background-color: #e84c3d;color:#fff;margin-bottom:10px; cursor:pointer; text-align:center;border-radius:5px;}
@media screen and (max-width:1000px){
.adminBox .adminCon{ width:80%;}
.adminform{width:auto;padding:0 50px;}
.adminform .getcode{width:50%;}
}
@media screen and (max-width:767px){
.adminBox .adminCon{ width:94%;padding-bottom:10%;padding-top:10%;}
.adminform{width:auto;padding:0 5%;}
.adminform .getcode{width:50%;}
.adminform .btn{margin-bottom:5%;}
}




/*banben*/
.banbenBox{ padding:70px 0;}
.banbenBox .title2{font-size:20px;color:#464646;line-height: 50px;display:block;text-align: center;}
.banbenBox .banbenCon{margin:0 -10px;padding-top:25px;}
.banbenList{font-size:0;}
.banbenList li{ display:inline-block;*display:inline; zoom:1;width: 50%;text-align:center; position:relative;margin-bottom:15px;vertical-align:top;}
.banbenList li a{ display:block;margin:0 10px; position:relative;}
.banbenList li a .img{ display:block; width:100%;}
.banbenList li a .img img{ display:block; width:100%;}
.banbenList li a span{ display:inline-block; position:absolute; left:0;top:0; width:70px; height:104px;}
.banbenList li a span img{max-width:100%;}
.banbenList li a .tit{font-size:18px;color:#fff;line-height: 98px;display:block;text-align: center;background:#da231b;}
@media screen and (max-width:767px){
.banbenBox{ padding:50px 0;}
.banbenBox .banbenCon{margin:0 0;}
.banbenList li{width:100%;margin-bottom:30px;}
.banbenList li a{margin:0;}
}



/****************pageNews start******************/
.page .pageNewsbox{ overflow:hidden; width:100%;}
.page .pageNews {height:auto;overflow:hidden;margin:0;padding:0;}
.page .pageNews li{list-style:none;display:block; width:100%;height:auto;font-size:14px;color:#959595;padding-bottom:35px; margin-bottom:35px;border-bottom:1px solid #dfdfdf; position:relative;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   -webkit-transition: all 0.6s ease-in-out;
   }
.page .pageNews li a{color:#959595; display:block;}
.page .pageNews li a:hover{color:#004894;}
.page .pageNews li .ImgBoxB{float:left;width:240px;border-radius:5px;}
.page .pageNews li .ImgBox{overflow:hidden;width:240px;height:194px;}
.page .pageNews li .ImgBox img{width:100%;max-width: 240px;max-height:194px;
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
.page .pageNews li:hover .ImgBox img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.page .pageNews li .nrBox{float:left;width: 960px;}
.page .pageNews li .nr{padding: 25px 0 0 30px;}
.page .pageNewsbox .date{font-size:12px;color: #a0a0a0;line-height: 30px;}
.page .pageNewsbox .title{font-size:18px;color: #464646;height:30px;line-height:30px;overflow:hidden;margin-bottom:25px;}
.page .pageNewsbox .info{font-size:12px;color: #464646;height:52px;line-height: 26px;overflow:hidden;margin-bottom:14px;}
@media screen and (max-width:1300px) {
.page .pageNews li .nrBox{width: calc(100% - 240px);}
.page .pageNews li .nr{padding: 25px 0 0 30px;}
}
@media screen and (max-width:1024px) {
.page .pageNews{margin:0 -15px;}
.page .pageNews li{ width:50%; float:left;}
.page .pageNews li a{margin:0 15px;}
.page .pageNews li .ImgBox{width:100%;height:auto;display: block;}
.page .pageNews li .ImgBox img{width:100%;max-width:100%;max-height:100%;}
.page .pageNews li .ImgBoxB{width:100%;}
.page .pageNews li .nrBox{width:100%;}
.page .pageNews li .nr{padding: 26px 30px 30px 30px;}
}
@media screen and (max-width:640px) {
.page .pageNews{margin:0 -3%;}
.page .pageNews li a{margin:0 3%;}
.page .pageNewsbox .date{height:30px;line-height:30px;}
.page .pageNewsbox .title{font-size:16px;margin-bottom:0;}
.page .pageNews li .nr{padding: 15px 15px;}
}
@media screen and (max-width:350px) {
.page .pageNews li{ width:100%;}
}


/****************pagestore start******************/
.page .pagestorebox{ overflow:hidden; width:100%;}
.page .pagestorebox .selection{height:36px; overflow:hidden; margin-bottom:27px;text-align: center}
.page .pagestorebox .selection select{width: 136px;height: 40px; background-color: #5a5a5a;appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;-webkit-appearance: none;color: #a1a1a1;padding-left: 15px;border: 0;background-image: url("down.png");background-repeat: no-repeat;background-position: right; ;}
.page .pagestore {height:auto;overflow:hidden;margin:0 -11.25px;padding:0;}
.page .pagestore{font-size:0;}
.page .pagestore li{ display:inline-block;*display:inline; zoom:1; width:33.333333%;height:auto;font-size:14px;color:#959595;margin-bottom:25px; position:relative;  vertical-align:top;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   -webkit-transition: all 0.6s ease-in-out;
   }
.page .pagestore li a{color:#959595; display:block;margin:0 11.25px;}
.page .pagestore li a:hover{color:#004894;}
.page .pagestore li .ImgBoxB{width:100%;border-radius:5px; position:relative; overflow:hidden;}
.page .pagestore li .ImgBox{overflow:hidden;width:385px;height:290px;}
.page .pagestore li .ImgBox img{width:100%;max-width: 385px;max-height:290px;
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
.page .pagestore li:hover .ImgBox img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.page .pagestore li .title{font-size:16px;color: #fff; text-align:center;height:62px;line-height:62px;overflow:hidden; position:absolute; bottom:0; left:0;right:0;background:url(bg50.png) repeat center center;}
.page .pagestore li .info{font-size:16px;color: #464646;height:30px;line-height: 30px;overflow:hidden;margin-bottom:5px; position:relative;padding-left:12px;margin-top:20px;}
.page .pagestore li .info:before{ content:""; width:5px; height:17px; background:#da251d; position:absolute; left:0;top:7px;}
.page .pagestore li .add{font-size:14px;color: #464646;line-height: 26px;}
@media screen and (max-width:1200px) {
.page .pagestore li .ImgBox{overflow:hidden;width:100%;height:auto;}
.page .pagestore li .ImgBox img{width:100%;max-width: 100%;max-height:100%;}
}
@media screen and (max-width:1000px) {
.page .pagestore li{width:50%}
}
@media screen and (max-width:676px) {
.page .pagestore li .title{font-size:14px;height:40px;line-height:40px;}
.page .pagestore li .info{font-size:14px;margin-top:5px;}
.page .pagestore li .add{font-size:12px;}
.page .pagestorebox .selection{height:auto;}
.page .pagestorebox .selection select{width:100%; margin-top:1em;}
}
@media screen and (max-width:350px) {
.page .pagestore li{width:100%}

}




/****************pageCase start******************/
.page .pageCasebox{ overflow:hidden; width:100%;}
.page .pageCase {height:auto;overflow:hidden;margin:0 -11.25px;padding:0;}
.page .pageCase{font-size:0;}
.page .pageCase li{ display:inline-block;*display:inline; zoom:1; width:25%;height:auto;font-size:14px;color:#959595;margin-bottom:12px; position:relative;  vertical-align:top;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
   -webkit-transition: all 0.6s ease-in-out;
   }
.page .pageCase li a{color:#959595; display:block;background: #f8f8f8;margin:0 11.25px;}
.page .pageCase li a:hover{color:#004894;}
.page .pageCase li .ImgBoxB{width:100%;border-radius:5px; position:relative; overflow:hidden;}
.page .pageCase li .ImgBox{overflow:hidden;width:285px;height:215px; text-align:center; display:table-cell; vertical-align:middle;}
.page .pageCase li .ImgBox img{width:100%;max-width: 285px;max-height:215px;
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
.page .pageCase li:hover .ImgBox img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.page .pageCase li .title{font-size:14px;color: #464646; text-align:center;height:50px;line-height:50px;overflow:hidden;}
@media screen and (max-width:1200px) {
.page .pageCase li{ width:33.33333%;}
.page .pageCase li .ImgBox{overflow:hidden;width:100%;height:auto;}
.page .pageCase li .ImgBox img{width:100%;max-width: 100%;max-height:100%;}
}
@media screen and (max-width:1000px) {
.page .pageCase li{width:50%}
}
@media screen and (max-width:676px) {
.page .pageCase li .title{font-size:14px;height:40px;line-height:40px;}
.page .pageCase li .info{font-size:14px;}
.page .pageCase li .add{font-size:12px;}
}
@media screen and (max-width:350px) {
.page .pageCase li{width:100%}

}

/****************case_xq start******************/
.page .detail_box .detail_img{width:485px;height:365px; margin-right:35px; margin-bottom:40px;float:left;background: #f9f9f9;}
.page .detail_box .detail_img .ImgBox{width:485px;height:365px; text-align:center; display:table-cell; vertical-align:middle;}
.page .detail_box .detail_img .ImgBox img{overflow:hidden;max-width:485px;max-height:365px;list-style:none;}
.page .detail_box .detail_nr{overflow:hidden;display:block;width:680px;float:left;position:relative;}
.page .detail_box .detail_nr .detail_title{display:block;font-size:24px;color: #292c30;border-bottom:1px solid #eee;padding-bottom:20px;}
.page .detail_box .detail_nr span{margin-left:30px;}
.page .detail_box .detail_nr .detail_more{overflow: hidden;line-height:30px;padding-top:20px;font-size:14px;color:#828282;}
.page .detail_box .detail_info{overflow:hidden;font-size: 14px;line-height: 34px;color: #464646;padding: 15px 0;text-transform:uppercase;}
.page .detail_box .detail_tit{clear: both;overflow:hidden;font-size: 18px;line-height: 30px;color:#002532;text-transform:uppercase;position:relative; text-align:center;}
.page .detail_box .detail_tit span{ display:inline-block; background:#fff;padding: 0 25px; position:relative; z-index:1;}
.page .detail_box .detail_tit:before{ content:""; width:100%; height:1px; background:#e9e9e9; position:absolute; left:0;top:50%; left:0;}
.page .detail_box .detail_wz{padding: 42px 0 0 0; font-size:14px; color:#2a2e35; line-height:28px;}
.page .detail_box .more a{width:146px;line-height: 45px;font-size: 14px;}
.more{display:inline-block;}
.more a{font-size:12px;color:#fff; background:#da251d;vertical-align:bottom; display:inline-block;line-height:34px;width:90px; text-align:center;}
.more a:hover{color: #fff;background: #c70d05;}
@media screen and (max-width:1200px) {	
.page .detail_box .detail_img{width:45%;height:auto;margin-right:5%;margin-bottom: 40px;}
.page .detail_box .detail_img .ImgBox{width:100%;height:auto;display: block;}
.page .detail_box .detail_img .ImgBox img{max-width:100%;max-height:100%;}
.page .detail_box .detail_nr{width:50%;}
}
@media screen and (max-width:1024px){
.page .detail_box .detail_img{width:100%;height:auto;margin-right:0;margin-bottom: 40px;}
.page .detail_box .detail_nr{width:100%;margin-bottom: 40px;}
}






/*download*/
.downServiceBOX{width: 100%;margin: 0 auto;}
.downServiceIcon {text-align: center;position:relative; font-size:0;margin:0 -68.75px; line-height:normal;}
.downServiceIcon div.downInfo {display: inline-block;*display: inline;zoom:1;position:relative;z-index:1; cursor:pointer; width:130px;margin:0 68.75px;}
.downServiceIcon img {vertical-align: top;margin-bottom: 16px;width: 130px;height: 130px; background:#da261e;border-radius:5px; display:inline-block;}
.downServiceIcon p {font-size: 16px; color:#464646;line-height:24px;margin-bottom: 10px;}
.downServiceIcon div.downInfo{transition: all .5s ease-in-out; position:relative;}
.downServiceIcon div.downInfo:hover{transform: translateY(-15px)}
@media screen and (max-width:1200px){
.downServiceIcon {height:auto;margin:0 0;}
.downServiceIcon div.downInfo {width:20%;margin:0 auto;}
.downServiceIcon img {vertical-align: top;margin-bottom: 16px;width: 70%;height: auto;max-width:130px;background:#da261e;border-radius:5px; display:inline-block;}
}
@media screen and (max-width:1000px){
.downServiceBOX{ overflow:hidden;}
.downServiceIcon div.downInfo { width:20%;display: inline-block;*display: inline;}
.downServiceIcon img {width: 70%;height: auto;max-width:100px;}
}
@media screen and (max-width:676px){
.downServiceIcon img {width: 80%;height: auto;max-width:100px;}
.downServiceIcon p {font-size: 14px;}
}


/*downsearch*/
.downsearch{ width:420px; margin:30px auto;}
.downsearch-box{padding:0px 124px 0px 40px; position: relative;background:#f2f2f2;border-radius:50px; overflow:hidden;}
.downsearchtx{width:100%; border: 0px none; padding: 0; margin: 0; display: block; height: 50px; line-height:50px; font-size:14px; color:#909090; background-color: transparent;  text-align:left;}
.downsearchbtn{position: absolute; right: 0; top: 0; padding: 0; margin: 0; display: block; width: 70px; height: 100%; border: 0px none; background:url(download-search.png) no-repeat scroll center center; cursor: pointer; display: block; }
@media screen and (max-width:676px){
.downsearch{ width:100%;}
}



/*downList*/
.downListBox .downList-title{text-align: center;height:52px;font-size:0; background:#f1f1f1;}
.downListBox .downList-title .tt{ display: inline-block;*display: inline;zoom:1; width:33.3333%;font-size: 14px; color:#464646;line-height: 52px;}
.downListBox .downList { margin:0 auto;list-style: none; text-align:center;border-bottom:1px solid #e5e5e5;margin-bottom:10px;}
.downListBox .downList li{margin: 0;padding: 0;display:block;position: relative;}
.downListBox .downList li .li-a{display:block;text-align: center;font-size: 0;padding:8px 0 8px 0;}
.downListBox .downList li .li-a .img,.downListBox .downList li .li-a .title,.downListBox .downList li .li-a .btn{display: inline-block;*display: inline;zoom:1; width:33.3333%; text-align:center;height: 45px; vertical-align: top;}
.downListBox .downList li .li-a .img img{width:45px;max-width: 45px;max-height:45px;}
.downListBox .downList li .li-a .img img,.downListBox .downList li .li-a .title,{
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.downListBox .downList li .li-a:hover .img img,.downListBox .downList li .li-a:hover  .title{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.downListBox .downList li .li-a .title{font-size: 12px; color:#464646;line-height: 45px;height: 45px; }
.downListBox .downList li .li-a .title a{color:#464646;}
.downListBox .downList li .li-a .title span{display:block; width:90%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin:0 auto;}
.downListBox .downList li .li-a .btn i{display:inline-block;width:45px;height: 45px;background:url(download-iconb.png) no-repeat center center;}
.downListBox .downList li .li-a:hover{ background:#da251d;}
.downListBox .downList li .li-a:hover .title a{ color:#fff; font-weight:bold;}
.downListBox .downList li .li-a:hover  .btn i{background:url(download-iconw.png) no-repeat center center;}
@media screen and (max-width:676px){
.downListBox .downList-title .tt.tt1{width:22%;}
.downListBox .downList-title .tt.tt2{width:60%;}
.downListBox .downList-title .tt.tt3{width:18%;}
.downListBox .downList li .li-a .img{width:22%;}
.downListBox .downList li .li-a .title{width:60%;}
.downListBox .downList li .li-a .btn{width:18%;}
}




/*pagenavBox*/
.pagenavBox{ background:#f6f6f6;margin-bottom:35px;padding-bottom:40px;margin-top:20px;}
.page-nav {height:auto; overflow:hidden;position:relative;margin:0 auto;padding-top:30px;margin-left:5px;margin-right:20px;margin-bottom:10px;}
.page-nav ul li{font-size:14px;margin:0 25px;line-height:40px; display:inline-block; color:#909090; position:relative;}
.page-nav ul li:before{ content:"/"; position:absolute; right:0;top:0; color:#464646;margin-right:-30px;margin-top:0px;}
.page-nav ul li:last-child:before{content:"";}
.page-nav ul li a{font-size:14px;display:inline-block; color:#464646;font-weight: bold;}
.page-nav ul li a:hover,.page-nav ul li.focus a{color:#e61d18;}

/*page-nav2*/
.pagenavBox2{ /*background:#f6f6f6;padding-bottom:20px;margin-top:20px;*/}
.page-nav2 {height:auto; overflow:hidden;position:relative;margin:0 auto;padding-top:30px;margin-left:5px;margin-right:20px;margin-bottom:10px; font-size:0; text-align:center; }
.page-nav2 ul li{font-size:14px;margin:0 25px;line-height:40px; display:inline-block; color:#909090; position:relative;}
.page-nav2 ul li:before{ content:"/"; position:absolute; right:0;top:0; color:#464646;margin-right:-30px;margin-top:0px;}
.page-nav2 ul li:last-child:before{content:"";}
.page-nav2 ul li a{font-size:14px;display:inline-block; color:#464646;font-weight: bold;}
.page-nav2 ul li a:hover,.page-nav2 ul li.focus a{color:#e61d18;}




/*subnav*/
.subnav .subnavL{display: block;float: left;line-height: 34px;width:50px; font-size:12px; font-weight:bold; text-align:left; color:#545454;}
.subnav .subnavA{display: block;float: left;line-height: 34px;}
.subnav .subnavA img{max-height:25px; display:inline-block;margin:4.5px 0; }
.subnav {margin:0 auto;padding:0 30px;}
.subnav a{font-size:12px;margin-right:24px;line-height:34px; display:inline-block; color:#545454; position:relative;}
.subnav a:hover,.subnav .focus{color:#e61d18;}
.subnav .focus img{color:#e61d18; border:1px solid #f00;}
@media screen and (max-width:640px) {
.page-nav ul,.subnav{ text-align:left;}
}


/*page-tab*/
.page .page-tab{margin:0 auto;padding:20px 0 25px 0;text-align: center; }
.page .page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center; height: 38px;line-height: 38px;font-size: 0;}
.page .page-tab ul li{width:  auto;margin: 0;padding: 0;display: inline-block;position: relative;height: 36px;line-height: 36px;}
.page .page-tab ul li a{display: inline-block;margin: 0;text-align: center;font-size: 12px;color: #5e5e5e;padding: 0 18px;height: 36px;line-height: 36px;border: 1px solid #e5e5e5;background: transparent;}
.page .page-tab ul li a:hover{border-color: #e61d18;color: #e61d18;}
.page .page-tab ul li a.focus{ background-color:#e61d18;color: #fff;}
.page .page-tab ul li.next-page, .page .page-tab ul li.prev-page{ margin:0 20px;}
.page .page-tab ul li.next-page a, .page .page-tab ul li.prev-page a{padding: 0 28px;}
@media screen and (max-width:640px) {
.page .page-tab ul li a{font-size:12px;padding: 0 1.5em;height:3em;line-height: 3em;}
}





<!----------------------------------------pageJoin---------------------------------------->
.pageJoin img{max-width:100%;}
/*joinCity*/
.joinCity {width:100%;height:auto;}
.joinCity .joinCityContent{width:100%;height:570px;overflow:hidden;position: relative;background-position: center center;background-repeat:no-repeat;}
.joinCity .joinCityBox,.joinCity .joinCityImg{ width:50%; float:left;padding-top:45px;}
.joinCity .joinCityImg img{ max-width:80%;}
.joinCity .joinCityBox .t1{color: #292c30;font-size: 26px;}
.joinCity .joinCityBox .t2{margin-top: 25px;color: #292c30;font-size: 44px;}
.joinCity .joinCityBox .t3{margin-top: 20px;color: #292c30;font-size: 18px;}
.joinCity .joinCityBox .joinCityBoxinfo{ display: inline-block;padding-left:20%;padding-top:20%;}
.joinCity .joinCityBox .more4{ display:inline-block;margin-top: 30px;color: #fff;font-size: 16px; width:364px; height:47px; line-height:47px; background:#ce241d; border-radius:5px; text-align:center;}
.joinCity .joinCityBox .more4 img{margin-left:10px;}
@media screen and (max-width:1200px) {
.joinCity .joinCityContent{width:100%;margin-left:0;height:570px;overflow:hidden;position: relative;background-position: center center;background-repeat:no-repeat;}
}
@media screen and (max-width:1000px) {
.joinCity .joinCityContent{height:450px;}
.joinCity .joinCityBox .joinCityBoxinfo{padding-left:0%;}
}
@media screen and (max-width:767px) {
.joinCity .joinCityContent{height:100%; background-size:cover;}
.joinCity .joinCityBox,.joinCity .joinCityImg{ width:100%; float:none;padding-top:0;padding-bottom:20%;}
.joinCity .joinCityBox .joinCityBoxinfo{ display: inline-block;padding-left:5%;padding-top:0;}
	
.joinCity .joinCityBox .t1{font-size: 20px;}
.joinCity .joinCityBox .t2{margin-top: 15px;font-size: 30px;}
.joinCity .joinCityBox .t3{margin-top: 10px;font-size: 16px;}
.joinCity .joinCityBox .more4{ margin-top: 20px;font-size: 14px; width:300px;}
}
@media screen and (max-width:640px) {
.joinCity .joinCityBox .joinCityBoxinfo{padding-left:3%;}
.joinCity .joinCityBox .more4{ width:250px;}	
}


/*pageTiyan*/
.JoinTiyan img{max-width:100%;}

/*joinTiaojian*/
.joinTiaojian {width:100%;height:auto;}
.joinTiaojian .joinTiaojianContent{width:100%;height:570px;overflow:hidden;position: relative;background-position: center center;background-repeat:no-repeat;}
.joinTiaojian .joinTiaojianImg{ width:50%; float:left;margin-top:200px;}
@media screen and (max-width:1200px) {
.joinTiaojian .joinTiaojianContent{width:100%;margin-left:0;height:570px;overflow:hidden;position: relative;background-position: center center;background-repeat:no-repeat;}
}
@media screen and (max-width:1000px) {
.joinTiaojian .joinTiaojianContent{height:450px;}
.joinTiaojian .joinTiaojianImg{ margin-top:20%;padding-left: 5%;}
.joinTiaojian .joinTiaojianImg img{ max-width:100%;}
}
@media screen and (max-width:767px) {
.joinTiaojian .joinTiaojianContent{height:auto; background-size:cover;}
.joinTiaojian .joinTiaojianImg{ margin-top:20%; width:80%;padding-bottom:20%;}
}


/*pageLunbo*/
.joinLunboBox{padding-top:30px;}
.pageLunbo{position:relative;margin:0 auto;margin-bottom:66px;width:100%;}
.pageLunbo .lunboBox{ width:100%;margin:0 auto;position: relative;z-index: 2;}
.pageLunbo .lunboList{ width:100%; overflow:hidden;}
.pageLunbo .lunboList ul{ width:100%;}
.pageLunbo .lunboList li{list-style:none;overflow:hidden;margin:auto ;padding:0; display:block;float: left;width:100%;height:auto;margin-bottom:5px;position:relative;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.pageLunbo .lunboList li a{ display:block;}
.pageLunbo .lunboList li a img{ width:100%;}
.pageLunbo .hd{ display:none;}
.pageLunbo .prev {width: 70px;height: 70px;background:url(join-left.png) no-repeat left center;position:absolute;left:0;top:50%;margin-top:-35px;}
.pageLunbo .next {width: 70px;height: 70px;background:url(join-right.png) no-repeat right center;position:absolute;right:0;top:50%;margin-top:-35px;}
@media screen and (max-width:1000px) {
.pageLunbo{margin-bottom:30px;}
.pageLunbo .prev{ width: 50px;height: 50px;margin-top:-25px; background-size:100%;}
.pageLunbo .next{ width: 50px;height: 50px;margin-top:-25px; background-size:100%;}
}
@media screen and (max-width:767px) {
.pageLunbo .prev{ width: 30px;height: 30px;margin-top:-15px; background-size:100%;}
.pageLunbo .next{ width: 30px;height: 30px;margin-top:-15px; background-size:100%;}
}


/*joinAdvantage*/
.joinAdvantage{width:100%; overflow:hidden; height:auto;background-position: center center;background-repeat:no-repeat;background-size:cover;padding-top:75px;padding-bottom:55px;}
.joinAdvantage .pageTit{ color:#FFF;}
.joinAdvantage .pageTit h3{color:#FFF;}
.joinAdvantage .AdvList{text-align:center;position:relative;}
.joinAdvantage .tempWrap{margin:0 auto;}
.joinAdvantage .AdvList .Advmain{margin:0 95px; width:910px; padding:0; height:auto; overflow:hidden;}
.joinAdvantage .AdvList .Advmain li{width:100%; list-style:none;}
.joinAdvantage .AdvList .Advmain li .img{width:306px; height:306px; overflow:hidden; margin:0 auto;border-radius:50%;border:12px solid #ffffff; position:relative;}
.joinAdvantage .AdvList .Advmain li .img img{max-width:306px; max-height:306px;}
.joinAdvantage .AdvList .Advmain li .title{height:30px; line-height:30px; font-size:18px; color:#fff; width:100%;margin-top:30px;}
.joinAdvantage .AdvList .Advmain li .content{font-size:14px; line-height:28px; color:#fff; max-height:78px; overflow:hidden; width:100%;margin-top:10px;}
.joinAdvantage .AdvList .hd{ display:none;}
.joinAdvantage .AdvList .prev,.joinAdvantage .AdvList .next{width:70px; height:230px; position:absolute; top:0;}
.joinAdvantage .AdvList .prev{background:url(join-left.png) no-repeat left center; left:0;}
.joinAdvantage .AdvList .next{background:url(join-right.png) no-repeat right center; right:0;}
.joinAdvantage .Advline{margin-top:5px; height:30px;background:url(jion-icon.png) no-repeat center center;}
.joinAdvantage .AdvList .Advmain li{transition: ease 0.5s;}  
.joinAdvantage .AdvList .Advmain li .img {-webkit-transform: translateY(0px);transform: translateY(0px);   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.joinAdvantage .AdvList .Advmain li.active .img {-webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9);}
@media screen and (max-width:1200px) {
.joinAdvantage .AdvList .Advmain{margin:0 95px; width:calc(100% - 80px); padding:0; height:auto; overflow:hidden;}
.joinAdvantage .AdvList .Advmain li{width:100%; list-style:none;}
}
@media screen and (max-width:1000px) {
.joinAdvantage .AdvList .prev{ width: 50px;height:230px; background-size:100%;}
.joinAdvantage .AdvList .next{ width: 50px;height:230px; background-size:100%;}
}
@media screen and (max-width:767px) {
.joinAdvantage .AdvList .Advmain li .img{width:160px; height:160px;border:5px solid #ffffff; }
.joinAdvantage .AdvList .Advmain li .img img{max-width:160px; max-height:160px;}
.joinAdvantage .AdvList .prev{ width: 30px;height:230px; background-size:100%;}
.joinAdvantage .AdvList .next{ width: 30px;height:230px; background-size:100%;}
}


/*joinShenqing*/
.joinShenqing {width:100%;height:550px;overflow:hidden;position: relative;background-position: center center;background-repeat:no-repeat;}
.joinShenqing .joinShenqingBox{text-align:center;}
.joinShenqing .joinShenqingBox .joinShenqingBoxinfo{display: inline-block;padding-top:145px;}
.joinShenqing .joinShenqingBox .t1 img{ max-width:100%;}
.joinShenqing .joinShenqingBox .t2{margin-top: 25px;color: #3b4048;font-size:40px; line-height:40px;}
.joinShenqing .joinShenqingBox .t3{margin-top: 25px;color: #3b4048;font-size:26px; line-height:30px;}
.joinShenqing .joinShenqingBox .more4{ display:inline-block;margin-top:62px;color: #fff;font-size: 16px; width:272px; height:48px; line-height:48px; background:#ce241d; border-radius:5px; text-align:center;}
.joinShenqing .joinShenqingBox .more4 img{margin-left:10px;}
@media screen and (max-width:1000px) {
.joinShenqing{background-size:cover;}
.joinShenqing .joinShenqingBox{ width:100%; float:none;padding-top:10%;padding-bottom:10%;}
.joinShenqing .joinShenqingBox .joinShenqingBoxinfo{padding-top:0;}
}
@media screen and (max-width:767px) {
.joinShenqing{height:100%;background-size:cover;}
.joinShenqing .joinShenqingBox{ width:100%; padding-top:25%;padding-bottom:25%;}
.joinShenqing .joinShenqingBox .joinShenqingBoxinfo{padding-top:0;}
.joinShenqing .joinShenqingBox .t1 img{ max-width:80%;}
.joinShenqing .joinShenqingBox .t2{margin-top: 15px;font-size: 20px;}
.joinShenqing .joinShenqingBox .t3{margin-top: 10px;font-size: 16px;}
.joinShenqing .joinShenqingBox .t3 img{ width:40px;}
.joinShenqing .joinShenqingBox .more4{ width:250px;margin-top: 20px;font-size: 14px;}	
}





/*proBiaozhun*/
.proBiaozhun-box{padding-top:70px;padding-bottom:50px;}
.proTit {padding:0 0 40px;text-align: center; text-transform:uppercase;line-height:30px; text-align:center; color:#464646; font-size:16px; vertical-align:middle;}
.proTit h3 {font-size: 28px;color: #000000; font-weight:normal;margin-bottom:15px;}
.proTit .big {font-size:24px; display:inline-block;padding:0 10px;}
@media screen and (max-width:767px) {
.proTit h3 {font-size: 20px;}	
}

/*proBiaozhunlist*/
.proBiaozhunlist {margin: 0 auto; padding: 0; font-size:0;margin:0 -10px;}
.proBiaozhun-item {display: block;width:25%;padding:0;text-align: center;float: left;margin:0;box-sizing: border-box;text-align:left;-webkit-transition: all 160ms;transition: all 160ms;margin-bottom:20px;}
.proBiaozhun-item a{-webkit-transition: all 160ms;transition: all 160ms;}
.proBiaozhun-item a{ display:block;padding:60px 30px 73px 30px;border: 1px solid #e8e8e8;margin:0 10px; background:#fff; position:relative; cursor:pointer;}
.proBiaozhun-item a:before{ content:""; position:absolute;bottom:-1px; left:0; width:0; background:#e96d68; height:3px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.proBiaozhun-item:hover a:before{ width:100%;}
.proBiaozhun-item .item-image {text-align:left; }
.proBiaozhun-item .item-image img {max-width:100%; }
.proBiaozhun-item .item-image img {-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.proBiaozhun-item:hover .item-image img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.proBiaozhun-item .item-title { font-size: 20px;line-height: 30px;color: #464646; padding: 0;overflow: hidden;margin-top:25px;margin-bottom:10px; font-weight:normal;}
.proBiaozhun-item .item-text {  font-size: 14px;line-height: 26px;color: #464646; overflow: hidden;}
.proBiaozhun-item a:hover {  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }
.proBiaozhun-item.one a{border-bottom:2px solid #e96d68;}
.proBiaozhun-item.two a{border-bottom:2px solid #86ddb5;}
.proBiaozhun-item.three a{border-bottom:2px solid #7958ff;}
.proBiaozhun-item.four a{border-bottom:2px solid #ff9758;}
.proBiaozhun-item.two a:before{ background:#86ddb5;}
.proBiaozhun-item.three a:before{ background:#7958ff;}
.proBiaozhun-item.four a:before{ background:#ff9758;}
@media screen and (max-width:1000px) {
.proBiaozhun-item {width:50%;}	
}
@media screen and (max-width:767px) {
.proBiaozhun-item {width:50%;}	
.proBiaozhun-item a{padding:30px 20px 30px 20px;}
.proBiaozhun-item .item-title { font-size: 16px;margin-top:15px;margin-bottom:0;}
.proBiaozhun-item .item-text {  font-size: 12px;line-height: 22px;}
.proBiaozhun-item .item-image img {max-width:100%; width:40px;} 
}
@media screen and (max-width:350px) {
.proBiaozhun-item {width:100%;}	
}

/*proCtonglist*/
.proCtonglist {margin: 0 auto; padding: 0; font-size:0;margin:0 -10px;}
.proCtong-item {display: block;width:25%;padding:0;text-align: center;float: left;margin:0;box-sizing: border-box;text-align:left;-webkit-transition: all 160ms;transition: all 160ms;margin-bottom:20px;}
.proCtong-item a{-webkit-transition: all 160ms;transition: all 160ms;}
.proCtong-item a{ display:block;padding:40px 17px 33px 17px;border-bottom: 3px solid #909090;margin:0 10px; background:#f7f7f7; position:relative; cursor:pointer;color: #909090;}
.proCtong-item a:before{ content:""; position:absolute;bottom:-3px; left:0; width:0; background:#e96d68; height:3px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.proCtong-item:hover a:before{ width:100%;}
.proCtong-item .item-title { font-size: 16px;line-height: 30px;color: #292c30; padding: 0;overflow: hidden;margin-bottom:5px; font-weight:normal; position:relative; padding-left:20px;}
.proCtong-item .item-title:before{ content:""; position:absolute; top:50%;margin-top:-6px;left:0; width:13px; background:#292c30; height:13px;}
.proCtong-item:hover .item-title:before{ background:#fff;}
.proCtong-item .item-text {  font-size: 14px;line-height: 30px;min-height:120px;overflow: hidden;}
.proCtong-item.one:hover a,.proCtong-item.one:hover a:before{ background:#e96d68;}
.proCtong-item.two:hover a,.proCtong-item.two:hover a:before{ background:#86ddb5;}
.proCtong-item.three:hover a,.proCtong-item.three:hover a:before{ background:#7958ff;}
.proCtong-item.four:hover a,.proCtong-item.four:hover a:before{background:#ff9758;}
.proCtong-item:hover a,
.proCtong-item.one:hover .item-title,
.proCtong-item.two:hover .item-title,
.proCtong-item.three:hover .item-title,
.proCtong-item.four:hover .item-title{ color:#fff;}
@media screen and (max-width:1000px) {
.proCtong-item {width:50%;}	
}
@media screen and (max-width:767px) {
.proCtong-item {width:50%;}	
.proCtong-item a{padding:30px 20px 30px 20px;}
.proCtong-item .item-title { font-size: 16px;margin-top:15px;margin-bottom:0;}
.proCtong-item .item-text {  font-size: 12px;line-height: 22px;}
.proCtong-item .item-image img {max-width:100%; width:40px;} 
}
@media screen and (max-width:350px) {
.proCtong-item {width:100%;}	
}





/*proPinpai*/
.proPinpai-box{padding-top:60px;padding-bottom:60px; background:#f9f9f9;}
.proPinpai-box img{max-width:100%;}
.proTit2 {padding:0 0 40px;text-align: center; text-transform:uppercase;line-height:30px; text-align:center; color:#464646; font-size:16px; vertical-align:middle;}
.proTit2 h3 {font-size: 28px;color: #292c30; font-weight:normal;margin-bottom:5px;}
.proTit2 h3 span {display:inline-block;padding:0 40px; position:relative;}
.proTit2 h3 span:before{ content:""; position:absolute;top:50%; left:0; width:22px; background:#464646; height:2px;}
.proTit2 h3 span:after{ content:""; position:absolute;top:50%; right:0; width:22px; background:#464646; height:2px;}
.proTit2 .en{font-family: "Kalinga",Arial,"Microsoft YaHei", "微软雅黑", sans-serif;}
.proTit2 .cn{ font-size:12px; color:#333232;margin-top:5px;}
@media screen and (max-width:767px) {
.proTit2 h3 {font-size: 20px;}	
}




/*proBaozhang*/
.proBaozhang-box{padding-top:70px;padding-bottom:50px;}
.proBaozhanglist {margin: 0 auto; padding: 0; font-size:0; text-align:center;}
.proBaozhang-item {display:inline-block;*display:inline; zoom:1;width:20%;padding:0;text-align: center;margin:0 auto;box-sizing: border-box;text-align:center;-webkit-transition: all 160ms;transition: all 160ms;margin-bottom:20px;}
.proBaozhang-item a{-webkit-transition: all 160ms;transition: all 160ms;}
.proBaozhang-item a{ display:block;padding:0 30px 25px 30px;position:relative; cursor:pointer;}
.proBaozhang-item a:before{ content:""; position:absolute;bottom:-1px; left:0; right:0; width:11px; background:#e96d68; height:11px;-webkit-transition: all 0.5s;transition: all 0.5s;border-radius:50%;margin:0 auto;}
.proBaozhang-item .item-image {text-align:center; }
.proBaozhang-item .item-image img {max-width:100%; }
.proBaozhang-item .item-image img {-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.proBaozhang-item:hover .item-image img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.proBaozhang-item .item-title { font-size: 16px;line-height: 30px;color: #292c30; padding: 0;overflow: hidden;margin-top:5px; font-weight:normal;}
.proBaozhang-item .item-text {  font-size: 12px;line-height: 22px;color: #292c30; overflow: hidden;}
.proBaozhang-item:hover a:before{background:#da261e;}

@media screen and (max-width:1100px) {
.proBaozhang-item {width:20%;}	
}
@media screen and (max-width:1000px) {
.proBaozhang-item {width:33.33333%;}	
}
@media screen and (max-width:767px) {
.proBaozhang-item a{padding:30px 5px 30px 5px;}
.proBaozhang-item .item-image img {max-width:100%;} 
}
@media screen and (max-width:350px) {
.proBaozhang-item {width:50%;}		
}









/*proGongcheng*/
.proGongcheng{ width:100%; height:auto;margin:0 auto; background:#f9f9f9;padding-top:80px;padding-bottom:80px;text-align:center;}
.proGongcheng .Select_tit{ font-size:26px; color:#464646; text-transform:uppercase;margin-bottom:15px;margin-top:55px; text-align:center;}
/*选项卡*/
.Select_info2 .Select_Option{width:100%;clear: both;overflow:hidden;padding:0;margin:0 auto; text-align:center;}
.Select_info2 .Select_Option .titN{ display:block; width:16.66666666666667%;float: left;-ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.Select_info2 .Select_Option .titN a{display:block;margin: 0 auto;padding: 0 0;line-height:45px;border-right: none;text-align: center;color:#464646;font-size:14px; position:relative;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5; background:#fff;}
.Select_info2 .Select_Option .titN a:before{ content:""; position:absolute;top:0; left:0;width:1px; background:#e5e5e5; height:100%;}
.Select_info2 .Select_Option .titN a:after{ content:""; position:absolute;top:0; right:0;width:1px; background:#e5e5e5; height:100%;}
.Select_info2 .Select_Option .stop a{color:#fff; background:#e96d68;}
.proGongcheng .hd1{ display:none;}
.proGongcheng .proBox{ display:table;box-sizing: border-box;background:#fff;}
.proGongcheng .proBox .ImgBox{width:800px;height:380px;overflow:hidden;background:#fff;float: left;margin:0;box-sizing: border-box;}
.proGongcheng .proBox .ImgBox img{max-width:800px;max-height:380px;}
.proGongcheng .proBox .nr{width:400px;height:380px;overflow:hidden; background:#fff;margin:0; display: table-cell; vertical-align:middle; font-size:14px; color:#333333; line-height:26px; padding:0px 10px;}
.proGongcheng .proBox .nrBox{display:inline-block;vertical-align:middle;}
@media screen and (max-width:1199px) {
.proGongcheng .proBox .nr{width:94%;min-height:380px; height:auto;padding:30px 3%;}
}
@media screen and (max-width:1000px) {
.proGongcheng .proBox .ImgBox{width:100%;height:auto;}
.proGongcheng .proBox .ImgBox img{max-width:100%;max-height:100%; width:100%;}
}




/*proBaojia*/
.proBaojia{ width:100%; height:auto;margin:0 auto; padding-top:65px;padding-bottom:60px;text-align:center;}
.proBaojia .Select_tit{ font-size:26px; color:#464646; text-transform:uppercase;margin-bottom:15px;margin-top:55px; text-align:center;}
/*选项卡*/
.Select_info2 .Select_Option2{width:100%;clear: both;overflow:hidden;padding:0;margin:0 auto; text-align:center;padding-bottom:30px;}
.Select_info2 .Select_Option2 .titN{ display:block; width:124px; display:inline-block; *display:inline; zoom:1;-ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;margin:10px 7px;}
.Select_info2 .Select_Option2 .titN a{display:block;margin: 0 auto;padding: 0 0;line-height:37px;border-right: none;text-align: center;color:#464646;font-size:14px; position:relative;border-radius:37px; background:#f2f2f2;}
.Select_info2 .Select_Option2 .stop a{color:#fff; background:#e96d68;}
.proBaojia .hd1{ display:none;}
.proBaojia .proBox{ display:table;box-sizing: border-box; background:#f6f6f6;}
.proBaojia .proBox .ImgBox{width:900px;height:400px;overflow:hidden; background:#f6f6f6;float: left;margin:0;box-sizing: border-box;}
.proBaojia .proBox .ImgBox img{max-width:900px;max-height:400px;}
.proBaojia .proBox .nr{width:300px;height:400px;overflow:hidden; background:#f6f6f6;margin:0; display: table-cell; vertical-align:middle; font-size:14px; color:#333333; line-height:26px;}
.proBaojia .proBox .nrBox{display:inline-block;vertical-align:middle;}
.proBaojia .proBaojia-btn a{display:block;margin: 0 auto;padding: 0 0;line-height:43px;border-right: none;text-align: center;color:#fff; background:#e96d68;font-size:16px; position:relative;border-radius:43px;margin-top:33px; }
@media screen and (max-width:1199px) {
.proBaojia .proBox .nr{width:94%;min-height:380px; height:auto;padding:30px 3%;}
}
@media screen and (max-width:1000px) {
.proBaojia .proBox .ImgBox{width:100%;height:auto;}
.proBaojia .proBox .ImgBox img{max-width:100%;max-height:100%; width:100%;}
}







/*proProcess*/
.proProcess-box{padding-top:90px;padding-bottom:50px; background:#f9f9f9;}
.proProcesslist {margin: 0 auto; padding: 0; font-size:0; text-align:center;}

.proProcess-item {display:inline-block;*display:inline; zoom:1;width:14.28571428571429%;padding:0;text-align: center;margin:0 auto;box-sizing: border-box;text-align:center;-webkit-transition: all 160ms;transition: all 160ms;margin-bottom:20px; vertical-align:top;}
.proProcess-item a{-webkit-transition: all 160ms;transition: all 160ms;}
.proProcess-item a{ display:block;padding:0 20px 25px 20px;position:relative; cursor:pointer;}
.proProcess-item a:after{ content:""; height:1px; width:100%; position:absolute; top:160px; background:#d1d1d1; left:0; right:0; margin:0 auto; z-index:0;}
.proProcess-item a:before{ content:""; position:absolute;top:155px; left:0; right:0; width:10px; background:#e96d68; height:10px;-webkit-transition: all 0.5s;transition: all 0.5s;margin:0 auto;z-index:1}
.proProcess-item .item-image {text-align:center; }
.proProcess-item .item-image img {max-width:100%; }
.proProcess-item .item-image img {-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.proProcess-item:hover .item-image img {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2);}
.proProcess-item .item-title { font-size: 16px;line-height: 30px;color: #292c30; padding: 0;overflow: hidden;margin-top:5px; font-weight:normal;}
.proProcess-item .item-text {  font-size: 14px;line-height: 20px;color: #464646; overflow: hidden;margin-top:10px;}
.proProcess-item:hover a:before{background:#da261e;}

@media screen and (max-width:1100px) {
.proProcess-item {width:20%;}	
}
@media screen and (max-width:1000px) {
.proProcess-item {width:33.33333%;}	
}
@media screen and (max-width:767px) {
.proProcess-item a{padding:0 5px 0 5px;}
.proProcess-item .item-image img {max-width:100%;} 
}
@media screen and (max-width:350px) {
.proProcess-item {width:50%;}		
}









/*proTit3*/
.proTit3 {padding:0 0 40px;text-align: center; text-transform:uppercase;line-height:30px; text-align:center; color:#515151; font-size:16px; vertical-align:middle;}
.proTit3 h3 {font-size: 30px;color: #515151; font-weight:normal;margin-bottom:5px;}
@media screen and (max-width:767px) {
.proTit3 h3 {font-size: 20px;}	
}


/*proGaoding*/
.proGaoding-box{padding-top:70px;padding-bottom:60px; background:#f9f9f9;}
.proGaoding-box img{max-width:100%;}
.proGaodinglist {margin: 0 auto; padding: 0; font-size:0; text-align:center;margin:0 -10px;}
.proGaoding-item {display:inline-block;*display:inline; zoom:1;width:25%;padding:0;text-align: center;margin:0 auto;box-sizing: border-box;text-align:center;-webkit-transition: all 160ms;transition: all 160ms;margin-bottom:20px; vertical-align:top;}
.proGaoding-item a{-webkit-transition: all 160ms;transition: all 160ms;}
.proGaoding-item a{ display:block;padding:0;position:relative; cursor:pointer;margin:0 10px;}
.proGaoding-item .item-image {text-align:center; width:100%; overflow:hidden; }
.proGaoding-item .item-image img {max-width:100%; }
.proGaoding-item .item-image img ,.proGaoding-item .item-info{-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); z-index:1;}
.proGaoding-item:hover .item-image img,.proGaoding-item:hover .item-info {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2);}
.proGaoding-item .item-info{ position:absolute; bottom:20px;right:0;left:0;}
.proGaoding-item .item-title { font-size: 18px;line-height: 30px;color: #fff; padding: 0;overflow: hidden;margin-top:5px; font-weight:normal;}
.proGaoding-item .item-text {  font-size: 14px;line-height: 30px;height: 30px;color: #fff; overflow: hidden;}
.proGaoding-item:hover a:before{background:#da261e;}
@media screen and (max-width:1000px) {
.proGaoding-item {width:33.33333%;}	
}
@media screen and (max-width:767px) {
.proGaoding-item a{padding:0 5px 0 5px;}
.proGaoding-item .item-image img {max-width:100%;} 
.proGaoding-item .item-title { font-size: 16px;}
.proGaoding-item .item-text {  font-size: 12px;}
}
@media screen and (max-width:640px) {
.proGaoding-item {width:50%;}		
}





.proClient-box img{max-width:100%; text-align:center;}
.proChangfang-box{ background:#fff; text-align:center;}
.proChangfang-box img{max-width:100%;}
.proDingyi-box img{max-width:100%;}
.proFuwubao-box{ background:#fff; text-align:center;}
.proFuwubao-box img{max-width:100%;}
.proYuyue-box{ background:#f6f6f6; text-align:center;}
.proYuyue-box img{max-width:100%;}



.proSpace{padding-top:60px;padding-bottom:40px; background:#f8f8f8;}

  .hard-space {display: flex;flex-flow: row wrap;}
  .hard-space .space-btn {overflow: hidden;cursor: pointer;width: 220px;height: 605px;background-color: #eeeeee;}
  .hard-space .space-btn li {position: relative;border-bottom: 1px solid #ffffff;height: 101px;line-height: 100px;font-size: 16px;color: #333333;transition: all 300ms; text-align:center;}
  .hard-space .space-btn li.active {background-color:#da241c;color: #fff;}
  .hard-space .space-btn li.active::before {width: 17px;height:26px;position: absolute;left:40px;top: 50%;content: "";margin-top:-13px;background:url(pro2-icon1.png) no-repeat left center #da241c;}
  .hard-space .space-btn li.active::after {width: 14px;height:26px;position: absolute;right: 22px;top: 50%;content: "";margin-top:-13px;background:url(pro2-ss.png) no-repeat right center;}
  .hard-space .space-btn li.active img.icon-on {display: inline-block;}
  .hard-space .space-btn li.active img.icon-off {display: none;}
  .hard-space .space-btn li img {margin-right: 20px;width: 38px;vertical-align: -8px;}
  .hard-space .space-btn li img.icon-on {display: none;}
  .hard-space .space-btn li img.icon-off {display: inline-block;}
  .hard-space .space-photo {overflow: hidden;width: 980px;height: 605px;}
  .hard-space .space-photo img {display: block;width: 100%;height: 100%;}
  
  .hard-space .space-TableBox{ width:100%;}
  .hard-space .space-desc {margin-top: 37px;border-collapse: collapse;border:nonoe;width: 100%;text-align: left;font-size: 14px;color: #909090;}
  .hard-space .space-desc:first-of-type {display: block;}
  .hard-space .space-desc thead {background-color: #eeeeee;}
  .hard-space .space-desc th,
  .hard-space .space-desc td {line-height: 30px;padding:6px 0; text-align:center;}
  .hard-space .space-desc tr td{border-top:4px solid #f8f8f8; background:#fff;}
  .hard-space .space-desc th{background:#ababab;color: #fff;}
  .hard-space .space-desc .row-1 {width: 300px;}
  .hard-space .space-desc .row-2 {width: 300px;}
  .hard-space .space-desc .row-3 {width: 300px;}
  .hard-space .space-desc .row-4 {width: 300px;}
@media screen and (max-width:1199px) {
.hard-space .space-photo {overflow: hidden;width: 980px;height: 444px;}
.hard-space .space-btn {width:100%;height:auto;}
.hard-space .space-btn li{width:16.66666666666667%; float:left; text-align:center;}
.hard-space .space-btn li.active::before {width: 0px;height:26px;position: absolute;left:40px;top: 50%;content: "";margin-top:-13px;background:url(pro2-icon1.png) no-repeat left center #da241c;}
}
@media screen and (max-width:767px) {
  .hard-space .space-photo {width: 100%;height:auto;}
  .hard-space .space-photo img {width: 100%;height: 100%;}
  .hard-space .space-btn li.active::before {width: 17px;height:26px;position: absolute;left:40px;top: 50%;content: "";margin-top:-13px;background:url(pro2-icon1.png) no-repeat left center #da241c;}
  
  .hard-space .space-btn {width:100%;height:auto;}
  .hard-space .space-btn li{width:50%; float:left;}
}







/*proGaoding2*/
.proGaodinglist1{margin:0;}
.Gaodinglist1{float:left;width:420px;margin-right:20px;}
.Gaodinglist2{ float:left;width:374px;margin-right:15px;}
.Gaodinglist3{ float:left;width:371px;}
.proGaoding2-item {display: block;padding:0;text-align: center;margin:0 auto;box-sizing: border-box;text-align:center;-webkit-transition: all 160ms;transition: all 160ms;margin-bottom:20px; vertical-align:top;}
.proGaoding2-item a{-webkit-transition: all 160ms;transition: all 160ms;}
.proGaoding2-item a{ display:block;padding:0;position:relative; cursor:pointer;}
.proGaoding2-item .item-image {text-align:center; width:100%; overflow:hidden; display: block; }
.proGaoding2-item .item-image img {max-width:100%; }
.proGaoding2-item .item-image img ,.proGaoding2-item .item-info{-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); z-index:1;}
.proGaoding2-item:hover .item-image img,.proGaoding2-item:hover .item-info {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2);}
.proGaoding2-item .item-info{ position:absolute; bottom:20px;right:0;left:0;}
.proGaoding2-item .item-title { font-size: 18px;line-height: 30px;color: #fff; padding: 0;overflow: hidden;margin-top:5px; font-weight:normal;}
.proGaoding2-item .item-text {  font-size: 14px;line-height: 30px;height: 30px;color: #fff; overflow: hidden;}
.proGaoding2-item:hover a:before{background:#da261e;}
@media screen and (max-width:1199px) {
.Gaodinglist1{float:left;width:35%;margin-right:1.666666666666667%;}
.Gaodinglist2{ float:left;width:31.16666666666667%;margin-right:1.25%;}
.Gaodinglist3{ float:left;width:30.91666666666667%;}	
.proGaoding2-item {margin-bottom:5%;}
}
@media screen and (max-width:767px) {
.Gaodinglist1{float:left;width:100%;margin-right:0%;}
.Gaodinglist2{ float:left;width:100%;margin-right:0%;}
.Gaodinglist3{ float:left;width:100%;}	
.proGaoding2-item .item-image img{width:100%;}
.proGaoding2-item {margin-bottom:5%;}
}
@media screen and (max-width:767px) {
.proGaoding2-item {width:50%;}		
.proGaoding2-item{width:50%; float:left;}	
.proGaoding2-item .item-image img{width:100%; height:200px;}
.Gaodinglist2 .proGaoding2-item{width:100%; float:left;}
.proGaoding2-item .item-title { font-size: 16px;}
.proGaoding2-item .item-text {  font-size: 12px; line-height:22px; height:auto;}
}



/*designBigPic*/
.packageDesigner{ padding-top:60px;padding-bottom:50px;}
.designCase {width: 1200px;margin: 0 auto;height: auto;background: #fff;}
.designBigPic {overflow: hidden;}
.designBigPic .bigPic {height: auto;overflow: hidden;}
.designBigPic .bigPic li {float: left;color: #222;padding: 30px;background: #f3f3f3;font-size: 14px;}
.designBigPic .bigPic li .pic {float: right; width:740px;}
.designBigPic .bigPic li .text {float:left; width:400px;}
.designBigPic .bigPic li h3 {font-size: 28px;font-weight: normal; color:#292c30;margin-top:25px;margin-bottom:30px;}
.designBigPic .bigPic li h3 span {display: block;font-size: 12px;color: #909090;}
.designBigPic .bigPic li p {margin-bottom: 35px;line-height: 28px; font-size:16px; color:#515151;}
.designBigPic .bigPic li .fenggeTable td{padding: 5px 0 10px;line-height: 28px; font-size:14px; color:#515151;}
.designBigPic .smallPic {position: relative;padding: 18px 50px 18px 55px;height: 174px;background: #222222;}
.designBigPic .smallPic ul {height: 121px;}
.designBigPic .smallPic li {position: relative;margin-right: 20px;width: 160px;height: 121px;float: left;}
.designBigPic .smallPic li img {border: 0px solid #eee;max-width:100%;}
.designBigPic .smallPic li span {display: block;width: 160px;height: 121px;position: absolute;top: 0;left: 0;z-index: 1;background: #000;opacity: 0.6;filter: alpha(opacity=60);}
.designBigPic .smallPic li p {position: absolute;left: 2px;top: 2px;z-index: 2;height: 121px;width: 160px;line-height: 120px;color: #fff;font-size: 16px;text-align: center;cursor: pointer;}
.designBigPic .smallPic li.on p {color: #fff;}
.designBigPic .smallPic li.on span {opacity: 0;filter: alpha(opacity=0);}
.designBigPic .smallPic li.on img {border-color: #fcbc2e;}
.smallPic .designPrev,
.smallPic .designNext {position: absolute;top:50%;z-index: 1;cursor: pointer; width:16px; margin-top:-15px;}
.smallPic .designPrev {left: 20px;}
.smallPic .designNext {right:20px;}
@media screen and (max-width:1199px) {
.designBigPic .bigPic {height: auto;overflow: hidden;}
.designBigPic .bigPic li .pic {float: none; width:100%;}
.designBigPic .bigPic li .text {float: none; width:100%;}
.designCase {width:100%;margin: 0 auto;height:auto;background: #fff;}
}
@media screen and (max-width:1000px) {
.designBigPic .smallPic {height: auto;background: #222222;}
.designBigPic .smallPic ul {height: auto;}
.designBigPic .smallPic li {position: relative;margin-right: 20px;width: 16.66666666666667%;height:auto;float: left;}
.designBigPic .smallPic li span {width:100%;height: 100%;}
.designBigPic .smallPic li p {position: absolute;left: 0; right:0;margin:0 auto; text-align:center;top:50%;z-index: 2;height: 30px;width:100%;line-height: 30px;margin-top:-15px;color: #fff;font-size: 12px;text-align: center;cursor: pointer;}
}




/*packageSix */
.packageSix {border-bottom: 1px solid #e9e9e9;}
.packageSix ul {width: 1200px;margin: 0 auto;padding: 5px 0 80px;color: #545454;overflow: hidden; line-height:24px; font-size:14px;}
.packageSix ul li {float: left;margin: 55px 0 0 ;width: 400px;height: 78px;border-right: 1px dashed #efe0d7;}
.packageSix ul .two,
.packageSix ul .five {padding-left: 35px;}
.packageSix ul .three,
.packageSix ul .six {padding-left: 35px;border-right: 0;}
.packageSix ul i {float: left;margin: 0 20px;width: 78px;height: 78px;}
.packageSix ul .one i {background:url(pro5-icon1.png) no-repeat center center;}
.packageSix ul .two i {background:url(pro5-icon2.png) no-repeat center center;}
.packageSix ul .three i {background:url(pro5-icon3.png) no-repeat center center;}
.packageSix ul .four i {background:url(pro5-icon4.png) no-repeat center center;}
.packageSix ul .five i {background:url(pro5-icon5.png) no-repeat center center;}
.packageSix ul .six i {background:url(pro5-icon6.png) no-repeat center center;}
.packageSix ul h3 {margin-top: 15px;color: #da261e;font-size: 18px; font-weight:normal;}
@media screen and (max-width:1199px) {
.packageSix ul {width: 100%;}
.packageSix ul li {width:30%;padding-left:3.33333%;border-right:none;}
.packageSix ul .two,
.packageSix ul .five {padding-left:0%;}
.packageSix ul .three,
.packageSix ul .six {padding-left: 0%;border-right: 0;}
}

@media screen and (max-width:1000px) {
.packageSix ul li {width:50%;padding-left:0%;}
}

@media screen and (max-width:640px) {
.packageSix ul li {width:100%;padding-left:0%;}
}





/*fullpage*/
.pageVideo img{ max-width:100%;}
.proTit4 {text-align: center; text-transform:uppercase;line-height:30px; text-align:center; color:#464646; font-size:18px;margin-bottom:40px;}
.proTit4 h3 {font-size: 26px;color: #000000; font-weight:normal;margin-bottom:15px;}
.proTit4 .m {font-size:14px; display:inline-block; color:#909090;margin-top:15px;}
.proTit4 .m:hover{color:#d60f07;}
.fp-tableCell{ position:relative;}
.proTit4.proTit5{position:absolute; top:60px; left:0; right:0;}
.proTit4.white,
.proTit4.white h3{ color:#fff;}
@media screen and (max-width:1000px) {
.proTit4 {font-size:16px;}
.proTit4 h3 {font-size: 20px;margin-bottom:5px;}	
.proTit4 .m {font-size:14px;margin-top:5px;}
.proTit4.proTit5{top:1.5em;}
}
@media screen and (max-width:640px) {
.proTit4 {font-size:14px;}
.proTit4 h3 {font-size: 18px;margin-bottom:0px;}	
.proTit4 .m {font-size:12px;margin-top:0px;}
}


.pageVideo{padding-top:70px;padding-bottom:50px;}
.pro4banner2{background-position: center center;background-repeat:no-repeat;background-size:cover;}
.pro4banner3{background-position: center center;background-repeat:no-repeat;background-size:cover;}
.pro4banner4{background-position: center center;background-repeat:no-repeat;background-size:cover;}
.pro4banner5{background-position: center center;background-repeat:no-repeat;background-size:cover;}
.pro4banner6{background-position: center center;background-repeat:no-repeat;background-size:cover;}





/* swiper-b2*/
.swiper-b2 {padding: 0 0;}
.swiper-b2 .swiper-slide {position: relative;}
.swiper-b2 .swiper-slide .swiper-vertical-div {position: absolute;padding: 0 0;width: 100%;left: 50%;top: 0%;transform: translate(-50%, 0%);text-align: center;box-sizing: border-box;opacity: 0;transition: all .6s ease-in; height:100%;}
.swiper-b2 .swiper-slide.swiper-slide-active .swiper-vertical-div {opacity: 1;}
.swiper-b2 .swiper-container {height: 100%;}
.swiper-b2 .swiper-container-vertical .swiper-pagination-bullet {width:10px;height:10px;background:#ffffff;border-radius: 50%;margin: 10px 0!important; opacity:1!important;}
.swiper-b2 .swiper-container-vertical .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#292C30;}
.swiper-b2 .swiper-container-vertical>.swiper-pagination {left: 20px;display: none;width:16px;background:#DB1D15;padding:10px 3px;border-radius:16px;}
@media (min-width: 768px) {
.swiper-b2 .swiper-container-vertical>.swiper-pagination {left: 50px;display: block;}
}



/*pro4-3Box*/
.pro4-3Box{position:absolute; bottom:5%; left:0; right:0; font-size:16px; color:#909090;}
.pro4-3Box .pro4-3BoxTable{color:#fff;}
@media (max-width: 767px) {
.pro4-3Box{font-size:12px;}	
.pro4-3Box .pro4-3BoxTable img{ width:20px;}	
.pro4-3Box .pro4-3BoxTable td.add{ width:20px;}
}


/*pro4-4Box*/
.pro4-4Box{ width:1000px; position: absolute; height:180px; top:50%;margin:0 auto;right:0 ;left:0;margin-top:-90px;font-size:16px; color:#464646;}
.pro4-4Box .pro4-4BoxTable1{ display:inline-block; position:absolute; left:0;top:45%;}
.pro4-4Box .pro4-4BoxTable3{ display:inline-block; position:absolute; left:0;top:75%;}
.pro4-4Box .pro4-4BoxTable2{ display:inline-block; position:absolute; right:0%;top:45%;text-align:left;}
.pro4-4Box .pro4-4BoxTable4{ display:inline-block; position:absolute; right:0%;top:75%;text-align:left;}
.pro4-4Box .pro4-4BoxTable4 td{ display:inline-block;min-width:235px;}
@media (max-width: 1200px) {
.pro4-4Box{ width:80%;}
}
@media (max-width: 1000px) {
.pro4-4Box{width:94%;font-size:14px;}	
.pro4-4Box .pro4-4BoxTable4 td{min-width:165px;}
.pro4-4Box .pro4-4BoxTable1 td img,.pro4-4Box .pro4-4BoxTable2 td img,.pro4-4Box .pro4-4BoxTable3 td img,.pro4-4Box .pro4-4BoxTable4 td img{width:25px;}
}
@media (max-width: 767px) {
.pro4-4Box{width:94%;font-size:12px;}	
}
@media (max-width: 640px) {
.pro4-4Box .pro4-4BoxTable1,.pro4-4Box .pro4-4BoxTable2,.pro4-4Box .pro4-4BoxTable3,.pro4-4Box .pro4-4BoxTable4{ display:none;}
}

/*pro4-5Box*/
.pro4-5Box{position:absolute; bottom:25%; left:0; right:0; font-size:16px; color:#464646; text-align: left; width:1000px;margin:0 auto;}
.pro4-5Box .b{font-size:30px;padding-bottom:20px;}
.pro4-5Box td{padding-bottom:20px;}
@media (max-width: 1200px) {
.pro4-5Box{ width:80%;}
}
@media (max-width: 1000px) {
.pro4-5Box{width:94%;font-size:12px;}	
.pro4-5Box .b{font-size:18px;padding-bottom:10px;}
.pro4-5Box .pro4-5BoxTable td img{ width:20px;}
.pro4-5Box .pro4-5BoxTable td.add{ width:20px;}
}
@media (max-width: 767px) {
.pro4-5Box{width:94%;font-size:12px;}	
.pro4-5Box .b{font-size:16px;padding-bottom:5px;}
.pro4-5Box .pro4-5BoxTable td img{ width:20px;}
.pro4-5Box .pro4-5BoxTable td.add{ width:20px;}
}


/*pro4-6Box*/
.pro4-6Box{position:absolute; top: 40%; left:0; right:0; font-size:16px; color:#464646; text-align: right; width:1000px;margin:0 auto;}
.pro4-6Box .b{font-size:30px;padding-bottom:20px;}
.pro4-6Box .pro4-6BoxTable{ text-align:left; display:inline-table;}
.pro4-6Box td{padding-bottom:20px;}
@media (max-width: 1200px) {
.pro4-6Box{ width:80%;}
}
@media (max-width: 1000px) {
.pro4-6Box{width:94%;font-size:12px;}	
.pro4-6Box .b{font-size:18px;padding-bottom:10px;}
.pro4-6Box .pro4-5BoxTable td img{ width:20px;}
.pro4-6Box .pro4-5BoxTable td.add{ width:20px;}
}
@media (max-width: 767px) {
.pro4-6Box{width:94%;font-size:12px;}	
.pro4-6Box .b{font-size:16px;padding-bottom:5px;}
.pro4-6Box .pro4-6BoxTable td img{ width:20px;}
.pro4-6Box .pro4-6BoxTable td.add{ width:20px;}
}
@media (max-width: 640px) {
.pro4-6Box .pro4-6BoxTable{ width:55%;}
}



/*easeIn*/
.easeIn {filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transform: translate3d(0, 35px, 0);transform: translate3d(0, 35px, 0);transition: all 0.8s;}
.easeIn.active {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
/*moveTop ani*/
@-moz-keyframes moveTop {from {margin-top: 10px;}
  to {margin-top: 0;}
}
@-webkit-keyframes moveTop {from {margin-top: 10px;}
  to {margin-top: 0;}
}
@-ms-keyframes moveTop {from {margin-top: 10px;}
  to {margin-top: 0;}
}
@keyframes moveTop {from {margin-top: 10px;}
  to {margin-top: 0;}
}
/*scale9 ani*/
@-moz-keyframes scale9 {from {-moz-transform: scale(1);}
  to {-moz-transform: scale(0.98);}
}
@-webkit-keyframes scale9 {from {-webkit-transform: scale(1);}
  to {-webkit-transform: scale(0.98);}
}
@-ms-keyframes scale9 {from {-ms-transform: scale(1);}
  to {-ms-transform: scale(0.98);}
}
@keyframes scale9 {from {transform: scale(1);}
  to {transform: scale(0.98);}
}
/*scal15 ani*/
@-moz-keyframes scale15 {from {-moz-transform: scale(1);}
  to {-moz-transform: scale(1.5);}
}
@-webkit-keyframes scale15 {from {-webkit-transform: scale(1);}
  to {-webkit-transform: scale(1.5);}
}
@-ms-keyframes scale15 {from {-ms-transform: scale(1);}
  to {-ms-transform: scale(1.5);}
}
@keyframes scale15 {from {transform: scale(1);}
  to {transform: scale(1.5);}
}
/*flicker ani*/
@-moz-keyframes flicker {from {filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
  to {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
}
@-webkit-keyframes flicker {from {filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
  to {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
}
@-ms-keyframes flicker {from {filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
  to {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
}
@keyframes flicker {from {filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
  to {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
}
/*flicker ani*/
@-moz-keyframes flicker1 {from {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
  to {filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
}
@-webkit-keyframes flicker1 {from {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
  to {filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
}
@-ms-keyframes flicker1 {from {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
  to {filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
}
@keyframes flicker1 {from {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
  to {filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
}
/*flicker ani*/
@-moz-keyframes flicker2 {0% {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
  50% {filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
  100% {filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
}
@-webkit-keyframes flicker2 {0% {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
  50% {filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
  100% {filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
}
@-ms-keyframes flicker2 {0% {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
  50% {filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
  100% {filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
}
@keyframes flicker2 {0% {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
  50% {filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
  100% {filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
}





/*pro-List*/
.pro-List { overflow:hidden;}
.pro-List ul{width:1222.5px;}
.pro-List li{list-style:none;overflow:hidden;margin:auto ;padding:0;display:block;float: left;font-size:14px;width:385px;height:auto;margin-right:22.5px;margin-bottom:45px;position:relative;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; position:relative; cursor:pointer;}
.pro-List li a{display:block; background:#f6f6f6;}
.pro-List li .ImgBox{display:block;width:385px;height:289px;overflow:hidden; position:relative;}
.pro-List li .ImgBox img{overflow: hidden;max-width:385px;max-height:289px;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.pro-List li .ImgBox:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.pro-List li .ImgBox:after{ content: ""; display: none;overflow: hidden;height:60px;width:60px; position: absolute;bottom:50%; right:50%;margin-bottom:-30px;margin-right:-30px;border-radius:50%;background:url(product-icon.png) center center no-repeat; z-index:1;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; } 
.pro-List li:hover .ImgBox:after{display: block;}
.pro-List li .tit{height:auto;color:#464646;line-height:40px;z-index:2;font-size:20px; font-weight: normal;padding:30px 10px;text-align:center;}
.pro-List li .tit .cn{font-size:16px; line-height:26px; color:#464646;display: block; font-weight:bold; }
.pro-List li:hover a{background:#E61D18;}
.pro-List li:hover .tit .cn,.pro-List li:hover .tit .en{ color:#fff;}
@media screen and (max-width:1219px) {
.container{width:94%;}
.pro-List ul{ width: calc(100% + 2%);}	
.pro-List li{width: calc(100% / 3 - 2%);margin-right:2%;}
.pro-List li .ImgBox{width:100%;height:auto;}
.pro-List li .ImgBox img{max-width:100%;max-height:100%;}
.pro-List li .ImgBox:after{height:40px;width:40px; background-size:40px;} 
}
@media screen and (max-width:1000px) {
.pro-List ul{ width: calc(100% + 2%);}	
.pro-List li{width: calc(100% / 2 - 2%);margin-right:2%;}
}
@media screen and (max-width:640px) {
.pro-List ul{ width: calc(100% + 0%);}	
.pro-List li{width: 100%;margin-right:0;margin-bottom:25px;}
.pro-List li .ImgBox img{width:100%;}
}

/* swiper-b3*/
.swiper-b3 {padding: 0 0;}
.swiper-b3 .swiper-slide {position: relative;}
.swiper-b3 .swiper-slide .sotreImg{ display:none;}
.swiper-b3 .swiper-slide .homeSeries {position: absolute;padding: 0 0;width: 100%;left: 50%;top: 0%;transform: translate(-50%, 0%);box-sizing: border-box;opacity: 0;transition: all .6s ease-in; height:100%;}
.swiper-b3 .swiper-slide.swiper-slide-active .homeSeries {opacity: 1;}
.swiper-b3 .swiper-container {height: 100%; position:relative;}
.swiper-b3 .swiper-container-vertical .swiper-pagination-bullet {width:10px;height:10px;background:#ffffff;border-radius: 50%;margin: 10px 0!important; opacity:1!important;}
.swiper-b3 .swiper-container-vertical .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#292C30;}
.swiper-b3 .swiper-container-vertical>.swiper-pagination {left: 50px;	display: block;width:16px;background:#DB1D15;padding:10px 3px;border-radius:16px;}

.swiper-b3 .swiper-button-next,.swiper-b3 .swiper-button-prev {display: block;}
.swiper-b3 .swiper-button-next,.swiper-b3 .swiper-button-prev {position: relative;width:60px;height: 60px;margin:0 auto;text-align:center;background: none;background:url(index-drop.png) no-repeat 50% 50% ;z-index: 1;  -webkit-animation-name: scrollWheel;
          animation-name: scrollWheel;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  will-change: transform;}
.swiper-b3 .homeSeries a.mousebtn .mouse{ display:none;}
@media (max-width: 768px) {
.swiper-b3 .swiper-container-vertical>.swiper-pagination {left: 20px;display: none;}
.swiper-b3 .swiper-slide { background:#fff!important;}
.swiper-b3 .swiper-slide .sotreImg{ display: block;}
.swiper-b3 { height:auto!important;}
.swiper-b3 .swiper-container{height:auto!important;}
.swiper-b3 .swiper-slide .homeSeries {position: relative;padding: 0 0;width: 100%;left: 50%;top: 0%;transform: translate(-50%, 0%);box-sizing: border-box;opacity: 1;transition: all .6s ease-in; height:100%;}
.swiper-b3 .swiper-slide.swiper-slide-active .homeSeries {opacity: 1;}
.swiper-b3 .swiper-slide .swiper-vertical-div.container{ width:100%;}
.swiper-b3 .swiper-wrapper{display: block!important;}
.swiper-b3 .homeSeries a.mousebtn .mouse{ display:none;}
.swiper-b3 .swiper-button-next,.swiper-b3 .swiper-button-prev {display: none;}
}

.pagess {
    clear: both;
    margin: 20px;
    overflow: hidden;
    margin-left: 0px;
    text-align: center;
    font-size: 12px;
}

.pagess ul li {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px 9px;
    margin: 0 3px;
    line-height: 20px;
    background: #fff;
    color: #999;
}