@charset "utf-8";
/* CSS Document */



/* top jxd*/

.top{background: #fff;}
.fixedTop{height:110px;position:fixed; top:0px; width:100%;z-index: 10;-webkit-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.tipBg2{ width:100%;height:30px; line-height:30px; background:#232323;}
.tipBg2 .tipCont{ padding: 0px 6.7708333%;padding: 0px calc(260px/100vw*100%);margin:0 auto; height:30px;}
.tipBg2 .tipCont .tipL{ float:left;color:#F4F4F4;}
.tipBg2 .tipCont .tipR{ float:right;text-align:right;color:#fff;}
.tipBg2 .tipCont .tipL a{ color:#F4F4F4; display:inline-table;}
.tipBg2 .tipCont .tipR a{ color:#F4F4F4;}
.tipBg2 .tipCont a:hover{ text-decoration:none;}
.tipBg2 .tipCont .tipL a h2{ font-size:14px; font-weight:normal;}
.fixedTop .top{position: fixed;left: 0px;top:30px;right: 0px;-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.1); box-shadow: 0px 3px 6px rgba(0,0,0,0.1);}

.cont{position: relative;z-index: 6;padding: 0px 2.7708333%;}

.headBox .wrap{position: relative;z-index: 2;}
.logo{overflow: hidden;z-index: 10;position: relative;padding: 23px 0px;-webkit-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.logo a{/*display: block;*/overflow: hidden;}
.logo a img{display: block;height:48px;}
.advertise{font-size: 13px;color:#787878;position: relative;padding-left: 10px;margin-top: 8px;}
.advertise:after{display:none;content:"";overflow:hidden;width:1px;height:20px;background:#ddd;position:absolute;left: 20px;top: 50%;margin-top: -10px;}
.advertise i{display: block;font-size: 12px;color:#fff;background:#d71819;border-radius: 3px;padding: 0px 3px;}
.advertise span{display:block;overflow: hidden;margin-top: 3px; font-size:12px;}
.topR{position: relative; z-index: 10;overflow: hidden;padding: 30px 0px;line-height: 30px;-webkit-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.topTel{padding: 3px 0px;overflow: hidden;font-size: 24px;color:#d71819;font-weight: bold;padding-left: 35px;line-height: 23px;font-weight: bold;background: url(../images/topTel.png) no-repeat left center;}
.topR a{display: block;height: 30px;padding-left: 30px;overflow: hidden;margin-left: 15px;}


.menuBox{z-index: 9;text-align: center;font-size: 0px;}
.menuBox .center{display: inline-block;}
.navBar{background: #fff;}
.menu_dl{}
.menu_dl dd{display: inline;z-index: 9;float: left;}
.menu_dl:after{display: block;content: '';overflow: hidden;clear: both;visibility: hidden;}
.menu_a{display: block;height:90px;overflow: hidden;line-height: 90px;color: #555;font-size:18px; font-weight:bold; position: relative;padding: 0px 30px;-webkit-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;text-align: center;}
.menu_dl dd.hover .menu_a{color: #d71819}
.menu_a i{display:none;width:100%;height:2px;overflow:hidden;background: #d71819;position: absolute;left: 0px;bottom: 0px;}
.menu_dl dd.hover .menu_a i{display: block;}
.subMenuDiv{display: none; position: absolute;left: 0px;right: 0px;top:90px;z-index: 9;transition: top 0.3s linear;}
.menu_dl dd.hover .subMenuDiv{z-index: 3;}
.menuLine{width:0px;height:2px;overflow:hidden;background:#d71819;position:absolute;left: 0px;bottom: 0px;z-index: 2;}
.subMenu_ul{position: relative;z-index: 3;transition: all 0.3s linear;font-size: 0px; text-align: center;}

.subMenuShadow{height:100%;overflow:hidden;position:absolute;left:50%;top:0px;z-index:1;width:50000px;margin-left: -25000px;}
.subMenu_ul li{display: inline-block;width: 10%;position: relative;height: 125px;transition: all 0.3s linear;}
.subMenu_ul li:hover{ -webkit-box-shadow: 0px 15px 30px rgba(0,0,0,0.1); box-shadow: 0px 15px 30px rgba(0,0,0,0.1);z-index: 5;}
.subMenu_ul li:hover:after{display: none;}
.subMenu_ul li:after{display: block;content: "";overflow: hidden;position: absolute;right: 0px;top: 0px;background: #efefef;width: 1px;height: 100%;}
.subMenu_ul li:last-child:after{display: block;}
.menu_dl dd.hover .subMenu_ul li{opacity: 0;transform: scale(0);animation: liMove 0.4s linear forwards;}
@keyframes liMove{
    0%  {transform: scale(0);opacity: 0;}
    100%{transform: scale(1);opacity: 1;}
}
.menu_dl dd.hide .subMenu_ul li{opacity: 1;transform: scale(1);animation: liHIde 0.4s linear forwards;}
@keyframes liHIde{0%  {transform: scale(1);opacity: 1;}100%{transform: scale(0);opacity: 0;}}
.subMenu_a{width: 100%;display: block;overflow: hidden;line-height: 20px;font-size: 14px;color:#d9d9d9;text-align: center;transition: all 0.3s linear;position: absolute;top: 50%;transform: translateY(-50%);}
.subMenu_a:hover{color:#d71819;}
.subMenu_a i{display: block;overflow: hidden; width:40px; margin:0 auto;height: 40px;line-height: 40px;text-align: center;font-size: 35px;color:#666;background-image:url(../images/menuIcon.png);transition: all 0.3s linear;}
.subMenu_a span{display: block;overflow: hidden;line-height: 20px;padding: 15px 20px 0px 20px;font-size: 14px;color:#666;text-align: center;transition: all 0.3s linear;}
.subMenu_ul li.hover .subMenu_a span,

.subMenu_a:hover span{color:#d71819;}
.menuBg{display: none;visibility: visible;width: 10000px;height: 125px;overflow: hidden;position: absolute;left: 50%;margin: 0px -5000px;top: 90px;z-index: 1;background: #f7f7f7;border-top: 1px solid #efefef;transition: top 0.3s linear;}
.subMenuDiv.showMenu{-webkit-animation: showMenu 0.5s linear forwards;-o-animation: showMenu 0.5s linear forwards;animation: showMenu 0.5s linear forwards;}
@keyframes showMenu{0%  {opacity: 0.5}100%{opacity: 1}}
.subMenuDiv.hideMenu{-webkit-animation: hideMenu 0.5s linear forwards;-o-animation: hideMenu 0.5s linear forwards;animation: hideMenu 0.5s linear forwards;}
@keyframes hideMenu{0%  {opacity: 0.2}100%{opacity: 0}} 


.subMenu_ul li .subMenu_a i.fa-group{background-position:0px -10px;}
.subMenu_ul li a:hover i.fa-group{background-position:-80px -10px !important;}

.subMenu_ul li .subMenu_a i.fa-culture{background-position:-160px -10px;}
.subMenu_ul li a:hover i.fa-culture{background-position:-240px -10px !important;}

.subMenu_ul li .subMenu_a i.fa-honor{background-position:-320px -10px;}
.subMenu_ul li a:hover i.fa-honor{background-position:-400px -10px !important;}

.subMenu_ul li .subMenu_a i.fa-qyxw{background-position:-480px -10px;}
.subMenu_ul li a:hover i.fa-qyxw{background-position:-560px -10px !important;}


.subMenu_ul li .subMenu_a i.fa-wztc{background-position:-640px -10px;}
.subMenu_ul li a:hover i.fa-wztc{background-position:-720px -10px !important;}


.subMenu_ul li .subMenu_a i.fa-pzbz{background-position:-800px -10px;}
.subMenu_ul li a:hover i.fa-pzbz{background-position:-880px -10px !important;}


.subMenu_ul li .subMenu_a i.fa-hzlc{background-position:-960px -10px;}
.subMenu_ul li a:hover i.fa-hzlc{background-position:-1040px -10px !important;}

.subMenu_ul li .subMenu_a i.fa-ppwz{background-position:-1120px -10px;}
.subMenu_ul li a:hover i.fa-ppwz{background-position:-1200px -10px !important;}

.subMenu_ul li .subMenu_a i.fa-yxwz{background-position:-1280px -10px;}
.subMenu_ul li a:hover i.fa-yxwz{background-position:-1360px -10px !important;}

.subMenu_ul li .subMenu_a i.fa-qywz{background-position:-1440px -14px;}
.subMenu_ul li a:hover i.fa-qywz{background-position:-1520px -14px !important;}

.subMenu_ul li .subMenu_a i.fa-hywz{background-position:-1590px -10px;}
.subMenu_ul li a:hover i.fa-hywz{background-position:-1660px -10px !important;}

.subMenu_ul li .subMenu_a i.fa-zfwz{background-position:-1740px -14px;}
.subMenu_ul li a:hover i.fa-zfwz{background-position:-1820px -14px !important;}

.subMenu_ul li .subMenu_a i.fa-jyjg{background-position:-1900px -12px;}
.subMenu_ul li a:hover i.fa-jyjg{background-position:-1980px -12px !important;}



.subMenu_ul li .subMenu_a i.fa-gdwz{background-position:-2060px -14px;}
.subMenu_ul li a:hover i.fa-gdwz{background-position:-2140px -14px !important;}


.subMenu_ul li .subMenu_a i.fa-ydhl{background-position:-2220px -12px;}
.subMenu_ul li a:hover i.fa-ydhl{background-position:-2290px -12px !important;}


.subMenu_ul li .subMenu_a i.fa-yxtg{background-position:-2372px -12px;}
.subMenu_ul li a:hover i.fa-yxtg{background-position:-2452px -12px !important;}


.subMenu_ul li .subMenu_a i.fa-vi{background-position:-2530px -12px;}
.subMenu_ul li a:hover i.fa-vi{background-position:-2610px -12px !important;}


.subMenu_ul li .subMenu_a i.fa-xtkf{background-position:-2690px -12px;}
.subMenu_ul li a:hover i.fa-xtkf{background-position:-2770px -12px !important;}


.subMenu_ul li .subMenu_a i.fa-wzjs{background-position:-2850px -10px;}
.subMenu_ul li a:hover i.fa-wzjs{background-position:-2930px -10px !important;}

.subMenu_ul li .subMenu_a i.fa-cjwt{background-position:-3010px -12px;}
.subMenu_ul li a:hover i.fa-cjwt{background-position:-3090px -12px !important;}

.subMenu_ul li .subMenu_a i.fa-jzhy{background-position:-3170px -12px;}
.subMenu_ul li a:hover i.fa-jzhy{background-position:-3250px -12px !important;}

.subMenu_ul li .subMenu_a i.fa-qyzx{background-position:-3330px -12px;}
.subMenu_ul li a:hover i.fa-qyzx{background-position:-3410px -12px !important;}

.subMenu_ul li .subMenu_a i.fa-wzyh{background-position:-3490px -12px;}
.subMenu_ul li a:hover i.fa-wzyh{background-position:-3570px -12px !important;}

.subMenu_ul li .subMenu_a i.fa-wztg{background-position:-3650px -12px;}
.subMenu_ul li a:hover i.fa-wztg{background-position:-3730px -12px !important;}

.subMenu_ul li .subMenu_a i.fa-lxfs{background-position:-3810px -12px;}
.subMenu_ul li a:hover i.fa-lxfs{background-position:-3890px -12px !important;}

.subMenu_ul li .subMenu_a i.fa-lyzx{background-position:-3970px -12px;}
.subMenu_ul li a:hover i.fa-lyzx{background-position:-4050px -12px !important;}

.subMenu_ul li .subMenu_a i.fa-fkfs{background-position:-4130px -12px;}
.subMenu_ul li a:hover i.fa-fkfs{background-position:-4210px -12px !important;}



/*---------- banner style ----------*/
.index-banner {position:static;width:100%;overflow:hidden; margin-top:110px;}

.index-banner .swiper-container {position: relative;width: 100%;height: 100%;}
.wap-banner{display: none;margin-top: 54px;position: relative;}

.index-banner .swiper-pagination{position: absolute;}
.index-banner .swiper-cicle{bottom: 50px;text-align:center;/*left: 50%;margin-left: -700px;*/}
.but div{outline: none;width: 24px;height: 24px;line-height: 24px; margin-top: -12px; background: none;font-size: 28px;color: #ec6700;text-align: center;}
.but div.swiper-button-disabled{opacity: 1;color: #ccc;}
.but .swiper-button-prev{width:60px;height:60px;background: url("../images/leftBtn.png") no-repeat;left: 0;}
.but .swiper-button-next{width:60px;height:60px;background: url("../images/rightBtn.png") no-repeat;right: 0;}
.index-banner .swiper-pagination-bullet{width:16px;height:16px;border-radius:10px;background: #fff;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#d71819;} 
.index-banner .swiper-pagination-bullet{opacity: 1;}
.wap-banner img{width: 100%;}
.wap-banner .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 50%;background: #fff;}
.wap-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;border-radius: 6px;} 
.wap-banner .swiper-pagination-bullet{opacity: 1;}
.index-banner .swiper-button-prev:after,.index-banner .swiper-button-next:after,.wap-banner .swiper-button-prev:after,.wap-banner .swiper-button-next:after{display: none;}


.main{ width:100%; max-width:1280px; margin:0 auto; padding:0px 0px;}
.titBox{position: relative;z-index: 3;}
.tit{font-size: 36px;color:#333;overflow: hidden;line-height: 40px;text-align: center;font-weight: normal;font-family: 'SourceHanSansCNLight';}
.titIntr{font-size: 14px;color:#666;text-align: center;line-height:175%;overflow: hidden;padding-top:10px;}
.servicesBox{ width:100%; margin:0 auto; position:relative;}
.servicesBox ul.items {margin-top: 50px}

.servicesBox ul.items {margin: 0 auto;margin-top:30px;}
.servicesBox ul.items li {position: relative; width:17%; margin:0px 1.5%;height:300px;float: left;padding-left: 0;padding-right: 0;overflow: hidden}
.servicesBox ul.items li {background: url(../images/bg_green.png) no-repeat 0 400px;}
.servicesBox ul.items li i {display: block;position: relative;margin: 0 auto;margin-top: 43px;height: 69px}
.servicesBox ul.items li.wx i { margin-top:43px;width:72px;background:url(../images/words2.png) no-repeat -243px -70px}
.servicesBox ul.items li.moban i {width:60px;background:url(../images/words2.png) no-repeat -418px 0px}
.servicesBox ul.items li.web i {width: 80px;background: url(../images/words2.png) no-repeat -413px -73px}
.servicesBox ul.items li.kaifa i {width:60px;background: url(../images/words2.png) no-repeat -429px -148px}
.servicesBox ul.items li.app i {width:58px;background: url(../images/words2.png) no-repeat -253px -162px}
.servicesBox ul.items li u { display:block;position: absolute;width: 130px;height: 130px;left:50%;transform: translate(-50%,0);background: url(../images/words1.png) no-repeat 0px 0px;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s}
.servicesBox ul.items li u.cl {clip: rect(0,130px,-10px,65px)}
.servicesBox.active ul.items li u.cl {clip: rect(0,130px,130px,65px)}
.servicesBox ul.items li u.cr {clip: rect(130px,65px,130px,0)}
.servicesBox.active ul.items li u.cr {clip: rect(0,65px,130px,0)}
.servicesBox ul.items li strong {display: block;margin-top:40px;text-align: center; height:30px;font-size:20px; color:#343434;}
.servicesBox ul.items li p {position: relative;top: 200px;color: #fff;line-height: 25px;text-align: center}
.servicesBox ul.items li:hover {background-position:0 0;-webkit-transition: all .5s ease-in-out .3s;-moz-transition: all .5s ease-in-out .3s;-ms-transition: all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;transition: all .5s ease-in-out .3s}

.servicesBox ul.items li:hover i {-webkit-transition: all .5s ease-in-out .4s;-moz-transition: all .5s ease-in-out .4s;-ms-transition: all .5s ease-in-out .4s;-o-transition: all .5s ease-in-out .4s;transition: all .5s ease-in-out .4s}

.servicesBox ul.items li.wx:hover i {background: url(../images/words2.png) no-repeat -167px -69px}
.servicesBox ul.items li.moban:hover i {background: url(../images/words2.png) no-repeat -338px -0px}
.servicesBox ul.items li.web:hover i { background: url(../images/words2.png) no-repeat -325px -73px}
.servicesBox ul.items li.kaifa:hover i { background: url(../images/words2.png) no-repeat -350px -148px}
.servicesBox ul.items li.app:hover i {background: url(../images/words2.png) no-repeat -174px -162px}
.servicesBox ul.items li:hover u.cl {clip: rect(0,156px,-10px,85px)}
.servicesBox ul.items li:hover u.cr {clip: rect(156px,78px,156px,0)}
.servicesBox ul.items li:hover strong {color: #fff;-webkit-transition-delay: .4s;-moz-transition-delay: .4s;-ms-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s}
.servicesBox ul.items li:hover p {top: 20px;-webkit-transition: all .3s ease-in-out .5s;-moz-transition: all .3s ease-in-out .5s;-ms-transition: all .3s ease-in-out .5s;-o-transition: all .3s ease-in-out .5s;transition: all .3s ease-in-out .5s}
.servicesBox label {display: block;margin: 0 auto;margin-top: -40px;width: 297px;height: 21px;background: url(../images/words2.png) no-repeat 0 -333px}

.wap-servicesBox{ display:none; width:100%;}




.grayBg{ width:100%; background:#f6f6f6;}

.priceBox{width:100%; max-width:1280px;margin:0 auto;}

.priceBox li{ float:left; width:23%; margin:0 1%; margin-bottom:20px;}
.priceBox li .head{ text-align:center; color:#fff; padding:20px 0; background-color:#faa731}
.priceBox li .head h3{ font-size:24px; font-weight:normal; margin-bottom:10px}
.priceBox li .head .sgin span{ display:inline-block; padding:3px 18px; border:1px solid #fff; border-radius:30px; margin-bottom:5px;}
.priceBox li .head .price b{ font-size:42px;}

.priceBox li .msbox{ padding:20px 10px;}
.priceBox li .extra-top{ margin-bottom:5px;}
.priceBox li .extra-top .right{ border-left:1px solid #999; padding-left:10px}
.priceBox li .extra-top>div{ width:50%; float:left}
.priceBox li .extra-top p{ color:#999}
.priceBox li i{ font-size:20px; color:#f38e16}
.priceBox li .pb{ margin-bottom:10px}
.priceBox li .pb span{ display:inline-block; margin-right:10px;}
.priceBox li .p{ margin-bottom:2px}
.priceBox li .p span{ display:inline-block; padding:1px 6px; border-radius:30px; background-color:#f38c11; color:#fff; margin-right:5px; }
.priceBox li .p span.red{ background-color:#fa3d29 !important}
.priceBox li .mtop{ margin-top:24px}


.priceBox li:nth-child(2) .head{ background-color:#59d32e}
.priceBox li:nth-child(2) i{color:#59d32e}
.priceBox li:nth-child(2) .p span{background-color:#59d32e}


.priceBox li:nth-child(3) .head{ background-color:#15cee4}
.priceBox li:nth-child(3) i{color:#15cee4}
.priceBox li:nth-child(3) .p span{background-color:#15cee4}


.priceBox li:nth-child(4) .head{ background-color:#5070fa}
.priceBox li:nth-child(4) i{color:#5070fa}
.priceBox li:nth-child(4) .p span{background-color:#5070fa}


.priceBox li:nth-child(5) .head{ background-color:#784bec}
.priceBox li:nth-child(5) i{color:#784bec}
.priceBox li:nth-child(5) .p span{background-color:#784bec}


.priceBox li:nth-child(6) .head{ background-color:#f64747}
.priceBox li:nth-child(6) i{color:#f64747}
.priceBox li:nth-child(6) .p span{background-color:#f64747}

.tit2{ width:100%; max-width:1280px; margin:0 auto; }
.tit2 .hd1,.tit2 .hd2,.tit2 .hd4{ width:100%; margin:0 auto;text-align:center;}
.tit2 .hd1 li,.tit2 .hd2 li,.tit2 .hd4 li{display:inline-block;POSITION: relative;cursor:pointer;text-align:center;width:138px;height:32px;line-height:32px;margin-left:15px;font-size:14px;list-style-type:none;border-radius:10px;border:solid 1px #e5e5e5;}
.tit2 .hd1 li.on,.tit2 .hd2 li.on,.tit2 .hd4 li.on{color: #fff;background-color: #4a4a4a!important;border:solid 1px #4a4a4a; }
.tit2 .hd1 li.on a,.tit2 .hd2 li.on a,.tit2 .hd4 li.on a{ color:#fff;}

.bd1，.bd2，.bd4{ width:100%;max-width:1280px;}
.bd1 .al,.bd4 .a1{width:100%;max-width:1280px; margin:0 auto;}

.bd1 .al .m ul li{width:23.5%; margin-right:2%;float:left;display:inline;overflow:hidden;position:relative;transition: 0.3s all; background:#f6f6f6; overflow:hidden; margin-bottom:.3rem; position:relative;}
.bd1 .al .m ul li:nth-child(4n){ margin-right:0;}
.bd1 .al .m ul li .pic{width:100%; position:relative; overflow:hidden;}
.bd1 .al .m ul li .pic>img{width:100%; display:block;transition: 0.5s all;}
.bd1 .al .m ul li:hover>img{ -webkit-transform:scale(1.1); moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.bd1 .al .m ul li .pic .mask{ position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.5); opacity:0; transition: all 0.5s ease;}
.bd1 .al .m ul li .pic .mask dt{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5;}
.bd1 .al .m ul li .pic .mask dd{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5;}
.bd1 .al .m ul li:hover .pic .mask{ opacity:1;}
.bd1 .al .m ul li:hover .pic .mask dd img{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;}
@-webkit-keyframes rotation{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
}

.bd1 .al .m ul li .txt{ padding: 12px 5% 12px;}
.bd1 .al .m ul li .txt h5{ font-size:18px; line-height:30px; font-weight:normal; color:#222;}
.bd1 .al .m ul li .txt p{ line-height:2; font-size:12px; color:#666;}


.gywmBg{background:url(../images/index_bg3.jpg) no-repeat center fixed; background-size:cover; padding:4rem 0 3rem; overflow:hidden; height:28rem;}
.gywmBg ul{ width:100%;max-width:1280px; margin:25px auto 0px auto;}
.gywmBg ul li { width:23.5%; float:left; margin-left:2%; text-align:center;color:#fff; cursor:pointer;}
.gywmBg ul li:nth-child(1){ margin-left:0px;}
.gywmBg ul li .ico{ width:100%; float:left;}
.gywmBg ul li .ico img{ display:block; margin:0 auto;-webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
    -o-transition: -o-transform 0.6s ease-out;
    -ms-transition: -ms-transform 0.6s ease-out;}
.gywmBg ul li .ico img:hover{ -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.gywmBg ul li .title{ width:100%; float:left;font-size:20px; font-weight:bold; margin:20px 0px;}
.gywmBg ul li .txt{ width:100%; float:left;line-height:28px;}

.mbcase{ width:100%;max-width:1280px; margin:0 auto;}
.mbcaseBox{width:100%;max-width:1280px; float:left; position:relative;margin-bottom:60px;}
.mbcaseBox .bd3{width:100%;max-width:1280px; max-height:266px; margin-bottom:30px;overflow:hidden;position:relative;}
.mbcaseBox .bd3 ul li{width:25%;float:left;display:inline; height:auto;float:left;}
.mbcaseBox .bd3 ul li .pic{ width:95%; margin:0px 2.5%;}
.mbcaseBox .bd3 ul li img{ width:100%; height:auto;}
.mbcaseBox .hd3{ width:100%; text-align:center;}
.mbcaseBox .hd3 li{ display:inline-block;cursor:pointer;list-style:none;list-style-type: none; color:#fff; line-height:16px; font-size:12px;width:14px;height:14px; border:solid 4px #cecece; border-radius:14px;margin:0px 4px;}
.mbcaseBox .hd3 li.on{ border:solid 4px #d71819;}

.bd4{width:100%;max-width:1280px; margin:0 auto;}
.xw{width:100%;max-width:1280px;margin:30px auto; display:none;}


.xw .recommend_news {width: 33.15%;float: left;}
.xw .recommend_news .images {width: 100%;height: 277px;overflow: hidden;position: relative;}
.xw .recommend_news .images img {width: 100%;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: all 0.6s;}
.xw .recommend_news .recommend_nr {padding: 18px 28px 0 24px;background: #fff;height: 175px;box-sizing: border-box;}
.xw .recommend_news .recommend_nr .xw_title {font-size: 20px;color: #222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.4s;}
.xw .recommend_news .recommend_nr .xw_time {font-size: 16px;color: #999;margin-top: 7px;}
.xw .recommend_news .recommend_nr .xw_abstract {font-size: 16px;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 6px;}
.xw .recommend_news .recommend_nr .entrance {width: 25px;height: 10px;background: url(../images/xwtj_jr.png) no-repeat;float: right;margin-top: 28px;transition: all 0.4s;transition-duration: .3s;}
.xw .recommend_news:hover .images img {transition: all 0.6s;transform: translate(-50%, -50%) scale(1.1);}
.xw .recommend_news:hover .xw_title {color: #d71819;transition: all 0.4s;}
.xw .recommend_news:hover .recommend_nr .entrance {background: url(../images/xwtj_jr_hover.png) no-repeat;transition: all 0.4s;transform: translateX(6px);}
.xw ul {width: 65.88%;float: right;}
.xw ul li {width: 100%;background: #fff;margin-bottom: 15px;}
.xw ul li a {display: block;padding: 16px 15px;height: 141px;box-sizing: border-box;}
.xw ul li a .img {width: 20%;height: 109px;position: relative;overflow: hidden;float: left;}
.xw ul li a .img img {width: 100%;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: all 0.6s;}
.xw ul li a .hot_xw {width: 78.37%;float: right;}
.xw ul li a .hot_xw .hot_title {font-size: 20px;color: #222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xw ul li a .hot_xw .hot_time {font-size: 16px;color: #999;margin-top: 8px;}
.xw ul li a .hot_xw .hot_abstract {font-size: 16px;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;}
.xw ul li a:hover .img img {transition: all 0.6s;transform: translate(-50%, -50%) scale(1.1);}
.xw ul li a:hover .hot_xw .hot_title {color: #d71819;transition: all 0.4s;}

.wap-foot{ display:none;background: #232323; width:100%; padding:10px 0px; color:#fff; line-height:25px;text-align:center;}
.wap-foot a{ color:#fff;}


footer {background: #232323;}
.footer-l {display: inline-block;padding-top: 85px;vertical-align: top;}
.footer-l ul li {float: left;margin-right: 80px;}
.footer-l ul li:last-child {margin-right: 0px;}
.footer-l dl {margin: 0;}
.footer-l dt {margin-bottom: 25px;}
.footer-l dt a {padding-bottom: 4px;font-size: 14px;color: #c1c1c1;}
.footer-l dd {}
.footer-l dd a {line-height: 32px;font-size: 14px;color: #7a7a7a;transition: .3s;}
.footer-l dd a:hover {color: #c1c1c1;}

.footer-r {display: inline-block;float: right;margin-top: 73px;vertical-align: top;}
.f-share {font-size: 0;text-align: right;}
.f-share-one {position:relative;display:inline-block;border:1px solid #838383;margin-right:40px;width:44px;height:44px;line-height:42px;text-align:center;vertical-align:top;border-radius:50%;cursor:pointer;transition: .5s;}
.f-share-one img{vertical-align: middle; display:block; margin:10px auto;}
.f-share:hover .f-share-one {opacity: .2;}
.f-share .f-share-one:hover {opacity: 1;}
.f-share-one:last-child {margin-right: 0;}
.fs-one-qrcode {position: absolute;bottom: 65px;left: 50%;z-index: 10;transform: translateX(-50%) translateY(20px);padding: 7px;background: rgba(255, 255, 255, .1);opacity: 0;visibility: hidden;transition: .35s .05s;}
.f-share-one:hover .fs-one-qrcode {transform: translateX(-50%) translateY(0px);opacity: 1;visibility: visible;}
.f-belongs {padding-top: 28px;margin-top: 35px;}
.f-belongs-one {line-height: 32px;font-size: 14px;color: #7a7a7a;text-align: right;}

.f-copyright{line-height: 32px;font-size: 14px;color: #7a7a7a;text-align: right; margin-top:20px;}
.copyright {position: relative;padding-top: 35px;padding-bottom: 35px;margin-top: 32px;}
.copyright::before {content: ' ';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 1px;background: #363636;}
.copyright-l {display: inline-block;width:100%;font-size: 0;}
.copyright-r,
.copyright-l,
.copyright-l h2,
.copyright-l > ul,
.copyright-l > ul > li {display: inline-block;vertical-align: top;}
.copyright-l > ul {width: calc(100% - 70px);}
.copyright-l h2 {position: relative;top: 0px;margin: 0;margin-right: 10px;line-height: 16px;font-size: 12px;color: #515151;}
.copyright-l > ul > li {margin-right:10px;font-size:14px; margin-bottom:10px;}
.copyright-l > ul > li a {color: #515151;transition: .3s;}
.copyright-l > ul > li a:hover {color: #c1c1c1;}


/*------------------------------- 侧边栏 -------------------------------------*/
.footNav-height{ width:100%; display:none;}
.footNav{ display:none;}
.aside-nav {position: fixed;right: 25px;top: 45%;z-index:10;}
.aside-nav-close {margin: 0 auto;width: 54px;height: 54px;line-height: 52px;background: #e75c1e;border-radius: 50%;text-align: center;visibility: visible;cursor: pointer;}
.aside-nav-in.close {transform: translateX(100px);visibility: hidden;transition: .3s;}
.aside-nav-one {position:relative;margin-top:6px;margin-bottom:6px;height:54px;width:54px;line-height:52px;text-align: right;}

.aside-nav-one-img {position: absolute;left: 0;top: -1px;z-index: 10;width: 54px;height: 54px;text-align: center;transition: .3s;}
.aside-nav-one-img img{width: 22px; display:block;vertical-align: middle; margin-top:15px; margin:16px 16px;}
.more-width:hover .aside-nav-one-img {left: -73px;}
.more-width-call:hover .aside-nav-one-img {left: -102px;}
.aside-nav-one-desc {position: absolute;right: 0;padding-right: 16px;width: 54px;height: 54px;font-size: 14px;line-height: 52px;background: #e00012;color: #e00012;border-radius: 50px;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: .3s, color .1s;}

.aside-nav-one-desc .qq-name{display: inline-block;margin-right: 15px;}

.aside-nav-one-desc .qq-name i{width: 22px;height: 24px;display: inline-block;vertical-align: middle;}

.aside-nav-one-desc .qq-name span{font-size:14px;color:#e00012;display:inline-block;vertical-align:middle;margin-left: 1px;}

.qq-name-box{position: absolute;right: 0px;}
.more-width:hover .aside-nav-one-desc {width: 125px;color: #fff;transition: .3s;}
.more-width-call:hover .aside-nav-one-desc {width: 156px;}

.more-width-qq:hover .aside-nav-one-desc {width: 281px;}

.more-width-qq:hover .aside-nav-one-desc span{transition:.3s .1s;color: #fff;}

.more-width-qq:hover .aside-nav-one-img{left: -223px;}

.aside-nav-one-qrcode {position:absolute;left:-200px;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;transition: .3s;}
.aside-nav-one:hover .aside-nav-one-qrcode {left: -140px;opacity: 1;visibility: visible;}
.more-weixin a{width:54px;height:54px;background:#e00012;display:block;border-radius:50%;text-align:center;position: relative;z-index:2;}
.more-weixin .wx-code{position:absolute;top: 50%;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);transition: .45s;visibility: hidden;z-index:-1; width:100px; height:100px;}
.more-weixin .wx-code img{width:100px;height: 100px;}
.more-weixin:hover .wx-code{opacity: 1;visibility: visible;right:110%;transition: .45s;}
/*------------------------------- 侧边栏end -------------------------------------*/
.w-INbanner{ display:none;}

.location{ position:absolute; bottom:0; height:50px; line-height:50px; background:rgba(0,0,0,0.3); width:100%; color:#EEE; font-size:16px;}
.location .gy2{ text-align:right;font-size: 16px; width:1280px; margin:0 auto; padding:0px 0px;}
.location .imgs{ display:inline-block; width:20px; vertical-align:sub; margin-right:8px;opacity:1.0;filter:Alpha(opacity=100);}
.location a{color:#EEE; font-size:16px;}
.location a:hover{ color:#fff;}
.location label{ color:#fff; font-size:16px;}

/*-----分页-----*/
.fenye{ clear:both; height:46px; padding-bottom:50px; margin:0px auto 50px auto; width:100%;max-width:1280px;}
.fenye_nr{}
.fenye_nr .pages{display:block; width:48px; float:left; height:46px; line-height:46px;text-align:center;}
.fenye_left_icon{ width:48px; float:left;}
.yeshu{  float:right;}
.yeshu a{ display:block; width:48px; float:left; height:46px; line-height:46px;text-align:center;}
.yeshu a:hover{ background-color:#d71819; color:#fff;}
.yeshu .on{ background-color:#d71819; color:#fff;}
.fenye_right_icon{ width:48px; float:right;}

.Page{width:100%; text-align:center; padding:35px 0px;}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-6px}
.Page a:hover{ background:#d71819; color:#FFF}
.Page a.cur{ background:#d71819; color:#FFF}
.Page a.on{ background:#d71819; color:#FFF}

.Page a.Prev{ border-radius:6px 0px 0px 6px;width:90px;}
.Page a.Prev span{ background:url(../images/Icon25.gif) no-repeat  10px center; display:block;}
.Page a.Prev:hover span{ background:url(../images/Icon025.gif) no-repeat  10px center;}

.Page a.next{ border-radius:0px 6px 6px 0px;width:90px;}
.Page a.next span{ background:url(../images/Icon26.gif) no-repeat 88% center; display:block;}
.Page a.next:hover span{ background:url(../images/Icon026.gif) no-repeat 88% center;}

/* -- 翻页效果 -- */ 
.apage { height:31px; line-height:30px;margin-top:10px; text-align:center; }
.apage a { border:1px solid #c5c5c5; padding:5px 10px;  margin-right:5px;}
.apage .num_btns {float:right; font-family:Tahoma;}
.apage a:hover, .apage .page-num-current { border:1px solid #D5D5D5;background-color:#bf0008   ; color:#fff; text-decoration:none;}
.apage .cust_txt { float:left;}
.apage select { font-size:8px; margin-top:5px; }
.apage .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px;}
.apage .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }
.apage .cust_txt { float:left; display:none;}



/*------新闻列表-----*/

.case_bg{ background:#f5f5f5; overflow:hidden;}
.case_bg .gy2{ overflow:visible; width:100%;max-width:1280px; margin:0 auto; padding:0px 0px;}


.news_one{ overflow:hidden; margin:60px auto; padding:0px 0px; width:100%;max-width:1280px;}
.news_one .news_one_l{ float:left; overflow:hidden;}
.news_one .news_one_l a{ float:left; margin-right:2px; padding-left:38px; padding-right:38px; overflow:hidden; height:50px; line-height:50px; color:#000000; font-size:16px; background:#fff;transition:all 0.3s;}
.news_one .news_one_l a:hover{ color:#fff; background:#d71819;}
.news_one .news_one_l a.on{color:#fff; background:#d71819;}
.news_one .news_one_r{ float:right; overflow:hidden;height:50px; line-height:50px; background:#fff;}
.news_one .news_one_r .cinputs{ width:270px;border:0;height:50px; text-indent:20px; background:none; color:#999999; font-size:14px; font-family:"微软雅黑"; outline:none; float:left;}
.news_one .news_one_r .cbnts{ float:right;width: 50px; height: 50px;  display: block; background:url(../images/news_bg1.jpg) no-repeat; border:0; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 68px;cursor: pointer;font-family: '微软雅黑';transition:all 0.3s;}
.news_one .news_one_r .cbnts:Hover{opacity:0.8;filter:Alpha(opacity=80);}
.news_list{ }
.news_list ul li{ width:98%; min-height:160px;background:#fff; padding:15px 1%; cursor:pointer;float:left; margin:10px 0px;}
.news_list ul li .newsImg{ width:26%; height:100%;float:left; position:relative; display:block;overflow:hidden;}
.news_list ul li .newsImg a{ display:block; overflow:hidden;float:left; position:relative; height:100%; width:100%;}
.news_list ul li .newsImg a img{width:100%; height:100%;transition-duration: .5s;}
.news_list ul li .newsImg a:hover img{width:100%; height:100%;transform: scale(1.3);}


.news_list ul li .newsLi{width:72%;float:right;}
.news_list ul li .txts{ width:98%; float:left; transform: rotate(0deg) scale(1) translate(0%, 0%);
    transition: All 0.3s ease;
    -ms-transform: rotate(0deg) scale(1) translate(0%, 0%);
    -o-transform: rotate(0deg) scale(1) translate(0%, 0%);
    -moz-transform: rotate(0deg) scale(1) translate(0%, 0%);
    -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);
    -ms-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;}
	
	.news_list ul li:hover .txts{ padding-left: 30px;transition: All 0.3s ease;}
.news_list ul li .txts .h2{ color:#000000; font-size:18px; font-weight:normal; height:48px; line-height:48px;transition:all 0.3s;overflow:hidden;}
.news_list ul li .txts .p{ font-size:16px; color:#666666; line-height:24px; height:48px; overflow:hidden;transition:all 0.3s;}
.news_list ul li .txts .dates{ margin-top:16px; padding-top:24px; border-top:1px solid #f5f5f5; overflow:hidden; font-family:"华文细黑"; font-size:14px; color:#666666; line-height:22px;transition:all 0.3s;}
.news_list ul li .txts .dates span{ display:block; color:#000000; font-size:48px; line-height:46px; height:46px;transition:all 0.3s; margin-bottom:2px;}
.news_list ul li .txts .tags{ overflow:hidden; height:22px; line-height:22px; color:#999; margin-top:10px;}
.news_list ul li .txts .tags span{ float:left; margin-right:6px;font-size:14px;}
 .txts .tags a{ float:left; margin-right:5px;font-size:14px; color:#999;}
/*.news_list ul li .more{ float:left; margin-left:2%;width:10%; margin-top:70px;display:flex;
    transform: rotate(0deg) scale(1) translate(0%, 0%);
    transition: All 0.3s ease;
    -ms-transform: rotate(0deg) scale(1) translate(0%, 0%);
    -o-transform: rotate(0deg) scale(1) translate(0%, 0%);
    -moz-transform: rotate(0deg) scale(1) translate(0%, 0%);
    -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);
    -ms-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;}
.news_list ul li .more img{ display:block; vertical-align:middle;}

.news_list ul li:hover .more{ padding-left: 30px;transition: All 0.3s ease;}*/

/*新闻详细*/
.news_show2{ overflow:hidden; }
.news_show2 .news_show_l{width: 70%;float: left;overflow: hidden; color:#333; background:#fff; padding-left:30px; padding-right:30px; padding-bottom:60px; margin-bottom:80px;}
.news_show2 .news_show_l .new_show_l_top{ margin-top:30px; padding-bottom:23px; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.news_show2 .news_show_l .new_show_l_top h1{ font-size:24px; line-height:38px; overflow:hidden; color:#000; font-weight:normal;}
.news_show2 .news_show_l .new_show_l_top p{ height:40px; line-height:40px; overflow:hidden; font-size:14px;}
.news_show2 .news_show_l .new_show_l_text{ padding-top:35px;line-height:30px; font-size:16px; }
.news_show2 .news_show_l .new_show_l_text p{ margin-bottom:17px; font-size:16px;}
.news_show2 .news_show_l .new_show_l_text h1{ line-height:35px; font-size:14px;}
.news_show2 .news_show_l .new_show_l_text img{/*display: block;*/ max-width: 100%; margin-bottom:10px;}/*margin: 0 auto;*/
.news_show2 .news_show_l .new_show_l_text .news_show_tag{ overflow:hidden; margin-top:33px; line-height:32px; margin-bottom:50px;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag span{ margin-bottom:10px; float:left; font-size:16px;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag a{ float:left; padding-left:20px; padding-right:20px;line-height:32px; height:32px; overflow:hidden; color:#999; font-size:16px; margin-bottom:10px; margin-right:1px; background:#fff; border:1px solid #fff;transition:all 0.3s;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag a:hover{opacity:0.8;filter:Alpha(opacity=80); border:1px solid #f45900; color:#f45900;}
.news_show2 .news_show_l .fenxiang{  overflow:hidden; text-align:center; border-top:1px solid #e8e8e8; padding-top:2%; margin-top:2%;}
.news_show2 .news_show_l .fenxiang .span{line-height:34px; color:#333333; display:block; font-size:18px;}
.news_show2 .news_show_l .fenxiang .news_fx{ text-align:center; margin-top:3%; margin-bottom:4%;}
.news_show2 .news_show_l .fenxiang .news_fx ul li{ display:inline-block; width:58px; height:58px; overflow:hidden; margin-left:3%; margin-right:3%; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer;}
.news_show2 .news_show_l .fenxiang .news_fx ul li.bgs1{ background-image:url(../images/ico1.png);}
.news_show2 .news_show_l .fenxiang .news_fx ul li.bgs2{ background-image:url(../images/ico2.png);}
.news_show2 .news_show_l .fenxiang .news_fx ul li.bgs3{ background-image:url(../images/ico3.png);}
.news_show2 .news_show_l .fenxiang .news_fx ul li:hover{transition:all 0.3s;opacity:0.9;filter:Alpha(opacity=90);}
.news_show2 .news_show_l .fenxiang .news_fx ul li a{ display:block; width:100%; height:100%;}
.prenext{text-align:center; padding-bottom:3%; overflow:hidden; border-top:1px solid #e8e8e8; padding-top:4%;}
.prenext a{ color:#333333; display:inline-block; height:50px; line-height:50px; width:172px; overflow:hidden;  font-size:18px; background:#e8e8e8;}
.prenext a:hover{ color:#fff; background:#d71819; text-decoration:none;}
.prenext a label{ font-family:"宋体"; font-size:22px;}
.prenext a label.a{ padding-right:12%;}
.prenext a label.b{ padding-left:12%;}
.prenext a.nodata{ background:#e8e8e8;color:#333333;}
.news_show2 .news_show_r{width:23%;float: right; overflow:hidden;}
.news_show2 .news_show_r .new_show_right_top{ font-size:22px; color:#000; margin-top:30px; margin-bottom:10px; font-weight:bold; height:38px; line-height:38px;font-family:"华文细黑"; padding-left:30px; padding-right:30px;}
.news_show2 .news_show_r .new_show_right_top .tagchange{ float:right; padding-left:29px;  background:url(../images/2018/case/tag_bg1.png) left center no-repeat;font-size:16px; color:#999999;}
.news_show2 .news_show_r .new_show_right_top .tagchange:hover{color:#f67524;}
.news_show2 .news_show_rnews{overflow: hidden; color:#666; background:#fff;}
.news_show2 .news_show_rnews .ul li{ display:block; border-bottom:1px dashed #cccccc; padding-bottom:20px; margin-bottom:20px; overflow:hidden; margin-left:30px; margin-right:30px;}
.news_show2 .news_show_rnews .ul li h1{ font-weight:normal; font-size:16px; color:#000000; height:38px; line-height:38px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_show2 .news_show_rnews .ul li h1 a{color:#000000;}
.news_show2 .news_show_rnews .ul li h1 a:hover{color:#f67524;}
.news_show2 .news_show_rnews .ul li p{ color:#666666; font-size:14px; height:36px; line-height:36px; overflow:hidden;}
.news_show2 .news_show_rnews .ul li:last-child{ border-bottom:0; margin-bottom:0;}

.news_show2 .news_show_rnews .ulBox li{padding-bottom:20px;overflow:hidden; margin-left:30px; margin-right:30px; text-align:center;}
.news_show2 .news_show_rnews .ulBox li img{width:248px; height:auto;}
.news_show2 .news_show_rnews .ulBox li h2{width:248px; height:25px; line-height:25px; text-align:center; display:block; font-size:15px;}

/*-----案例列表------*/
.case_list{ width:100%;max-width:1280px; margin:0 auto;}
.case_list ul li{float:left;display:block;overflow:hidden;padding:0px 0px;position:relative;width: 33.3333333%; margin:0;}
.case_list ul li a{ display:block; padding:10px 10px;}
.case_list ul li a .pic img{ width:100%; height:auto;}
.case_list ul li a .caseSlideName{ line-height:25px; text-align:center; padding-top:5px;}

/*-----案例详情页-----*/

.case_show_one{ background:url(../images/case_bg1.jpg) right center no-repeat; background-size:50% 100%; overflow:hidden; margin-top:20px; margin-bottom:20px;}
.case_show_one .case_show_one_l{ background:#fff; width:50%; float:left; overflow:hidden;  min-height:464px;}
.case_show_one .case_show_one_l .case_txt{ width:86%; margin:0 auto; overflow:hidden;}
.case_show_one .case_show_one_l .case_txt .h2{ margin-top:50px; height:90px; line-height:90px; background:url(../images/case_bg2.jpg) left bottom no-repeat; color:#010000; font-size:30px; font-weight:normal; margin-bottom:33px;}
.case_show_one .case_show_one_l .case_txt .divs{ line-height:30px; color:#666666; font-size:16px;}
.case_show_one .case_show_one_r{ width:50%; float:right; overflow:hidden;}
.case_show_one .case_show_one_r .case_txt{ width:70%; margin:0 auto; overflow:hidden; color:#fff;}
.case_show_one .case_show_one_r .h2{ margin-top:50px; height:90px; line-height:90px; background:url(../images/case_bg3.jpg) left bottom no-repeat; color:#fff; font-size:30px; font-weight:normal; margin-bottom:33px;}
.case_show_one .case_show_one_r ul li{ font-size:18px; display:block; height:48px;line-height:48px;}
.case_show_one .foot_button2{  margin-top:30px;}
.case_show_one .foot_button2 li{ width:58px; height:58px;text-align:center; float:left; margin:0 12px;position: relative;}
.case_show_one .foot_button2 li img{ width:58px; height:58px;filter:alpha(opacity=70);opacity:0.7;}
.case_show_one .foot_button2 li:hover img{filter:alpha(opacity=100);opacity:1.0;}
.case_show_one .foot_button2 li .wem3{width: 203px;display: none; color: #363636;text-align: center;padding-top: 215px; position: absolute;left: -70px;top: -200px;background-image: url('../images/2015/ewm.png');background-repeat: no-repeat;}
.case_show_one .case_show_one_l .case_txt .fenxiang{  overflow:hidden; text-align:center;margin-top:30px;}
.case_show_one .case_show_one_l .case_txt .fenxiang .span{line-height:34px; color:#333333; display:block; font-size:18px;}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx{ text-align:left; margin-top:3%; margin-bottom:4%;}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li{ display:inline-block; width:58px; height:58px; overflow:hidden;  margin-right:6%; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer;}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li.bgs1{ background-image:url(../images/ico4.png);}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li.bgs2{ background-image:url(../images/ico5.png);}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li.bgs3{ background-image:url(../images/ico6.png);}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li:hover{transition:all 0.3s;/*opacity:0.9;filter:Alpha(opacity=90);*/}

.case_con{ padding-top:110px;line-height:26px; padding-left:3%; padding-right:3%; font-size:14px; padding-bottom:100px; overflow:hidden; background:#fff; }
.case_con img{  max-width:1200px; width:100%; display:block; margin:0 auto;}
.case_t{ height:76px; line-height:76px; margin-top:78px; text-align:center; font-weight:normal; color:#000; font-size:36px;}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li.bgs1:hover{ background-image:url(../images/ico4-se.png);}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li.bgs2:hover{ background-image:url(../images/ico5-se.png);}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li.bgs3:hover{ background-image:url(../images/ico6-se.png);}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li a{ display:block; width:100%; height:100%;}



/*---联系方式------*/
.contactPage .contact .main{ background:#fff; padding:60px 5%; width:90%;max-width:1160px;}
.pad{padding-top:14px;}
.contactPage .contact .title{text-align: center;line-height: 40px;font-size: 36px;color: #000000;margin-bottom:60px;}
.contactPage .contact .map{ width:100%;2margin:0 auto; overflow:hidden;}

.contactPage .contact .map img{ width:100%;}

.conTxt{width:100%; margin:0px auto; text-align:left; line-height:200%; font-size:14px;}
.conTxt h2{width:100%; height:40px;display:block; font-size:18px; text-align:center; font-weight:bold;}
.subTitle{width:100%; height:30px; line-height:30px; text-align:center; font-size:12px;}
.lastnext{width:100%; height:56px; text-align:left; padding-top:10px; margin-top:10px; border-top:1px #CCC solid;}
.lastnext a{display:compact; background-color:#FFF;}
.lastnext span{font-weight:bold;}

.navCont{width:100%; padding-top:10px;}
.navZX{width:29%; padding:10px 2%;margin-right:10px;  float:left; border-right:1px #CCC solid;} 
.navTitle{width:96%; padding-left:4%; height:46px; line-height:46px; text-align:left; font-size:16px; font-weight:bold; background-color:#F4F4F4;}
.navUl{width:100%; padding-top:10px;}
.navUl li{width:95%; padding-left:18px; height:30px; line-height:30px; text-align:left; background:url(../images/li_list1.jpg) 5px no-repeat;}
.navContR{width:31%; float:right;}
.navContR a{width:auto; float:left; margin-right:14px; margin-left:10px; margin-top:15px; display:inline; background-color:#e26364; color:#FFF; border-radius:6px; padding-left:5px; padding-right:5px;}




.contactPage .contact .list{border-left: solid 1px #e6e6e6;box-sizing: border-box; width:100%; }
.contactPage .contact .list:after{content:"";height:0;display:block;clear:both}
.contactPage .contact .list li{width: 25%;float: left;border-right: solid 1px #e6e6e6;border-bottom: solid 1px #e6e6e6;box-sizing: border-box;text-align: center;padding-bottom: 66px;}
.contactPage .contact .list li:nth-child(1){ padding-bottom:36px;}
.contactPage .contact .list li .icon{height: 138px;margin-top: 75px;}
.contactPage .contact .list li .icon img{height: 100%;}
.contactPage .contact .list li .text{line-height: 30px;font-size: 18px;color: #666666;margin-top: 40px;}
.contactPage .contact .list li .text a,
.contactPage .contact .list li .text p{font-size: 18px;color:#666666; font-weight:bold;}
.contactPage .contact .list li .text p.txt{font-size:15px;}


.contactPage .traffic{background: #f5f5f5;padding:60px 0;}
.contactPage .traffic .title{text-align: center;line-height: 40px;font-size: 36px;color: #000000;}
.contactPage .traffic .list{border: solid 1px #e6e6e6;box-sizing: border-box;margin-top: 58px;}
.contactPage .traffic .list:after{content:"";height:0;display:block;clear:both}
.contactPage .traffic li{width: 33.333%;float: left;border-left: solid 1px #e6e6e6;box-sizing: border-box;background: #fff;padding: 102px 40px 68px 40px;box-sizing: border-box;text-align: center;}
.contactPage .traffic li:first-child{border-left: none;}
.contactPage .traffic li .icon{height: 56px;}
.contactPage .traffic li .icon img{max-height: 100%;}
.contactPage .traffic li .tit{line-height: 30px;font-size: 24px;color: #000000;margin-top: 24px;padding-bottom: 38px;background: url(../images/traffic_line.gif) repeat-x 0 bottom;}
.contactPage .traffic li .text{line-height: 24px;font-size: 14px;color: #666666;margin-top: 35px;}




/*--------付款方式 begin-----------*/
.pay{width:100%;max-width:1180px; float:left;}
.payl{width:100%;max-width:1180px; float:left;}
.pay1_L{ width:60%; float:left;}
.pay1_L h2{ font-size:26px; font-family:"微软雅黑"; color:#000; width:100%;display:block;float:left;text-indent:3em;font-weight:normal;}
.pay1_L span{ width:100%; display:block; float:left; font-size:18px; color:#444; display:block; float:left; height:34px; line-height:34px; margin:10px 0px;}
.pay1_L .pay_span1 label{ display:block; float:left; height:34px; line-height:34px; }
.pay1_L .pay_span1  img{ display:block; float:left; padding-left:10px;}
.pay1_L .pay_span2 label{ font-size:26px; color:#d6831b;}
.pay1_L .pay_span3{ width:100%; float:left; height:150px;}

.pay1_R{ width:37%; float:right;}
.pay1_R dl { width:100%; height:auto; float:left; margin-top:30px; display:inline;} 

.pay1_R dl .pay1_RNum1{width:39px; height:40px; float:left; display:block;background:url(../images/fkfs_one2bq_bj.png) no-repeat; text-align:center; line-height:40px; color:#fff; font-family:"微软雅黑"; font-size:16px; font-weight:bold;}
.pay1_R dl dd{height:auto; display:block; float:left; margin-left:20px;}
.pay1_R dl dd .pay1_RTitle{ width:100%;font-size:18px; display:block; float:left; color:#000; font-family:"微软雅黑";}
.pay1_R dl dd .pay1_RTxt{ width:100%;float:left; display:block; font-size:14px; color:#444; font-family:"微软雅黑"; line-height:20px;}
.pay1_R dl .pay1_RNum2{width:39px; height:40px; float:left; display:block;background:url(../images/fkfs_one2bq_bj2.png) no-repeat; text-align:center; line-height:40px; color:#fff; font-family:"微软雅黑"; font-size:16px; font-weight:bold;}
.pay1_R dl .pay1_RNum3{width:39px; height:40px; float:left; display:block;background:url(../images/fkfs_one2bq_bj3.png) no-repeat; text-align:center; line-height:40px; color:#fff; font-family:"微软雅黑"; font-size:16px; font-weight:bold;}

.pay2{ width:100%; max-width:1180px; float:left; margin:20px 0px; font-size:18px; font-family:"微软雅黑"; color:#717171;}
.pay2 .tfont1 {font-size: 24px;font-family: "微软雅黑";}
/*--------付款方式 end-----------*/


/*----留言咨询----*/

.contactPage .intention{ width:100%;max-width:1280px; margin:0 auto;padding:0px 0 58px 0;}
.contactPage .intention .title{line-height: 40px;font-size: 36px;color: #000000;}
.contactPage .intention .right,
.contactPage .intention .left{float: left;width:48%;margin-top: 28px;}
.contactPage .intention .right{float: right;}
.contactPage .intention .inpu{border: solid 1px #e6e6e6;box-sizing: border-box;background: #fff;padding: 10px 0px;margin-bottom: 20px;}
.contactPage .intention .inpu textarea,
.contactPage .intention .inpu input{width: 100%;height: 48px;line-height: 48px;box-sizing: border-box;font-size: 18px;color: #333;border: none;outline:none;padding: 0 20px;box-sizing: border-box;background: none;}
.contactPage .intention .inpu input::-webkit-input-placeholder{color:#666;}
.contactPage .intention .inpu input:-moz-placeholder{color:#666;}
.contactPage .intention .inpu input::-moz-placeholder{color:#666;}
.contactPage .intention .inpu input:-ms-input-placeholder{color:#666;}
.contactPage .intention .inpu textarea::-webkit-input-placeholder{color:#666;}
.contactPage .intention .inpu textarea:-moz-placeholder{color:#666;}
.contactPage .intention .inpu textarea::-moz-placeholder{color:#666;}
.contactPage .intention .inpu textarea:-ms-input-placeholder{color:#666;}
.contactPage .intention .inpu textarea{height:94%;resize: none;line-height: 24px;padding:10px 3%;}
.contactPage .intention .btn{margin: 0;padding: 0;height: 70px;text-align: center;}
.contactPage .intention .btn a,
.contactPage .intention .btn button,
.contactPage .intention .btn input{width: 100%;height: 70px;line-height: 70px;text-align: center;display: block;border: none;border-radius: 0;background:#d71819;-webkit-appearance:none;font-size: 18px;color: #fff;cursor: pointer;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}
.contactPage .intention .btn a,
.contactPage .intention .btn button,
.contactPage .intention .btn input:hover{background: #ff6200;}