@charset "utf-8";
/* topnav */
.top {width: 100%;height: 80px;background-color: #111111;border-bottom: 1px solid #ffffff;}
.fixednav {position: fixed;top: 0px;z-index: 9999;}
.topcon {width: 1220px;}
.logo {width: 172px;margin-left: 15px;}
.logo a {display: block;}
.logo a img {width: 100%;margin-top: 24px;}
.nav {width: auto;}
.nav ul li {float: left;padding-top: 10px;}
.nav ul li a {display: block;font-size: 15px;color: #ffffff;line-height: 70px;transition: all .5s;background: url(../images/navangline.png) no-repeat right;padding-right: 20px;background-position-x: 69px;}
.nav ul li a:hover,.nav ul li a.active {color: #c88c00;}
.nav ul li:first-child a {background-position-x: 38px;}
/*.nav ul li:nth-child(6) a {background-position-x: 83px;}*/
.nav ul li:nth-child(11) a {background:none;}
/* banner */
.banner {width: 100%;height: 999px;position: relative;}
.banner .swiper-slide {height: 999px;background-repeat: no-repeat;background-position: center;}
.banner .bannerdesc {position: absolute;top: 0px;z-index: 9;width: 100%;}
.banner_en {color: #888888;font-size: 36px;text-align: center;padding: 155px 0px 10px;letter-spacing: 1px;font-weight: lighter;}
.banner_cn {color: #ffffff;font-size: 36px;text-align: center;font-weight: bold;}
.banner_line {width: 674px;height: 3px;background-color: #744100;margin: 31px auto 10px}
.banner_li {text-align: center;}
.banner_li a {color: #ffffff;font-size: 28px;font-weight: lighter;}
.banner_li a span {color: #ffffff;}
.banner_imgli {width: 1170px;margin: 165px auto 0px;height: 253px;}
.banner_imgli ul {display: flex;flex-direction: row;justify-content: space-between;}
.banner_imgli ul li {float: left;text-align: center;width: 106px;margin-left: 88px;transition: all .5s;cursor: default;}
.banner_imgli ul li:first-child {margin-left: 0px;}
.banner_imgli ul li .banner_imglipic {width: 80px;height: 80px;margin: 0 auto 14px;background: url(../svgs/BanneriCon1w.svg) no-repeat center;}
.banner_imgli ul li .banner_imglipic1 {background-image: url(../svgs/BanneriCon1w.svg);}
.banner_imgli ul li .banner_imglipic2 {background-image: url(../svgs/BanneriCon2w.svg);}
.banner_imgli ul li .banner_imglipic3 {background-image: url(../svgs/BanneriCon3w.svg);}
.banner_imgli ul li .banner_imglipic4 {background-image: url(../svgs/BanneriCon4w.svg);}
.banner_imgli ul li .banner_imglipic5 {background-image: url(../svgs/BanneriCon5w.svg);}
.banner_imgli ul li .banner_imglipic6 {background-image: url(../svgs/BanneriCon6w.svg);}
.banner_imgli ul li:hover {margin-top: -10px;}
.banner_imgli ul li:hover .banner_imglipic1 {background-image: url(../svgs/BanneriCon1.svg);}
.banner_imgli ul li:hover .banner_imglipic2 {background-image: url(../svgs/BanneriCon2.svg);}
.banner_imgli ul li:hover .banner_imglipic3 {background-image: url(../svgs/BanneriCon3.svg);}
.banner_imgli ul li:hover .banner_imglipic4 {background-image: url(../svgs/BanneriCon4.svg);}
.banner_imgli ul li:hover .banner_imglipic5 {background-image: url(../svgs/BanneriCon5.svg);}
.banner_imgli ul li:hover .banner_imglipic6 {background-image: url(../svgs/BanneriCon6.svg);}
.banner_imgli ul li p {font-size: 24px;color: #ffffff;}
.banner_imglidesc {width: auto;height: 80px;text-align: center;margin: 45px auto 0px;}
.banner_imglidesc p {font-size: 14px;color: #bfbfbf;line-height: 26px;}
.banner_bot {width: 100%;height: 207px;background-color: rgba(255, 255, 255, .85);margin-top: 25px;}
.banner_btn {width: 835px;height: auto;margin:0px auto 0px;}
.banner_btn a {display: block;float: left;width: 272px;height: 80px;border: 5px solid #ffffff;color: #111111;font-size: 24px;line-height: 70px;text-align: center;margin: 10px 10px 0px 0px;transition: all .5s;}
.banner_btndesc {display: block;width: 166px;margin-left: 335px;letter-spacing: 4px;color: #ffffff;line-height: 30px;}
.banner_btndesc span {padding: 0px 10px;}
.banner_btn h3 {font-size: 18px;text-align: left;color: #434343;padding-left: 45px;padding-top: 30px;}
/* .banner_btn a:first-child {border-color: #c88c00;} */
.banner_btn a:hover {border-color: #c88c00;}
.banner_btn a span {color: #b4b4b4;}
.banner .swiper-button-next, .banner .swiper-button-prev {z-index: 99;top: 886.5px;width:63px;height: 63px;border-radius: 50%;
	/* border: 4px solid #c88c00; */}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after {font-size: 36px;font-weight: bold;content: '';}
.banner .swiper-button-next {right: 25%;background-image: url(../svgs/banrwhite.svg)}
.banner .swiper-button-prev {left: 65%;color: #ffffff;border-color: #ffffff;background-image: url(../svgs/banlwhite.svg);}
.banner .swiper-button-next.swiper-button-disabled, .banner .swiper-button-prev.swiper-button-disabled {opacity: 1;}
.banner .swiper-button-next:hover {background-image: url(../svgs/banrblue.svg);}
.banner .swiper-button-prev:hover {background-image: url(../svgs/banlblue.svg);}
/* new mode */
.newmode {width: 100%;height: auto;padding: 92px 0px 90px;}
.newmode_con {width: 1160px;margin: 0 auto;}
.newmode_con .newmode_desc {color: #aaaaaa;font-size: 24px;text-align: center;font-weight: lighter;}
.newmode_con .newmode_desc span {padding: 0px 5px;color: #aaaaaa;font-size: 30px;opacity: .2;}
.newmode_name {width: 100%;height: 44px;margin-top: 10px;background-position-y: 15px;}
.newmode_name h2 {color: #111111;font-size: 36px;font-weight: bold;text-align: center;}
/* main */
.main{
	width:1000px;margin:57px auto 0;overflow:hidden;
}
/* 本例子css */
.slideTxtBox{ width:100%;text-align:center;  }
.slideTxtBox .hd{ height:175px;position:relative; }
.slideTxtBox .hd ul{width:100%; float:left; position:absolute; left:0px; top:0px; height:175px; /* background:#0f0 */}
.slideTxtBox .hd ul li{float:left;cursor:pointer;width:25%;}
.slideTxtBox .hd ul li span{display:inline-block;width:250px;height:67px;}
.slideTxtBox .hd ul li .color1{background:url(../svgs/me1.svg) no-repeat center;background-size: 99%;}
.slideTxtBox .hd ul li .color2{background:url(../svgs/me2.svg) no-repeat center;background-size: 99%;}
.slideTxtBox .hd ul li .color3{background:url(../svgs/me3.svg) no-repeat center;background-size: 99%;}
.slideTxtBox .hd ul li .color4{background:url(../svgs/me4.svg) no-repeat center;background-size: 99%;}
.slideTxtBox .hd ul li.on .color1{background-image: url(../svgs/me1on.svg);}
.slideTxtBox .hd ul li.on .color2{background-image: url(../svgs/me2on.svg);}
.slideTxtBox .hd ul li.on .color3{background-image: url(../svgs/me3on.svg);}
.slideTxtBox .hd ul li.on .color4{background-image: url(../svgs/me4on.svg);}
.slideTxtBox .hd ul li .min_tile{
	height:56px;line-height:56px;font-size:20px;transition: all .5s;
}
.slideTxtBox .hd ul li h5{
	color:#999;font-weight: normal;font-size: 12px;font-family: "微软雅黑","arial","宋体","Tahoma","Verdana";line-height: 20px;
}
.slideTxtBox .bd ul{ padding:10px 0 0px;zoom:1;  }
.slideTxtBox .bd li{width:100%;height:310px;overflow:hidden;text-align:center;}
.slideTxtBox .hd ul li.on .min_tile {color: #c88c00;}
.slideTxtBox .bd li.positionli {position: relative;}
.jjtgimgdesc {position: absolute;width: 400px;height: 100px;top: 50px;right: 30px;}
.jjtgimgdesc h3,.jjtgimgdesc h4 {color: #00e1a5;text-align: left;font-size: 24px;font-weight: normal;}
.jjtgimgdesc h4 {color: #c88c00;}
.allnetdesc {width: 150px;height: 90px;position: absolute;bottom: 0px;right:177px;}
.allnetdesc p {font-size: 24px;font-weight: normal;color: #111111;line-height: 30px;}
/* highend */
.highend {width: 1200px;margin: 0 auto;}
.highend_desc {width: 1120px;margin: 0 auto;text-align: center;}
.highend_desc h3 {font-size: 36px;color: #111111;font-weight: bold;padding-bottom: 26px;}
.highend_desc p {font-size: 20px;color: #626262;line-height: 36px;}
.highend_list {width: 100%;margin: 35px 0px 90px;}
.highend_list ul li {width: 20%;float: left;height: 350px;text-align: center;transition: all .5s;overflow: hidden;}
.highend_list ul li h3 {padding: 38px 0px 30px;color: #323232;font-size: 22px;font-weight: bold;transition: all .5s;}
.highend_list ul li p {color: #323232;font-size: 14px;font-weight: normal;line-height: 24px;padding: 0px 20px;transition: all .5s;height: 50px;}
.highend_list ul li img {margin: 60px 0px 35px;transition: all .5s;height: 63px;}
.highend_list ul li h4 {color: #323232;font-size: 16px;font-weight: normal;transition: all .5s;}
.highend_list ul li .highend_li {height: 350px;border: 1px solid #dcdcdc;border-right: 0px;}
.highend_list ul li:nth-child(4) .highend_li {border-right: 1px solid #dcdcdc ;}
.highend_list ul li .highend_lion {display: none;transition: all .5s;width: 0%;opacity: 0;} 
.highend_list ul li.active {width: 40%;transition: all .5s;}
.highend_list ul li.active .highend_li {background-color: #744100;height: 100%;border:1px solid #744100;}
.highend_list ul li.active .highend_li {width: 50%;}
.highend_list ul li.active .highend_li h3,.highend_list ul li.active .highend_li p,.highend_list ul li.active .highend_li h4 {color: #ffffff;}
.highend_list ul li.active .highend_lion {background: url(../images/highend_lionbg.jpg) no-repeat center;background-size: cover;height: 100%;display: block;width:50% ;padding-top: 25px;opacity: 1;}
.highend_list ul li.active .highend_lion a {display: block;color: #ffffff;width: 80%;margin: 0 auto;text-align: left;line-height: 59px;font-size: 15px;border-top: 1px solid #535353;background: url(../svgs/jiahaoiCon.svg) no-repeat left;padding-left: 30px;
    background-position-x: 5px;background-position-y: 22px;transition: all .5s;background-size: 15px 17px;}
.highend_list ul li.active .highend_lion a:first-child {border-top: 0px;}
.highend_list ul li.active .highend_lion a:hover {padding-left: 35px;color: #c88c00;}
/* website */
.website {width: 1120px;margin: 0 auto;}
.website h3 {color: #111111;font-size: 36px;font-weight: bold;padding-bottom: 23px;text-align: center;}
.website h4 {color: #626262;font-size: 20px;line-height: 36px;text-align: center;}
.website ul {margin: 50px 0px 55px;}
.website ul li {float: left;text-align: center;width: 25%;}
.website ul li img {margin-bottom: 30px;height: 75px;}
.website ul li h4 {font-size: 20px;color: #aaaaaa;font-weight: lighter;text-transform: capitalize;}
.website ul li h3 {font-size: 20px;color: #111111;padding: 0px 0px 20px;font-weight: normal;}
.website ul li p {font-size: 16px;color: #888888;line-height: 30px;}
.website ul li:hover img {transform: scale(1.05);}
.website ul li:hover h3 {color: #c88c00;letter-spacing: 2px;}
.website ul li:hover p {letter-spacing: 1px;}
/* message */
.mess {width: 100%;height: auto;}
.messpic {width: 100%;height: 770px;background: url(../images/mesbg.jpg) no-repeat center;background-attachment: fixed;background-size: cover;}
.messpic_con {width: 1055px;margin: 0 auto;}
.messpic_con img {margin-top: 105px;width: 343px;margin-left: 0px;}
.messpic_contacts {margin-top: 229px;width: 310px;margin-left: 4px;}
.messpic_contacts p {font-size: 22px;color: #ffffff;line-height: 28px;text-align: justify;}
.messpic_contacts p strong {color: #ffffff;}
.messpic_line {width: 295px;height: 4px;background-color: #d2d2d2;margin: 15px 0px 26px;}
.messpic_con h3 {font-size: 30px;color: #dcdcdc;line-height: 48px;text-align: justify;}
.messpart {width: 100%;height: 269px;background-color: #502300;}
.messpart_con {width: 1085px;height: auto;margin: 0 auto;padding-top: 55px;}
.messpart_con h4 {color: #888888;font-size: 24px;line-height: 34px;padding-left: 15px;font-weight: lighter;}
.messpart_con h3 {color: #f9fafb;font-size: 24px;line-height: 34px;padding-left: 15px;}
.messpart_con h3 span {color: #aaaaaa;font-size: 14px;font-weight: lighter;display: block;float: right;padding-right: 13px;padding-top: 8px;height: 30px;line-height: 30px;}
.messpart_con p {color: #aaaaaa;font-size: 14px;letter-spacing: .5px;padding-left: 	15px;font-weight: lighter;}
.messpart_form {width: 100%;margin: 20px 0px 10px;}
.messpart_form form {margin-left: 5px;}
.messpart_form input,.message_sel {height: 45px;background-color: #ffffff;width: 223px;padding-left: 15px;display: block;float: left;margin-right: 2px;}
.messpart_form input::placeholder,.messpart_form input::-webkit-input-placeholder {color:#d2d2d2 ;}
.message_sel {outline: none;border: 1px solid #ffffff;color: #323232;border-radius: 0px !important;/*去掉默认的下拉三角*/
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
	padding-left: 10px;
    /*添加下拉三角图标*/
	background: url("../images/select_ico.png") no-repeat right center transparent;}
.messpart_form button {width: 170px;height: 45px;float: left;display: block;background-color: #ffffff;color: #626262;margin-left: 10px;border: 1px solid #ffffff;}
.messpart_form button:hover {background-color: #c88c00;color: #ffffff;border:1px solid #c88c00;}
/* .message_sel .message_sel_demo {color: #d2d2d2;} */
/* world */
.world {width: 100%;height: auto;background: url(../images/worldbg.png) no-repeat top;}
.world_con {width: 1200px;margin: 0 auto;height: 610px;background: url(../images/world_bowen.png) no-repeat center;position: relative;}
.world_title {width: 540px;height: auto;margin: 0 auto;text-align: center;}
.world_title h3 {font-size: 36px;font-weight: bold;color: #111111;padding: 90px 0px 30px;}
.world_title h4 {font-size: 20px;font-weight: normal;color: #00e1a5;}
.world_list {width: 100%;position: absolute;top: 190px;}
.world_list ul li {width: 25%;float: left;text-align: center;}
.world_list ul li img {transition: all .5s;width: 94px;}
.world_list ul li h3 {font-size: 20px;color: #111111;font-weight: bold;padding: 15px 0px 13px;transition: all .5s;}
.world_list ul li p {font-size: 16px;color: #323232;line-height: 26px;padding: 0 25px;}
.world_list ul li:nth-child(2),.world_list ul li:nth-child(3) {margin-top:96px;}
.world_list ul li:hover img {animation: myfirst 1s infinite;}
.world_proli {width: 100%;margin: 0 auto;height: auto;}
/* 本例子css */
.www360buy{ width:100%;    }
.www360buy .hd{ overflow:hidden;  width: 1074px;margin: 0 auto; }
.www360buy .hd ul {display: flex;flex-direction: row;justify-content: center;}
.www360buy .hd li{ position:relative;  text-align:center;  float:left;  cursor:default;font-size: 16px;border-left: 1px solid #dcdcdc;padding: 0px 20px; }
.www360buy .hd li:first-child {border-left: 0px;}
.www360buy .hd li.on,.www360buy .hd li:hover{  color:#c88c00;  }
.www360buy .hd li.on a,.www360buy .hd li:hover a{  color:#c88c00;  }
.www360buy .bd{ height:auto;margin-top: 20px;  position: relative;}
.www360buy .lh{ overflow:hidden; }
.www360buy .lh li{ 
	width: 400px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 267px;
    position: relative;
}
.www360buy .lh li:nth-child(3n) {
    margin-right: 0px;
}
.www360buy .lh li .p-img{ width:100%; height:100%;    }
.www360buy .lh li .p-img a {display: block;width:100%; height:100%; }
.www360buy .lh li .p-img a img {width: 100%;height: 100%;}
.www360buy .lh li .worldpro_show {width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);top: 0px;left: 0px;position: absolute;text-align: center;opacity: 0;transition: all .5s;}
.www360buy .lh li .worldpro_show a {display: block;}
.www360buy .lh li .worldpro_show a h3 {color: #ffffff;padding: 110px 0px 10px;}
.www360buy .lh li .worldpro_show a p {color: #bdbdbd;font-weight:lighter;}
.www360buy .lh li .worldpro_show a button {background: none;border: 0px;margin-top: 60px;display: block;margin-left: 0%;transition: all .5s;width: 30px;height: 30px;background: url(../images/worldpro_more.png) no-repeat center;background-size: cover;}
.www360buy .lh li .worldpro_show a button:hover {background-image: url(../images/worldpro_more_on.png);}
.www360buy .lh li:hover .worldpro_show {opacity: 1;}
.www360buy .lh li:hover .worldpro_show:hover a button {margin-left: 85%;}
.www360buy .world_promore {width: 210px;height: 65px;border: 3px solid #d2d2d2;text-align: center;margin: 40px auto;transition: all .5s;}
.www360buy .world_promore a {display: block;line-height: 60px;font-size: 24px;color: #626262;transition: all .5s;}
.www360buy .world_promore:hover {border-color: #c88c00;}
.www360buy .world_promore:hover a {color: #111111;}
/* process */
.process {width: 100%;height: 680px;margin:40px 0px 98px;}
.process_con {width: 1200px;margin: 0 auto;height:auto;}
.process_desc {width: 1123px;margin: 0 auto;text-align: center;padding-top: 50px;}
.process_desc h3 {font-size: 36px;color: #111111;font-weight: bold;padding-bottom: 30px;}
.process_desc h4 {color: #aaaaaa;font-size: 20px;font-weight: normal;padding-bottom: 50px;}
.process_desc p {font-size: 20px;color: #323232;line-height: 36px;}
.process_li {width: 100%;height: auto;position: relative;background: url(../images/processbg_line.png) no-repeat center;background-position-y: 134px;}
.process_li .swiper-pagination {left: 39%;top: 103%;}
.process_li .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	color: #888888;
	opacity: 1;
	margin: 0 5px;
	background: rgba(0, 0, 0, 0);
  }
.process_li .swiper-pagination-bullet:hover {color: #c88c00;}
.process_li  .swiper-pagination-bullet-active {color: #c88c00;}
.process_swiper {margin: 0px auto 0px;height: 330px;width: 1180px;padding: 80px 0px 0px 0px;}
.process_swiper .swiper-slide {width: 130px !important;display: block;text-align: center;}
.process_swiper .swiper-slide img {border: 4px solid #ffffff;border-radius: 50%;box-shadow: 0px 0px 5px rgba(0, 0, 0, .15);width:83%;display: block;margin: 0px auto 0px;background-color: #ffffff;}
.process_swiper .swiper-slide:hover img{animation: myfirst 1s infinite;}
.process_swiper .swiper-slide:hover h3 {color: #111111;}
.process_swiper .swiper-slide-active {transform: scale(1.4);margin:10px 10px 0px 10px !important;}
.process_li .swiper-button-next, .process_li .swiper-button-prev {top:105.5%;color:#d3d3d3;}
.process_li .swiper-button-next:hover, .process_li .swiper-button-prev:hover {color: #c88c00;}
.process_li .swiper-button-next:after, .process_li .swiper-button-prev:after {font-size:25px;content: '>';}
.process_li .swiper-button-prev:after {content: '<';}
.process_li .swiper-button-next {right: 33.5%;}
.process_li .swiper-button-prev {left: 34%;}
.process_swiper .swiper-slide h3 {display: block;font-size: 16px;color: #bfbfbf;margin-top: 20px;}
.process_swiper .swiper-slide p {opacity: 0;text-transform: capitalize;color: #888888;font-size: 18px;}
.process_swiper .swiper-slide p.process_slide6 {width: 170px;margin-left: -20px;}
.process_swiper .swiper-slide-active img {margin-top: 10px;}
.process_swiper .swiper-slide-active h3 {color: #111111;font-size:15px;}
.process_swiper .swiper-slide-active p {opacity: 1;font-size: 15px;}
/* price */
.price {width: 100%;background: #f7f7f8;position: relative;height: 577px;overflow: hidden;}
.price_con {width: 1130px;position: absolute;z-index: 9;margin-left: -565px;left: 50%;}
.price_con h3 {font-size: 36px;font-weight: bold;text-align: center;color: #111111;padding: 65px 0px 30px;}
.price_table {width: 1120px;margin: 0 auto;}
.price_table table {border: 3px solid #111111;}
.price_table table tr th {background-color: #464646;text-align: center;height: 70px;align-items: center;color: #ffffff;font-size: 20px;font-weight: normal;border-left: 1px solid #dcdcdc;}
.price_table table tr th.xm {width: 120px;}
.price_table table tr th.yms {width: 100px;}
.price_table table tr th.sjbz {width: 320px;}
.price_table table tr th.cckj {width: 200px;}
.price_table table tr th.hqwh {width: 150px;}
.price_table table tr th.chsj {width: 230px;}
.price_table table tr td {font-size: 16px;color: #323232;align-items: center;height: 37px;text-align: center;border: 1px solid #dcdcdc;background-color: #ffffff;transition: all .5s;cursor: pointer;}
.price_table table tr td.price_tdl {text-align: left;padding-left: 15px;}
.price_table table tr td.price_tdblue {font-weight: bolder;color: #c88c00;}
.price_table table tr td.price_tdbold {font-weight: bolder;color: #111111;}
.price_table table tr.price_tr1 {height: 45px;}
.price_table table tr.price_tr1 td {padding-top: 15px;}
.price_table table tr.price_tr5 {height: 45px;}
.price_table table tr.price_tr5 td {padding-bottom: 10px;}
.price_btn {width: 210px;height: 65px;border: 3px solid #d2d2d2;margin: 40px auto 0px;text-align: center;transition: all .5s;}
.price_btn a {color: #626262;font-size: 24px;line-height: 60px;transition: all .5s;}
.price_btn:hover {border-color: #c88c00;}
.price_btn:hover a {color: #111111;}
/* aboutus */
.aboutus {width: 100%;height: 525px;background: url(../images/aboutusbg.jpg) no-repeat center;background-size: cover;}
.aboutus_con {width: 1200px;margin: 0 auto;}
.aboutus_desc {width: 100%;height: auto;}
.aboutus_desc h4 {color: #dcdcdc;font-size: 28px;line-height: 38px;padding: 150px 0px 0px 390px;font-weight: lighter;}
.aboutus_desc h3 {color: #ffffff;font-size: 24px;padding: 20px 0px 0px 390px;}
.aboutus_info {width: 100%;height: 200px;background-color: #c88c00;margin-top: 45px;}
.aboutus_pic {width: 350px;height: 200px;}
.aboutus_pic_swiper .swiper-slide {width: 100%;height: 200px;background-position: center;background-size: cover;display: block;}
.aboutus_pic_swiper .swiper-slide p {padding-top: 150px;font-size: 14px;color: #ffffff;text-align: right !important;padding-right: 40px;}
/*.aboutus_pic_swiper .swiper-slide p.aboutus_pictitle2 {color: #323232;}*/
.aboutus_pic_swiper .swiper-button-next, .aboutus_pic_swiper .swiper-button-prev {width: 33px;height: 33px;color: #ffffff;top: 105px;}
.aboutus_pic_swiper .swiper-button-next {right: 40px;background: url(../svgs/banrwhite.svg) no-repeat center;background-size: cover;}
.aboutus_pic_swiper .swiper-button-prev {left: 215px;background: url(../svgs/banlwhite.svg) no-repeat center;background-size: cover;}
.aboutus_pic_swiper .swiper-button-next:after,.aboutus_pic_swiper .swiper-button-prev:after {font-size: 20px;content: '';}
.aboutus_pic_swiper .swiper-button-next:hover {background-image: url(../svgs/banrblue.svg);}
.aboutus_pic_swiper .swiper-button-prev:hover {background-image: url(../svgs/banlblue.svg);}
.aboutus_wenan {width: 770px;height: 200px;}
.aboutus_wenan p {font-size: 24px;color: #111111;padding: 50px 0px 20px 40px;}
.aboutus_wenan h3 {font-size: 24px;color: #ffffff;font-weight: normal;line-height: 34px;padding:0px 33px 0px 40px;}
.aboutus_more {width: 80px;height: 200px;background-color: #ffffff;cursor: pointer;position: relative;}
.aboutus_more_icon {position: absolute;width: 22px;height: 22px;background-image: url(../svgs/aboutusicon.svg);background-size: cover;
	background-repeat: no-repeat;top:145px;left:29px;transition: all .5s;}
.aboutus_more_icon:hover {background-image: url(../svgs/aboutusmore_open.svg);transition: all .5s;}
.aboutus_morexl {background-image: url(../svgs/aboutusicon.svg);background-size: cover;transform: rotate(180deg);transition: all .5s;}
.aboutus_morexl:hover {background-image: url(../svgs/aboutusmore_open.svg);background-size: cover;transform: rotate(180deg);transition: all .5s;}
.aboutus_more h3 {font-size: 18px;color:#707070 ;writing-mode:vertical-lr;padding: 50px 0px 0px 31px;}
.aboutus_xiala {width: 100%;height: 966px;background: url(../images/aboutus_xiala.jpg) no-repeat center;padding-top: 112px;display: none;z-index: 9;position: absolute;}
.index_aboutus_xl {background-image: url(../images/index_aboutus_xiala.jpg);background-color: #ffffff;}
.aboutus_xlinfo {width: 852px;height: 525px;background-color: #ffffff;margin:0px auto;position: relative;}
.aboutus_xlinfo_top {width: 768px;margin: 0 auto;border-bottom: 1px solid #dcdcdc;padding-top: 63px;}
.aboutus_xlleft {width: 150px;margin-left: 45px;padding-top: 36px;}
.aboutuspage_xlleft p,.aboutus_xlleft p {color: #aaaaaa;}
.aboutus_xlleft p {padding-top: 4px;}
.aboutuspage_xlleft p {padding-top: 2px;}
.aboutus_xlright {width: 150px;height: 60px;margin-right: 45px;margin-bottom: 5px;}
.aboutus_xlitem {width: 768px;margin: 0 auto;padding: 20px 45px 0px;}
.aboutus_xlitem p {color: #626262;font-size: 16px;line-height: 26px;}
.aboutus_xlitem p a:hover {color: #c88c00;}
.aboutuspage_xlitem p {color: #626262;}
.aboutuspage_right img {margin-right: 5px;}
.aboutpage_link {position: absolute;bottom: 24px;left: 43%;width: 14%;}
.aboutpage_link a {text-align: center;color: #a0a0a0;font-size: 16px;display: block;}
.aboutpage_link a:hover {color: #c88c00;}
.aboutus_xlppicon {width: 100%;height: auto;text-align: center;margin-top: 40px;}
.aboutus_xlppicon img {width: 626px;}
.aboutus_xlppicon p {line-height: 80px;color: #ff0000;font-size: 14px;}
.aboutus_xlicoli {width: 100%;text-align: center;height: auto;margin-top: 25px;}
.aboutus_xlicoli a img {margin: 0 2px;width: 35px;}
.aboutus_xlicoli a img:hover {-webkit-filter: brightness(0) invert(.7) grayscale(100%);
	filter: brightness(0) invert(.7) grayscale(100%);}
.aboutus_xlclo {width: 23px;height: 23px;position: absolute;top: -23px;right: -23px;cursor: pointer;}
/* market */
.market {width: 1120px;height: 650px;margin: 0 auto;}
.market_aboutxl {margin-top: 966px;}
.market h3 {color: #111111;font-size: 36px;font-weight: bold;line-height: 36px;text-align: center;padding-top: 100px;}
.market_line {width: 50px ;height: 5px;margin: 15px auto;background-color: #ffc800;}
.market h4 {color: #aaaaaa;font-size: 20px;font-weight: normal;text-align: center;}
.market_list {width: 100%;height: auto;margin-top: 43px;}
.market_list ul li {float: left;width: 340px;height: auto;margin-left: 50px;}
.market_list ul li a {display: block;}
.market_list ul li a .market_lipart {height: 376px;background: url(../images/market_lidescbg.png) no-repeat center;background-size: cover;position: relative;transition: all .6s;}
.market_list ul li a .market_lipart img {width: 100%;height: 230px;}
.market_list ul li a .market_lipart .market_lidesc {width: 100%;padding:15px 23px;}
.market_list ul li a .market_lipart .market_lidesc p {font-size: 14px;color: #323232;line-height: 24px;}
.market_list ul li a .market_limore {width: 100%;height: auto;}
.market_list ul li a .market_limore p {font-size: 18px;color: #626262;line-height: 45px;text-align: center;transition: all .5s;}
.market_list ul li a .market_lipart .market_licover {position: absolute;width: 100%;height: 230px;background: rgba(0, 0, 0, .42);top: 0px;transition:all .8s;}
.market_list ul li a .market_lipart .market_licover_ico {width: 320px;height: 60px;border-bottom: 1px solid #c88c00;margin-top: 115px;overflow: hidden;}
.market_list ul li a .market_lipart .market_licover_img {width: 90px;text-align: center;line-height: 60px;}
.market_list ul li a .market_lipart .market_licover_img img {width: 50px;height: auto;transition: all 1.5s;}
.market_list ul li a .market_lipart .market_licover_name {width: 110px;text-align: right;}
.market_list ul li a .market_lipart .market_licover_name p {font-size: 22px;color: #ffffff;padding-top:20px;transition: all 1.5s;padding-right: 9px;}
.market_list ul li a .market_lipart .market_lienname {width: 320px;height: auto;height: 30px;overflow: hidden;}
.market_list ul li a .market_lipart .market_lienname p {text-align: right;font-size: 16px;line-height: 30px;color: #ffffff;transition: all 1.5s;padding-right: 9px;font-weight: lighter;}
.market_list ul li:hover a .market_lipart .market_licover_img img {margin-top: 70px;}
.market_list ul li:hover a .market_lipart .market_licover_name p {padding-top: 70px;}
.market_list ul li:hover a .market_lipart .market_lienname p {padding-top: 40px;}
.market_list ul li:hover a .market_lipart .market_licover_ico {border-bottom: 0px solid rgba(0, 0, 0, .42);}
.market_list ul li:hover a .market_limore p {color: #111111;}
.market_list ul li:hover a .market_lipart .market_licover {background-color: rgba(0, 0, 0, 0);}
.market_list ul li:first-child {margin-left: 0px;}
.market_list ul li:nth-child(2) a .market_lipart .market_licover_ico {border-bottom-color: #af00ff;}
.market_list ul li:nth-child(3) a .market_lipart .market_licover_ico {border-bottom-color: #96dc00;}
.market_liicon {width: 42px;height: 42px;position: absolute;bottom: -8px ;left: 43.8%;background: url(../svgs/prolist_ico.svg) no-repeat center;}
.market_list ul li:hover a .market_liicon {background-size: 26px 26px;}
.market_list ul li:nth-child(1):hover a .market_liicon {background-image: url(../svgs/prolist_ico1.svg);}
.market_list ul li:nth-child(2):hover a .market_liicon {background-image: url(../svgs/prolist_ico2.svg);}
.market_list ul li:nth-child(3):hover a .market_liicon {background-image: url(../svgs/prolist_ico3.svg);}
/* thankful */
.thankful {width: 1200px;height: auto;margin: 80px auto 0px;}
.thankful_aboutxl {margin-top: 1056px;}
.thankful_name {width: 100%;height: auto;}
.thankful_name h3 {font-size: 36px;font-weight: bold;color: #111111;text-align: center;}
.thankful_list {width: 100%;height: auto;margin: 26px 0px 0px;}
.thankful_list ul li {float: left;width: 200px;height: 170px;margin-right: 0px;text-align: center;line-height: 170px;}
.thankful_list ul li:nth-child(6n) {margin-right: 0px;}
.thankful_list ul li img {text-align: center;
	/* -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;opacity: .7; */
}
.thankful_list ul li:hover img {opacity: 1;filter: none;margin-top: -10px;}
.thankful_beizhu {width: 100%;margin: 32px 0px 0px;}
.thankful_beizhu p {text-align: center;font-size: 14px;color: #dcdcdc;}
/* news */
.news {width: 100%;height: auto;margin:70px 0px 65px;position: relative;}
.newsname h3 {text-align: center;font-size: 36px;color: #111111;font-weight: bold;}
.newstab {width: 1270px;height: auto;margin: 30px auto 0px;}
/* 本例子css */
.hasMoreTab{ width:100%; font-family:"Microsoft YaHei";}
.hasMoreTab .hd{ line-height:24px; height:24px;  position:relative; padding-right:10px;  }
.hasMoreTab .hd .more{ float:right; }
.hasMoreTab .hd ul{ z-index:5; position:absolute;  zoom:1;left: 50%;margin-left: -480px;}
.hasMoreTab .hd li{ float:left;   cursor:pointer;  font-size: 20px;width:160px ;text-align: center;overflow-y: visible;height: 50px; }
.hasMoreTab .hd li p {color: #888888;border-left: 1px solid #d2d2d2;height: 22px; }
.hasMoreTab .hd li.on p{  border-top:0;   color:#111111; }
.hasMoreTab .hd li.on {background: url(../svgs/newsli_on.svg) no-repeat center bottom;background-size: 10px 10px; background-position-y: 35px;}
.hasMoreTab .hd li:first-child p {border-left: 0px;}
.hasMoreTab .bd{  clear:both; position:relative;width: 1125px;margin:90px auto 0px;  }
.hasMoreTab .bd .news_con ul ol {float: left;width: 362px;border: 1px solid #dcdcdc;margin-right: 19px;}
.hasMoreTab .bd .news_con ul ol:nth-child(3n) {margin-right: 0px;}
.hasMoreTab .bd .news_con ul ol a {display: block;}
.hasMoreTab .bd .news_con ul ol a .news_conimg {margin: 10px 0px 0px 10px;width: 340px;height: 180px;overflow: hidden;}
.hasMoreTab .bd .news_con ul ol a .news_conimg img {width: 100%;height: 100%;}
.hasMoreTab .bd .news_con ul ol a .news_con_date {width: 150px;height: 40px;background: url(../svgs/newsdate.svg) no-repeat left;margin-left: 20px;background-size: 15px 15px;background-position-y: 12px;}
.hasMoreTab .bd .news_con ul ol a .news_con_visit {width: 150px;height: 40px;background: url(../svgs/newsvisit.svg) no-repeat left;margin-left: 30px;background-size: 17px 17px;}
.hasMoreTab .bd .news_con ul ol a .news_con_date p,.hasMoreTab .bd .news_con ul ol a .news_con_visit p {font-size: 14px;color: #a0a0a0;line-height: 40px;padding-left: 22px;}
.hasMoreTab .bd .news_con ul ol a .news_con_tj {width: 345px;border-bottom: 5px solid #dcdcdc;margin-left: 16px;padding:0px 10px 20px 5px;transition: all .5s;}
.hasMoreTab .bd .news_con ul ol a .news_con_tj h3 {font-size: 20px;line-height: 30px;color: #626262;font-weight: bold;padding-bottom: 12px;transition: all .5s;height: 70px;}
.hasMoreTab .bd .news_con ul ol a .news_con_tj p {font-size: 16px;line-height: 26px;color: #323232;height:78px;}
.hasMoreTab .bd .news_con ul ol:hover  a .news_con_tj h3 {color: #111111;}
.hasMoreTab .bd .news_con ul ol:hover  a .news_con_tj {border-color: #c88c00;}
.hasMoreTab .bd .news_con ul ol:hover  a .news_conimg img {transform: scale(1.1);}
.newslistp_con ul ol {margin-bottom: 20px;}
.hasMoreTab .bd .news_con ul.news_conlist {margin-top: 25px;}
.hasMoreTab .bd .news_con ul.news_conlist li {float: left;width: 530px;margin-right: 60px;}
.hasMoreTab .bd .news_con ul.news_conlist li a {display: block;color: #626262;font-size: 16px;line-height: 30px;}
.hasMoreTab .bd .news_con ul.news_conlist li a span {display: block;float: left;color: #626262;}
.hasMoreTab .bd .news_con ul.news_conlist li a span.news_conlijia {margin-right: 5px;}
.hasMoreTab .bd .news_con ul.news_conlist li a span.news_conlidate {float: right;font-size: 14px;}
.hasMoreTab .bd .news_con ul.news_conlist li:nth-child(2n) {margin-right: 0px;}
.hasMoreTab .bd .news_con ul.news_conlist li:hover a {color: #111111;}
.hasMoreTab .bd .news_con ul.news_conlist li:hover a span {color: #111111;}
.hasMoreTab .bd .news_con ul.news_conlist li:hover a span.news_conlijia {color: #c88c00;}
.newscon_heng {position: absolute;width: 100%;height: 55px;background-color: #323232;top: 122px;}
.newscon_heng p {text-align: center;line-height: 55px;color: #ffffff;font-size: 16px;}
.news_more {width: 212px;height: 64px;border: 3px solid #d2d2d2;margin: 35px auto 0px;transition: all .5s;}
.news_more a {display: block;font-size: 24px;color: #626262;text-align: center;line-height: 60px;transition: all .5s;}
.news_more:hover {border-color: #c88c00;color: #111111;}
.news_more:hover a {color: #111111;}
/* city */
.city {width: 100%;height: auto;}
.city_item {width: 1200px;margin: 0 auto;position: relative;}
.city_item_all {position: absolute;width: 110px;right: 48px;top: 10px;}
.city_item_all p a {font-size: 16px; color: #888888;transition: all .5s;}
.city_item_all p a:hover {color: #c88c00;}
/* 本例子css */
.notice { width: 100%; overflow: hidden; }
.notice .tab-hd { color: #404040; }
.notice .tab-hd ul { width: 460px;margin: 0 auto;height: 50px;}
.notice .tab-hd li{ float: left; background: url(../images/cityname_line.jpg) no-repeat left; cursor: default;width: 230px;}
.notice .tab-hd li:first-child {background: none;}
.notice .tab-hd li a{ display:block; font-size: 24px;color: #888888;text-align: center; }
.notice .tab-hd li a:hover{ color: #111111;   }
.notice .tab-hd li.on{ border-bottom: none; position: relative;}
.notice .tab-hd li.on a{ color: #111111;}
.notice .tab-bd { border-top: 4px solid #e5e5e5; padding:32px 35px 25px;  }
.notice .tab-bd ul{ overflow:hidden; zoom:1; }
.notice .tab-bd li { overflow: hidden; width: 125px; float: left; background: url(../images/cityli_line.png) no-repeat right;text-align: center;}
.notice .tab-bd .tab-pal ul li a {font-size: 16px;line-height: 30px;color:#626262;display: block;}
.notice .tab-bd .tab-pal ul li a:hover{color: #c88c00;}
.notice .tab-bd li:nth-child(9n) {background: none;}
/* city_mess */
.city_mess {width: 1200px;margin: 0px auto 0px;background-color: #f9fafb;padding: 34px 105px 20px;}
.city_messname {width: 100%;text-align: center;}
.city_messname h3 {font-size: 36px;color: rgba(27, 27, 27, 1);padding-bottom: 10px;padding-top: 1px;}
.city_messname p {font-size: 14px;color:rgba(50, 50, 50, 1);line-height: 22px;}
.city_messpart {width: 948px;height: 90px;margin: 15px auto 0px;background-color: #242424;}
.city_messform {width: 900px;margin: 0 auto;padding-top: 24px;}
.city_messform span{color: #ffffff;display: block;float: left;line-height: 40px;font-size: 16px;margin-left: 35px;}
.city_messform form {width: 655px;float: left;margin-left: 22px;}
.city_messform form input{width: 384px;height: 40px;background-color: #ffffff;color: #111111;;padding-left: 15px;display: block;float: left;}
.city_messform form input::placeholder,.city_messform form input::-webkit-input-placeholder {font-weight: lighter;}
.city_messform form input.city_mfshort{width: 175px;margin-left: 1px;}
.city_messform form button {width: 92px;height: 40px;background-color: #535353;border:1px solid #535353;display: block;float: left;font-size: 16px;color: #ffffff;}
.city_messform form button:hover {background-color: #c88c00;border:1px solid #c88c00;}
.city_messform  span.city_mfthank{color:#ff0000;margin-left: 15px;}
.city_mfdesc {width: 651px;margin: 0 auto;}
.city_mfdesc p {text-align: left;color: rgba(98, 98, 98, 1);font-size: 12px;line-height: 26px;padding-left: 7px;}
/* foot */
#tong {display: none;}
.foot {width: 100%;height: auto;background-color: #2a2b2c;}
.footnei {height: 365px;}
.foot::after{content:''; display:block; height:0px; width:100%;}
.footicon {width: 1200px;height: 65px;border-bottom: 1px solid #c88c00;margin: 0 auto;}
.footicon .layui-layer-setwin .layui-layer-close2 {right: -44px;top: -44px;}
.footicon .layui-layer-ico {background: url(../svgs/layer_ewm_clsbtn.svg) no-repeat center !important;}
.footicon .layui-layer-ico:hover {background-image: url(../svgs/layer_ewm_clsbtnon.svg) !important;}
.footico_desc {width: 430px;text-align: center;margin-left:35px;}
.footico_desc p {color: #ffffff;font-size: 14px;padding-top: 30px;}
.footico_list {width: 430px;margin-right: 30px;}
.footico_list ul li {float: left;width: 43px;height: 43px;line-height: 43px;margin-top: 11px;}
.footico_list ul li a,.footico_list ul li span {display: block;text-align: center; cursor:pointer;}
.footico_list ul li a img,.footico_list ul li span img {width: 35px;}
.footico_list ul li a img:hover,.footico_list ul li span img:hover {-webkit-filter: brightness(0) invert(.7) grayscale(100%);filter: brightness(0) invert(.7) grayscale(100%);}
.footnav {width: 1200px;margin: 0 auto;}
.footnavleft,.footnavright {width: 440px;height: auto;}
.footnavleft {margin-left: 30px;}
.footnavleft dl {float: left;margin-left: 20px;}
.footnavleft dl:first-child {margin-left: 0px;}
.footnavleft dl dt {color: #ffffff;font-weight: normal;padding: 17px 0px 12px;}
.footnavleft dl dt a {color: #ffffff;font-weight: normal;transition: all .5s;}
.footnavleft dl dt a:hover {color: #c88c00;}
.footnavleft dl dd,.footnavleft dl dd a {color: #a0a0a0;line-height: 24px;}
.footnavleft dl dd a:hover {color: #ffffff;}
.footnavleft dl dd a span {color: #707070;padding: 0px 3px;}
.footnavleft dl dd a:hover span {color: #ffffff;}
.footnavright {margin-right:28px;width: 442px;}
.footnavright h3 {color: #ffffff;font-size: 14px;padding: 17px 0px 12px;}
.footnavright p {color: #a0a0a0;font-size: 14px;line-height: 24px;text-align: justify;}
.footcopy {width: 100%;height: 154px;background: url(../images/footcopybg.png) no-repeat center;overflow: hidden;background-position-y: 61px;background-size: 100%;padding-top: 24px;}
.footnei .footcopy {padding-top: 23px;}
.footcopy_item {width: 1200px;height: auto;margin:0px auto 0px;}
.footcopyl,.footcopyr  {width: 440px;height: 65px;margin-top: 5px;margin-left: 30px;}
.footcopyr {width: 445px;}
.footcopyl p,.footcopyr p {color: #707070;line-height: 30px;font-size: 14px;text-align:justify ;}
#cnzz_stat_icon_1279767332 a {color: #0a0a0a;text-align:justify }
.footcopyl p a,.footcopyr p a {color: #707070;text-align:justify }
.footcopyl p img {display: inline;margin:0px 3px;}
.footcopyl p.footcopyl_2p,.footcopyr p.footcopyl_2p {margin-top: 6px;}
.footcopyl_2p {position:relative}
.footcopyl_2p img {display: block !important;
    position: absolute;
    top: 5px;
    left: -25px;
    margin: 0px !important;}
.footcopyl_2p span {
    padding: 0px 0px 0px 30px;
    color: #707070;
}
.footcopyl_2p span.footgaba_desc {
	padding-left: 0px;
}
.footcopyl_2p span.footwebspan {
	padding: 0px 20px;
}
.footcopyl_2p a {cursor:default !important;}
.footcopyr_2p a {letter-spacing: .2px;cursor:default;letter-spacing:.5px;}
.footmidlogo_bot
.footcopyr_2p span {padding: 0px 18.5px;color: #707070;}
.footcopyr1p a {padding-right: 22px;}
.footcopyr1p a:hover,.footcopyr_2p a:hover {color: #ffffff;}
.footcopyr1p i {font-style:normal;color: #707070;display: block;float: right;}
.footcopym {width: 128px;text-align: center;margin-left: 71px;z-index: 9;position: relative;}
.footcopym a {display: block;}
.footcopym a img {max-width: 100%;}
.footcopym a img.footlogo-l {width: 86px;}
.footcopyr {margin-left: 0px;margin-right: 25px;}
.footlink {width: 100%;height: auto;background-color: #0a0a0a;margin-top: 0px;z-index: 99;padding: 14.5px 0px;}
.footlinklist {width: 1142px;margin:0 auto;}
.footlinklist a,.footlinklist span {color: #535353;font-size: 13px;display: block;float: left;font-weight: normal;}
.footlinklist a {background: url(../images/footlinkbg.png) no-repeat right;padding: 0px 4px;word-break: break-all;font-size: 13px;font-weight: normal;color: #535353;}
.footlinklist a:hover {color: #ffffff;}
.footlinklist a.footlinkmore {background: none;}
.footlinklist .cnzzjs a {background:none;}
.footlinklist span.cnzzjs {float:unset;display:inline-block;}
.footmidlogo_top {width: 100%;height: 100px;overflow: hidden;position: relative;z-index: 1;position: absolute;top: -23px;left: -5px;}
.footmidlogo_bot {width: 100%;height: 62px;overflow: hidden;background-color: #2a2b2c;z-index: 9;position: absolute;top: 77px;}
.footmidlogo_bot a img {display: block;width: 100%;position: absolute;bottom: 25px;left: 0px;}
/* xuanfu */
.xuanfu {width: 50px;height: 200px;position: fixed;bottom: 30px;right: 20px;z-index: 9999;}
.xuanfu ul {width: 100%;height: 200px;background-color: #f9fafb;}
.xuanfu ul li {width: 100%;text-align: center;height: 50px;transition: all .5s;position: relative;}
.xuanfu ul li .xf_liimg {width: 100%;height: 50px;display: flex;flex-direction: row;align-items: center;transition: all .5s;z-index: 999;}
.xuanfu ul li .xf_liimg img {margin: 0 auto;}
.xuanfu ul li .xuanfu_fgc {width: 195px;height: 100%;position: absolute;top: 0px;overflow: hidden;right: 50px;display: none;}
.xuanfu ul li .xuanfu_on {position: absolute;width: 100%;height: 50px;top: 0px;right: 0px;background-color: #f2f4f6;line-height: 50px;transition: all .8s;}
.xuanfu ul li .xuanfu_on p {color: #323232;font-size: 16px;width:auto;cursor: default;background-color: #f2f4f6;}
.xuanfu ul li:hover .xf_liimg {background-color: #1b1b1b;}
.xuanfu ul li .xuanfu_fgcewm {height: 100px;top: -50px;}
.xuanfu ul li .xuanfu_onewm {background: none;z-index: -2;height: 100px;}
.xuanfu ul li .xuanfu_onewm img {width: 195px;height: 100px;}
.xuanfu ul li .xf_liimg img.xfqqimg {height: 22.011px;width: auto;}
.xuanfu ul li .xf_liimg img.xftelimg {height: 16.613px;width: auto;}
.xuanfu ul li .xf_liimg img.xfewmimg {height: 20.477px;width: auto;}
.xuanfu ul li .xf_liimg img.xf_backtop {height: 23px;width: auto;}
/* newslist page */
.neibanner {width: 100%;height: 525px;background: url(../images/newsbanner.jpg) no-repeat center;background-size: cover;}
.neibanner_desc {width: 1280px;height: auto;border-bottom: 10px solid #c88c00;margin: 0 auto;text-align: center;}
.neibanner_desc img {width: 110px;margin: 115px 0px 40px;}
.neibanner_desc h3 {font-size: 66px;line-height: 56px;color: #ffffff;letter-spacing: .5px;}
.newsbanner_desc h3 {padding-top: 10px;}
.neibanner_desc h4 {font-size:26px;line-height: 48px;color: #d7d7d7;letter-spacing: .5px;font-weight: lighter;margin: 20px 0px 35px;}
.newsbanner_desc h4 {margin: 10px 0px 40px;}
.neibanner_desc p {margin-bottom: 61px;font-size: 18px;color: #ffffff;}
.newslist_heng {width: 1280px;margin-left: -640px;left: 50%;}
.hasMoreTab .hd li p a {    color: #888888;}
.hasMoreTab .hd li.on p a,.hasMoreTab .hd li:hover p a {color: #111111;}
.hasMoreTab .hd li:hover {background: url(../svgs/newsli_on.svg) no-repeat center bottom;background-size: 10px 	10px;background-position-y: 35px;}
.page {width: 1200px;margin: 20px auto 30px;text-align: center;}
.page a {display: inline-block;width: 44px;height: 44px;border-radius: 50%;color: #888888;font-size: 16px;line-height: 44px;transition: all .5s;margin: 0px 3px;}
/* .page a.page-pre,.page a.page-next {font-size: 26px;} */
.page a:hover,.page-num-current {background-color: #f9fafb;color: #c88c00 !important;}
.page-next a,.page-pre a {font-size: 22px;}
.page-next a:hover,.page-pre a:hover ,.page-last a:hover,.page-index a:hover  {background: none;}
.page-next a {margin-left: 30px;}
.page-pre a {margin-right: 30px;}
/* news page */
.news_page {width: 1200px;height: auto;margin: 115px auto 0px;}
.newspage_item {margin-top: 90px;margin-bottom: 47px;}
.newsp_item {width: 1195px;margin: 0 auto;}
.newsp_left {width: 360px;height: auto;}
.newsp_left_img {width: 100%;height: auto;text-align: center;margin-bottom: 50px;margin-top: 10px;}
.newsp_left_img img {width: 123px;margin: 20px 0px 0px;}
.newsp_left_hot,.newsp_left_htag {width: 100%;height: auto;margin-bottom: 50px;}
.newsp_left_hot h3,.newsp_left_htag h3 {font-size: 18px;font-weight: normal;color: #111111;line-height: 26px;border-bottom: 3px solid #636c7d;text-align: center;padding-bottom: 5px;}
.newsp_left_hot ul {margin-top: 10px;}
.newsp_left_hot ul li {width: 100%;height: 40px;border-bottom: 1px dashed #d3d3d3;}
.newsp_left_hot ul li:last-child {border-bottom:0px;}
.newsp_left_hot ul li a {display: block;}
.newsp_left_hot ul li a .newsp_lhot_title {width: 250px;height: 40px;background: url(../images/newspagelileftico.png) no-repeat left;overflow: hidden;padding-left: 10px;background-position-x: 7px;}
.newsp_left_hot ul li a .newsp_lhot_title p {color: #626262;font-size: 16px;line-height: 40px;padding-left: 15px;width: 228px;height: 40px;overflow: hidden;float: left;text-align: justify;}
.newsp_left_hot ul li a .newsp_lhot_title span {display: block;float: left;line-height: 32px;color: #626262;}
.newsp_left_hot ul li a .newsp_lhot_date {width: 76px;margin-right: 0px;}
.newsp_left_hot ul li a .newsp_lhot_date p {font-size: 12px;color: #626262;line-height: 40px;}
.newsp_left_hot ul li:hover a .newsp_lhot_title p,.newsp_left_hot ul li:hover a .newsp_lhot_date p,.newsp_left_hot ul li:hover a .newsp_lhot_title span  {color: #111111;}
.newsp_left_hot ul li:hover a .newsp_lhot_title {background-image: url(../images/newspagelileftonico.png);}
.newsp_lhtag_list {font-size: 0px;padding-top:15px;padding-left: 3px;}
.newsp_lhtag_list a {font-size: 16px;color: #626262;line-height: 30px;display: inline;}
.newsp_lhtag_list a span {padding: 0px 6px;font-weight: lighter;}
.newsp_lhtag_list a:hover {color: #c88c00;}
.newsp_right {width: 770px;height: auto;margin-top: 10px;}
.newsp_right h2 {font-size: 24px;color: #323232;line-height: 30px;font-weight: bold;text-align: left;}
.newsp_r_date {width: 100%;height: 15px;margin: 15px 0px 35px;}
.newspr_date {width: 180px;background: url(../svgs/newspr_dateico.svg) no-repeat left;padding-left: 25px;background-size: 14px 14px;}
.newspr_visit {background-image: url(../svgs/newspr_visitico.svg);background-size: 18px 18px;}
.newspr_visit {width: 120px;}
.newspr_date span {color: #a0a0a0;font-size: 14px;line-height: 15px;}
.newspr_lc,.newspr_nav {padding-left: 0px;background: none;width: 235px;text-align: right}
.newspr_nav {width:220px ;}
.newspr_nav a {color: #a0a0a0;font-size: 14px;line-height: 15px;}
.newspr_nav span {padding: 0px 4px;opacity: .5;} 
.newspr_nav a:hover {color: #af00ff;}
.newspr_nav a.newssysynav:hover {color: #96d200;}
.newspr_nav a.newswzjsnav:hover {color: #0082ff;}
.newspr_content {width: 100%;height: auto;padding-bottom: 110px;}
.newspr_content p {font-size: 16px;color: #323232;line-height: 26px;}
.newspr_content p a {display: inline;color: #c88c00;}
.newspr_content p img {max-width: 640px;height: auto;display: block;margin: 10px auto;}
.newspr_nextprev {width: 100%;height: 60px;}
.newspr_npitem {width: 490px;}
.newspr_npitem p {font-size: 16px;color: #626262;line-height: 32px;}
.newspr_npitem p a {font-size: 16px;color: #626262;padding-left: 10px;}
.newspr_npitem p:hover {color: #c88c00;}
.newspr_npitem p:hover a {color: #111111;}
.newspr_backlist {width: 177px;height: 50px;border: 2px solid #d2d2d2;margin-top: 5px;transition: all .5s;}
.newspr_backlist a {display: block;font-size: 18px;color: #626262;text-align: center;line-height: 48px;transition: all .5s;}
.newspr_backlist:hover{border-color: #c88c00;}
.newspr_backlist:hover a {color: #111111;}
.newspr_foot {width: 100%;height: auto;margin-top: 40px;margin-bottom:90px;}
.newspr_footewm {width: 152px;height: auto;}
.newspr_footewm img {width: 100%;}
.newspr_fewmdesc {width: 610px;height: auto;}
.newspr_fewmdesc h4 {font-size: 17px;color: #c88c00;padding:12px 0px 3px 9px;}
.newspr_fewmdesc .newspr_fdescline {width: 605px;height: 2px;background-color: #dcdcdc;margin: 5px 0px 7px 5px;}
.newspr_fewmdesc p {font-size: 14px;line-height: 22px;color: #aaaaaa;padding-left: 9px;text-align: justify;padding-right: 5px;}
.newspage_detaile {	margin-bottom: 10px;margin-top: 90px;}
/* website */
.webbanner {width: 100%;height: 793px;background: url(../images/website_banner.jpg) no-repeat center;}
.webban_desc {width: 870px;height: auto;margin: 0 auto;text-align: center;padding-top: 240px;}
.webban_desc h3 {font-size: 36px;color: #888888;line-height: 56px;padding: 0px 0px 0px;text-transform: capitalize;font-weight: lighter;}
.webban_desc h2 {font-size: 36px;color: #ffffff;font-weight: bold;line-height: 56px;}
.webban_desc .webban_descline {width: 674px;height: 3px;background-color: #744100;margin: 15px auto 10px;}
.webban_desc p {font-size: 28px;color: #ffffff;font-weight: lighter;}

.webban_desc a.bannerzx {width: 272px;height: 82px;margin: 140px auto 0px;display: block;border: 5px solid #ffffff;text-align: center;line-height: 70px;color: #ffffff;font-size: 24px;transition: all .5s;}
.webban_desc a.bannerzx:hover {border-color: #c88c00;}
.webban_desc h4 a {font-size: 17px;color: #888888;text-align: center;padding-top: 20px;display: block;height:60px;width: 300px;
    margin: 0 auto;}
.webban_desc h4 a:hover {color: #c88c00;}
.website_newmode {padding-bottom: 0px;padding-top: 87px;}
.website_diff {width: 100%;height: auto;padding: 58px 0px 35px;background-color: #fafafa;}
.webdiff_title {width: 1120px;height: auto;margin: 0 auto;text-align: center;}
.webdiff_title h3 {font-size: 24px;color: #aaaaaa;padding-bottom: 10px;}
.webdiff_title h2 {font-size: 36px;color: #111111;line-height: 50px; font-weight: bold;background: url(../images/webdiff_bgline.png) no-repeat center;}
.webdiff_part {width: 1120px;height: auto;margin: 50px auto 0px;position: relative;}
.webdiff_pleft {width: 497px;}
.webdiff_pmid {width: 126px;height: 482px;background: url(../images/webdiff_midbg.png) no-repeat center;margin-top: 38px;}
.webdiff_pright {width: 497px;}
.webdiff_trad_top {width: 352px;height: 25px;background: url(../svgs/webdiff_no.svg) no-repeat left;margin-left: 25px;}
.webdiff_trad_top p {color: #f78b00;font-weight: bold;font-size: 20px;text-align: right;}
.webdiff_trad_list {width: 100%;height: 458px;background-color: #ffffff;margin-top: 25px;}
.webdiff_trad_list ul {padding-top: 19px;}
.webdiff_trad_list ul li {height: 70px;line-height: 70px;border-top: 1px solid #e5e5e5;font-size: 16px;color: #323232;text-align: right;padding-right: 23px;width: 480px;margin-left: 17px;cursor: pointer;transition: all .5s;}
.webdiff_trad_list ul li:first-child {border-top: 0px;}
.webdiff_pmid ul {padding-top: 31px;}
.webdiff_pmid ul li {font-size: 18px;font-weight: normal;color: #ffffff;line-height: 70px;text-align: center;transition:  all .5s;cursor: default;}
.webdiff_pright .webdiff_trad_top {background-position: right;margin-left: 120px;background-image: url(../svgs/webdiff_yes.svg);}
.webdiff_pright .webdiff_trad_top p {text-align: left;color: #0050e6;}
.webdiff_pright .webdiff_trad_list ul li {text-align: left;padding-right: 60px;padding-left: 33px;line-height: 26px;padding-top: 10px;margin-left: 0px;}
.webdiff_leftline {position: absolute;width: 9px;height: 455px;top: 31px;left: 33px;}
.webdiff_rightline {left: 1078px;}
.webdiff_trad_list ul li:hover {color: #666d7c;}
.webdiff_pright .webdiff_trad_list ul li:hover {color: #666d7c;}
.webdiff_pmid ul li:hover {letter-spacing: 1.5px;}
.web_six {width: 100%;height: auto;padding: 73px 0px 80px;}
.websix_name {width: 902px;height: auto;margin: 0 auto;text-align: center;}
.websix_name h4 ,.webten_name h4{color: #aaaaaa;font-size: 24px;padding-bottom: 10px;}
.websix_name h3,.webten_name h3 {color: #111111;font-size:36px;font-weight: bold;line-height: 50px;background: url(../images/websix_bgline.png) no-repeat center;}
.websix_list_item {background: url(../images/websix_bg.png) no-repeat center;}
.websix_list {width: 1200px;height: auto;margin:  46px auto 0px;}
.websix_list ul li {width: 575px;height: 252px;background: url(../images/websix_libg1.png) no-repeat center;float: left;margin-bottom: 20px;cursor: default;}
.websix_list ul li .websix_list_desc {width: 308px;height: 156px;margin: 46px 0px 0px 100px;float: left;}
.websix_list ul li .websix_list_desc h3 {color: #111111;font-size: 24px;font-weight: normal;padding-bottom: 20px;}
.websix_list ul li .websix_list_desc p {font-size: 16px;line-height: 26px;text-align: justify;}
.websix_list ul li .websix_list_img {width: 130px;height: 230px;margin: 11px 11px 0px 0px ;overflow: hidden;border-top-right-radius:26px ;border-bottom-right-radius: 26px;float: right;}
.websix_list ul li .websix_list_img img {width: 100%;height: 100%;transition: all .5s;}
.websix_list ul li:nth-child(2) {background-image: url(../images/websix_libg2.png);}
.websix_list ul li:nth-child(3) {background-image: url(../images/websix_libg3.png);}
.websix_list ul li:nth-child(4) {background-image: url(../images/websix_libg4.png);}
.websix_list ul li:nth-child(5) {background-image: url(../images/websix_libg5.png);margin-bottom:0px;}
.websix_list ul li:nth-child(6) {background-image: url(../images/websix_libg6.png);margin-bottom:0px;}
/* .websix_list ul li:hover .websix_list_desc h3 {color: #c88c00;} */
.websix_list ul li:hover .websix_list_desc p {color: #111111;}
.websix_list ul li:hover .websix_list_img img {transform: scale(1.1);}
.websix_list ul li:nth-child(2n) {float: right;}
.websix_list ul li:nth-child(2n) .websix_list_desc {float: right;margin: 46px 100px 0px 0px;}
.websix_list ul li:nth-child(2n) .websix_list_img {float: left;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-top-left-radius: 26px;border-bottom-left-radius: 26px;margin-left: 11px;}
.websix_list ul li:nth-child(2) .websix_list_desc {margin-top: 60px;}
.web_ten {width: 100%;height: auto;}
.webten_name {width: 1010px;margin: 0 auto;height: auto;text-align: center;}
.webten_name h3 {background-image: url(../images/webtebbgline.png);}
.webten_item {width: 1500px;height: 580px;background: url(../images/webtenbg.jpg) no-repeat center;margin: 45px auto 0px;position: relative;}
.webten_desc {width: 415px;height: auto;position: absolute;top: 0px;left: 65.5%;z-index: 10;}
.webten_desc img {width: 233px;margin-top: 47px;margin-left: 29px;margin-bottom: 35px;}
.webten_desc ul li {float: left;width: 195px;height: auto;background: url(../images/webten_liico.png) no-repeat left;margin-top: 25px;padding-left: 30px;background-position-y:5px;transition: all .5s;}
.webten_desc ul li:nth-child(2n) {float: right;}
.webten_desc ul li p {font-size: 16px;line-height: 23px;color: #111111;transition: all .5s;cursor: default;}
.webten_desc ul li:hover p {transform: scale(1.05);}
.webten_right {position: absolute;width: 207px;height: 496px;background: url(../images/webten_bgright.png) no-repeat center;top: 84px;left: 543px;}
.webten_left {position: absolute;width: 750px;height:580px;background: url(../images/webten_bgleft.png) no-repeat left;top: 0px;left: 750px;z-index: 9;}
/* high */
.highbanner {background-image: url(../images/highbanner.jpg);}
.highban_desc {width: 760px;}
.highban_desc .highban_descline {width: 670px;margin: 15px auto 10px;}
.neihighend {margin-top: 90px;}
.neihighend .highend_desc h3 {padding-bottom: 25px;}
.neihighend_list {margin-bottom: 0px;}
.high_tsxx {width: 100%;height: 600px;background-color: #ffffff;margin: 45px 0px 247px;position: relative;}
.high_tsxxdesc {width: 1500px;height: 758px;background: url(../images/hightsxx.jpg) no-repeat center;position: absolute;top: 0px;left: 50%;margin-left: -750px;}
.neihigh_tsxxdesc {width: 1500px;height: 600px;position: absolute;left: 50%;margin-left: -750px;background-color: rgba(255, 255, 255, .95);}
.neihigh_tsxxitem {width: 960px;margin: 0 auto;padding: 93px 0px 20px;border-bottom: 1px solid #ffc800;}
.neihigh_tsxxleft {width: auto;height: auto;}
.neihigh_tsxxleft h2 {font-size: 36px;font-weight: bold;color: #111111;padding-bottom: 24px;}
.neihigh_tsxxleft p {font-size: 20px;font-weight: normal;color: #323232;line-height: 36px;}
.neihigh_tsxxleft h3 {font-size: 24px;font-weight: bold;color: #111111;padding: 40px 0px 24px;}
.neihigh_tsxxright {width: 305px;height: auto;padding-top: 265px;transition: all .5s;}
.neihigh_tsxxright img {width: 100%;}
.neihigh_tsxxbot {width: 960px;height: auto;margin: 20px auto 0px;}
/* .neihigh_tsxxitem:hover .neihigh_tsxxright {padding-top: 230px;} */
.neihigh_tsxxitem:hover .neihigh_tsxxleft h3,.neihigh_tsxxitem:hover .neihigh_tsxxleft h2 {letter-spacing: 1px;}
.neihigh_money {width: 100%;height: auto;margin-bottom: 63px;}
.nhmoney_name {width: 100%;height: auto;text-align: center;}
.nhmoney_name h3 {font-size: 36px;color: #000000;font-weight: bold;padding-bottom: 28px;}
.nhmoney_name p {font-size: 20px;color: #626262;font-weight: normal;}
.nhmoney_item {width: 100%;height: 1090px;background-color: #f7f7f8;margin-top: 30px !important;position: relative;}
.nhmoney_item canvas {height: 1090px !important;width: 100% !important;}
.nhmoney60 {width: 1030px;position: absolute;left: 50%;margin-left: -515px;z-index: 2;}
.nhmoney60l {width: 543px;height: auto;padding-top: 66px;}
.nhmoney60l img {width: 100%;}
.nhmoney60r {width: 432px;height: auto;}
.nhmoney60r h2 {color: #000000;font-size: 30px;font-weight: bold;padding-top: 85px;}
.nhmoney60r h3 {color: #c88c00;font-size: 30px;font-weight: bold;padding: 10px 0px 38px;}
.nhmoney60r p {color: #000000;font-size: 16px;font-weight: normal;line-height: 26px;}
.nhmoney60r h4 {color: #000000;font-size: 20px;font-weight: bold;padding-top: 35px;}
.nhmoney60r h4 span {color: #ff0000;}
.nhmoney_four {width: 1160px;height: auto;position: absolute;top: 490px;left: 50%;margin-left: -580px;z-index: 2;}
.nhmf_name {text-align: center;}
.nhmf_name h4 {color: #aaaaaa;font-size: 24px;}
.nhmf_name h3 {color: #111111;font-size: 36px;font-weight: bold;padding: 15px 0px 30px;}
.nhmf_name p {color: #626262;font-size: 20px;}
.nhmf_icoli {width: 924px ;height: 50px;margin:  40px auto 45px;}
.nhmf_icoli img {max-width: 100%;}
.nhmf_wifi {width: 1098px;height: auto;margin: 0 auto;}
.nhmf_wifi ul li {width:358px;height: auto;float: left;margin-left: 12px;overflow: hidden;position: relative;}
.nhmf_wifi ul li:first-child {margin-left: 0px;}
.nhmf_wifi ul li img  {width: 100%;height: 240px;}
.nhmf_wifi ul li .nhmf_wifi_liitem {position: absolute;width: 100%;height: 240px;background-color: rgba(0, 0, 0, .3);top: 0px;left: 0px;transition: all .5s;}
.nhmf_wifi ul li:hover .nhmf_wifi_liitem {top: -360px;}
.nhmf_wifi ul li .nhmf_wifi_lidesc {width: 100%;text-align: center;}
.nhmf_wifi ul li .nhmf_wifi_lidesc p {font-size: 16px;color: #aaaaaa;line-height: 40px;}
/* responsive */
.respbanner {background-image: url(../images/respbanner.jpg);}
.why_res {width: 100%;height: auto;padding-bottom: 105px;position: relative;}
.whyres_name {width: 100%;height: auto;text-align: center;padding: 88px 0px 0px;}
.whyres_name h3 {font-size: 36px;font-weight: bold;color: #111111;padding-bottom: 24px;}
.whyres_name p {font-size: 20px;color: #626262;line-height: 36px;}
.whyres_info {width: 1048px;height: auto;margin: 0 auto;}
.whyres_infol {width: 446px;height: auto;}
.whyres_infol ul {margin-top: 60px;}
.whyres_infol ul li {margin-bottom: 25px;background: url(../images/whyresico.png) no-repeat left top;padding-left: 33px;background-position-y: 4px;background-size: 22px;}
.whyres_infol ul li h4 {font-size: 22px;font-weight: bold;color: #c88c00;padding-bottom: 3px;}
.whyres_infol ul li p {font-size: 18px;color: #323232;line-height: 36px;}
.whyres_infor {width: 600px;height: auto;text-align: right;padding-top: 60px;}
.whyres_infor img {max-width: 100%;}
.whyres_botdesc {width: 100%;text-align: center;margin-top: 20px;}
.whyres_botdesc p {color: #111111;font-size: 17px;line-height: 40px;}
.whyres_num {width: 1280px;height: 125px;position: absolute;bottom: -20px;left: 50%;margin-left: -640px;background: url(../images/whyresnum_bg.jpg) no-repeat center;}
/* 数字 */
.num {
    width: 100%;
    height: auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.num ul {
    width: 1260px;
    height: auto;
    margin: 0 auto;
}
.num ul li {
    float: left;
    width: 20%;
    height: auto;
    text-align: center;
    padding-top: 25px;
	background: url(../images/whyresnum_line.jpg) no-repeat left;
	background-position-y: 25px;
}
.num ul li:first-child {
	background: none;
}
.num ul li b {
    font-size: 28px;
    font-weight: bold;
    color: #f5f6f8;
}
.num ul li b i {
    font-style:normal;
    color: #ffffff;
}
.num ul li b span {
    color: #ffffff;
	font-weight: bold;
}
.num ul li .numline {
    width: 16px;
    height: 1px;
    margin: 10px auto 0px ;
}
.num ul li p {
    font-size: 16px;
    color: #f5f6f8;
}
/* interact */
.interact {width: 100%;height: auto;padding: 85px 0px 35px;background-color: #fafafa;}
.interact_name {width: 100%;text-align: center;}
.interact_name h3 {font-size: 36px;font-weight: bold;color: #111111;padding-bottom: 21px;}
.interact_name p {font-size: 20px;color: #626262;line-height: 36px;}
.interact_list {width: 1200px;margin: 35px auto 0px;height: auto;}
.interact_list ul li {width: 25%;height: 435px;background: url(../images/interactimg.jpg) no-repeat center;float: left;position: relative;overflow: hidden;}
.interact_li {width: 100%;height: 100%;background: rgba(10, 28, 75, .8);display: flex;flex-direction: column;align-items: center;position: absolute;top: 0;left: 0px;transition: all 2s;}
.interact_liimg {margin: 125px 0px 40px;z-index: 1;transition: all .5s;}
.interact_li h3 {font-size: 24px;color: #ffffff;font-weight: bold;z-index: 1;}
.interact_jiantou {width: 26px;height: 26px;z-index: 1;position: absolute;bottom: 30px;left: 50%;margin-left: -13px;}
.interact_lion {position: absolute;width: 100%;height: 100%;background: rgba(10, 10, 10, .8);top: 100%;left: 0px;z-index: 0;transition: all .5s;padding-top: 230px;}
.interact_lion p {font-size: 16px;color: #bfbfbf;line-height: 26px;padding: 0px 35px;text-align: center;}
.interact_list ul li:hover .interact_lion {top: 0px;}
.interact_list ul li:hover .interact_liimg {margin-top: 50px;}
.interact_list ul li:nth-child(2) .interact_li {background: rgba(48, 0, 128, .8);}
.interact_list ul li:nth-child(3) .interact_li {background: rgba(126, 225, 0, .8);}
.interact_list ul li:nth-child(4) .interact_li {background: rgba(255, 108, 0, .8);}
.interact_list ul li:hover .interact_li {background: none;}
.interact_list h4 {text-align: center;font-size: 20px;color: #323232;padding-top: 25px;}
/* codeback */
.codeback {width: 100%;height: auto;padding: 70px 0px 60px;}
.codeback_name {width: 1070px;height: auto;margin: 0 auto;text-align: center;}
.codeback_name h3 {font-size: 36px;font-weight: bold;color: #111111;padding-bottom: 27px;}
.codeback_name p {font-size: 20px;color: #626262;line-height: 36px;}
.codeback_li {width: 1050px;height: auto;margin: 55px auto 0px;}
.codeback_li ul li {float: left;width: 33.33%;height: auto;text-align: center;transition: all .5s;cursor: default;}
.codeback_li ul li .codeback_liimg {width: 160px;height: 135px;margin: 0 auto;display: flex;flex-direction: row;align-items: center;text-align: center;}
.codeback_li ul li .codeback_liimg img {display: block;margin: 0 auto;max-height: 135px;}
.codeback_li ul li h3 {color: #111111;font-size: 20px;font-weight: bold;padding: 25px 0px 20px;}
.codeback_li ul li p {color: #626262;font-size: 16px;line-height: 26px;padding: 0px 50px;}
.codeback_li ul li:hover {margin-top: -10px;}
/* wapsite */
.wapbanner {background-image:url(../images/wapbanner.jpg);}
.wapyx {width: 100%;height: auto;margin: 93px auto 90px;}
.wapyx_name {width: 1160px;height: auto;margin: 0 auto 35px;text-align: center;
	/* background: url(../images/wapyxname_line.png) no-repeat center;background-position-y: 69px; */
}
.wapyx_name p {font-size: 24px;color: #aaaaaa;padding-bottom: 10px;}
.wapyx_name h3 {font-size:36px;color: #111111;font-weight: bold;}
.page-products {margin-top: 40px;}
.page-products .tit { height: 54px; line-height: 54px; border-bottom: 2px solid #F7F7F5; font-size: 16px; color: #424242; border-bottom: 2px solid #F7F7F5; background: #FFF; padding-left: 25px;}
.page-products ul {background: #fdfdfd; padding: 0 2px; height: 300px;  overflow: hidden;}
.page-products li { width: 238px; height: 300px; float: left; display: inline; overflow: hidden; border-right: solid 2px #e9e9e9;}
.page-products li a {display: block; color: #666;}
.page-products li a:hover {text-decoration: none;}
.page-products li.last {border-right: none 0;}
.page-products .item-inner {width: 464px; height: 100%;}
.page-products .main1 { text-align: center; width: 238px; height: 100%; border-right: solid 1px #efefef; background-position: center 115px; background-repeat: no-repeat;}
.page-products .main1 a {height: 100%;}
.page-products .main1 h3 { display: block;	font-size: 18px; color: #fff; line-height: 25px; padding-bottom: 10px;font-weight: bold;padding-top: 25px;}
.page-products .main1 .descrip { display: block; line-height: 20px; padding-top: 5px; height: 60px; color: #fff;}
.page-products .main1 .btm {display: block; line-height: 20px; padding-top: 110px; color:#fff;}
.page-products .hosting .main1 {background: #00cd4b url(../svgs/mobp_icon_wap.svg) no-repeat center; border-top:#00cd4b solid 9px;background-size: 80px;}
.page-products .lightcloud .main1 { background: url(../images/icon_lightcloud_03.jpg) no-repeat center; border-top:#1dbdeb solid 9px;background-size: 80px;}
.page-products .cloudmail .main1 { background:#bac541 url(../svgs/mobp_icon_allnet.svg) no-repeat center; border-top:#bac541 solid 9px;background-size: 80px;}
.page-products .website .main1 { background:#8a59f5 url(../svgs/mobp_icon_email.svg) no-repeat center; border-top: #8a59f5 solid 9px;background-size: 80px;}
.page-products .domain .main1 { background:#0077d0 url(../svgs/mobp_icon_domain.svg) no-repeat center; border-top:#0077d0 solid 9px;background-size: 80px;}
.page-products .detail .sort { width: 208px; height: 115px; padding: 25px 0 10px 15px; border-bottom: solid 1px #efefef;font-size: 12px;}
.page-products .detail .sort .tag { display: inline-block; height: 22px; line-height: 22px;  margin-bottom: 5px;font-size: 15px;color: #323232;font-weight: bold;}
.page-products .detail .sort .wap_price {display: block; margin-bottom: 10px;}
.page-products .detail .sort .wow {color: #ff4606; font-size: 24px;}
.page-products .detail .sort .descrip {display: block;}
.page-products .three-item .sort {height: 101px; padding-top: 20px;}
.page-products .three-item .sort1 {padding-top: 30px;}
.page-products .three-item .sort .wap_price1 {display: inline-block; padding-left: 10px;}
.page-products .fourlast-item .sort {padding-top: 26px;}
.page-products .four-item .sort {height: 76px; padding-top: 15px;}
.page-products .four-item .sort .wap_price {display: inline-block; padding-left: 0px;}
.page-products li.on { background: #fff; width: 464px; border-left: solid 2px #e9e9e9; border-right: solid 2px #e9e9e9; margin: 0 -2px;}
.page-products li.on .hosting .main1 {background: #fff url(../svgs/mobp_icon_wap_on.svg) no-repeat center; border-top:10px #fff solid;background-size: 80px;}
.page-products li.on .lightcloud .main1 {background:#fff url(../images/icon_lightcloud_on_03.jpg) no-repeat center; border-top:10px #fff solid;background-size: 80px;}
.page-products li.on .cloudmail .main1 {background:#fff url(../svgs/mobp_icon_allnet_on.svg) no-repeat center; border-top:10px #fff solid;background-size: 80px;}
.page-products li.on .website .main1 {background:#fff url(../svgs/mobp_icon_email_on.svg) no-repeat center; border-top:10px #fff solid;background-size: 80px;}
.page-products li.on .domain .main1 {background:#fff url(../svgs/mobp_icon_domain_on.svg) no-repeat center; border-top:10px #fff solid;background-size: 80px;}
.page-products li.on  .main1 h3 {color: #000;}
.page-products li.on  .main1 .descrip{color: #666;}
.page-products li.on .main1 .btm {color:#666;}
.w-wrap-inner { width:  1178px;  padding: 0 0px; margin: 0 auto;}
.w-fl { float: left !important; display: inline; width:225px;}
/* workhard */
.workhard {width: 100%;height: auto;}
.workhard_name {width: 760px;height: auto;margin: 0 auto;text-align: center;}
.workhard_name h3 {font-size: 36px;color: #292929;font-weight: bold;padding-bottom: 30px;}
.workhard_line {width: 100%;height: 2px;background: #c88c00;margin: 15px 0px 20px;}
.workhard_name p {font-size: 20px;color: #626262;}
.workhard_15 {width: 985px;height: auto;margin:70px auto 30px;}
.workhard_15img {width: 584px;height: auto;position: relative;}
.workhard_15img img {width: 100%;height: auto;}
.workhard_15desc {width: 380px;height: auto;padding-top: 55px;margin-right: 20px;}
.workhard_15desc h3 {color: #111111;font-size: 30px;}
.workhard_15desc h3 span {color: #ffc800;font-weight: bold;}
.workhard_15desc h4 {font-size: 16px;color: #000;margin: 10px 0px 30px;line-height: 24px;}
.workhard_15desc p {line-height: 24px;font-size: 14px;color: #666666;}
.workhard_15desc h5 {font-size: 18px;color: #000000;margin-top: 30px;line-height: 24px;}
.workhard_15ips {margin-top: 0px;}
.workhard_15imgtitle {width: 100%;height: 30px;position: absolute;bottom: 30px;left: 0px;}
.workhard_15imgtitle ul li {float: left;color: #626262;}
.workhard_15imgtitle ul li:first-child {padding-left: 12px;}
.workhard_15imgtitle ul li:nth-child(2) {padding-left: 26px;}
.workhard_15imgtitle ul li:nth-child(3) {padding-left: 30px;}
.workhard_15imgtitle ul li:nth-child(4) {padding-left: 33px;}
.workhard_ipsimg {width: 411px;}
.workhard_ipsimg {animation: mobilepage 2s infinite;}
.workhard_ipsdesc {width: 400px;padding-top: 60px;margin-left: 30px;margin-right: 0px;}
/* four in one */
.ureii{
	width:100%;
    height: 670px;
	background:url(../images/98_12.jpg) #f5f5f5 no-repeat center;
	background-size: cover;
}
.uadmir{
	width:1000px;
	margin:0 auto;
	position: relative;
	overflow: hidden;
}
.ucentsab .pst{
	font-size:36px;
	color:#111111;
    font-weight: bold;
}
.ucentsab .pstt{
	font-size:16px;
	color:#111111;
}
.ucentsab .psta{
	font-size:12px;
	color:#cccccc;
	font-family:"Arial";
	margin-top:20px;
}
.ucentsab {
	text-align: center;
    position: relative;
    margin-top: 90px;	
}
.ucesfji{
	margin-top: 50px;
}
.ucesfjis_li {transition: all .5s;margin-left: 50px;}
.ucesfjis_li:hover {
    margin-top: -20px;
}
.ucesfjis1{
	width:300px;
	height:404px;
	background:url(../images/42_03.png) no-repeat center;
	text-align:center;
    padding-top: 100px;
	float:left;
	margin-left: 0px;
}
.ucesfjis2{
	width:300px;
	height:404px;
	background:url(../images/42_05.png) no-repeat center;
	text-align:center;
    padding-top: 100px;
	float:left;
}
.ucesfjis3{
	width:300px;
	height:404px;
	background:url(../images/42_07.png) no-repeat center;
	text-align:center;
    padding-top: 100px;
	float:left;
}
.ullla{
	font-size:18px;
	color:#fc6b00;
}
.ullla span {
    font-weight: bold;
    color: #fc6b00;
}
.ulllb{
	font-size:11px;
	color:#999999;
}
.ulllc{
	margin-top:35px;
	font-size:16px;
	color:#333;
}
.ulllc2 {
	margin-top: 30px;
}
.ulllc3 {
	margin-top: 30px;
}
.ullld{
	font-size:13px;
	color:#666;
	padding-top: 6px;
}
.uddee{
	color:#77ad00;
}
.uddee span {
    font-weight: bold;
    color: #77ad00;
}
.uddeed{
	color:#0071e4;
}
.uddeed span {
    font-weight: bold;
    color: #0071e4;
}
.ureiidd{
	width:100%;
	height:800px;
	margin-bottom: 10px;
}
.ft-h {
    color: #c88c00;
}
.sauhru{
	margin-top:40px;
}
.suhurty{
	position: absolute;
    left: 0px;
	top: 150px;
	animation: fourinoneimg 2s infinite;
}
.suhurty img {
	max-width: 700px;
}
.uadmirsr{
	width:1180px;
	margin:0 auto;
	position: relative;
}
.siirtul{
	width:410px;
	float:right;
}
.sadsadas{
	float: left;
	width: 73px;
	height: 73px;
    margin-right: 20px;
}
.sadsadas img {
	width: 100%;
}
.safefe{
	font-size:18px;
	color:#333;
}
.safddefe{
	font-size:14px;
	color:#666666;
	margin-top:3px;
}
.dafjijir{padding-top: 10px;}
.siirtul ul li{
	width:100%; float:left; margin-top:35px;
    transition: all .5s;cursor: default;
}
.siirtul ul li:hover {
    margin-left: 20px;
}
/* seo page */
.seobanner {background-image: url(../images/seobanner.jpg);}
.howseo {width: 100%;height: 684;background: #fafafa;}
.seotop {width: 100%;height: 68px;background: #fafafa;}
.seoname {text-align: center;}
.seoname h3 {font-size: 36px;color: #111111;font-weight: bold;padding: 22px 0px 75px;}
.seolist {width: 1200px;height: auto;margin: 0 auto;}
.seolist ul li {float: left;width: 20%;height: auto;}
.seolist ul li .seolist_img {width: 100%;text-align: center;}
.seolist ul li .seolist_img .seolist_lipic {width: 100%;height: 120px;}
.seolist ul li .seolist_img .seolist_lipic img {text-align: center;transition: all .5s;width: 110px;}
.seolist ul li .seolist_img h3 {font-size: 30px;line-height: 36px;color: #111111;padding-bottom: 22px;}
.seolist ul li .seoli_line {width:100% ;height: 2px;background-color: #ffc800;}
.seolist ul li .seolist_desc {text-align: center;margin-top: 25px;}
.seolist ul li .seolist_desc p {color:#323232;font-size: 18px;line-height: 34px;}
.seolist ul li:hover .seolist_img .seolist_lipic img {transform: scale(1.1);}
.seohow_desc {width: 100%;height: 50px;background-color: #434343;margin-top: 42px;}
.seohow_desc p {text-align: center;font-size: 18px;color: #a0a0a0;line-height: 50px;}
/* seo system */
.seosystem {width: 100%;height: auto;padding: 90px 0px 70px;}
.seo_sys {width: 1120px;margin: 0 auto;position: relative;height: 185px;}
.seo_sysdesc {position: absolute;left: 0px;top: 0px;width: 765px;height: auto;}
.seo_sysdesc h3 {font-size: 36px;color: #111111;font-weight: bold;padding-bottom: 25px;}
.seo_sysdesc p {font-size: 20px;color: #626262;line-height: 36px;}
.seo_sysimg {position: absolute;right: 0px;top: 8px;width:235px;height: auto;}
.seosys_list {width: 1200px;height: auto;margin: 5px auto 0px;padding: 17px 0px 17px 45px;border: 1px solid #d2d2d2;}
.seosys_list ul li {height: 140px;width: 100%;margin-top: 10px;}
.seosys_list ul li:first-child {margin-top: 0px;}
.seosys_list ul li .seosys_left {width: 140px;height: 140px;background: #4b02cb;}
.seosys_list ul li .seosys_left .seosysleft_ico {width: 90%;height: 91px;border-right: 1px solid #ffffff;margin: 25px auto 0px;text-align: center;display: flex;flex-direction: row;align-items: center;}
.seosys_list ul li .seosys_left .seosysleft_ico img {display: block;margin: 0 auto;transition: all .5s;width: 77px;}
.seosys_list ul li .seosys_mid {width: 330px;height: 140px;background-color:#dcdcdc ;}
.seosys_list ul li .seosys_mid h3 {font-size: 22px;color: #111111;padding: 10px 0px 10px 25px;}
.seosys_list ul li .seosys_mid p {font-size: 16px;color: #323232;line-height: 26px;padding:0px 17px 0px 28px;}
.seosys_list ul li:nth-child(3) .seosys_mid p {padding-right: 10px;}
.seosys_list ul li .seosys_right {width: 645px;height: 140px;transition: all .5s;}
.seosys_list ul li .seosys_right h3 {color: #111111;font-size: 22px;font-weight: bold;padding: 10px 0px 10px 28px ;}
.seosys_list ul li .seosys_right p {font-size: 16px;color: #323232;line-height: 26px;padding: 0px 0px 0px 28px;}
/* .seosys_list ul li:nth-child(2) .seosys_right h3 {padding-top: 22px;} */
/* .seosys_list ul li:hover .seosys_right {background-color: #ffc800;} */
.seosys_list ul li:hover .seosys_left .seosysleft_ico img {transform: scale(1.2);}
.seosys_list ul li:nth-child(2) .seosys_left {background-color: #00e1a5;}
.seosys_list ul li:nth-child(3) .seosys_left {background-color: #ff6c00;}
.seoalgo {width: 100%;height: auto;padding: 0px 0px 65px;margin-top: 20px;}
.seoalgo_name {width: 960px;margin: 0 auto;text-align: center;}
.seoalgo_name h3 {font-size: 36px;color: #111111;font-weight: bold;padding-bottom: 23px;}
.seoalgo_name p {font-size: 20px;color: #626262;line-height: 36px;}
.seoalgo ul {width: 1200px;height: auto;margin: 30px auto 20px;}
.seoalgo ul li {width: 398px;float: left;margin-right:3px;height: 250px;position: relative;margin-bottom: 3px;cursor: default;}
.seoalgo ul li:nth-child(3n){margin-right: 0px;}
.seoalgo ul li img {width: 100%;height: 100%;}
.seoalgo ul li .seoalgo_lion {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: url(../images/seoalgo_lionbg.png) no-repeat center;padding-top: 95px;transition: all .5s;}
.seoalgo ul li .seoalgo_lion h3 {font-size: 20px;font-weight: bold;color: #ffffff;text-align: center;}
.seoalgo ul li .seoalgo_lion .seoalgo_lionline {width: 60px;height: 1px;background-color: #ffc800;margin: 20px auto 10px;transition: all .5s;}
.seoalgo ul li .seoalgo_lion .seoalgo_liondesc {width: 318px;height: auto;margin: 0 auto;}
.seoalgo ul li .seoalgo_lion .seoalgo_liondesc p {font-size: 14px;line-height: 24px;color: #ffffff;transition: all .5s;}
.seoalgo ul li:hover .seoalgo_lion {padding-top:60px;background-image: url(../images/seoalgo_lionbgon.png);}
.seoalgo ul li:hover .seoalgo_lion .seoalgo_lionline {width: 318px;}
.seoalgo_botdesc {width: 1120px;height: auto;margin: 0 auto;text-align: center;}
.seoalgo_botdesc p {font-size: 16px;line-height: 26px;color: #626262;}
/* price */
.pricebanner {background-image: url(../images/pricebanner.jpg);}
.price_page {width: 100%;height: 246px;background-color: #0a194b;position: relative;margin-bottom: 200px;}
.price_page_con h3 {color: #ffffff;padding:91px 0px 33px ;}
.price_after {width: 100%;height: auto;padding: 90px 0px 40px;}
.priceafter_list {width: 1200px;height: auto;margin: 0 auto;}
.priceafter_list h3 {font-size: 36px;color: #111111;font-weight: bold;text-align: center;}
.priceafter_list ul {margin-top: 35px;}
.priceafter_list ul li {width: 240px;float: left;height: auto;background: url(../images/priceafteline.jpg) no-repeat left bottom;}
.pricealist_img {width: 95px;height: auto;display: flex;flex-direction: row;align-items: center;margin-left:5px;}
.pricealist_img img {width:50px;display: block;margin: 0 auto;transition: all .5s;}
.pricealist_desc {width: 120px;height: auto;}
.pricealist_desc h4 {font-weight: normal;color: #111111;font-size: 18px;line-height: 26px;padding: 10px 0px 12px;}
.pricealist_desc p {font-weight: normal;color: #626262;font-size: 16px;line-height: 26px;}
.priceafter_list ul li:first-child {background: none;}
.priceafter_list ul li:nth-child(3) .pricealist_img img {width: 75px;}
.priceafter_list ul li:nth-child(5) .pricealist_img img {width: 60px;}
.priceafter_list ul li:hover .pricealist_img img {transform: rotateY(180deg);}
.pricepage_botdesc {width: 1120px;height: auto;text-align: center;margin:85px auto 0px;}
.pricepage_botdesc h3 {font-size: 36px;color: #111111;font-weight: bold;padding-bottom: 23px;}
.pricepage_botdesc p {line-height: 36px;font-size: 20px;color: #626262;}
.erkai {width: 100%;height: auto;background-color: #fafafa;padding: 45px 0px 55px;}
.erkai_top {width: 1200px;height: auto;margin: 0 auto;}
.erkai_topimg {width: 380px;height: auto;margin: 0 auto;background: url(../images/erkaisvg_bg.png) no-repeat center;background-position-x: -8px;}
.erkai_topimg img {width: 100%;}
.erkai_top h3 {color:#111111;font-weight: bold;font-size: 36px;text-align: center;padding: 35px 0px 50px;}
.erkai_top ul li,.erkai_mid ul li {float: left;width: 274px;height: auto;cursor: default;margin-left: 34px;}
.erkai_litop h4 {color:#111111;font-size: 16px;font-weight: bold;padding-left: 33px;}
.erkai_litop_line {width: 274px;height: 1px;background-color: #dcdcdc;margin: 20px auto 10px;}
.erkai_litop_desc p {color: #323232;font-size: 15px;line-height: 30px;padding-left: 33px;transition: all .5s;}
.erkai_litop:hover .erkai_litop_desc p {padding-left: 40px;}
.erkai_litop:hover .erkai_litop_line  {background-color: #c88c00;}
.erkai_libot {width: 100%;height: auto;border-top: 6px solid #c88c00;border-left: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;margin-top: 30px;background-color: #ffffff;padding: 20px 30px;}
.erkai_libot h4 {font-size: 16px;color: #111111;font-weight: bold;padding-bottom: 25px;padding-top: 15px;}
.erkai_libot p {font-size: 16px;color: #626262;line-height: 26px;}
.erkai_libot a {display: block;text-align: center;width: 208px;height: 46px;border: 2px solid #d2d2d2;line-height: 40px;font-size: 20px;color: #626262;margin-top: 20px;}
.erkai_top ul li:first-child,.erkai_mid ul li:first-child {margin-left: 0px;}
.erkai_top ul li .erkai_libot:hover a,.erkai_mid ul li:hover .erkai_libot a{border-color: #c88c00;color: #111111;}
.erkai_mid {width: 1200px;height: auto;margin:50px auto 0px;}
.erkai_mid h3 {font-weight: bold;font-size: 24px;color: #111111;text-align: center;}
.erkai_mid ul li .erkai_libot {border-top: 3px solid #ff0000;width: 274px;}
.erkai_mid ul li:nth-child(2) .erkai_libot {border-top: 3px solid #7d00e6;}
.erkai_mid ul li:nth-child(3) .erkai_libot  {border-top: 3px solid #00e1a5;}
.erkai_mid ul li:nth-child(4) .erkai_libot  {border-top: 3px solid #c88c00;}
.erkai_service {width: 100%;height: auto;padding: 88px 0px 65px;}
.service_name {width: 1200px;height: auto;margin: 0 auto;text-align: center;}
.service_name h3 {font-size: 36px;font-weight: bold;color: #111111;padding-bottom: 25px;}
.service_name p {font-size: 20px;color: #626262;line-height: 36px;}
.service_list {width: 1200px;height: auto;margin: 20px auto 40px;}
.service_list ul li {width: 33%;margin-left: 0.5%;float: left;height: 200px;overflow: hidden;}
.service_list ul li:first-child {margin-left: 0px;}
.service_list ul li img {width: 100%;height: 100%;transition: all .5s;}
.service_list ul li:hover img {transform: scale(1.05);filter: grayscale(100%);}
.erkai_jiami {width: 1200px;height: auto;border: 1px solid #d2d2d2;padding: 34px 30px 20px 22px ;margin: 0 auto;}
.erkai_jiami_img {width: 607px;height: auto;}
.erkai_jiami_img img {width: 100%;transform: scale(0.9);}
.erkai_jiami_desc {width: 507px;height: auto;padding-top: 35px;}
.erkai_jiami_desc h3 {font-size: 30px;font-weight: bold;color: #111111;padding-left: 22px;}
.erkai_jiami_desc  .erkai_jiami_line {width: 96px;height: 10px;background-color: #009bff;margin: 18px 0px 5px 20px;}
.erkai_jiami_desc ul li {margin-top: 28px;background: url(../images/jiami_descico.png) no-repeat left top;padding-left: 20px;background-position-y: 6px;}
.erkai_jiami_desc ul li h4 {font-size: 18px;color: #111111;font-weight: bold;padding-bottom: 10px;}
.erkai_jiami_desc ul li p {font-size: 16px;color: #626262;line-height: 26px;}
.erkai_botdesc {text-align: center;width: 1080px;margin: 15px auto 0px;}
.erkai_botdesc p {color: #bfbfbf;font-size: 20px;line-height: 30px;}
/* caselist page */
.casebanner {background-image: url(../images/casebanner.jpg);}
.caselist_page {width: 1210px;height: auto;margin: 90px auto 0px;}
.caselistp_name {height: auto;margin: 0 auto 40px;text-align: center;}
.caselistp_name h3 {font-size: 36px;color: #111111;font-weight: bold;padding-bottom: 23px;}
.caselistp_name p {font-size: 20px;color: #626262;line-height: 36px;}
.caselistp_bot {width: auto;height: auto;margin: 0 auto;text-align: center;}
.caselistp_bot a {color: #626262;font-size: 18px;font-weight: normal;display: block;border-bottom: 0px solid #dcdcdc;width: 100%;margin:30px 0px 0px;}
.caselistp_bot a:hover {color: #c88c00;}
.caselistpage {margin: 40px 0px 80px;}
.casepage {text-align: center;margin-top: 50px;}
.casepage  .page-last,.casepage .page-index {display: none ;}
.casepage span a {padding: 10px 15px ;border: 1px solid #dcdcdc;border-left: 0px;margin-right: 0px;font-size: 16px;margin-left: 0px;color: #626262;}
.casepage span.page-pre a {border-left: 1px solid #dcdcdc;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.casepage span.page-next a {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.casepage span a:hover,.casepage span a.page-num-current {background-color: #c88c00;color: #ffffff !important;border-color: #c88c00;}
.casepage span.page-pre a:hover,.casepage span.page-next a:hover {color: #c88c00 !important;background: none;border-color: #dcdcdc;}
.page-status {display: none;}
.caselist_swiper .swiper-slide {display: block;}
.bd .swiper-button-next,.bd .swiper-button-prev  {right: 0px;width: 82px;height: 82px;background: url(../svgs/caseswiper_nextico.svg) no-repeat center;top: 48%;
	/* background-color: rgba(190, 191, 192, .3); */
	border-radius: 50%;color: #c0c0c0;}
.bd .swiper-button-next:hover,.bd .swiper-button-prev:hover {background: url(../svgs/caseswiper_nextico_on.svg) no-repeat center;}
.bd .swiper-button-next {right: -65px;padding-left: 5px;}
.bd .swiper-button-prev {left: -65px;padding-right: 5px;background-image: url(../svgs/caseswiper_previco.svg);}
.bd .swiper-button-prev:hover {background-image: url(../svgs/caseswiper_previco_on.svg);}
.bd .swiper-button-next:after {content: '';}
.bd .swiper-button-prev:after {content: '';}
/* case page */
.casepbanner {width: 100%;height: 525px;background: url(../images/casepbanner.jpg) no-repeat center;background-size: cover;}
.casepban_desc {width: 1280px;height: auto;margin: 0 auto;text-align: center;border-bottom: 10px solid #c88c00;}
.casepban_desc img {margin: 135px 0px 50px;width: 110px;}
.casepban_desc p {font-size: 20px;line-height: 36px;color: #323232;padding: 0px 170px 76px;}
.casep_nav {width: 100%;height: 800px;background-color: #424344;position: relative;}
.casep_navname {width:1180px;height: 72px;margin: 0 auto;}
.casep_navname ul {display: flex;flex-direction: row;justify-content: center;}
.casep_navname ul li {float: left;background: url(../images/casep_navline.png) no-repeat left;text-align: center;padding:0px 30px;}
.casep_navname ul li a {font-size: 16px;color: #888888;display: block;transition: all .5s;line-height: 72px;}
.casep_navname ul li a.active,.casep_navname ul li a:hover {color: #ffffff;}
.casep_navname ul li:first-child {background: none;}
.casep_mac {width: 1468px;height: 883px;background: url(../images/casep_mac.png) no-repeat center;position: absolute;left: 50%;margin-left: -734px;}
.casep_macimg {width: 1152px;height: 722px;margin: 35px auto 0px;}
.casep_macimg img {width: 100%;height: 100%;}
.casep_desc {width: 100%;height: 270px;background-color: #ffffff;}
.casep_pos {width: 1125px;height:30px ;margin:150px auto 35px;}
.casep_positem {width: 357px;height: auto;background: url(../svgs/caseposicon.svg) no-repeat left;text-align: right;}
.casep_positem a {color: #a0a0a0;font-size: 16px;line-height: 30px;}
.casep_positem a:hover {color: #111111;}
.casep_descitem {width: 1125px;height: auto;margin: 0px auto 0px;}
.casep_descimg {width: 310px;height: 176px;border-right: 1px solid #eeeeee;}
.casep_descimg img {width: 296px;height: 176px;}
.casep_descinfo {width: 780px;height: auto;}
.casep_descinfo h3 {font-size: 24px;color: #1b1b1b;line-height: 22px;padding: 17px 0px 20px;}
.casep_descinfo p {font-size: 15px;color: #323232;line-height: 26px;text-align: justify;}
.casep_detail {width: 100%;height: auto;background-color: #f9fafb;}
.casep_detailpart {width: 1200px;height: auto;min-height: 30px;margin: 0 auto;}
.casep_detailpart p {font-size: 15px;color: #323232;line-height: 26px;}
.casep_detailpart img {max-width: 100%;display: block;}
.casep_depart_logo {width: 100%;height: 300px;background: url(../svgs/casedetail_hflogo.svg) no-repeat center;background-color: #ffffff;background-size: 658px;margin: 10px 0px;}
.nextprev {
	width: 100%;
    height: 105px;
    padding-top: 40px;
    background-color: #ffffff;
}
.nextprev_item {width: 260px;margin: 0 auto;}
.prev_item {width: 50%;height: 25px;text-align: right;background: url(../svgs/previcon.svg) no-repeat left;}
.prev_item a {line-height: 25px;padding-right: 22px;color: #888888;transition: all .5s;display: block;}
.prev_item:hover {background-image: url(../images/previcon_on.png);}
.prev_item:hover a {color: #111111;}
.next_item {text-align: left;background-position: right;background-image: url(../svgs/nexticon.svg);}
.next_item a {padding-left: 22px;}
.next_item:hover {background-image: url(../images/nexticon_on.png);}
.case_custom {width: 100%;height: auto;}
.case_custom .messpart {background-color: #f0f1f2;}
.case_custom .messpart_con h3 {color: #111111;}
.case_custom .messpart_form button {border:2px solid #d2d2d2;}
.case_custom .messpart_form button:hover {border-color: #c88c00;}
/* movie case */
.moviecasepage {width:1152px;margin: 0 auto;}
.moviecasepage ul li {float: left;width: 570px;height: 380px;margin: 0px 12px 12px 0px;}
.moviecasepage ul li:nth-child(2n) {margin: 0px;}
.moviecasepage ul li img {display: block;width: 100%;height: 100%;object-fit: cover;}
/* all service */
.allserbanner {background-image: url(../images/allservice_ban.jpg);}
.allserbanner .highban_desc {width: 930px;}
.howbrand {width: 1200px;height: auto;margin: 97px auto 75px;}
.howbrandl {width: 432px;height: auto;margin-left: 30px;}
.howbrandl img {width: 100%;margin-top:85px;}
.howbrandr {width: 700px;height: auto;margin-right: 35px;}
.howbrandr h3 {font-size: 36px;line-height: 36px;color: #111111;font-weight: bold;padding-bottom: 33px;}
.howbrandr p {font-size: 20px;line-height: 36px;color: #626262;text-align: justify;}
.brandlang {width: 100%;height: auto;background: url(../images/brandlangline.jpg) no-repeat top;margin-top: 76px;background-position-y: 60px;}
.brandlang ul {width: 1020px;height: auto;margin: 0 auto;}
.brandlang ul li {width: 255px;height: auto;float: left;text-align: center;}
.brandlang ul li img {width: 115px;transition: all .5s;}
.brandlang ul li h3 {font-size: 24px;line-height: 30px;color: #111111;padding: 35px 0px 15px;}
.brandlang ul li p {font-size: 16px;line-height: 26px;color: #626262;padding: 0px 35px;word-break: break-all;text-align: center;}
.brandlang ul li:hover img {transform: scale(1.1);}
.allneed {width: 980px;height: auto;margin: 0 auto;}
.allneed h3 {color: #111111;font-size: 36px;line-height: 36px;font-weight: bold;text-align: center;padding: 95px 0px 30px;}
.allneed p {color: #626262;font-size: 20px;line-height: 36px;text-align: center;}
.allfgline {width: 166px;height: 6px;background-color: #ffc800;margin: 40px auto 45px;}
.allarticle {width: 930px;}
.allarticle h3 {padding-top: 0px;padding-bottom: 30px;}
.allsplan {width: 100%;height: 784px;background-color: #fafafa;margin-bottom: 136px;position: relative;}
.allsplan_item {width: 1120px;height: auto;left: 50%;margin-left: -560px;position: absolute;top: 0px;}
.allsplan_item h2 {color: #111111;font-size: 36px; font-weight: bold;line-height: 56px;text-align: center;padding: 50px 0px 30px;}
.allsplan_item ul li {width: 560px;height: 357px;float: left;background-position: center;background-repeat: no-repeat;text-align: center;}
.allsplan_item ul li a {display: block;width: 100%;height: 100%;}
.allsplan_item ul li h4 {color: #0000af;font-size: 30px;line-height: 44px;padding: 85px 0px 5px;}
.allsplan_item ul li h3 {color: #111111;font-size: 30px;line-height: 44px;font-weight: normal;}
.allsplan_item ul li .allplan_list {width: 468px;height: 71px;background-color: #ffffff;border: 3px solid #009bff;margin: 29px auto 0px;transition: all .5s;}
.allsplan_item ul li .allplan_list span {line-height: 64px;font-size: 14px;color: #323232;}
.allsplan_item ul li .allplan_list span.allplan_liline {font-family: "黑体";opacity: .7;padding: 0px 4px;}
.allsplan_item ul li .allplan_list span:hover {color: #111111;}
.allsplan_item ul li:hover {background: #009bff;background-image: none !important;}
.allsplan_item ul li:hover .allplan_list {border-color: #1b1b1b;}
/* service city */
.ctopnav {width: 100%;height: 160px;background-color: #323232;}
.scitynav {width: 515px;height: 50px;margin: 0 auto;padding-top: 56px;}
.scitynav ul li {float: left;width: 250px;height: 48px;border: 4px solid #ffffff;transition: all .5s;margin-left: 15px;}
.scitynav ul li a {line-height: 40px;font-size: 18px;color: #d2d2d2;display: block;text-align: center;}
.scitynav ul li:hover,.scitynav ul li.active {border-color: #c88c00;}
.scitynav ul li:first-child {margin-left: 0px;}
.scitynav ul li:hover a,.scitynav ul li.active a{color: #ffffff;}
.scitynav ul li a.ctopnavsubname {font-size: 15px;color: #888888;line-height: 45px;font-weight: lighter;}
.scitynav ul li a.ctopnavsubname:hover, .scitynav ul li a.webactive{color: #ebd296;}
.scitynav ul li a.ctopnavsubname_seo:hover,.scitynav ul li a.seoactive {color: #ebd296;}
.scityh_item {width: 100%;height: 660px;position: relative;}
.scityh_itemright {width: 100%;position: relative;}
.scityhigh {width: 100%;height: 280px;background: url(../images/scitiyhighbg.jpg) no-repeat center;z-index: 2;background-size: cover;}
.scityhigh_desc {width: 1200px;height: 132px;padding-left: 38px;margin: 0px auto;padding-top:32px;background: url(../images/service_cityline.jpg) no-repeat left;background-position-y: 32px;}
.scityhigh_desc h3 {color: #c88c00;font-size: 30px;line-height: 50px;font-weight: lighter;}
.scityhigh_desc h2 {color: #111111;font-size: 30px;line-height: 36px;}
.sctiychoose {width: 100%;height: auto;padding-top: 0px;height: 380px;background-color: #fafafa;}
.sctiych_desc {width: auto;height: auto;text-align: center;margin:0 auto;}
.sctiych_desc h4 {color: #888888;font-size: 18px;padding: 35px 0px 22px;}
.sctiych_desc h4 a {color: #888888;font-size: 18px;}
.sctiych_desc h4 a:hover {color: #c88c00;}
.sctiych_desc h3 {color: #111111;font-size: 30px;font-weight: bold;padding-bottom: 50px;letter-spacing: .5px;}
.sctiych_desc h3 span {color: #ff0000;font-size: 30px;font-weight: bold;letter-spacing: .5px;}
.sctiych_desc p {color: #111111;font-size:18px;line-height: 34px;letter-spacing: .5px;}
.sctiych_desc p span {color: #ff0000;letter-spacing: .5px;}
.scitylist {width: 100%;height: auto;padding: 45px 0px 55px;}
.scitylist ul {width: 1120px;height: auto;margin: 0 auto;border-bottom: 2px solid #009bff;padding-bottom: 34px;}
.scitylist ul li {width: 20%;height: auto;text-align: center;float: left;}
.scitylist ul li .scityli_img {width: 100%; height: auto;}
.scitylist ul li .scityli_img img {max-width: 150px;transition: all .5s;}
.scitylist ul li h3 {color: #111111;font-size: 22px;padding: 0px 0px 10px;}
.scitylist ul li p {color: #626262;font-size:15px;line-height: 26px;padding: 0px 16px;}
.scitylist ul li:hover img {transform: rotateY(180deg);}
.scitytrust {width: 100%;height: auto;}
.scityt_name {text-align: center;margin-bottom: 40px;}
.scityt_name h3 {color: #111111;font-size: 30px;font-weight: bold;padding-bottom:15px;}
.scityt_name h3 span {color: #ff0000;}
.scityt_name p {color: #626262;font-size: 20px;line-height: 26px;}
.scitytname_line {width: 50px;height: 6px;background-color: #009bff;margin:0px auto 12px;}
.scityt_list {width: 1080px;height: auto;margin: 0 auto 25px;}
.scityt_list ul li {float: left;width: 350px;height: 240px;border: 1px solid #dcdcdc;text-align: center;margin: 0px 15px 15px 0px;cursor: default;transition: all .5s;}
.scityt_list ul li .scityt_listimg {width: 56px;height: 53px;margin: 20px auto 0px;text-align: center;}
.scityt_list ul li .scityt_listimg img {max-height: 53px;line-height: 53px;transition: all .5s;}
.scityt_list ul li h3 {color: #323232;font-size: 16px;font-weight: bold;padding: 13px 0px 10px;}
.scityt_list ul li p {color: #626262;font-size: 16px;line-height: 26px;padding: 0px 35px;}
.scityt_list ul li:nth-child(3n) {margin-right: 0px;}
.scityt_list ul li:hover {box-shadow:0px 0px 15px rgba(0, 0, 0, .4);}
.scityt_list ul li:hover .scityt_listimg img {transform: scale(1.1);}
.scityt_list ul li:nth-child(2) .scityt_listimg img {margin-top: 8px;}
.scityt_list ul li:nth-child(6) .scityt_listimg img {margin-top: 7px;}
/* .scityt_list ul li:hover h3,.scityt_list ul li:hover p {color: #ffffff;} */
.scityt_botdesc {width: 100%;background-color: #009bff;}
.scityt_botdesc p {font-size: 18px;line-height: 56px;color: #ffffff;text-align: center;}
.valueservice {width: 100%;height: 558px;background-color: #fafafa;}
.valuesername h3 {padding-top: 90px;}
.valueser_list {width: 1120px;height: auto;margin: 50px auto 0px;background: url(../images/valueser_listbg.jpg) no-repeat center;}
.valueser_list ul {margin: 0 auto;width: 1086px;}
.valueser_list ul li {width: 362px;float: left;height: 127px;border-right: 1px solid #bfbfbf;text-align: center;cursor: default;}
.valueser_list ul li h3 {color: #323232;font-weight: bold;font-size: 16px;padding:17px 0px 10px;transition: all .5s;}
.valueser_list ul li p {color: #626262;font-size: 16px;line-height: 26px;padding: 0px 40px;transition: all .5s;}
.valueser_list ul li:nth-child(3n) {border-right: 0px;}
.valueser_list ul li:nth-child(4) ,.valueser_list ul li:nth-child(5),.valueser_list ul li:nth-child(6) {padding-top: 10px;}  
.valueser_list ul li:hover h3 {color: #c88c00;letter-spacing: 1px;}
.valueser_list ul li:hover p {color: #c88c00;}
.resources {width: 100%;height: auto;margin-bottom: 63px;}
.resourlist {width: 1120px;margin: 10px auto 0px;border: 2px solid #dcdcdc;}
.resourlist ul li {width: 25%;height: 127px;text-align: center;float: left;line-height: 120px;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;overflow: hidden;}
.resourlist ul li img {max-width: 100%;transition: all .5s;}
.resourlist ul li:nth-child(4n) {border-right: 0px;}
.resourlist ul li:nth-child(5),.resourlist ul li:nth-child(6),.resourlist ul li:nth-child(7),.resourlist ul li:nth-child(8) {border-bottom: 0px;} 
.resourlist ul li:hover img {transform: scale(1.1);}
/* service city list */
.sercity_list {width: 100%;height: auto;padding: 45px 0px 65px;}
.sercity_listitem {width: 1120px;height: auto;margin: 0 auto;}
.sercity_listitem ul li {float: left;}
.sercity_listitem ul li a {font-size: 16px;line-height: 26px;color: #626262;word-break: break-all;}
.sercity_listitem ul li a:hover {color: #c88c00;}
.sercity_listitem ul li a span {color:#dcdcdc;padding: 0px 10px;}
/* .sercity_listitem ul li:nth-child(8n) a span {display: none;} */
.sercity_listitem ul li:last-child a span{display: none;}
/* seo service page */
.seoser {width: 100%;height: 1340px;}
.scityh_itemlfet {background-color: #fafafa;}
.seoserpagel,.scityh_itemlfet {width: 18%;height: 100%;text-align: right;padding-top: 447px;}
.seoserpagel img {width: 301px;height: auto;}
.seoserpager {width: 100%;height: 100%;position: relative;}
.seop72 {width: 100%;height: 280px;background: url(../images/seo72bg.jpg) no-repeat center;background-size: cover;}
.seop72_li {width: 1120px;height: auto;margin: 36px auto 0px;}
.seop72_li ul li {float: left;text-align: center;width: 100px;margin-left: 74px;cursor: default;}
.seop72_li ul li .seo72img {width: 52px;height: 52px;text-align: center;line-height: 52px;margin: 0 auto 14px;overflow: hidden;}
.seop72_li ul li .seo72img img {max-width: 100%;transition: all .5s;}
.seop72_li ul li p {font-size: 18px;color: #000000;}
.seop72_li ul li:first-child {margin-left: 80px;}
.seop72_li ul li:hover .seo72img img {transform: scale(1.1);}
.seop72_li ul li:hover p {color: #c88c00;letter-spacing: 1px;}
.cityseodesc {width: 100%;height: 380px;background-color: #fafafa;padding-top: 0px;}
.cityseoditem {width: auto;height: auto;text-align: center;margin: 0 auto;}
.cityseoditem h4 a {color: #888888;font-size: 18px;padding: 35px 0px 22px;display:block;}
.cityseoditem h4 a:hover {color: #c88c00;}
.cityseoditem h3 {font-size: 30px;font-weight: bold;color: #111111;padding-bottom: 50px;}
.cityseoditem h3 span {color: #ff0600;}
.cityseoditem p {color: #111111;line-height: 34px;font-size: 18px;}
.cityseoditem p span {color: #ff0000;}
.lcaseo {width: 1200px;height: 280px;background-color: #c88c00;margin:0 auto;}
.lcaseodesc {width: 1000px;height: auto;margin-left: 125px;}
.lcaseodescl {width: 375px;height: auto;padding-top: 55px;}
.lcaseodescl h3 {font-size: 28px;font-weight: normal;color: #ffffff;line-height: 42px;}
.lcaseodescr {width: 526px;height: auto;padding-top: 50px;margin-right:8px;}
.lcaseodescr p {font-size: 18px;line-height: 32px;color: #ffffff;text-align: justify;}
.lcaseodescr p span {color: #ff0000;}
.seopensure {width: 1050px;height: auto;position: absolute;bottom: 0px;left: 50%;margin-left:-525px;}
.seopensurel {width: 428px;height: auto;}
.seopensurel img {max-width: 100%;}
.seopensurer {width: 540px;height: auto;padding-top: 150px;}
.seopensurer h3 {color: #111111;font-weight: bold;font-size: 28px;text-align: center;}
.seopensurer h3 span {color: #ff0000;}
.seopensurer ul {margin-top: 25px;}
.seopensurer ul li {width: 270px;height: 144px;float: left;border-right: 2px solid #707070;border-bottom: 2px solid #707070;padding-left: 10px;padding-right: 25px;padding-top: 12px;cursor: default;}
.seopensurer ul li h4 {font-size: 20px;color: #111111;}
.seopensurer ul li .seopensure_liline {width: 42px;height: 4px;background-color: #96d200;margin: 3px 0px 8px;transition: all .5s;}
.seopensurer ul li p {font-size: 16px;color: #626262;text-align: justify;}
.seopensurer ul li:nth-child(2n) {border-right: 0px;padding-right: 10px;padding-left: 20px;}
.seopensurer ul li:nth-child(3),.seopensurer ul li:nth-child(4) {border-bottom: 0px;padding-top: 17px;}
.seopensurer ul li:hover .seopensure_liline {width: 200px;}
.seopensurer ul li:first-child:hover .seopensure_liline {width: 180px;}
.seoserch {width: 100%;height: auto;padding: 48px 0px 54px;}
.seosearchli {width: 1200px;height: auto;margin: 0 auto;border-bottom:2px solid #dcdcdc ;padding-bottom: 13px;}
.seosearchli ul li {width: 20%;height: auto;text-align: center;float: left;}
.seosearchli ul li .seosearch_brand {width: 100%;height: 96px;overflow: hidden;line-height: 96px;text-align: center;}
.seosearchli ul li .seosearch_brand img {max-width: 100%;transition: all .5s;}
.seosearchli ul li .seosearch_num h3 {font-size: 30px;color: #323232;font-weight: bold;padding-bottom: 10px;transition: all .5s;}
.seosearchli ul li .seosearch_num h3 span {font-size: 22px;font-weight: normal;transition: all .5s;}
.seosearchli ul li .seosearch_num h3 sup {font-size: 16px;font-weight: normal;transition: all .5s;}
.seosearchli ul li .seosearch_desc {text-align: center;}
.seosearchli ul li .seosearch_desc p {color: #323232;font-size: 16px;transition: all .5s;}
.seosearchli ul li:hover  .seosearch_brand img {transform:scale(1.05);}
.seosearchli ul li:hover .seosearch_num h3,.seosearchli ul li:hover .seosearch_num h3 span,.seosearchli ul li:hover .seosearch_num h3 sup  {color: #c88c00;}
.seosearchli ul li:hover .seosearch_desc p {letter-spacing: 1px;}
.seosearch_data {width: 1200px;height: auto;margin: 0 auto;}
.seosearch_data .num ul li {width: 33.33%;padding-left: 30px;}
.seosearch_data .num ul li b {display: block;float: left;}
.seosearch_data .num ul li b i,.seosearch_data .num ul li b span  {color: #c88c00;font-size: 86px;font-weight: normal;} 
.seosearch_data .num ul li b sup {top: -1.5em;font-size: 31px;font-weight: normal;color: #c88c00;}
.seosearch_data .num ul li .seosearch_datadesc {width: 135px;float: left;padding-top: 30px;padding-left: 10px;}
.seosearch_data .num ul li:first-child .seosearch_datadesc {padding-left: 5px;}
.seosearch_data .num ul li .seosearch_datadesc h3 {color: #888888;font-size: 24px;text-align: left;padding-bottom: 2px;}
.seosearch_data .num ul li .seosearch_datadesc p {color: #888888;font-weight: lighter;font-size: 20px;text-align: left;}
.seosearch_data .num ul li:last-child {padding-left: 0px;}
.seosearch_descitem {width: 1200px;height: 44px;background-color: #707070;margin: 10px auto 0px;text-align: center;}
.seosearch_descitem p {color:#ffffff;font-size: 20px;line-height: 44px;}
.shseogood {width: 100%;height: auto;}
.shseogood_name {width: 1200px;height: auto;text-align: center;margin:35px auto 0px;}
.shseogood_name h3 {font-size: 36px;color: #111111;font-weight: bold;}
.shseogood_name h3 span {color: #ff0000;}
.shseogood_name p {color: #626262;font-size: 20px;line-height: 36px;padding: 27px 0px 40px;}
.shseogood ul {width: 1200px;margin: 0 auto 5px;height: auto;}
.shseogood ul li {width: 400px;height: auto;float: left;text-align: center;margin-bottom: 53px;}
.shseogood ul li .shseogoodimg {width: 90px;height: 90px;text-align: center;line-height: 75px;margin: 0 auto;}
.shseogood ul li .shseogoodimg img {max-width: 100%;transition: all .5s;}
.shseogood ul li h3 {font-weight: normal;font-size: 24px;color: #323232;}
.shseogood ul li .shseogood_line {width:150px;height: 1px;background-color: #707070;margin: 10px auto;transition: all .5s;}
.shseogood ul li p {font-size: 16px;line-height: 26px;color: #626262;padding:0px 80px;}
.shseogood ul li:hover  .shseogoodimg img {transform:scale(1.05);}
.shseogood ul li:hover  .shseogood_line {width: 240px;background-color: #c88c00;}
.shseogood ul li:hover h3 {color: #c88c00;letter-spacing: 2px;}
/* about us page */
.aboutuspage {width: 100%;height: 1050px;position: relative;}
.aboutuspage .aboutus_xiala {display: block;top: 8px;}
/* contact page */
.contactpage {width: 98.5%;height: auto;padding: 65px 0px 60px;background-color: #fafafa;margin: 15px auto ;}
.contact_item {width: 780px;height: auto;margin: 0 auto;}
.contactlogo {width: 100%;height: auto;}
.contactleft {width: 385px;height: auto;}
.contactleft h2{padding-top:52px; font-size:16px; padding-left:2px;}
.contactleft h2 a{color:#bfbfbf;font-size: 16px;padding-top: 13px;display: block;padding-left: 1px;}
.contactleft h2 a:hover{color:#111111;}
.contactleft p {color: #ff0000;font-size: 14px;padding-top: 10px;padding-left: 2px;}
.contactright {width: 220px;height: auto;margin-bottom: 35px;}
.contactright img {width: 100%;height: auto;}
.contactlogo_line {width: 100%;height: 2px;background-color: #dcdcdc;margin-top: 10px;}
.contact_erweima {width: 100%;height: auto;margin: 18px 0px;}
.contactewm {width: 118px;height: auto;}
.contactewm img {width: 100%;height: auto;}
.contactewmdesc {width: 650px;height: auto;padding-top: 3px;}
.contactewmdesc p {color: #626262;font-size: 15px;line-height: 24px;text-align: justify;}
.contactewmdesc h3 {color: #626262;font-size:21px;padding-top: 10px;}
.contact_btn {width: 100%;height: auto;}
.contact_btn ul li {float: left;width: 384px;height: 51px;border: 2px solid #d2d2d2;text-align: center;margin-left: 12px;transition: all .5s;}
.contact_btn ul li a {display: block;color: #626262;font-size: 16px;line-height: 45px;transition: all .5s;}
.contact_btn ul li:first-child {margin-left: 0px;}
.contact_btn ul li:hover {background-color: #c88c00;border-color: #111111;}
.contact_btn ul li:hover a {color: #ffffff;}
.contact_mess {width: 100%;height: auto;border: 2px solid #111111;margin: 10px 0px 0px;background: url(../images/contactmessbgline.png) no-repeat center;background-position-y: 10px;padding-top: 5px;}
.contact_mess form label {width: 368px;height: 41px;border-bottom:1px solid #eeeeee;display: block;float: left;}
.contact_mess form label.condan_input {margin-left: 5px;}
.contact_mess form label.conshuang_input {margin-left: 30px;}
.contact_mess form label input {width: 100%;height: 100%;line-height: 40px;padding-left: 12px;font-weight: normal;}
.contact_mess form label input::placeholder,.contact_mess form label input::-webkit-input-placeholder {font-size: 16px;font-weight: normal;}
.contact_mess form label input.contact_code {width: 240px;}
.contact_mess form label.connoline_input {border-bottom:0px ;}
.contact_mess form label.connoline_input img { -webkit-filter: grayscale(100%) brightness(140%);
	-moz-filter: grayscale(100%) brightness(140%);
	-ms-filter: grayscale(100%) brightness(140%);
	-o-filter: grayscale(100%) brightness(140%);
	filter: grayscale(100%) brightness(140%);
	height: 40px;
}
.contact_mess form button {width: 100%;height: 48px;background-color: #434343;color: #ffffff;text-align: center;font-size: 16px;border: 0px;}
.contact_mess form button:hover {background-color: #c88c00;}
.contactp_form2 {width: 100%;}
.contactmess_desc {width: 100%;height: auto;text-align: center;}
.contactmess_desc p {line-height: 26px;color: #888888;font-size: 16px;}
.contactmess_desc p span {padding: 0px 10px;}
.contact_add {width: 100%;height: 200px;margin: 25px 0px 0px;position: relative;}
.contact_add ul {width: 750px;margin: 0 auto;}
.contact_add ul li {width: 150px;height: auto;float: left;text-align: center;}
.contact_add ul li a {display: block;width: auto;height: auto;}
.contact_add ul li a .contact_addimg {width: 100%;height: 50px;overflow: hidden;}
.contact_add ul li a .contact_addimg img {height: 100%;-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	margin-top: 25px;transition: all .5s;
}
.contact_add ul li a p {color: #111111;font-size: 20px;padding: 25px 0px 5px;}
.contact_add ul li:hover a .contact_addimg img,.contact_add ul li.active a .contact_addimg img {margin-top: 0px;filter:none;}
.contactxl_add {width: 780px;height: 160px;border-top: 1px solid #dcdcdc;padding-top: 10px;position: absolute;left: 50%;margin-left: -390px;display: none;margin-top: 5px;}
.conxladd_item {width: 610px;height: auto;margin: 0 auto;}
.contact_addinfo {width: 100%;height: auto;background: url(../svgs/contactaddico.svg) no-repeat left;padding-left: 33px;}
.contact_addinfo p,.contact_mail p ,.contact_wechat p,.contact_tel p,.contact_phone p {font-size: 18px;line-height: 32px;color: #626262;text-align: left;}
.contact_phone {width: 270px;background: url(../svgs/contacttelico.svg) no-repeat left;padding-left: 30px;}
.contact_tel {width: 295px;background: url(../svgs/contactwechatico.svg) no-repeat left;    padding-left: 26px;
    margin-left: 35px;
    background-position-x: -3px;}
.contact_wechat{width: 252px;background: url(../svgs/contactphoneico.svg) no-repeat left;padding-left: 30px;}
.contact_mail {width: auto;background: url(../svgs/contactmailico.svg) no-repeat left;    padding-left: 30px;
    margin-left: 50px;
    background-size: 33px;
    background-position-y: 0px;}
.contactxl_add.active {display: block;}
.shemail {padding-left: 45px;margin-top: -10px;}
.online_clickpage {width: 100%;height:100vh;position: fixed;top: 80px;z-index: 1112;background-color: #ffffff;left: 0px;display: none;}
.online_item {width: 1886px;height: 700px;margin: 10px auto;background-color:#323232 ;padding-top: 80px;}
.online_part {width: 743px;height: auto;margin: 0 auto;}
.online_close,.online_body {width: 100%;height: auto;}
.online_closebtn {width: 23px;height: 23px;}
.online_closebtn a {display: block;}
.online_closebtn a img {width: 100%;}
.online_bodypart {width: 720px;height: auto;background-color: #ffffff;padding: 30px 0px 0px;}
.online_top {width: 618px;height: auto;margin: 0 auto;}
.online_toplogo {width: 100%;height: auto;border-bottom:1px solid #dcdcdc ;padding-bottom: 5px;}
.online_topleft {width: 130px;height: auto;margin-top: 43px;margin-left: 8px;}
.online_topleft p {color: #626262;font-size: 14px;}
.online_topright {width: 147px;height: auto;margin-right:8px ;}
.online_topright img {width: 100%;}
.online_ewm {width: 100%;height: auto;margin-top: 7px;margin-bottom: 10px;}
.online_ewmimg {width: 118px;height: auto;margin-left: 5px;}
.online_ewmimg img {width: 100%;height: auto;}
.online_ewmdesc {width: 478px;height: auto;margin-left: 10px;}
.online_ewmdesctop {width: 100%;height: auto;padding-top: 2px;}
.online_ewmdesctop p {color: #626262;font-size: 12px;line-height: 20px;text-align: justify;}
.online_ewmdesc ul {margin-top: 13px;}
.online_ewmdesc ul li {width: 237px;height: 39px;float: left;border: 1px solid #d2d2d2;margin-left: 3px;transition: all .5s;}
.online_ewmdesc ul li:first-child {margin-left: 0px;}
.online_ewmdesc ul li a {display: block;text-align: center;font-size: 16px;color: #626262;line-height: 35px;transition: all .5s;}
.online_ewmdesc ul li:hover,.online_ewmdesc ul li.active {background-color: #c88c00;border-color: #111111;}
.online_ewmdesc ul li:hover a,.online_ewmdesc ul li.active a {color: #ffffff;}
.online_form {width: 100%;padding-bottom: 5px;}
.online_formline {width: 100%;height: 42px;border-bottom: 1px solid #eeeeee;}
.online_formline input,.online_formbtn input{width: 303px;height: 21px;display: block;float: left;border-left: 1px solid #eeeeee;margin-top: 10px;padding-left: 10px;}
.online_formline input.online_input {border-left: 0px;}
.online_formline input::placeholder,.online_formline input::-webkit-input-placeholder {font-size: 14px;font-weight: lighter;color: #d2d2d2;}
.online_formbtn {width: 100%;height: 42px;}
.online_formbtn input,.online_formbtn img ,.online_formbtn button {display: block;float: left;}
.online_formbtn input {border-left: 0px;}
.online_formbtn img {width: auto;height: 32px;margin-top: 9px;-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
.online_formbtn button {background: none;border: 0px;color: #626262;font-size: 16px;margin-left: 65px;margin-top: 10px;}
.online_formbtn button:hover {color:#009bff;}
.online_bot {width: 100%;height: auto;background-color: #242424;}
.online_botdesc {padding: 9px 0px 0px;}
.online_botdesc p {color: #ffc800;text-align: center;line-height: 20px;font-size: 14px;}
.online_botform {width: 680px;height: auto;margin: 5px auto 0px;}
.online_botforml {width: 40px;height: 40px;}
.online_botforml p {color: #ffffff;font-size: 16px;line-height: 40px;}
.online_botformm {width: 603px;height: 40px;}
.online_botformm input {height: 40px;display: block;float: left;background-color: #ffffff;}
.online_botformm input.online_botinput1 {width: 365px;padding-left: 28px;} 
.online_botformm input.online_botinput2 {width: 144px;margin-left: 1px;padding-left: 47px;} 
.online_botformm button {width: 92px;height: 40px;background-color: #434343;border: 1px solid #434343;color: #ffffff;font-size: 16px;} 
.online_botformm button:hover {background-color: #c88c00;border-color: #c88c00}
.online_botformr {width: 37px;height: 40px;}
.online_botformr p {font-size: 16px;color: #ff0000;line-height: 40px;text-align: right;}
.online_bottdesc p {text-align: center;line-height: 25px;color: #626262;font-size: 12px;padding-bottom: 2px;}
.onlinedesc_bot p {text-align: center;line-height: 60px;color: #a0a0a0;font-size: 14px;}
.city_item img.neifootbigico {margin: 70px auto 35px;width: 550px;display: block;}
.webban_desc p span {
	color: #ffffff;
    padding: 0px 20px;
}
/* movie price */
.moviceprice {
	width: 1280px;
	height: auto;
	margin: 0 auto;
}
.mprice_nav {
	width: 100%;
	height: 60px;
	margin: 49px 0 40px;
	border-bottom: 2px solid #a0a0a0;
}
.mprice_nav ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	height: auto;
	margin: 0 auto;
}
.mprice_nav ul li {
	float: left;
	margin:0px 40px;
}
.mprice_nav ul li a {
	display: block;
	line-height: 60px;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #323232;
}
.mprice_before {
	width: 100%;
	height: auto;
	margin-bottom: 38px;
}
.mpb_left {
	width: 385px;
	height: auto;
}
.mpb_left p {
	font-size: 30px;
	font-weight: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #c88c00;
	padding-left: 79px;
}
.mpb_right {
	width: 815px;
	height: auto;
}
.mpb_right h4 {
	font-size: 30px;
	font-weight: normal;
	line-height: 36px;
	color: #a0a0a0;
	text-align: left;
	padding-left: 30px;
}
.mpb_rlist {
	width: 100%;
	height: auto;
	margin-top: 45px;
}
.mpb_rlist ul li {
	width: 100%;
	height: auto;
	background: url(../svgs/yuandian_y.svg) no-repeat left top;
	background-position-y: 5px;
	margin-bottom: 20px;
	background-size: 18px;
}
.mpb_rlist ul li h3 {
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #111111;
	padding:0px 0px 13px 34px;
}
.mpb_rlist ul li h4 {
	font-size: 16px;
	color: #323232;
	line-height: 30px;
	padding-bottom: 30px;
}
.mpb_rlist ul li p {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #323232;
	line-height: 28px;
	padding:0px 17px 0px 34px;
	text-align: justify;
}
.mpb_rlist ul li .pricetitles p {
	font-size: 16px;
	padding-bottom: 15px;
}
.mprice_momey {
	margin-bottom: 65px;
}
.mprice_momey .mpb_rlist ul li .pricetitles {
	background: url(../svgs/yuandian_g.svg) no-repeat left top;
	background-position-y: 7px;
	background-position-x: 3px;
	background-size: 15px;
}
.pricecontent {margin-bottom: 20px;}
.mpb_right h5 {
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #323232;
	padding-left: 34px;
}
.seocityhigh {
	background-image: url(../images/seo72bg.jpg);
}

#cnzz_stat_icon_1280419846 a {
	background: none;
}



.banner400 {
	position: absolute;
    width: 100%;
    height: auto;
    top: 0px;
    left: 0px;
    z-index: 9;
    text-align: right;
}
.banner400 img {
	width: 200px;
    margin: 20px 22px 0px 0px;
}
img.neibanner_400 {
    width: 150px;
    margin-top: 43px;
}
img.contact_400 {
	width: 230px;
    display: inline-block;
    margin: 60px 0px 5px;
}
.contact_morecity {
	background-color: #fafafa;
    text-align: center;
}
.contact_morecity a {
	font-size: 12px;
    color: #e5e5e5;
    line-height: 30px;
}
.contact_morecity a:hover {
	color: #111111;
}
.xuanfu_ontel400 {
	height: 100px !important;
}
.xuanfu ul li .xuanfu_on p.xuanfu_telnum {
	/* padding-top: 14px; */
}
.xuanfu_ontel400 img.xuanfu_ontel400img {
	width: 81%;
    margin: 0 auto;
}
.xfline {
	position: absolute;
	width: 80%;
	height: .5px;
	background-color: #e4e6e8;
	bottom: 0px;
	left: 10%;
}
.xfline_top {
	bottom: unset;
	top: 0px;
}
.xuanfu ul li:hover .xfline {
	background-color: #1b1b1b;
}
.bannerbot_h1 {
	font-size: 12px;
    color: #d2d2d2;
    text-align: center;
    padding-top: 10px;
}

  .sctiychoose {
    position: relative;
    background-color:#ffffff;
}
                .citylittle_title {
    position: absolute;
    width: 100%;
    height: auto;
    top: 130px;
    left: 0px;
    text-align: center;
    font-size: 14px;
    color: #a0a0a0;
}
.citylittle_title a {
    font-size: 12px;
    color: #a0a0a0;
}
.citylittle_title a:hover {
    color: #c88c00;

}