/* CSS Document */

body{overflow-x:hidden;}
/*header*/
.head_top{position: absolute; top: 0; z-index:999;border-bottom: 1px solid #223050;width:100%;padding:8px 0 3px 0;}
.head_top .head_main{ padding:0 30px;}
.head_left{ float:left;}
.head_right {float:right;font-size:15px;}
.head_right a{ color:#fff; display:block; float:left; margin-right:35px; line-height:43px;}
.head_right .top_a{ float:left; color:#fff;line-height:43px;}
.head_right .top_a strong{ font-size:18px;}
.head_right a:hover{color: #006bce;}


.banner{ position:relative; }
.banner img{ width:100%; vertical-align:middle}


.swiper-container .ani{ position:absolute; top:0%; left:0; width:100%;padding:10px; font-size:35px; color:#fff;}
 
 
.bannertext {max-width: 1200px;margin: 0 auto; padding-top:10%;}


.bannertext b{font-size: 54px;color: #fff; display:block;}
.bannertext div {font-size: 24px;color: #FFF;padding-bottom: 40px;}
.bannertext div em{ font-style:normal; color:#68da38;}
.bannertext a {color: #fff;font-size: 15px;border: 1px solid #fff;padding: 8px 40px;}
.bannertext a:hover {background: #ff422e;border: 1px solid #ff422e;}
.bannerbox {
    position: absolute;
    top: 0px;
margin: 0 auto;
left:0px; height:100%;
	width:100%; border:solid 1px #ff6600;
}



.bannernav {margin: 0 auto;position:absolute;bottom: 0px;width: 100%;min-width: 1200px;background: url(../image/bjd.png) repeat; z-index:9999;}
.bannernav span {width: 48px;height: 40px; display: inline-block;}
.bannernav .banenrnavlist:nth-child(1) span {background:url(../image/icon_index_ban01.png) no-repeat center;}
.bannernav .banenrnavlist:nth-child(2) span {background:url(../image/icon_index_ban02.png) no-repeat center;}
.bannernav .banenrnavlist:nth-child(3) span {background:url(../image/icon_index_ban03.png) no-repeat center;}
.bannernav .banenrnavlist:nth-child(4) span {background:url(../image/icon_index_ban04.png) no-repeat center;}
.banenrnavlist {width:25%;cursor: pointer;padding: 27px 20px;border-left: 1px solid #252628;}
.banenrnavlist:first-child {width:25%;}
.banenrnavlist:last-child{border-right:1px solid #252628;}
.banenrnavlist:hover {background: #1b1b1b;opacity: 0.9;}
.banenrnavlist p {font-size: 12px;color: #c1c1c1;line-height: 1.5em;}
.banenrnavlist h3{margin-bottom: 12px}
.banenrnavlist div {padding-left:15px;width:80%;font-size: 16px;color: #fff;}
.bannernavbox {width: 1200px;margin: 0 auto;height: 95px;}


.head_right .phone-nav{display:none;}
.phone-nav{ right:10px;top:7px;position:absolute;width:35px;height:35px;display:none;background:url(../image/menu.png) no-repeat center;margin:0 0 0 5px;z-index:999}

.phone-subnav{width:100%;position:fixed;left:0;height:100%;top:0;background:rgba(255,255,255,.98);z-index:999999;margin:0 auto;display:none}
.phone-subnav .close{padding:20px 40px;display:block}
.phone-subnav .close img{max-height:40px}
.phone-subnav ul{height:90%;overflow-y:scroll;margin:25px 30px}
.phone-subnav ul li{position:relative;border-top:1px solid #dadada; overflow:hidden; text-align:left;}
.phone-subnav ul li i{position:absolute;right:10px;top:5px;text-align:center;line-height:30px;display:block;border-radius:100%;font-style:inherit;cursor:pointer}
.phone-subnav ul li i:after{content:"+";color:#666;font-size:24px;cursor:pointer;text-align:center}
.phone-subnav ul li .menu{color:#333;font-size:16px;line-height:40px;overflow:hidden;padding:0 40px 0 20px;display:block;cursor:pointer;text-align:left;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}
.phone-subnav ul li .menu>a{display:block;color:#333}
.phone-subnav ul li .menu02>a{color:#1b8fe2}
.phone-subnav ul li .menu03{display:block;padding:10px 0}
.phone-subnav ul li .menu03 a{color:#888;font-size:13px;line-height:20px;padding-top:0}
.phone-subnav ul li div{display:none;padding-bottom:15px}
.phone-subnav ul li div a{color:#666;line-height:20px;padding:5px 10px 5px 20px;display:block;height:auto;font-weight:100;position:relative}
.phone-subnav ul li div em{display:block;font-style:inherit}
.phone-subnav ul li div em>a{color:#666;font-size:12px;display:block;padding:5px 5px 5px 48px;line-height:18px}
.phone-subnav ul .active i:after{content:"-"}

/*服务内容*/
.home_neir{ padding-top:70px;}
.home_title { text-align:center; overflow:hidden; margin-bottom:60px;}
.home_title h3{ font-size:32px; color:#010113; font-weight:normal; margin-bottom:5px;}
.home_title p{ font-size:16px; color:#979797;}

.neir_cub{ text-align:center;}
.neir_cub li{ display:inline-block; text-align:center;width:30%;margin-left:20px;}
.neir_cub li em{ display:inline-block; width:57px; height:53px;-webkit-transition:all .5s;transition:all .5s;}
.neir_cub li p{ font-size:20px; color:#333; margin-bottom:40px;}
.neir_cub li:nth-child(1) em{ background:url(../image/neir1.png) no-repeat 0 0;}
.neir_cub li:hover:nth-child(1) em{ background:url(../image/neir1.png) no-repeat 0 -54px;}
.neir_cub li:nth-child(2) em{ background:url(../image/neir2.png) no-repeat 0 0;}
.neir_cub li:hover:nth-child(2) em{ background:url(../image/neir2.png) no-repeat 0 -54px;}
.neir_cub li:nth-child(3) em{ background:url(../image/neir3.png) no-repeat 0 0;}
.neir_cub li:hover:nth-child(3) em{ background:url(../image/neir3.png) no-repeat 0 -54px;}
.neir_cub li:hover p{ color:#006bce;}
.neir_cub li i{ display:none; height:3px; background:#006bce; width:80px; margin:0 auto;-webkit-transition:all .5s;transition:all .5s;}
.neir_cub li:hover i{ display:block;}
.neir_cub li.car em{ background:url(../image/neir1.png) no-repeat 0 -54px;}
.neir_cub li.car p{ color:#006bce;}
.neir_cub li.car i{ display:block;}



.neri_con{ background:#f5f8fa; padding:80px 0; overflow:hidden;}
.neri_car{ display:none;}
.neri_car li{ width:33%; float:left; padding-left:7%;}
.neri_car li:nth-child(1){ padding-left:0; padding-top:40px;}
.neri_car li p{ color:#333; font-size:20px; margin-bottom:10px;}
.neri_car li div p{ font-size:18px;}

.neri_car li span{ display:block; font-size:14px; color:#666666;}
.neri_car li div{ margin-bottom:45px;}
.neri_car li a{ font-size:14px; color:#666; margin-top:45px; display:block; text-align:right;color:#006bce;}
.neri_car li:hover a{ color:#006bce;}

/*koubei*/
.home_koubei{ background:url(../image/bj.jpg) no-repeat center center; background-size:cover; padding:80px 0 10% 0; overflow:hidden;}
.home_koubei .home_title h3{ color:#fff;}
.home_koubei .home_title p{ color:#979aa0;}
.hkb_left{ float:left;width:17%; padding-top:15px;}
.hkb_left li{ font-size:20px; color:#fff; margin-bottom:30px; padding-bottom:5px; text-align:center; }
.hkb_left li:hover i{ display:block;width:100px;border-bottom:2px solid #006bce; margin:0 auto;padding-top:5px;}
.hkb_left li:hover {color:#006bce;}
.hkb_left li.car i{ display:block;width:100px;border-bottom:2px solid #006bce; margin:0 auto;padding-top:5px;}
.hkb_left li.car {color:#006bce;}

.hkb_right{ color:#fff;width:80%; padding-left:6%; overflow:hidden;}
.hkb_wz h3{ font-size:25px; font-weight:normal; margin-bottom:23px;}
.hkb_wz p{ font-size:15px; margin-bottom:8px;}

.hkb_tp { overflow:hidden; margin-top:50px;}
.hkb_tp li{ padding-right:20px; float:left; text-align:center; cursor:pointer;}
.hkb_tp li img{-webkit-transition:all .5s;transition:all .5s;}
.hkb_tp li:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

.kb_pc{ display:block;}
.kb_phone { display:none;}
.kb_phone li{ color:#fff; background:#000428; padding:10px 10px;-webkit-transition: all .5s ease;transition: all .5s ease; margin-bottom:10px;}
.kb_phone li h3{ margin-bottom:10px;}
.kb_phone li:hover{box-shadow: 0 17px 50px 0 rgba(255,255,255,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.kb_phone .hkb_tp li{ width:45%; margin:0 2%;}


/*seo*/
.home_seo{ background:#f5f8fa; padding:80px 0 50px 0; overflow:hidden;}
.home_seo li{ width:23%; text-align:center; display:inline-block;background:#fff; padding:30px 25px; margin:0 0.8% 30px 0.8%;-webkit-transition: all .5s ease;transition: all .5s ease; cursor:pointer; } 
.home_seo li i{ display:block;width:77px; height:77px; margin:0 auto;-webkit-transition: all .5s ease;transition: all .5s ease}
.home_seo li:nth-child(1) i{ background:url(../image/seo1.png) no-repeat 0 0;}
.home_seo li:hover:nth-child(1) i{ background:url(../image/seo1.png) no-repeat 0 -78px;}
.home_seo li:nth-child(2) i{ background:url(../image/seo2.png) no-repeat 0 0;}
.home_seo li:hover:nth-child(2) i{ background:url(../image/seo2.png) no-repeat 0 -78px;}
.home_seo li:nth-child(3) i{ background:url(../image/seo3.png) no-repeat 0 0;}
.home_seo li:hover:nth-child(3) i{ background:url(../image/seo3.png) no-repeat 0 -78px;}
.home_seo li:nth-child(4) i{ background:url(../image/seo4.png) no-repeat 0 0;}
.home_seo li:hover:nth-child(4) i{ background:url(../image/seo4.png) no-repeat 0 -78px;}
.home_seo li:nth-child(5) i{ background:url(../image/seo5.png) no-repeat 0 0;}
.home_seo li:hover:nth-child(5) i{ background:url(../image/seo5.png) no-repeat 0 -78px;}
.home_seo li:nth-child(6) i{ background:url(../image/seo6.png) no-repeat 0 0;}
.home_seo li:hover:nth-child(6) i{ background:url(../image/seo6.png) no-repeat 0 -78px;}
.home_seo li:nth-child(7) i{ background:url(../image/seo7.png) no-repeat 0 0;}
.home_seo li:hover:nth-child(7) i{ background:url(../image/seo7.png) no-repeat 0 -78px;}
.home_seo li:nth-child(8) i{ background:url(../image/seo8.png) no-repeat 0 0;}
.home_seo li:hover:nth-child(8) i{ background:url(../image/seo8.png) no-repeat 0 -78px;}

.home_seo li strong{ display:block; font-size:20px; color:#333; margin:20px 0; height:30px; overflow:hidden;}
.home_seo li p{ font-size:15px; color:#999;height:70px; overflow:hidden;}

.home_seo li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.home_seo li:hover strong{ color:#006bce;}

.home_baozhang{ background:url(../image/seobj.jpg) no-repeat center center; overflow:hidden; padding-top:50px;}
.home_baozhang .home_title h3{ color:#fff;}
.home_baozhang .home_title p{ color:#fff;}

.home_liucheng{ padding:50px 0 70px 0; overflow:hidden;}
.liuc_list li { width:20.5%; float:left; text-align:center;-webkit-transition: all .5s ease;transition: all .5s ease; padding:10px 0; overflow:hidden;}
.liuc_list li img{ display:block; margin:0 auto; }
.liuc_list li strong{ display:block; font-size:24px; color:#333; font-weight:normal; margin-top:20px; margin-bottom:7px;}
.liuc_list li p{ font-size:14px; color:#8b8b8b;}
.liuc_list li:nth-child(2),.liuc_list li:nth-child(4),.liuc_list li:nth-child(6){width:16px; padding:6% 0 0 0; margin:0 2%}
.liuc_list li div{ height:40px; overflow:hidden;}

.liuc_list li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.home_kh{ background:#f5f8fa; padding:80px 0 70px 0;}
.kh_list li{width:14.5%; background:#fff; text-align:center; display:inline-block; margin:0 8px 20px 8px; cursor:pointer;}
.kh_list li img{ display:block; width:100%;-webkit-transition: all .5s ease;transition: all .5s ease; }
.kh_list li:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

.liuc_list li:hover:nth-child(2),.liuc_list li:hover:nth-child(4),.liuc_list li:hover:nth-child(6){box-shadow: 0 0 0 0 rgba(0,0,0,0);transform: translate3d(0,0,0); }


/*foot*/
.foot{ background:#1f1f1f; padding:50px 0 70px 0;}
.foot_top{ border-bottom:1px solid #4c4c4c; min-height:113px;padding-bottom:30px;}
.foot_top img{ display:block; float:left;}

.foot_tel{ font-size:15px; color:#cecece; float:left; width:46%; margin-left:45px; padding-top:10px;}
.foot_wx{ float:right; padding-top:20px;}
.foot_wx a{ display:block; float:left;width:23px; height:23px;-webkit-transition: all .5s ease;transition: all .5s ease; margin-left:7px;}
.foot_wx a.wx{ background:url(../image/wx1.png) no-repeat 0 0;}
.foot_wx a.wx:hover{ background:url(../image/wx1.png) no-repeat 0 -24px;}
.foot_wx a.qq{ background:url(../image/wx2.png) no-repeat 0 0;}
.foot_wx a.qq:hover{ background:url(../image/wx2.png) no-repeat 0 -24px;}
.foot_wx a.pyq{ background:url(../image/wx3.png) no-repeat 0 0;}
.foot_wx a.pyq:hover{ background:url(../image/wx3.png) no-repeat 0 -24px;}


.topweixin {
  position: relative;float:left;
}
.weixinbox {
  position: absolute;
  width: 120px; height:120px;
  left: 50%;
  margin-left: -80px;
  border: 1px solid #ddd;
  top:30px;
  display: none;
  z-index: 222;
  background: #fff;
}
.topweixin:hover .weixinbox {
  display: block;
}


.hkb_list{ display:none; min-height:271px;}
.foot_bot{ padding-top:30px;}
.bq { overflow:hidden; margin-bottom:17px;}
.bq p{ font-size:15px; color:#b4b4b4;}
.bq .bianh{ float:left;width:50%;}
.bq .hhao{ float:right;width:40%; text-align:right;}
.bq .hhao a{color:#b4b4b4; padding-left:20px;}
.bq .hhao a:hover{ color:#fff;}
.foot_xx{ font-size:14px; color:#646464;}

@media(max-width:1130px) {
.bannertext{ padding:11% 10px 0 10px;}
.bannertext b{font-size:28px;}	
.bannertext div {font-size:16px;padding-bottom:20px;}
.bannertext a {color: #fff;font-size: 13px;border: 1px solid #fff;padding: 8px 10px;}
.bannernav{ display:NONE;}


}


@media(max-width:980px) {

.home_title{ margin-bottom:15px;}
.home_neir{ padding-top:15px;}
.home_title h3{ font-size:25px; font-weight:bold; margin-bottom:10px;}
.home_title p{ font-size:12px;}	
.neir_cub li p{ font-size:15px; margin-bottom:10px;}
.neri_con{ padding:20px 0;}
.neri_car li{ padding-left:7%;}
.neri_car li p{ font-size:20px; margin-bottom:6px;}
.neri_car li span{ font-size:12px;}
.neri_car li div{ margin-bottom:20px;}
.neri_car li:nth-child(1){ padding-top:0;}
.neri_car li:nth-child(3) div{ padding-bottom:10px;}
.home_koubei{padding: 20px 0 0% 0;}
.hkb_left li{ font-size:15px;}
.hkb_wz h3{ font-size:16px;margin-bottom: 14px;}
.hkb_wz p {font-size: 12px;margin-bottom: 8px;}
.hkb_tp{ margin-top:30px;}
.home_seo{padding:15px 0 10px 0;}
.home_seo li{margin: 0 0.7% 20px 0.7%;}
.home_seo li strong{font-size:15px; margin:10px 0; height:22px;}
.home_seo li p{ font-size:12px;}
.liuc_list li { width:25%;padding:10px 20px;}
.liuc_list li strong{font-size:16px; }
.liuc_list li p{ font-size:12px;}
.liuc_list li:nth-child(2),.liuc_list li:nth-child(4),.liuc_list li:nth-child(6){ display:none;}
.home_liucheng{ padding:15px 0;}
.kh_list li{width:19.5%; margin:0 0 10px 0;}
.home_kh{ padding:15px 0;}
.foot_wx{ display:none;}
.foot_tel{ width:70%;font-size:13px; margin-left:20px;}
.bq p{ font-size:13px;}
.foot_xx{ font-size:12px;}
.foot{ padding:30px 0;}
.bq .hhao{ width:50%; }
}

.yd{ display:none;}

@media(max-width:767px) {
.bq .hhao{ width:100%; margin-top:15px;}	
.bq .hhao a{ padding-left:0; padding-right:20px;}
	.pc{ display:none;}
	.yd{ display:block;}
	
	
	.bq .bianh{width:100%; text-align:left;}
	.bq .hhao{ width:100%; text-align:left;}

.bannertext b{ margin-bottom:20px;}	
.bannertext div{}
.bannertext div em{}
.bannertext a{ display:none;}
.banner .swiper-pagination{ bottom:5%;}
.bannertext{ padding:27% 10px 0 10px;}
.headmenu{ display:none;}
.head_right .phone-nav {display: block;top:15px;}
.head_top .head_main{ padding:0 10px;}
.head_right a{ margin-right:0;}

.neir_cub li{margin-left:0;padding: 0 20px;}	
.kb_pc{ display:none;}
.kb_phone { display:block;}
.kb_phone li h3{ font-size:18px;}
.kb_phone li .hkb_wz h3{ font-size:14px;}
.home_seo li{margin: 0 1% 20px 1%;width:30.5%}
.home_baozhang{ padding-top:20px;}
.liuc_list li { width:50%; padding:10px 20px; margin-bottom:10px;}
.kh_list li{width:24%;}

	}
	
	
@media(max-width:540px) {
.bannertext{ padding:26% 10px 0 10px;}
.bannertext div em{ display:block;}
.neir_cub li{margin-left:0;padding: 0 8px;}	
.neir_cub li p{ font-size:14px;}
.neri_car li{ width:100%; float:none; padding-left:0;}
.neri_car li a{ margin-top:10px; margin-bottom:10px;}
.neri_car li div{ margin-bottom:15px;}
.home_seo li{width:47%}
.kh_list li{width:32%;}
.foot_tel{ width:52%;}

}



.img_tp{ width:50px; height:50px; border-radius:50%; text-align:center;}
.img_tp img{ margin-top:2px;margin-left:2px;}	
.circle {width:50px;height:50px;background-color:rgba(23,138,235,0.08); z-index:-1;
border-radius:50%;position:absolute;animation:myfirst 1.5s linear infinite alternate running;} 
.c1{ animation-delay:0.5s;}
.c2{ animation-delay:0.7s;}
.c2{ animation-delay:0.8s}

.fd{position: fixed;right:3%;bottom:5%; z-index:9999;}
.te_x{ position:absolute;right:120%; top:32%; width:160px; color:#fff; text-align:center;animation:myfirst1 infinite; animation-delay:2s;animation-duration:2s;}
.te_x span{background:#26c7fc; display:inline-block; padding:5px 8px;}
.te_x img{ vertical-align:middle;}


 @keyframes myfirst
{
from { display:none; transform:scale(0);}
to {display:block;transform:scale(1.9);}
}

 @keyframes myfirst1
{
from { opacity:1}
to {opacity:0}
}