@charset "utf-8";

/*banner*/

.banner {

	clear:both;

	position:relative;

	width:100%;

	height:960px;

	overflow:hidden;

  z-index: 9;

}

.banner .hd {

	position:absolute;

	left:0;

	bottom:30px;

	width:100%;

	height:2px;

	text-align:center;

	display: none;

}

.banner .hd li {

	display:inline-block;

	*display:line;

	*zoom:1;

	margin:0 10px;

	width:10px;

	height:10px;

	text-indent:-9999px;

	cursor:pointer;

	background:#1373BF;

	border-radius:50%;

}

.banner .hd li.cur {

	background:#1373BF;

}

.banner .bd,.banner .bd ul {

	height:960px;

}

.banner .bd li {

	position:relative;

	width:100%;

	height:960px;

}

.banner .bd li a {

	display:block;

	position:absolute;

	left:50%;

	top:0;

	margin-left:-960px;

	width:1920px;

	height:960px;

}

.banner .prev,.banner .next {

        display:none;

	position:absolute;

	z-index:999;

	top:50%;

	margin-top:-30px;

	width:58px;

	height:58px;

  line-height: 58px;

  color: #fff;

  font-size: 30px;

  text-align: center;

  font-weight: normal;

  border: 1px solid #fff;

	cursor:pointer;

	opacity:0;

	transition: all 1s;

}

.banner .prev {

	left:8%;

}

.banner .next {

	right:8%;

}

.banner:hover .prev,.banner:hover .next {

	opacity:1;

}





/* -- 引子 -- */

.content-s{margin:0 auto;width:90%;min-width: 1200px;max-width: 1440px;}

