.banner-container .swiper-container .swiper-wrapper .swiper-slide img {width: 100%;}
.banner-container .swiper-pagination-bullet {width: 10px;height: 10px;background: #fff;opacity: 1;}
.banner-container .swiper-pagination-bullet-active {background: #006acd;}

.container {padding: 40px 0px 30px;}
.container > .title {text-align: center;margin-bottom: 30px;}
.container > .title h4 {color: #333;font-size: 36px;font-weight: bold;}
.container > .title span {color: #888;font-size: 16px;}
.container > .title p {color: #888;font-size: 16px;}
.container > .title ul {padding-top: 15px;}
.container > .title ul li {display: inline-block;vertical-align: middle;margin: 0px 15px;}
.container > .title ul li a {color: #fff;font-size: 16px;}


.service_container {background-color: #f7f7f7;}
.service_column {max-width: 1200px;margin: 0 auto;padding: 20px 0px 0px;}
.service_column ul li{ float:left; height:380px; width:270px; margin-right:20px; overflow:hidden; background:url(../../images/area/orange.jpg) center 380px no-repeat; position:relative;}
.service_column ul li a{ display:block; width:100%; height:100%; top:0; position:absolute;}
.service_column ul li:hover{ background-position:center 0px; -webkit-transition:all .5s ease-in-out .3s; 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;}
.service_column ul li u{ position:absolute; left: 50%;transform: translate(-50%,0%);display:block;width:207px; height:207px; background:url(../../images/area/round.png)  no-repeat; -webkit-transition:all .5s ease-in-out .0s; 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;}
.service_column ul li u.cr{clip:rect(0px,207px,-10px,103.5px);   }
.service_column.active ul li u.cr{clip:rect(0px,207px,207px,103.5px); }
.service_column ul li:hover u.cr{ clip:rect(0px,207px,-10px,103.5px)} 
.service_column ul li u.cl{clip:rect(207px,103.5px,2000px,0px) }
.service_column.active ul li u.cl{clip:rect(0px,103.5px,207px,0px);   }
.service_column ul li:hover u.cl{ clip:rect(207px,103.5px,2000px,0px) }
.service_column ul li i{ display:block; font-style:normal; position:absolute; height:60px; width:68px; left: 50%;top:77px; transform: translate(-50%,0%); }
.service_column ul li.box1 i{ background:url(../../images/area/box1.png) 0px 0px no-repeat}
.service_column ul li:hover.box1 i{ background:url(../../images/area/box1.png) -68px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s 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;}
.service_column ul li.box2 i{ background:url(../../images/area/box2.png) 0px 0px no-repeat;width:72px; }
.service_column ul li:hover.box2 i{ background:url(../../images/area/box2.png) -72px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s 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;}
.service_column ul li.box3 i{ background:url(../../images/area/box3.png) 0px 0px no-repeat; width:55px; height:66px;}
.service_column ul li:hover.box3 i{ background:url(../../images/area/box3.png) -55px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s 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;}
.service_column ul li.box4 i{ background:url(../../images/area/box4.png) 0px 0px no-repeat; width:70px; height:69px;}
.service_column ul li:hover.box4 i{ background:url(../../images/area/box4.png) -70px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s 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;}
.service_column ul li h3{ font-size:22px; color:#333333; padding:0; margin:0; line-height:24px; font-weight:normal; text-align:center; margin-top:248px;}
.service_column ul li h3 a{ color:#333}
.service_column ul li:hover h3{color:#fff;transition:all 0.8s;}
.service_column ul li p{ font-size:12px; color:#333333; line-height:20px; margin-top:20px; padding:0 20px}
.service_column ul li p a{color:#333333;}
.service_column ul li p a:hover{color:#fff;}
.service_column ul li:hover p{color:#fff;transition:all 0.8s;}

.caes_container > .title {padding: 20px 0px 0px;}
.caes_container > .title h4, .caes_container > .title span {color: #fff;}
.caes_container {width: 100%;background: url(../../images/area/caes_container_bg.jpg) no-repeat center top;background-size:cover;}
.caes_container .caes_column {width:94%;margin:0 auto;}
.caes_container .caes_column ul li{float:left; width:24.5%;margin: 0.25%;text-align:center; background:#fff;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.caes_container .caes_column ul li a{display:block;}
.caes_container .caes_column ul li article{position:relative; width:100%; height:0; padding-top:62.4%; overflow:hidden;}
.caes_container .caes_column ul li article img{position:absolute; top:0; left:0; width:100.5%; height:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.caes_container .caes_column ul li article summary{width:100%; height:50px; position:absolute; bottom:-50px; left:0; line-height:50px; color:#dcdcdc; background:rgba(0,0,0,0.5); background:#666\9; text-align:left; text-indent:20px; z-index:3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.caes_container .caes_column ul li .info {width: 100%;height: 60px;overflow: hidden;padding:0px 0px 0px 10px;box-sizing:border-box;}
.caes_container .caes_column ul li .info h5 {display: block;float: left;width: calc(100% - 100px);height: 40px;line-height: 40px;margin: 10px 0px;text-align: left;}
.caes_container .caes_column ul li .info h5 a {font-size:18px; color:#333;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caes_container .caes_column ul li .info .fr {width: 90px;height: 60px;}
.caes_container .caes_column ul li .info .fr a {display: inline-block;vertical-align: middle;text-align: right;margin-left: 10px;width: 20px;height: 60px;background-repeat: no-repeat;background-position: center;}
.caes_container .caes_column ul li .info .fr a.case_pc {background-image: url(../../images/pc_b.png);}
.caes_container .caes_column ul li .info .fr a.case_phone {background-image: url(../../images/phone_b.png);}
.caes_container .caes_column ul li:hover {background-color: #006acd;}
.caes_container .caes_column ul li:hover a article summary{bottom:0;}
.caes_container .caes_column ul li:hover a article img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.caes_container .caes_column ul li:hover a article:before{opacity:1; filter:alpha(opacity=100); zoom:1;}
.caes_container .caes_column ul li:hover a article:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.caes_container .caes_column ul li:hover .info h5 a {color:#fff;}
.caes_container .caes_column ul li:hover .info .fr a.case_pc {background-image: url(../../images/pc_w.png);}
.caes_container .caes_column ul li:hover .info .fr a.case_phone {background-image: url(../../images/phone_w.png);}


.ho_ppzcz {width:100%;overflow:hidden; position:relative;}
.ho_ppzcz ul{ margin:0px auto;text-align: center;font-size: 0px;}
.ho_ppzcz .Line:after{ display:block; content:" "; position:absolute; top: 50%; margin-top:-2px; background:#ff5500; width:100%; height:4px; z-index:19;}
.ho_ppzcz ul li{display: inline-block;vertical-align: middle;width:280px; text-align:center;color:#fff;margin: 0px 15px;}
.ho_ppzcz ul li p{ margin:0px auto;width:100%; height:180px; line-height:180px; position:relative;background:#ff5500; font-family:Arial, Sans-serif;  font-size:100px; text-align:center; font-weight:bold; overflow:hidden; border-radius:10px;}
.ho_ppzcz ul li span{ display:block;font-size:18px; padding-top:20px;color: #555;}
.ho_ppzcz ul li.cur{ width:392px; margin-left:25px;}
.ho_ppzcz ul li.cur p{ width:392px;background:#ff5500}
.ho_ppzcz .h_title_1{ border-bottom:1px solid #333;}

/*困扰*/
.kunrao{ overflow:hidden; width:100%; height:670px; background:url(../../images/area/kunrao_bg.jpg) no-repeat center top; position:relative;overflow: hidden;}
.kunrao  h2{ font-size:36px; color:#333; text-align:center; padding-bottom:20px; background:url(../../images/area/title_bg.png) no-repeat center bottom; font-weight:normal; margin-bottom:20px; margin-top:60px;}
.kunrao h2 em{ color:#ff5b00}
.kunrao .b01{ position:absolute; left:50%; top:50%; margin-left:664px; margin-top:-195px;}
.kunrao .b02{ position:absolute; left:50%; bottom:0; margin-left:-547px;}
.kunrao .wenhao{ position:absolute; left:50%; top:50%;background:url(../../images/area/kunrao_wenhao_yy.png) no-repeat 20px 73px; /*width:1px; height:1px;*/ overflow:hidden; width:373px; height:317px; margin-left:-155px;margin-top:-117px;}
.kunrao .wenhao img{ position:absolute}
.kunrao .kunrao_list{ position:absolute; left:50%; top:50%; width:324px; height:200px;}
.kunrao .kunrao02{ width:273px;}
.kunrao .kunrao03{ width:261px;}
.kunrao .kunrao04{  width:331px}
.kunrao .kunrao_list .wen{ position:absolute; left:0; top:0}
.kunrao .kunrao_list .img{ position:absolute; right:0; bottom:0}
.kunrao .wen02{ display:none}
.kunrao .img02{ display:none}
.kunrao_list a{ cursor:pointer; display:block; height:200px;}
.kunrao .kunrao01{margin-left:-472px; margin-top:-192px;}
.kunrao .kunrao02{margin-left:213px; margin-top:-192px;}
.kunrao .kunrao03{margin-left:-411px; margin-top:32px;}
.kunrao .kunrao04{margin-left:153px; margin-top:37px;}
.lijizixun {width: 100%;text-align: center;padding: 20px 0px 30px;}
.lijizixun span {color: #333;font-size: 32px;display: inline-block;vertical-align: middle;height: 50px;line-height: 50px;font-weight: bold;}
.lijizixun span em {color: #006acd;}
.lijizixun a {display: inline-block;vertical-align: middle;border-radius: 30px;overflow: hidden;}

.cooperation {background: url(../../images/area/cooperation_bg.jpg) no-repeat center;padding: 40px 0px;}
.cooperation > .title h4, .cooperation > .title span, .cooperation > .title p {color: #fff;}
.cooperation .who-ltp {max-width: 1200px;margin: 0px auto;}
.cooperation .who-ltp ul {border-top: 1px solid #e9e9e9;}
.cooperation .who-ltp ul li {float: left; width: 20%; text-align: center; background: #fff; border-left: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; box-sizing: border-box; transition: all 0.3s linear; }
.cooperation .who-ltp ul li .who-box {margin: 0 auto;}
.cooperation .who-ltp ul li .who-box img {width: 100%;transition: all 0.3s linear;}
.cooperation .who-ltp ul li:hover{background:#f2f2f2;}
.cooperation .who-ltp ul li:hover .who-box img{transform: scale(0.9,0.84);}

.news_row {max-width: 1200px;margin: 0 auto;}
.news_row ul li {width: 33.333333%;float: left;margin-bottom: 30px;}
.news_row ul li .news_time {float: left; width: 25%;text-align: center; color: #888; font-size: 15px; }
.news_row ul li .news_time span{display: block;width: 60px;height: 60px;line-height: 60px;text-align: center;margin: 0 auto 5px;color: #fff;font-size: 30px;background-color: #ff5500;border-radius: 50%;}
.news_row ul li .news_title {float: left;width: 75%;padding: 0px 15px;box-sizing: border-box;}
.news_row ul li .news_title a {display: block;color: #ff5500;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_row ul li .news_title a:hover {text-decoration: underline;}
.news_row ul li .news_title .news_text {margin: 5px 0px 0px; height: 62px; color: #888; overflow: hidden; font-size: 14px; }


.area_container .title .line{width: 80px;height: 2px;background-color: #006acd;display: block;margin: 0px auto;}
.area_container .area_content ul {width: 100%;text-align: center;}
.area_container .area_content ul li {display: inline-block;width: 290px;text-align: left;margin: 0px 10px;text-align: center;}
.area_container .area_content ul li a {display: block;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.area_container .area_content ul li a .img {display: block;overflow: hidden;}
.area_container .area_content ul li a .img img {transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.area_container .area_content ul li a .name {height: 40px;line-height: 40px;color: #333;font-size: 16px;}
.area_container .area_content ul li a:hover .img img {transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); }

.i_contact {background: url(../../images/area/i_contact_bg.jpg) no-repeat;}
.i_contact > .title h4, .i_contact > .title span, .i_contact > .title p {color: #fff;}
.i_contact ul {text-align: center;padding:20px 0px 40px;}
.i_contact ul li{ display: inline-block;vertical-align: middle; width:275px; height:140px;background:rgba(255,255,255,0.3); text-align:center; margin-right:19px; line-height:18px; font-size:14px;color:#fff;transition: all 0.3s }
.i_contact ul li:hover{background:#ff5500; }
.i_contact ul li img{ width:44px; height:43px; display:block; margin:0 auto; margin-top:28px; margin-bottom:25px;}
.i_contact ul li a{ width:94%; padding-left:3%; padding-right:3%; height:100%; display:block; color:#fff;}


@media (max-width:768px) {

	.banner-container {margin-top: 50px;}
	
	.container {padding: 25px 0px;}
	.container .title {padding: 0px 10px;margin-bottom: 20px;}
	.container > .title h4 {font-size: 21px;line-height: 1.4;margin-bottom: 5px;}
	.container > .title p {font-size: 14px;}

	.service_column {padding: 0px 0px;}
	.service_column ul li {width: 46%;margin: 20px 2%;height: 320px;}
	.service_column ul li u {width: 150px;height: 150px;background-size: 150px 150px;}
	.service_column ul li i {top: 45px;}
	.service_column ul li h3 {margin-top: 180px;font-size: 18px;}
	.service_column ul li p {padding: 0 10px;height: 80px;}

	.caes_container > .title {padding-top:20px;}
	.container > .title ul {display: none;}
	.caes_container .caes_column ul li {width: 49%;margin: 0px 0px 2% 0px;}
	.caes_container .caes_column ul li:nth-child(2n) {float: right;}
	.caes_container .caes_column ul li .info {height: 35px;}
	.caes_container .caes_column ul li .info h5 {width: 100%;height: 35px;line-height: 35px;margin: 0px;}
	.caes_container .caes_column ul li .info h5 a {font-size: 14px;}
	.caes_container .caes_column ul li .info .fr {display: none;}
	.caes_container .caes_column ul li article summary {height: 30px;line-height: 30px;text-indent: 10px;font-size: 14px;}

	.ho_ppzcz ul {padding: 0px 10px;}
	.ho_ppzcz ul li {width: 100%;margin: 0px;}
	.ho_ppzcz ul li p {height: 100px;line-height: 100px;font-size: 72px;}
	.ho_ppzcz ul li span {font-size: 16px;padding: 10px 0px 20px;}

	.kunrao_container {display: none;}

	.cooperation .who-ltp {padding: 0px 10px;}
	.cooperation .who-ltp ul li {width: 33.3333333%;}
	.news_row ul li {width: 100%;}

	.i_contact {background-size: cover;}
	.i_contact ul {padding: 0px 10px ;}
	.i_contact ul li {width: 100%;margin: 0px 0px 15px 0px;}

	.area_container .area_content ul li {width: 47%;margin: 10px 0px;}
}

@media (max-width:500px) {
	.service_column ul li {height: 280px;}
	.service_column ul li u {width: 120px;height: 120px;background-size: 120px 120px;}
	.service_column ul li i {top: 30px;}
	.service_column ul li h3 {margin-top: 140px;font-size: 18px;}
	.service_column ul li p {margin-top: 10px;}
}