/*头部*/
.topBox{}
.topBox .logo{float: left; margin: 11.5px 0;}

.topBox .rigtopBox{float: right;}
.topBox .rigtopBox li{float: left; margin: 15px 0 15px 40px;}
.topBox .rigtopBox li .iconfont{float: left; font-size: 40px; color: #ABABAB; vertical-align: middle; margin: 0 5px 0 0; line-height: 50px;}
.topBox .rigtopBox li .icon-dianhua{font-size: 46px;}
.topBox .rigtopBox li .text{float: right;}
.topBox .rigtopBox li .text h3{font-size: 14px; color: #666;}
.topBox .rigtopBox li .text p{font-size: 20px; color: #ff801a; font-weight: bold;}

.Menu{background: #0870bb;}
.Menu li{float: left;position: relative;width: 10%;text-align: center;}
.Menu li>a{font-size: 15px;color: #fff;display: block;padding: 14px 0;/* width: 10%; */}
.Menu li .subMenu{width: 100%;background: rgba(255,255,255,0.8); position: absolute; left: 0; top: 50px; z-index: 99999; display: none;}
.Menu li .subMenu dd a{padding: 10px 0; display: block; transition: all .2s ease-in-out; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.Menu li .subMenu dd:hover a{background: #0870BB; color: #fff; }


.headTop .container{width: 84%; padding: 0 8%;}
.headTop .logo{float: left; margin: 11.5px 0;}
.headTop .Nav{float: right;}
.headTop .Nav li{float: left; position: relative;}
.headTop .Nav li>a{font-size: 15px; color: #666; display: block; padding: 27.5px 15px; }
.headTop .Nav li .arrow{position: absolute; left: 50%; margin-left: -5px; top: 48px;transition: all 0.3s ease-out 0s;opacity:0; visibility: hidden;}
.headTop .Nav li .subMenu{width: 207px;position: absolute;left: -58px;top: 72px;background: #fff;z-index: 10;box-shadow: 0 0 15px rgba(0,0,0,.13);
transition: all 0.3s ease-out 0s;transform: translate3d(0px, 15px, 0px); overflow: hidden;
-moz-transform: translate3d(0px, 15px, 0px);-webkit-transform: translate3d(0px, 15px, 0px);opacity:0; visibility: hidden;}
.headTop .Nav li .subMenu dd{background: ;border-bottom: 1px solid #E6E6E6;}
.headTop .Nav li .subMenu dd>a{display: block; color: #333; text-indent: 25px; padding: 10px 0; transition: all 0.3s ease-out 0s;}
.headTop .Nav li:hover>a,.headTop .Nav li.on>a{color: #1959a5;}
.headTop .Nav li:hover .arrow,.headTop .Nav li.on .arrow{opacity:1; visibility: visible; top:58px}
.headTop .Nav li:hover .subMenu{opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);}
.headTop .Nav li .subMenu dd:hover,.headTop .Nav li .subMenu dd.cur{background: #F2F2F2;}
.headTop .Nav li .subMenu dd:hover a,.headTop .Nav li .subMenu dd.cur a{ color: #1959a5;transform: translateX(10px);}

/*表单*/
.Form{padding: 68px 0 63px; background: url(../images/bg3.jpg) no-repeat center center;}
.formBox input[type=checkbox]{margin: 0;opacity: 0;filter: alpha(opacity=0)}
.formBox input:focus {outline: 0}
.formBox li{cursor: pointer;}
.formBox .check_span{display: inline-block;float: left;width: 26px;height: 26px;background: url(../images/check.png) no-repeat; margin-right: 15px;}
.formBox .check_span--checked{background: url(../images/checked.png) no-repeat;}

.formBox h3{font-size: 34px; color: #f2f2f2; line-height: 36px;}
.formBox li{float: left; font-size: 16px; color: #fff; margin-right: 40px; margin-top: 25px;}
.formBox .input_lists{margin-top: 35px;}
.formBox .input_lists input[type="text"]{width: 250px; height: 50px;line-height: 50px; font-size: 14px; color: #666; border: none; background: #fff;text-indent: 10px; margin-right: 4px;}
.formBox .input_lists input.tel{width: 300px;}
.formBox .input_lists input.need{width: 456px;}
.formBox .input_lists .submit{width: 166px; height: 50px; border: none; background: #52C0FF; color: #fff; font-size: 16px;}
.Form .w1200{position: relative;}
.Form .phone{position: absolute;color: #fff;right: 0;text-align: right;top: 0px;}
.Form .phone span{font-size: 36px;color: #fff;font-weight: bold;display: block;margin: 10px 0 0;}

/*footer*/
.footer{background: #1F1F24;}
.foot{padding: 75px 0 35px;;}
.foot .lef_con{float: left; width: 300px;}
.foot .lef_con .p_lists{margin-top: 30px;}
.foot .lef_con .p_lists p{font-size: 13px; color: #989898; line-height: 29px;}
.foot .lef_con1{width: 590px;}
.foot .lef_con1 dl{float: left;width: 98px;margin-left: 20px;text-align: center;}
.foot .lef_con1 dt{color: #dedede; padding-bottom: 10px;}
.foot .lef_con1 dd a{display: block; font-size: 13px; color: #989898; line-height: 29px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.foot .rig_con{float: right; width: 280px;}
.foot .rig_con li{float: left;margin-left: 18px;text-align: center; margin-top: 10px;}
.foot .rig_con li p{font-size: 13px; color: #d1d1d1; margin-top: 15px;}
.copyright{font-size: 12px; color: #666; padding: 20px 0; border-top: 1px solid #292929; text-align: center;}
.copyright a{color: #666;}

/*banner*/
.slideBox{display: block; width:100%; height:490px; overflow:hidden; position:relative; z-index: 0;  }
.slideBox .hd{ height:19px; overflow:hidden; width:100%; text-align:center; position:absolute; right:0; bottom:25px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; }
.slideBox .hd ul li{text-indent: -9999px; display: inline-block; margin:0 5px; width:40px; height:5px; background:rgba(255,255,255,.54); cursor:pointer; }
.slideBox .hd ul li.on{ background:#fff; }
.slideBox .bd{ position:absolute; height:100%; z-index:0; width: 1920px; left: 50%; margin-left: -960px;  }
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:100%; height:100%; display:block; }

/*右侧固定栏*/
.new-float{position: fixed;right: 0;top: 50%;z-index: 50;margin-top: -122px;}
.new-float li{position: relative; width: 97px;height: 57px;margin-bottom:4px;line-height: 27px;color: #fff;text-align: center;text-align: center;
 background: #F18D22;transition: all .3s;border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.new-float li .hover-left{transition: all .3s;background: #F18D22; border-top-left-radius: 5px; border-bottom-left-radius: 5px;padding-top: 9px;padding-bottom: 3px;}
.new-float li.flo .hover-left{padding-bottom: 4px;}
.new-float li.fif .hover-left{padding-bottom: 1px;}
.new-float li.th .hover-left{padding-bottom: 1px;}
.new-float li.finput .hover-left{padding-bottom: 2px;}
.new-float li img{display: block; margin: 0 auto;}
.new-float li.flo img{margin-top: 5px;}
.new-float li .hover-left:hover{transform: translateX(-10px);background: #F18D22; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.new-float li a {display:inline-block;color: #fff;font-size: 12px;}
.new-float li a.tit {width: 97px;color: #fff; display: block;}
.new-float li .tel {position: absolute;left: 97px;top: 0;z-index: 1;width: 184px;height: 57px;font: 24px/57px Arial;color: #fff; 
background: #F18D22 url(../images/tel-line.png) no-repeat left center;cursor: pointer;}
.new-float li.fi .hover-left{position: relative;}
.new-float li.fi .zhuanshu{width: 240px;height: 57px; background: #F18D22;transition: all .3s;border-top-left-radius: 5px; border-bottom-left-radius: 5px;
position: absolute; left:97px; top: 0;}
.new-float li.fi .zhuanshu img{margin-left: 12px;}
.new-float li.fi:hover .tit{display: none;}
.new-float li.fi:hover .zhuanshu{left: -143px}
.new-float li.tel:hover .hover-left{transform: translateX(-185px);background: #F18D22; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.new-float li.finput .hover-left{position: relative;}
.new-float li.finput .input-tel{width: 258px;height: 45px; background: #F18D22;transition: all .3s;border-top-left-radius: 5px; border-bottom-left-radius: 5px;
position: absolute; left:97px; top: 0; padding-top: 12px;}
.new-float li.finput .input-tel input{height: 32px; font-size: 12px; border: none; line-height: 32px;}
.new-float li.finput .input-tel input[type="text"]{width: 158px; background: #fff; text-indent: 5px;line-height: 32px; color: #666;border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.new-float li.finput .input-tel input[type="submit"]{width: 67px; color: #fff;line-height: 32px; background: #FFB119; margin-left:-4px;cursor: pointer; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.new-float li.finput:hover .tit{display: none;}
.new-float li.finput:hover .input-tel{left: -158px}

/*首页*/
.home_tit{font-size: 32px; color: #333; text-align: center;}
.about_box .text h3,.about_box .text p,.count-up .counter,.home_tit{font-family: pingfang; font-weight: lighter;}

.home_about{padding: 55px 0 70px;}
.about_box .video{float: left;}
.about_box .text{float: right; width: 570px;}
.about_box .text h3{font-size: 30px; color: #333; margin: 20px 0 40px;}
.about_box .text p{color: #666;line-height: 26px;}
.about_box .text .more{display: block; width: 158px; height: 36px; /*background: url(../images/more_bg.jpg) no-repeat center center;*/ color: #fff; text-align: center;
line-height: 36px; margin-top: 40px; background: linear-gradient(to right,#019FFF,#0B64FF);}
.about_box .text .more:hover{background: linear-gradient(to right,#0B64FF,#019FFF);}

.count-up{width: 80%;margin: 65px 10% 0;}
.count-up li{float: left;background: url(../images/line.jpg) no-repeat left 22px;padding-left: 100px;margin-left: 25px;width: 146px;text-align: center;}
.count-up li.li0{padding-left: 0;background: none;margin-left: 0;}
.count-up li .counter{font-size: 48px; color: #666;}
.count-up li sup{vertical-align: top;margin: -20px 0 0 0px;display: inline-block;font-size: 16px;}
.count-up li p{color: #b3b3b3; margin-top: 8px;}

/*.home_service{padding: 80px 0 135px; background: url(../images/service.jpg) no-repeat center center;}
.home_service .home_tit{color: #fff;}
.PC-scroll{margin-top: 110px;}
.PC-scroll .terrace{width: 274px; height: 336px; margin: 0 auto; text-align: center; transition: all .3s ease-in-out 0; overflow: hidden;}
.PC-scroll .terrace .text{transform: translateY(118px); transition: all .3s ease-in-out 0;}
.PC-scroll .terrace p,.PC-scroll .terrace .more{display: none;}
.PC-scroll .terrace h3{font-size: 20px; color: #fff;}
.PC-scroll .terrace .ico{height: 60px;}
.PC-scroll .terrace .ico .iconfont{font-size: 30px; color: #fff;}
.PC-scroll .terrace .ico .icon-dingding,.PC-scroll .terrace .ico .icon-card{font-size: 40px;}
.PC-scroll .terrace p{margin-top: 38px;color: #666;line-height: 21px;}
.PC-scroll .terrace .more{ width: 111px; height: 30px; color: #fff; text-align: center;
line-height: 30px; margin: 30px auto 0;background: linear-gradient(to right,#019FFF,#0B64FF);}
.PC-scroll .terrace .more:hover{background: linear-gradient(to right,#0B64FF,#019FFF);}
.PC-scroll .swiper-slide-active .terrace{background: #fff; transition:background-color .2s linear.1s}
.PC-scroll .swiper-slide-active .terrace p,.PC-scroll .swiper-slide-active .terrace .more{display: block;}
.PC-scroll .swiper-slide-active .terrace .text{transform: translateY(50px);}
.PC-scroll .swiper-slide-active .terrace .ico {height: 50px;}
.PC-scroll .swiper-slide-active .terrace .ico .iconfont{color:#0276D6}
.PC-scroll .swiper-slide-active .terrace h3{color: #333;}
.swiper-button-prev,.swiper-button-next{background: url(../images/prev.png) no-repeat right center;width: 420px;height: 336px;left: 0;
background-size: 13px 24px;top: 20px;}
.swiper-button-next{background: url(../images/next.png) no-repeat left center; left: auto; right: 0;}
*/

.home_service{padding: 80px 0 135px; background: url(../images/service.jpg) no-repeat center center;}
.home_service .home_tit{color: #fff;}
.PC-scroll{margin-top: 110px;}
.PC-scroll .terrace{width: 274px; height: 336px; margin: 0 auto; text-align: center; transition: all .3s ease-in-out 0; overflow: hidden;}
.PC-scroll .terrace .text{margin-top: 140px; transition: all .3s ease-in-out 0;}
.PC-scroll .terrace p,.PC-scroll .terrace .more{display: none;}
.PC-scroll .terrace h3{font-size: 20px; color: #fff;}
.PC-scroll .terrace .ico{height: 60px;}
.PC-scroll .terrace .ico .iconfont{font-size: 30px; color: #fff;}
.PC-scroll .terrace .ico .icon-dingding,.PC-scroll .terrace .ico .icon-card{font-size: 40px;}
.PC-scroll .terrace p{margin-top: 38px;color: #666;line-height: 21px;}
.PC-scroll .terrace .more{ width: 111px; height: 30px; /*background: url(../images/more_bg.jpg) no-repeat center center;*/ color: #fff; text-align: center;
line-height: 30px; margin: 30px auto 0;background: linear-gradient(to right,#019FFF,#0B64FF);}
.PC-scroll .terrace .more:hover{background: linear-gradient(to right,#0B64FF,#019FFF);}

.picScroll-left{ width:100%;  overflow:hidden; position:relative; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ background: url(../images/prev.png) no-repeat right center;width: 370px;height: 336px;left: 0;
background-size: 13px 24px;top: 0px; position: absolute; z-index: 99; cursor: pointer;}
.picScroll-left .hd .next{background: url(../images/next.png) no-repeat left center; left: auto; right: 0; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0px;width: 400px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.PC-scroll .picScroll-left .bd ul li.on .terrace{background: #fff; transition:background-color .2s linear.1s}
.PC-scroll .picScroll-left .bd ul li.on .terrace p,.PC-scroll .swiper-slide-active .terrace .more{display: block;}
.PC-scroll .picScroll-left .bd ul li.on .terrace .text{margin-top: 60px;}
.PC-scroll .picScroll-left .bd ul li.on .terrace .ico {height: 50px;}
.PC-scroll .picScroll-left .bd ul li.on .terrace .ico .iconfont{color:#0276D6}
.PC-scroll .picScroll-left .bd ul li.on .terrace h3{color: #333;}


.advantage{padding: 85px 0 70px;background: url(../images/bg.jpg) no-repeat center center;background-size: cover;}
.advantage .content{margin-top: 85px;}
.advantage li{float: left;width: 360px;text-align: center;margin-right: 60px;background:  #00a2ff;color: #fff;height: 486px;}
.advantage li .img{width: 100%; height: 240px; overflow: hidden;}
.advantage li .img img{width: 100%; height: 100%; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);
transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}
.advantage li .ico{width: 170px; height: 170px; margin: 0 auto; color: #BFBFBF; line-height: 170px; 
border: 1px solid #C3C3C3; border-radius: 50%; -webkit-border-radius:50%;
       -moz-border-radius:50%;
        -ms-border-radius:50%;
         -o-border-radius:50%; overflow: hidden;}
.advantage li .ico .iconfont{font-size: 60px;  }
.advantage li .ico .icon-fuwutixi{font-size: 106px;}
.advantage li h3{font-size: 18px;/* color: #333; */margin-top: 45px;}
.advantage li p{/* color: #666; */margin-top: 30px;padding: 0 41px;}
.advantage li:hover .ico{background: #EB7219; border-color: #EB7219;border-radius: 50%;
-webkit-border-radius:50%;
       -moz-border-radius:50%;
        -ms-border-radius:50%;
         -o-border-radius:50%; overflow: hidden;}
.advantage li:hover .ico .iconfont{color: #fff;}
.advantage li:hover .img img{transform: scale(1.03);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);}

.Case{padding: 65px 0 70px;}
.tab_tit{margin-top: 50px; text-align: center;}
.tab_tit li{display: inline-block; width: 124px; height: 44px; line-height: 43px; font-size: 18px; color: #666; border: 1px solid #52C0FF; margin: 0 10px;
cursor: pointer; transition: all .3s ease-in-out;}
.tab_tit li.current,.tab_tit li:hover{background:#52C0FF ; color: #fff;}
.tab_box{margin-top: 42px;}
.tab_box li{float: left; width: 380px; border: 1px solid #E8E8E8; margin-right: 27px; height: 435px;}
.tab_box li .imgBox{width: 100%; height: 205px; position: relative; overflow: hidden;}
.tab_box li .imgBox img{width: 100%; height:205px;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);
transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;}
.tab_box li .text{width: 88%; padding: 20px 6% 25px;}
.tab_box li .text h3 a{font-size: 18px; color: #333; margin-bottom: 8px; display: block;transition: all .3s ease-in-out;}
.tab_box li .text p{color: #333; line-height: 26px;}
.tab_box li .text .a_lists{margin-top: 15px;}
.tab_box li .text .a_lists a{color: #666; display: block; line-height:27px;transition: all .3s ease-in-out;}
.tab_box li .text .a_lists a .iconfont{font-size: 26px; vertical-align: middle; margin: -3px 8px 0 0;}
.tab_box li .text .a_lists a.more2{color: #00a2ff;}
.tab_box li .text .a_lists a:hover{color: #f60;}
.tab_box li .text h3 a:hover{color: #00a2ff;}

.tab_box li:hover .imgBox img{transform: scale(1.15);-webkit-transform: scale(1.15);-moz-transform: scale(1.15);}

.Market{padding: 66px 0 13px; background: #F7F7F7;}
.Market .w1380{background: url(../images/bg2.jpg) no-repeat right 40px; height: 602px;}
.Market .rig_text{float: right; width: 426px; height: 325px; background: #fff; margin-top: 85px; padding: 20px;}
.Market .rig_text h3{font-size: 16px; color: #333; padding-bottom: 10px; border-bottom: 1px solid #E6E6E6; width: 95%;}
.Market .rig_text ul{height: 290px; overflow-y: auto;}
.Market .rig_text ul::selection {background: #D03333;color: white;text-shadow: none;}
.Market .rig_text ul::-webkit-scrollbar-track-piece{width:3px;background-color:#f2f2f2}
.Market .rig_text ul::-webkit-scrollbar{width:3px;height:6px}
.Market .rig_text ul::-webkit-scrollbar-thumb{height:50px;background-color:#0870BB;}
.Market .rig_text ul::-webkit-scrollbar-thumb:hover{background:#cc0000}
.Market .rig_text li{padding: 18px 20px 0 0;}
.Market .rig_text li h4{color: #00a2ff; padding-bottom: 5px;}
.Market .rig_text li p{color: #666;}
.Market .w1200{position: relative;}
.Market .circle{position: absolute; left:380px; top: 300px;}

@keyframes warn {
	0% {
		transform: scale(0);
		opacity: 0.0;
	}
	25% {
		transform: scale(0);
		opacity: 0.1;
	}
	50% {
		transform: scale(0.1);
		opacity: 0.3;
	}
	75% {
		transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		transform: scale(1);
		opacity: 0.0;
	}
}
@-webkit-keyframes "warn" {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	}
	25% {
		-webkit-transform: scale(0);
		opacity: 0.1;
	}
	50% {
		-webkit-transform: scale(0.1);
		opacity: 0.3;
	}
	75% {
		-webkit-transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0.0;
	}
}
 
/* 保持大小不变的小圆圈  */
.dot {
	position: absolute;
	width: 18px;
	height: 18px;
	left: 28px;
	top: 28px;
	-webkit-border-radius: 20px;-webkit-border-radius:20px;
        -ms-border-radius:20px;
         -o-border-radius:20px;
	-moz-border-radius: 20px;
	background: #52C0FF;
	border-radius: 20px;
	z-index: 2;
}
/* 产生动画（向外扩散变大）的圆圈  */
.pulse {
	position: absolute;
	width: 60px; 
	height: 60px;
	left: 7px;
	top: 7px;
	background:#52C0FF ;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	z-index: 1;
	opacity: 0;
	-webkit-animation: warn 1.5s ease-out;
	-moz-animation: warn 1.5s ease-out;
	animation: warn 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.News{padding: 70px 0;}
.News .title{text-align: center; font-family: pingfang; font-weight: lighter;}
.News .title h3{font-size: 36px; color: #333; line-height: 36px;}
.News .title p{font-size: 18px; color: #666; margin-top: 12px;}
.home_new li{float: left; width: 590px; margin-right: 20px; margin-top: 45px; transition: all .3s ease-in-out;}
.home_new li:nth-child(2n){margin-right: 0px;}
.home_new li .lef_img{float: left; width: 180px; height: 115px;}
.home_new li .lef_img img{width: 100%; height: 100%;}
.home_new li .rig_text{float: right; width:380px;padding-right: 10px;}
.home_new li .rig_text .date{color: #999;padding: 5px 0 3px;}
.home_new li .rig_text h3 a{display: block; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.home_new li .rig_text p{color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 5px;}
.home_new li .rig_text .more{display: block;color: #999;margin-top: 8px;line-height: 16px;}
.home_new li .rig_text .more .iconfont{font-size: 24px;}
.home_new li:hover{background: #0f7eff;}
.home_new li:hover .date,.home_new li:hover h3 a,.home_new li:hover p,.home_new li:hover .more{color: #fff;}


/*内页*/
.ibanner{width: 100%; height: 349px; position: relative;}
.ibanner img{width: 1920px; height: 349px; position: absolute; left: 50%; margin-left: -960px; top: 0; z-index: 9;}
.infos{padding-bottom: 105px; background: #F5F5F5;}
.whiteBg{background: #fff;}

.location{padding: 13px 0;}
.location,.location a,.location span{color: #666;}
.location a:hover{color: #1959a5;}

.pages{text-align:center;padding:35px 0 0;}
.pages a{ display: inline-block; padding:6px 14px; color: #635E5E; font-size: 14px; background:#ECEDF1; border-radius:4px; }
.pages a:hover, .pages a.a_cur, .pages a.current{color: #fff;background:#00A2FF; }

.sidebar{padding-top: 50px; border-right: 1px solid #F1F1F1; width: 228px; float: left; min-height: 870px; overflow-x: hidden;}
.sidebar h3{font-size: 26px; color: #333; padding:34px 30px 30px;;}
.sidebar li{ border-bottom: 1px solid #F7F7F7; position: relative; }
.sidebar li .backcolor{ font-size: 16px;padding: 18px 35px 18px 42px;}
.sidebar li .backcolor a{ color: #4c4c4c; display: block;transition: all .3s ease-in-out;}
.sidebar li .iconfont{position: absolute; right: 13px; top: 3px;display: none; transition: all .2s ease-in-out; color: #fff;}
.sidebar li.current .backcolor,.sidebar li:hover .backcolor{background: linear-gradient(to right,#009FFF,#0B63FF); }
.sidebar li.current .backcolor .iconfont,.sidebar li:hover .backcolor .iconfont{display: block;right: -18px;}
.sidebar li:hover .backcolor a,.sidebar li.current .backcolor a{color: #fff;transform: translateX(-7px);}
.sidebar li dd{}
.sidebar li dd a{    display: block;
        padding: 14px 40px 14px 56px;
    border-top: 1px solid #F1F1F1;
    font-size: 14px;
    color: #666;
    text-transform: uppercase;}
.sidebar li dd.on a, .sidebar li dd:hover a{color: #0B65FF;}
.mainBox{padding: 50px 40px 0; width: 891px; float: right;}

/*图片列表*/
.pic_lists{padding-bottom: 55px;}
.pic_lists .tab_box{margin-top: 0;}
.pic_lists .tab_box li{width: 280px; margin-right: 22px; height: auto; margin-bottom: 30px;}
.pic_lists .tab_box li:nth-child(3n){margin-right: 0px;}
.pic_lists .tab_box li .imgBox{height: 150px;}
.pic_lists .tab_box li .imgBox img{height: 150px;}
.pic_lists .tab_box li .text{width: 92%;padding: 14px 4% 10px;}
.pic_lists .tab_box li .text h3 a{font-size: 16px; margin-bottom: 4px;}
.pic_lists .tab_box li .text h4{color: #333;}
.pic_lists .tab_box li .text p{color: #999; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2px;}
.pic_lists .tab_box li .text .a_lists{margin-top: 20px;}

/*图文模式*/
.pic_words{padding-bottom: 55px;}
.pic_words p{color: #666; line-height: 30px;}
.pic_words img{max-width: 100%; display: block; margin: 0 auto;}

/*新闻列表*/
.news_lists{padding-bottom: 55px;}
.news_lists .home_new li{float: none; width: 100%; margin-right: 0; margin-top: 0; margin-bottom: 45px;}
.news_lists .home_new li .lef_img{width: 214px; height: 137px;}
.news_lists .home_new li .rig_text{width: 640px;}
.news_lists .home_new li .rig_text .date{padding: 8px 0 6px;}
.news_lists .home_new li .rig_text p{padding-top: 9px;}
.news_lists .home_new li .rig_text .more{margin-top: 16px;}

/*新闻详情*/
.newsInfo{padding-bottom: 55px;}
.newsInfo .title{text-align: center; padding-top: 25px; padding-bottom: 25px; border-bottom: 1px dashed #DBDBDB ;}
.newsInfo .title h3{font-size: 28px; color: #333; font-weight: bold; line-height: 40px;}
.newsInfo .title .share{width: 100%; text-align: center; margin-top: 25px;}
.newsInfo .title .share p{display: inline-block;}
.newsInfo .title .share span{margin-right: 20px;}
.bdsharebuttonbox{display: inline-block;margin-top: -2px;margin-left: 2px;vertical-align: middle;}
.newsInfo .text{margin-top: 25px;}
.newsInfo .text img{max-width: 100%; display: block; margin: 0 auto;}
.fanpian{margin-top: 50px;background: #F7F7F7; padding: 10px 2%; width: 96%;}
.fanpian a{color: #666; line-height: 30px; display: block;}
.fanpian a:hover{color: #F18D22;}

/*资质*/
.CaseBox{padding-bottom: 55px;}
.CaseBox li{float: left;width:280px;margin-right:25px;margin-bottom:45px;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;}
.CaseBox li:nth-child(3n){margin-right: 0px;}
.CaseBox li a{display: block;}
.CaseBox li .imgbox{width:100%;height:192px;position:relative;overflow:hidden;}
.CaseBox li .imgbox img{max-width:100%;height:100%;transition:all 0.4s ease-in;-webkit-transition:all 0.4s ease-in; display: block;margin: 0 auto;}
.CaseBox li a.cover{width:100%;height:100%;position:absolute;left:0;top:0;z-index:99;background:rgba(0,0,0,0.3);text-align: center;
line-height:192px;transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;opacity:0;visibility: hidden;}
.CaseBox li a.cover .iconfont{font-size:42px;color:#fff;transition:all 0.4s ease-in;-webkit-transition:all 0.4s ease-in;
transform: translateY(-80%);-webkit-transform: translateY(-80%);
display:inline-block;}
.CaseBox li a.t{padding:15px 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.CaseBox li .line{height:3px;width:0;background:#009DFF;transition:all 0.4s ease-in;-webkit-transition:all 0.4s ease-in;}
.CaseBox li:hover{box-shadow:0 0 8px rgba(9,2,4,0.15);}
.CaseBox li:hover .line{width:100%;}
.CaseBox li:hover a.cover{opacity:1;visibility:visible;}
.CaseBox li:hover .imgbox img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.CaseBox li:hover a.cover .iconfont{transform: translateY(0%);-webkit-transform: translateY(0%);}

/*店铺*/
.shop_add{padding: 20px 20px 55px;}
.top_choose{padding: 15px 0; border-bottom: 1px solid #F7F7F7; line-height: 26px;}
.top_choose .tit{float: left; color: #333; font-weight: bold; width: 80px; ;}
.top_choose .ch_lists{float: right;width: 1075px;}
.top_choose li{float: left;width: 103px;margin-right: 16px;}
.top_choose li a{color: #999;}
.top_choose li a:hover,.top_choose li.on a{color: #0f7eff;}
.hot-new{margin-top: 23px; border-bottom: 1px solid #f7f7f7; line-height: 28px;}
.hot-new ul{float: left;}
.hot-new ul li{float: left; width: 70px; height: 28px; text-align: center; margin-right: 10px;}
.hot-new ul li a{color: #999; display: block;}
.hot-new ul li:hover,.hot-new ul li.on{background: #0f7eff;}
.hot-new ul li:hover a,.hot-new ul li.on a{color: #fff;}
.hot-new .search_way{margin-left: 15px; float: left; color: #999;}
.hot-new .search_way a{color: #999;}
.hot-new .search_way a:hover{color:#0f7eff;}

.add-lists li{float: left; width: 370px; margin: 35px 25px 0 0;}
.add-lists li:nth-child(3n){margin-right: 0px;}
.add-lists li .border{border: 1px solid #E7E5E5;}
.add-lists li .img{width: 100%; height: 195px; overflow: hidden;}
.add-lists li .img img{width: 100%; height: 100%; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);
transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;;}
.add-lists li .text{padding: 0 15px;}
.add-lists li .title{padding: 13px 0 10px; position: relative; border-bottom: 1px solid #E6E6E6;}
.add-lists li .title a{color: #333;display: block; font-weight: bold;transition: all .3s ease-in-out;}
.add-lists li .title .dianzan{position: absolute; right: 0; top: 12px; z-index: 9; font-size: 12px; color: #666;}
.add-lists li .title .dianzan img{vertical-align: middle; margin: -4px 2px 0 0;}
.add-lists li .bot-text{color: #666; padding: 10px 0; line-height: 28px;}
.add-lists li .left_tt{float: left; }
.add-lists li .rig_tt{float: right;}
.add-lists li .bottxt .left_tt {color: #999; text-decoration: line-through;}
.add-lists li .bottxt .rig_tt{color: #999;}
.add-lists li .bottxt .rig_tt span{color: #ff0000;}

.add-lists li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}
.add-lists li:hover .title a{color: #0f7eff;}

.top_shop_info{padding: 20px 0 40px; border-bottom: 1px solid #E6E6E6; margin-bottom: 20px;}
.top_shop_info .title{color: #333;}
.top_shop_info .title span{font-weight: bold;}
.top_shop_info .ul_list{margin-top: 15px;}
.top_shop_info .ul_list ul{float: left; width: 500px;}
.top_shop_info .ul_list li{line-height: 30px;}
.top_shop_info .ul_list li i{font-style: normal; text-decoration: line-through;}
.top_shop_info .ul_list li span{color: #ff0000; font-weight: bold;}

.mainBox img{max-width:100% !important;}