.yz{height: 778px;background: url(../images/yzbg.jpg) center center no-repeat #FBFBFB;padding: 60px 0;}

.yz .index-title {margin-bottom: 90px;}

.yz-list {}

.yz-list dl{float: left;width: 388px;margin-right: 16px;background: #fff;padding: 40px 0;margin-top: 40px;box-shadow: 0 0 10px rgb(0 0 0 / 12%);}

.yz-list dl:nth-child(2) {padding: 90px 0;margin-top: 0;}

.yz-list .lastdl{margin-right: 0;}

.yz-list dt{height: 88px;text-align: center;font-size: 24px;}

.yz-list dt b{display: block;font-size: 24px;color: #018CDD;}

.yz-list dd i{width: 90px;margin: 0 auto;display: block;overflow: hidden;margin-bottom: 15px;}

.yz-list dd i img{width: 90px;display: block;transition: all 0.5s linear;}

.yz-list dd:hover i img{transform: rotateY(180deg);}



.yz-list p{width: 266px;text-align: center;font-size: 16px;line-height: 24px;color: #585858;margin: 0 auto 26px;}

.yz-list span a{display: block;width: 180px;height: 40px;line-height: 40px;background: #eee;text-align: center;font-size: 16px;color: #838383;margin: 0 auto;border-radius: 20px;position: relative;z-index: 1; }

.yz-list span a:before{content: "";position: absolute;z-index:-1;width:0;height:40px;top: 0;left: 0;-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.yz-list span a:hover:before{width: 180px;background:#018CDD;color: #fff;border-radius: 20px;}

.yz-list span a:hover{color: #fff;}





/*标题*/

.index-title {

  height: 100px;

  width: 600px;

  margin: 0 auto;

}

.index-title p {

	color: #333;

  font-size: 21px;

  line-height: 42px;

	text-align: center;

}

.index-title h2 {

  text-align: center;

  font-size: 48px;

  color: #1a1a1a;

  line-height: 90px;

  letter-spacing: 3px;

  position: relative;

  z-index: 9;

}

.index-title h2 em {

  color: #018CDD;

  margin-left: 15px;

}

.index-title h2:after {

  content: "kailitong";

  position: absolute;

  font-size: 100px;

  width: 600px;

  height: 100px;

  left:0px;

  top:0;

  z-index: -1;

  color: #ccc;

  opacity:.5;

  text-transform: uppercase;

  letter-spacing: 0;

}





.tit{background: url(../images/tt-s1.png) no-repeat center;}

.tit2{background: url(../images/tt-s2.png) no-repeat center;}

.cpt-1{height:883px;background: }







/* --product--*/

@-webkit-keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}

@keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}





.product {padding: 60px 0;overflow: hidden;background:url(../images/productbg.jpg) top center no-repeat; height: 720px;}

.product .index-title h2 {color: #fff;}

.product .index-title h2 em {color: #fff;}

.product .index-title h2:after {color: #fff;opacity:.2;}

.product .index-title p {color: #fff;}



.product  .parhd{position: relative;}

.product  .parhd li {display: none;}

.product  .parhd .next,.product  .parhd .prev {width: 60px;text-align: center;color: #fff;position: absolute;top: 310px;cursor:pointer;display: block;}

.product  .parhd .next i ,.product  .parhd .prev i {font-size: 60px;}

.product  .parhd .next {left: -90px;}

.product  .parhd .prev {right: -90px;}



.product  .product-list2{ overflow:hidden; zoom:1; position:relative;top: 90px;}

.product  .product-list2 .product-list2-top {width: 1200px;}

.product  .product-list2 .product-list2-top .product-list2-top-info {width: 40%;overflow: hidden;}

.product  .product-list2 .product-list2-top .product-list2-top-info p {float: left;color: #fff;font-size: 16px;line-height: 32px;}

.product  .product-list2 .product-list2-top .product-list2-top-info h3 {font-size: 56px;color: #fff;font-weight: bold;}

.product  .product-list2 .hd {width: 550px;height: 20px;position: absolute;z-index: 99;left: 0;top: 220px;}

.product  .product-list2 .hd li {width: 90px;height: 90px;float: left;margin-right: 10px;margin-bottom: 10px;}

.product  .product-list2 .hd li img {width: 88px;height: 88px;border: 2px solid #ccc;background: #F4F7FE;}

.product  .product-list2 .hd em a{ display: inline-block; float: left; width: 176px; height: 43px; line-height: 43px; border: 1px solid #313131; border-radius: 2px; text-align: center; color: #333; color: #333333; font-size: 16px;transition: all 0.2s;margin-top: 25px;}

.product  .product-list2 .hd em a:last-of-type{ background: #2268E4; border: 1px solid #2268E4; color: #fff; margin-left: 17px;}

.product  .product-list2 .hd em a:hover{ padding: 0 15px;}

.product  .product-list2 .bd{width: 600px;height: 600px;/*margin-top: 25px;*/margin-right: 20px;}

.product  .product-list2 .bd img {width: 600px;height: 600px;}



/*qtcp*/

.qtcp{overflow: hidden;}

.qtcp-list-nav{overflow: hidden;width: 90%;margin: 20px auto 40px;position: relative;padding: 0 2%;}

.qtcp-list-nav{background: url(../images/pyw.png) no-repeat center top;background-size: 60%;overflow: hidden;}

.qtcp-list-nav ul{padding-top: 50px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}

.qtcp-list-nav ul li{float: left;font-size: 11.25px;line-height: 47px;width: 11%;text-align: center;}

.qtcp-list-nav ul li:nth-child(1) span{display: block;width: 27px;height: 31px;float: left;background: url(../images/hot.png)no-repeat left;background-size: 100%;margin-right: 6.25px;}

.qtcp-list-nav ul li h4{color: #333;font-size: 11.25px;}

.qtcp-list-nav ul li:nth-child(1){no-repeat left top;font-weight:bold;font-size: 20px;}

.qtcp-list-nav ul li a{color: #4e4e4e;font-size: 17px;font-weight: bold;}

.qtcp-list{margin-top: 60px;}

.qtcp-list li{float: left;width: 23%;margin-right: 2%;}

.qtcp-list li i{display: block;overflow: hidden;}

.qtcp-list li img{transition: all 0.5s;width: 100%;height: 276px;background:url(../images/product-bg.jpg) no-repeat;background-size: 100% 100%;}

.qtcp-list li i:hover img{transform: scale(1.05);}

.qtcp-list li h4{height: 46px;line-height: 46px;text-align: center;font-size: 16px;color: #333;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.qtcp-list li:hover h4{color: #018CDD;font-weight: bold;}

.qtcp-list .tempWrap{width: 100% !important;}



.ban01{background: url(../images/ban01.jpg) no-repeat center 0;height: 250px;overflow: hidden;margin-top: 60px;margin-bottom: 60px;}

.ban01 p{font-size: 42px;color: #fff;height: 125px;line-height: 42px;padding: 40px 0 0;background: url(../images/ban01_ico.png) no-repeat 0 108px;}

.ban01 p span{display: block;font-size: 26px;padding:10px 0 0 82px;}



.ban01_tel b{display: block;float: left;font-size: 36px;font-family: "DINOT";color: #fff;height: 40px;line-height: 40px;overflow: hidden;padding:0 80px 0 40px;background: url(../images/ban01_tel.png) no-repeat 0 7px;}



.ban01_tel a{font-size: 14px;color: #018CDD;display: block;width: 100px;text-align: center;height: 34px;line-height: 34px;overflow: hidden;background: #fff;border-radius: 30px;float: left;margin-top: 3px;}

.ban01_tel a {

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

}

.ban01_tel a:hover {

  -webkit-animation-name: hvr-pulse;

  animation-name: hvr-pulse;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



/**/

.case_bg{background: url(../images/case_line.gif) repeat-x 0 220px;padding: 70px 0 0;overflow: hidden;position: relative;height: 829px;}

.case_bg:before{content: "";width: 840px;height: 272px;background: #018CDD;position: absolute;bottom: 0;right: 0;}

.case_nav{height: 120px;position: relative;}

.case_nav:before{content: "";width: 1px;height: 100%;background: #eee;position: absolute;top: 0;left: 0;}

.case_nav ul li{height: 120px;float: left;width: 200px;position: relative;}

.case_nav ul li:before{content: "";width: 1px;height: 100%;background: #eee;position: absolute;top: 0;right: 0;}

.case_nav ul li em{width: 46px;height: 44px;display: block;line-height: 0;overflow: hidden;margin: 25px auto 10px;}

.case_nav ul li em img{width: 46px;height: 44px;}

.case_nav li a{ font-size:16px; color:#333;display:block; float:left;position: relative;vertical-align: middle;width: 200px;height: 120px;text-align: center;line-height: 30px;font-weight: bold;

  -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    overflow: hidden;}

.case_nav li a:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 50%;

  right: 50%;

  top: 0;

  background:#018CDD;

  height: 2px;

  -webkit-transition-property: left, right;

  transition-property: left, right;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.case_nav li a:hover:before,.case_nav li a:focus:before,.case_nav li a:active:before,.case_nav li.on a:before {

   left: 0;

   right: 0;

}

.case_nav li a:hover,.case_nav li.on a{color: #018CDD;}

.case_nav li:hover em{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}



.case_m{padding: 50px 0 0;}

.case_m dl dt{width: 719px;height: 539px;line-height: 0;overflow: hidden;float: left;}

.case_m dl dt img{width: 719px;height: 539px;}

.case_m dl dt img,.case_list ul li img,.news_l dl dt img{

-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.case_m dl dt img:hover,.case_list ul li img:hover,.news_l dl dt img:hover

{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.case_m dl dd{width: 430px;float: right;}

.case_m dl dd h5{height: 65px;line-height: 50px;overflow: hidden;position: relative;margin-top: 70px;}

.case_m dl dd h5:before{content: "";width: 25px;height: 2px;background: #018CDD;position: absolute;bottom: 0;left: 0;}

.case_m dl dd h5 a{font-size: 30px;color: #333;}

.case_m dl dd h5 a:hover{color: #018CDD;}

.case_desc{font-size: 14px;color: #666;line-height: 36px;overflow: hidden;padding: 20px 0 0;}

.case_m dl dd b{display: block;font-size: 20px;color: #018CDD;height: 45px;}



.case_list{position: absolute;top: 557px;right: 0;z-index: 10;width: 760px;height: 237px;background: #018CDD;padding: 35px 0 0 20px;overflow: hidden;}

.case_list ul li{width: 235px;float: left;margin-left: 20px;}

.case_list ul li em{width: 235px;height: 176px;display: block;line-height: 0;overflow: hidden;}

.case_list ul li img{width: 235px;height: 176px;}

.case_list ul li span{width: 235px;height: 50px;display: block;font-size: 14px;color: #fff;text-align: center;line-height: 50px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



/**/

.yous{background: #f1f1f1;padding-top: 80px;overflow: hidden;}

.yous .index-title {margin-bottom: 60px;}

.ys_nav{padding: 30px 0 0;height: 120px;width: 945px;margin: 0 auto;}

.ys_nav ul li{font-size: 22px;color: #333;float: left;width: 315px;font-weight: bold;}

.ys_nav ul li p{width:80px; height:80px; position:relative;float: left;}

.ys_nav ul li b{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;margin: 0 auto;}

.ys_nav ul li em{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;margin: 0 auto;}

.ys_nav ul li b img,.ys_nav ul li em img{ display: block;width: 80px;height: 80px;}



.ys_nav ul li span{display: block;padding: 8px 0 0 20px;float: left;line-height: 34px;}

.ys_nav ul li i{display: block;font-size: 18px;font-weight: normal;}

.ys_nav ul li.on{color: #018CDD;}

.ys_nav ul li.on b{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}

.ys_nav ul li.on em{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.ys_nav ul li.nobor{width: 255px;}

.ys_m{width: 100%;}

.ys_m dl{position: relative;}

.ys_m dl dt{width: 100%;}

.ys_m dl dt img{display: block;width: 100%;}

.ys_m dl dd{width: 1100px;height: 120px;position: absolute;bottom: 0;left: 50%;margin-left: -600px;background: rgba(255,255,255,0.8);border-bottom: #018CDD 1px solid;padding: 30px 0 0 100px;}

.ys_m dl dd h5{font-size: 30px;color: #333;height: 100px;line-height: 36px;overflow: hidden;width: 345px;float: left;position: relative;}

.ys_m dl dd h5:before{content: "";width: 1px;height: 80px;background: #e5e5e5;position: absolute;top: 0;right: 0;}

.ys_m dl dd h5 em{width: 80px;height: 80px;float: left;line-height: 0;}

.ys_m dl dd h5 em img{width: 80px;height: 80px;}

.ys_m dl dd h5 span{display: block;float: left;padding: 5px 0 0 20px;}

.ys_m dl dd h5 i{display: block;font-size: 24px;font-weight: normal;}

.ys_desc{width: 715px;float: right;font-size: 14px;color: #666;line-height: 24px;padding-top: 3px;}

.ys_desc p b{padding-right: 5px;}





/**/

.news{padding: 35px 0;}

.news .index-title {margin-bottom: 90px;margin-top: 30px;}

.news_l{width:450px;}

.news_t{height:66px;overflow: hidden;font-weight: normal;}

.news_t em{display: block; width: 118px; height: 37px;float: left;}

.news_t em a{font-size: 14px;color: #333;display: block; width: 116px; height: 35px; text-align: center; line-height: 35px; overflow: hidden;border: #002541 1px solid;border-radius:20px;} 

.news_t em a:hover{border: #018CDD 1px solid;background: #018CDD;color: #fff;}

.news_t span{display: block;float: right;line-height: 35px;}

.news_t span a{font-size: 16px;color: #333;}

.news1{width: 450px;}

.news1 dt{width:450px;height:245px;overflow: hidden;}

.news1 dt img,.wd01 dl dt img{width:450px;height:253px;

-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.news1 dt img:hover,.wd01 dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.news1 dd{padding:10px 0 0; overflow: hidden;}

.news1 dd h3,.wd01 dl dd h3{height: 30px;line-height: 30px;overflow: hidden;}

.news1 dd h3 a,.wd01 dl dd h3 a{font-size: 16px; color:#333;}

.news1 dd h3 a:hover,.news1 dd span a:hover,.wd01 dl dd h3 a:hover,.wd_m dt a:hover{color: #018CDD;}

.news_l .news_desc,.wd01 dl .news_desc{font-size: 14px; line-height: 25px; color:#666;height: 50px;overflow: hidden;padding: 10px 0 0;}

.news1 dd span{display: block;padding: 30px 0 0;}

.news1 dd span a{font-size: 14px;color: #666;}



/*常见问答*/

.wt{width:690px;} 

.wd01{width:690px;}

.wd01 dl{width: 690px;}

.wd01 dl dt{width:276px;height:155px;overflow: hidden;float: left;}

.wd01 dl dt img{width:276px;height:155px;}

.wd01 dl dd{padding:10px 0 0 12px; overflow: hidden;width: 400px;float: left;}

.wd01 dl dd h3{font-weight: normal;}

.wd01 dl dd em{display: block;padding: 10px 0 0;font-size: 14px;color: #666;}

.wd_m{padding: 20px 0 0;}

.wd_m dl{ width:690px; height:105px; padding:10px 0 0;border-bottom: #d9d9d9 1px solid;}

.wd_m dt{ height:30px; line-height:26px; overflow:hidden; background:url(../images/news-ico1.png) no-repeat 0 2px; padding:0 0 0 40px;}

.wd_m dt a{ font-size:14px; color:#666;font-weight: bold;}

.wd_m dd{font-size:14px; color:#666; line-height:25px; height:50px; overflow:hidden; background:url(../images/news-ico2.png) no-repeat 0 13px; padding:10px 0 0 40px;}

/**/

/**/

.about{height: 785px;background: url(../images/aboutbg.jpg) no-repeat center top;overflow: hidden;}



.about .about-info{height: 270px;background: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.1);margin-top: 460px;}

.about .about-info h4{text-align: center;padding-top: 60px;}

.about .about-info h4 a{font-size:24px;color:#333333;display: block;line-height:24px;font-weight: bold;}

.about .about-info p{font-size:16px;color:#444444;display: block;line-height:30px;font-weight:normal;text-align: center;padding-top: 26px;width: 1080px;margin-left: 60px;}

.about .about-info .gds{transition: 0.35s;width: 168px;height: 41px;text-align: center;line-height: 41px;font-size: 16px;color: #ffffff;display: block;background:url(../images/gds_b.png) no-repeat center;border-radius: 25px;margin:26px auto 0;}

.about .about-info .gds:hover{transform: translateY(-5px);}



/* -- 团队风采 -- */

.fc-c{height:400px;overflow: hidden;}

.fc-qh{height: 63px;border-bottom: 1px solid #e5e5e5;line-height: 63px;margin-bottom: 20px;}

.fc-qh li{float:left;background: url(../images/fc-ico.png) no-repeat right;width: 47%;}

.fc-qh li{text-align: right;padding-right: 50px;}

.fc-qh li:last-child {text-align: left;/*padding-left: 50px;*/}

.fc-qh li a{font-size:24px;color: #333333;}

.fc-qh li.on{font-weight: bold;}

.fc-qh li:last-child{background:none;padding:0;margin:0;}

.fc-qh .n-span em a{font:14px arial;color: #adadad;text-transform: uppercase;line-height: 63px;}

.fc-nr{position: relative;}

.fc-nr li{float:left;font-size:0;line-height: 0;width: 292px;margin-right: 10px;}

.fc-nr li h4{padding-top: 15px;}

.fc-nr li h4 a{display: block;font-size: 16px;color: #666666;line-height:25px;font-weight: normal;text-align: center;}



.fc-nr li i{width:292px;overflow: hidden;display: block;}

.fc-nr li img{width:292px;transition: all 0.5s}

.fc-nr li:last-child{margin:0;}

.fc-nr li:hover i img{transform:scale(1.1);}

.fc-j1,.fc-j2 {position: absolute;top:70px;}

.fc-j1 i ,.fc-j2 i {width: 77px;height: 77px;line-height: 77px;text-align:center;font-size: 56px;}

.fc-j1 {left:-106px;color: #DFDFDF;}

.fc-j2 {right:-106px;color: #DFDFDF;}



/**/





    /**/

.links { height:92px; overflow: hidden; clear: both;position: relative; background: #1a1d21;}

.links em { display: inline-block; font-style: normal; font-size: 18px; line-height: 92px;  color: #8d8e90; float: left;font-weight: bold; width: 163px;background: url(../images/links.jpg) no-repeat center right;}

.links em span{ font-family: Arial; padding-right: 10px;}

.links i { display: inline-block;float: right; width:1000px;}

.links a { font-size: 14px; color: #8d8e90; line-height: 92px; display: inline-block; margin-right: 46px; transition: .3s ease; -o-transition: .3s ease ; }

.links a:hover { color: #fff;}







@media screen and  (min-width:230px) and (max-width:1680px){

    .pro1bj .pro1 .pro1-list dl{padding:34px 70px 34px 34px;}

    .pro1bj .pro1 .pro1-list dl dt{width:650px;}

    .pro1bj .pro1 .pro1-list dl dd{width:375px;padding-top:39px;}

    .pro1bj .pro1 .pro1-list dl dd h4{margin-bottom: 36px;}

    .pro1bj .pro1 .pro1-list dl dd h4 span a{font-size: 25px;}

    .pro1bj .pro1 .pro1-list dl dd h4 em{font-size: 17px;}

    .pro1bj .pro1 .pro1-list dl dd .pro1-desc p{font-size: 13px;}

    .pro1bj .pro1 .pro1-list dl dd .pro1-desc{margin-bottom: 64px;}

    .pro2bj .pro2 ul li{width:294px; height:397px;}

    .pro2bj .pro2 ul li dl dd{height:397px;padding-top:294px;}

    .pro2bj .pro2 ul li{margin-left: 8px;}

    .pro2bj .pro2 ul li:hover dl dd{padding-top:241px;}

    .guide .gui .gui-sz li:first-child{width: 16.8%;}

    .guide .gui .gui-sz li:nth-child(4){width: 16.5%;}

    .guide .gui .gui-sz li:last-child{width: 16.8%;}

    .case{padding-bottom:70px;}

    .case .cas .cas-list dl dt{width:765px;}

    .case .cas .cas-list dl dd{width:435px;padding:62px 58px 0;}

    .case .cas .cas-list dl dd h4{margin-bottom: 27px;}

    .case .cas .cas-list dl dd h4 a{font-size: 22px;}

    .case .cas .cas-list dl dd p{font-size: 13px; margin-bottom: 38px;}

    .case .cas .cas-list .cas-jt .cas-prev{left:-54px;}

    .case .cas .cas-list .cas-jt .cas-next{right:-54px;}

    .case .cas .cas-list .cas-jt .cas-prev{top:170px;}

    .case .cas .cas-list .cas-jt .cas-next{top:170px;}

    .super .sup ul li p{font-size: 12px;}

    .newsbj{height:1030px;}

    .newsbj .news .news-bot .news-bd{width:1025px;}

    .newsbj .news .news-bot .news-bd .bd ul li{width:512px !important;}

    .abo-bot .abo-list .bd ul li{width:259px;}

    .abo-bot .abo-nav{padding:0 293px;}

    .abo-bot .abo-nav:before{left:-44px;}

    .abo-bot .abo-nav:after{right:-44px;}

    .abo-top .ab p{width:460px;}

}





/*服务流程*/

.liuc_bg{background: #BAD260;height: 400px;overflow: hidden;padding: 48px 0 0;}

.liuc_tit {text-align: center;font-size: 28px;margin-bottom: 10px;color: #fff;}

.liuc_t{padding: 25px 0 0 385px;height: 90px;}

.liuc_t ul li{font-size: 22px;color: #333;width: 180px;height: 46px;line-height: 46px;background: #fff;border-radius: 30px;margin-right: 70px;float: left;cursor: pointer;}

.liuc_t ul li em{display: block;float: left;line-height: 0;width: 26px;height: 26px;overflow: hidden;margin: 10px 10px 0 30px;}

.liuc_t ul li em img{width: 26px;height: 52px;-webkit-transition:all .5s;transition:all .5s;}

.liuc_t ul li:hover,.liuc_t ul li.on{background: #0095d9;color: #fff;}

.liuc_t ul li:hover em img,.liuc_t ul li.on em img{margin-top: -26px;}



.iserve{height:170px;background: url(../images/liuc_line.png) no-repeat center 42px;}

.iserve dl{width: 240px;height: 170px;float: left;position: relative;text-align: center;}

.iserve dl dt{width: 83px;height: 83px;margin: 0 auto;position: relative;}

.iserve dt .hover,.iserve dt .default{background:url(../images/iserve_bg.png);}

.iserve dt i{display:block;width:83px;height:83px;background:url(../images/liuc_icon01.png);}

.iserve02 dt i{display:block;width:83px;height:83px;background:url(../images/liuc_icon02.png);}

.iserve dt .hover,.iserve dt .default{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}

.iserve dt .default{background-position:0 -166px;}

.iserve dt .hover{background-position:0 -83px;color:#fff;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}

.iserve dt.d1 .default i{background-position:0 0;}

.iserve dt.d1 .hover i{background-position:-83px 0;}

.iserve dt.d2 .default i{background-position:0 -83px;}

.iserve dt.d2 .hover i{background-position:-83px -83px;}

.iserve dt.d3 .default i{background-position:0 -166px;}

.iserve dt.d3 .hover i{background-position:-83px -166px;}

.iserve dt.d4 .default i{background-position:0 -249px;}

.iserve dt.d4 .hover i{background-position:-83px -249px;}

.iserve dt.d5 .default i{background-position:0 -332px;}

.iserve dt.d5 .hover i{background-position:-83px -332px;}



.iserve dl dd{padding: 5px 0 0;font-size: 16px;color: #fff;line-height: 30px;}







/* 友情链接*/

.link {overflow: hidden;border-bottom: 1px solid #535353;background: #1E1A1B;}

.link a {color: #ccc;}

.link em {background: url(../images/link.png) left center no-repeat;height: 60px;width: 100px;margin-right: 20px;float: left;}

.link ul {}

.link li  {padding-left: 8px;padding-right: 8px;float: left;font-size: 14px;line-height: 60px;height: 60px;}



/*图标抖动*/

@-webkit-keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }

  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}

@keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }

  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}