@media only screen and (max-width:500px) {
.jg_head{display: none!important;}
} 
 @media only screen and (min-width:500px) {
.web-head{display: none!important;}
.head-banner{display: none!important;}

} 


.sj_banner{ width: 100%; }
.sj_banner img{ width: 100%;}
.sj_wenha{width: 92%; margin:0 auto;}
.sj_wenha h1{ font-size: 16px; color: #FFFFFF; line-height: 36px; height: 36px; padding: 0 10px; background: #1bb7ff; display: block;}
.sj_wenha p{ line-height: 30px; font-size: 15px; padding-top: 15px; padding-bottom: 15px; width: 96%; margin: 0 auto;}

#cus_ser{z-index:9999;width:32px;height:142px;position:fixed;right:0px;color:#FFF;top:200px;overflow:hidden;}
*html #cus_ser{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin:200px 0 0 0;}
.cus_ser_{width:165px;height:160px;background:#1463da;border-bottom-left-radius:4px; border-top-left-radius:4px;overflow:hidden;}
#cus_ser .title{width:32px;height:160px;float:left;background:url(../banner_img/zxzx.jpg);cursor:pointer;}
#cus_ser ul{padding:10px 0px 0px 2px;width:130px;float:left;}
#cus_ser ul li#zqq{height:120px;line-height:120px;display:block;font-size:12px;padding-left:24px;background:url(../banner_img/zqq.png) no-repeat 2px 7px;}

#cus_ser .close{display:inline-block;width:16px;height:16px;overflow:hidden;cursor:pointer;margin-right:4px;float:right;}
#cus_ser ul, ol{list-style: none;margin:0 0 9px 0;}


.jg_head{ width: 100%; margin: 0 auto;}
.tel-num-block p{color: #FFFFFF;}
.fanwe{ padding: 60px 0; overflow: hidden;position: relative;}
.fanwei_n{ height: 420px; width: 1200px; margin:0 auto; min-width: 1200px;}
.fanwei_na{     box-sizing: border-box; width: 224px; height: 420px; border: 1px solid #eee; float: left;}
.fanwei_na a{ width: 224px; height: 420px; display: block;}
.fanwei_na_a{ width: 102px;  padding-top: 30px; margin: 0 auto;}
.fanwei_na_b p{font-size: 20px;text-align: center;margin: 15px 0 15px;}
.fanwei_na_c{ height: 150px;}
.fanwei_na_c p{ color: #999;text-align: center;line-height: 30px;width: 140px; margin: 0 auto;}
.fanwei_na_d p{	    display: inline-block; width: 100px;height: 28px;line-height: 28px;font-size: 12px;background-color: #00A2FF;border-radius: 50px;color: #fff;margin: 0 auto; text-align: center;display: block;}	
.fanwei_na:hover{ box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);border: 2px solid #00A2FF;}
.fanwei_na:hover .fanwei_na_b p{ color: #00A2FF;}



.fanwei_nb{     box-sizing: border-box; width: 224px; height: 420px; border: 1px solid #eee;float: left; margin-left: 20px;}
.fanwei_nb a{ width: 224px; height: 420px; display: block;}
.fanwei_nb_a{ width: 102px; padding-top: 30px; margin: 0 auto;}
.fanwei_nb_b p{font-size: 20px;text-align: center;margin: 15px 0 15px;}
.fanwei_nb_c{ height: 150px;}
.fanwei_nb_c p{ color: #999;text-align: center;line-height: 30px;width: 140px; margin: 0 auto;}
.fanwei_nb_d p{	    display: inline-block; width: 100px;height: 28px;line-height: 28px;font-size: 12px;background-color: #00A2FF;border-radius: 50px;color: #fff;margin: 0 auto; text-align: center;display: block;}	
.fanwei_nb:hover{ box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);border: 2px solid #00A2FF;}
.fanwei_nb:hover .fanwei_nb_b p{ color: #00A2FF;}


.anli{height: 1050px; width: 100%;background:url(../banner_img/b1.jpg) no-repeat center top;background-attachment: fixed;
    background-size: 100% auto; }
	
.anli_t{padding-top: 60px;}
.anli_t a{ font-size: 32px; color: #1e1d1d; line-height: 32px; display: block; text-align: center;}
.anli_a p{ line-height: 60px; font-size: 16px; color: #626262; text-align: center;}

/*hp_anli*/
.hp_anli{ height: 660px; width: 100%;overflow: hidden;}
.hp_huahai_z{ height: 660px; width: 1220px; margin: 0 auto;}
.hp_huahai_z li{ width:395px; height: 296px; float: left; margin-left: 5px; margin-right: 5px; margin-bottom: 10px;}
.hp_huahai_z_t{ height: 296px; width: 395x;}

.case_piclist_slide {overflow: hidden;}
.case_piclist_slide ul li{float: left;text-align: center; position:relative; height:296px;overflow:hidden;}
.case_piclist_slide li .pic img { width:395px; height:296px;}
.case_piclist_slide li .cover_top{ text-align:center; z-index:99;position: absolute; color:#666; bottom:0; width:100%; background:rgba(1,162,255,0.7)}
.case_piclist_slide li .cover_pic{ width:395px; height:200px;position:absolute;   z-index:100}
.case_piclist_slide li .cover_pic a h1{ font-size:20px; color:#FFFFFF; display:block; width:320px; text-align: left; padding-left: 50px;}
.case_piclist_slide li .cover_pic a p{ font-size:14px; color:#FFFFFF; text-align: left; padding-left: 50px; line-height: 26px; width: 320px;}
	
.main-btn {margin-top: 60px;text-align: center;}
	
.main-btn-a {display: inline-block;width: 300px;height: 60px;line-height: 60px;background-color: #3CA7FB;color: #fff; font-size: 24px;box-shadow: 0 6px 20px 0 rgba(60, 167, 251, .8);}
.main-btn-a:hover { background-color: #5fb9ff;color: #fff;}
	
.anfen{ height: 40px; width:1050px; margin: 0 auto; padding-top: 30px;}	
.anfen_a {height: 40px; width: 125px; background: #ff9a2b;border-radius: 20px; float: left;}
.anfen_a a{ line-height: 40px; width: 125px; font-size: 16px; display: block; text-align: center; color: #FFFFFF;}
.anfen_b a{ height: 40px; width: 150px; background: rgba(1,162,255,0.6); border-radius: 20px;text-align: center; color: #FFFFFF; margin-left: 35px; line-height: 40px; display: block; float: left;font-size: 16px;}
.anfen_b a:hover{ height: 40px; width: 150px; background: rgba(255,154,43,1); border-radius: 20px;text-align: center; color: #FFFFFF; margin-left: 35px;line-height: 40px; display: block;}




/*yj_huan*/
.yj_huan{ height: 850px; width: 1200px; margin: 0 auto; padding-bottom: 50px; padding-top: 70px; }

/*index_h*/
.index_h{ position:relative}
.index_huahai_con{ height:730px; overflow:hidden;}
.index_huahai_con .huahai_l{ height:150px; width: 1220px; margin-top: 15px;}
.index_huahai_con .huahai_l li{ width:290px; height:150px;  float:left;   box-sizing:border-box; background: #f8f8f8;border-radius: 5px; margin-right: 12px;}

.index_huahai_con .huahai_l li:nth-child(4){ margin-right:0; }
.index_huahai_con .huahai_l li p{ line-height: 24px; width: 120px; font-size: 16px; color: #FFFFFF; display: block; text-align: center;}


.index_huahai_con .huahai_l li.cp_crnt a h2{  color:#ffffff;}
.index_huahai_con .huahai_l li.cp_crnt a p{ color:#ffffff}

.index_huahai_con .zong{ height:560px; width:100%; position:relative; z-index: 2;}
.index_huahai_con .chanpin_r{ height:560px;border-radius: 10px; overflow: hidden;}
.index_huahai_con .Tcp_a{ background:url(../banner_img/l1.png) no-repeat center top;}
.index_huahai_con .Tcp_b{ background:url(../banner_img/l2.png) no-repeat center top;}
.index_huahai_con .Tcp_c{ background:url(../banner_img/l3.png) no-repeat center top;}
.index_huahai_con .Tcp_d{ background:url(../banner_img/l4.png) no-repeat center top;}

.index_huahai_con .huahai_l li .icon{ width:120px; height:150px;  float:left; background:url(../banner_img/k1.png) no-repeat center top; }

.index_huahai_con .huahai_l li .text { vertical-align: middle;font-size: 20px;color: #666;display: inline-block;width: 139px;text-align: left;font-weight: 400;margin-top: 40px;}

.index_huahai_con .huahai_l li:hover{width:290px; height:150px;  float:left;   box-sizing:border-box; background: #3ca7fb;border-radius: 5px; margin-right: 12px;}
.index_huahai_con .huahai_l li:hover .icon{ width:120px; height:150px;  float:left; background:url(../banner_img/k2.png) no-repeat center top; }
.index_huahai_con .huahai_l li:hover .text{ vertical-align: middle;font-size: 20px;color: #FFFFFF;display: inline-block;width: 139px;text-align: left;font-weight: 400;margin-top: 40px;}

.index_huahai_con .huahai_l li .iconb{ width:120px; height:150px;  float:left; background:url(../banner_img/k3.png) no-repeat center top; }
.index_huahai_con .huahai_l li .textb { vertical-align: middle;font-size: 20px;color: #666;display: inline-block;width: 139px;text-align: left;font-weight: 400;margin-top: 40px;}
.index_huahai_con .huahai_l li:hover .iconb{ width:120px; height:150px;  float:left; background:url(../banner_img/k4.png) no-repeat center top; }
.index_huahai_con .huahai_l li:hover .textb{ vertical-align: middle;font-size: 20px;color: #FFFFFF;display: inline-block;width: 139px;text-align: left;font-weight: 400;margin-top: 40px;}

.index_huahai_con .huahai_l li .iconc{ width:120px; height:150px;  float:left; background:url(../banner_img/k5.png) no-repeat center top; }
.index_huahai_con .huahai_l li .textc { vertical-align: middle;font-size: 20px;color: #666;display: inline-block;width: 139px;text-align: left;font-weight: 400;margin-top: 40px;}
.index_huahai_con .huahai_l li:hover .iconc{ width:120px; height:150px;  float:left; background:url(../banner_img/k6.png) no-repeat center top; }
.index_huahai_con .huahai_l li:hover .textc{ vertical-align: middle;font-size: 20px;color: #FFFFFF;display: inline-block;width: 139px;text-align: left;font-weight: 400;margin-top: 40px;}

.index_huahai_con .huahai_l li .icond{ width:120px; height:150px;  float:left; background:url(../banner_img/k7.png) no-repeat center top; }
.index_huahai_con .huahai_l li .textd { vertical-align: middle;font-size: 20px;color: #666;display: inline-block;width: 139px;text-align: left;font-weight: 400;margin-top: 40px;}
.index_huahai_con .huahai_l li:hover .icond{ width:120px; height:150px;  float:left; background:url(../banner_img/k8.png) no-repeat center top; }
.index_huahai_con .huahai_l li:hover .textd{ vertical-align: middle;font-size: 20px;color: #FFFFFF;display: inline-block;width: 139px;text-align: left;font-weight: 400;margin-top: 40px;}


.zong_con{ padding-top: 90px;
    float: left;
    width: 474px;
    padding-left: 58px;
    box-sizing: border-box;}




.zong_con .left-title {
    position: relative;
    font-size: 22px;
    color: #fff;
    padding: 0 20px;
    display: inline-block;
    z-index: 2;
    box-sizing: border-box;
    margin-bottom: 44px
}
.zong_con .left-title a{
    color: #fff
}
.zong_con .description {
    line-height: 34px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 99px
}
.zong_con .description a{
    color: #fff
}
.zong_con .left-title:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 16px;
    background-color: #b17e40;
    bottom: -4px;
    z-index: -1;
    left: 0
}

.zong_con .more {
    width: 200px;
    height: 46px;
    background-color: #00ade9;
    border-radius: 23px;
    text-align: center;
    line-height: 46px
}
.zong_con .more .icon {
    display: inline-block;
    vertical-align: middle;
    color:#fff;
}

.zong_con .more .text {
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding-right: 27px
}
.pingjia{ height: 650px; width: 100%; background: #f3f4f6; margin-top: 20px;}
.pingjia_n{ width: 1400px; margin: 0 auto;min-width: 1400px;}
.pingjia_na p{font-size: 32px; color: #1e1d1d; line-height: 32px; display: block; text-align: center;}
.pingjia_nb p{ line-height: 60px; font-size: 16px; color: #626262; text-align: center;}

.gundong{width: 1320px; margin: 0 auto;}
.control-box {
    width: 1320px;
    height: 340px;
  overflow: hidden;
   
	margin-top:50px;
min-width: 1320px;
}
.control-box ul {
  list-style: none;
  position: relative;
}
.control-box ul li {
  position: absolute;
  top: 50px;
  cursor: pointer;
}
.prev {
  left: 0;
}
.next {
  right: 0;
}
.bigbox {
  overflow: hidden;
  width: 1200px;
  height: 340x;
  margin: 0 auto;

}
#switcher {
  height: 340px;
  left: 0px;
}
.content_1.content_2 {
  width: 100%;
  float: left;
}
.box {
  transition:all .7s ease 0s;
  width: 370px!important;
  height: 340px;
  float: left;
  background:url(../banner_img/ll.png) no-repeat center top;
  margin-right: 35px;
}
.box:hover {
 opacity:0.5;
}




.box .bg {
    display: inline-block;
    width: 100%;
    height: 271px;
    background: url(../images/ytx-customer-evaluation-bg1.png);
    padding: 40px 24px 0;
    box-sizing: border-box
}

.box .bg-title {
    font-size: 18px;
    font-weight: 700;
    color: #343434;
    text-align: left;
    margin-bottom: 26px
}

.box .star {
    float: right
}

.box .description {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-align: left;
    white-space: normal
}
.box .description a{
    color: #666
}
.box .img {
    text-align: left;
    padding-bottom: 27px
}

.box .img img {
    box-shadow: 0 0 27px rgba(52,52,52,.1);
    border-radius: 50%;
    margin-left: 13px
}

.box .star img {
    margin: 0 3.5px
}


.ytx {
    text-align: center;
    line-height: 1;
    padding-bottom: 40px;
    width: 1200px;
    margin: 0 auto
}

.ytx ul {
    padding-top: 30px
}

.ytx ul:after {
    content: "";
    width: 0;
    display: block;
    clear: both
}

.ytx li {
    position: relative;
    width: 580px;
    display: inline-block;
    box-shadow: 0 0 28.13px .87px rgba(52,52,52,.07);
    margin-bottom: 40px;
    height: 172px;
    float: left
}

.ytx li:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #4561aa;
    bottom: 0;
    display: none
}

.ytx li:hover:before {
    display: block
}

.ytx li:nth-child(2):before {
    background-color: #ff6936
}

.ytx li:nth-child(3):before {
    background-color: #ffb850
}

.ytx li:nth-child(4):before {
    background-color: #3cc6ed
}

.ytx li:nth-child(2) .left {
    color: #ff6936
}

.ytx li:nth-child(3) .left {
    color: #ffb850
}

.ytx li:nth-child(4) .left {
    color: #3cc6ed
}

.ytx li:nth-child(2n) {
    float: right
}

.ytx .title {
font-size: 32px; color: #1e1d1d; line-height: 32px; display: block; text-align: center;
    margin-bottom: 20px
}

.ytx .sub-title {
    color: #666;
    font-size: 16px;
    margin-bottom: 50px
}

.ytx .left {
    display: inline-block;
    padding-top: 37px;
    width: 213px;
    color: #4561aa;
    font-size: 20px
}

.ytx .right {
    float: right;
    font-size: 16px;
    color: #666;
    line-height: 24px;
    padding: 49px 0;
    height: 172px;
    width: 365px;
    text-align: left;
    box-sizing: border-box
}
.ytx .right a{
    color: #666
}
.ytx .right p {
    border-left: 1px solid #e9e9e9;
    padding: 0 39px
}

.ytx .left .pic {
    height: 79px
}

.ytx-index33 {
    background-color: #f5f5f5;
    text-align: center;
    border-bottom: 1px solid #efefef
}
.ytx .sub-title a{
    color: #666
}
.ytx-index33 img {
}

.ytx-index33 ul {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0
}

.ytx-index33 ul li {
    float: left;
    width: 20%;
    text-align: left;
    border-left: 1px solid #e6e6e6;
    padding-left: 20px;
    box-sizing: border-box
}

.ytx-index33 ul li .title {
    font-size: 18px;
    color: #080c0f
}

.ytx-index33 ul li .icon {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.ytx-index33 ul li .icon>span {
    font-size: 60px;
    color:#bfbfbf;
    transition: all .8s
}

.ytx-index33 ul li:hover .icon>span {
    transform: rotateY(360deg)
}

.ytx-index33 ul li .text {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    line-height: 1
}

.ytx-index33 ul li .description {
    font-size: 12px;
    color: #666;
    padding-top: 13px
}

.ytx-index33 .content {
    width: 1200px;
    margin: 0 auto
}

.ytx-index33 .content li {
    padding: 20px;
    width: 20%;
    padding-left: 28px
}


.hezuo{ height: 150px; width: 1220px; margin: 0 auto;}
.hezuo li{     height: 90px;
    width: 290px;
    border: 1px solid #eeeeee;
    float: left;
    margin-left: 5px;
    margin-right: 5px;}
.hezuo li img{    margin-left: 50px; width: 190px;}

.s_lianxi{ height: 500px; width: 100%; margin: 0 auto;background:url(../banner_img/lx.jpg) no-repeat center top;}
.s_lianxia p{ line-height: 30px; font-size: 30px; color: #FFFFFF; display: block; text-align: center;}
.s_lianxib p{ line-height: 80px; font-size: 14px; color: #FFFFFF; display: block;text-align: center;}
.fo_l{ width: 220px; float: left;}
.fo_la p{ width: 220px; height: 40px; font-size: 18px; color: #FFFFFF; }
.fo_lc{ margin-top: 5px;}
.fo_lc li{ height: 45px; width: 220px; float: left;}
.fo_lc li a{ line-height: 45px; float: left; height: 45px;  font-size: 14px; color: #aaaaaa;}
.fo_lc li a:hover{ color: #FFFFFF; font-size: 15px;}
.fo_r{width: 300px; float: right;}

.fo_lb p{ font-size: 30px; line-height: 40px; color: #FFFFFF;}
.fo_ld p{ line-height: 24px; font-size: 14px;color: #aaaaaa;}
.foot_btm p{ line-height: 50px;font-size: 14px;color: #aaaaaa; text-align: center; border-top: 1px solid #4c5461;}




.wangzhan{ height: 760px; width: 100%; margin: 0 auto; background:url(../banner_img/website_2.png) no-repeat center;}
.wangzhan_n{ height: 500px; width: 1200px; margin: 0 auto; padding-top: 150px;}
.wangzhan_nr{ width: 550px; float: right;}
.wangzhan_nl{height: 500px; width: 600px; float: left;}
.wangzhan_nla p{ line-height: 60px; font-size: 42px; color: #FFFFFF;}
.wangzhan_nlb {height: 300px;}
.wangzhan_nlb p{ line-height: 30px; font-size: 16px; color: #FFFFFF;width: 550px; float: left; margin-top: 50px; }
.wangzhan_nlc a{ height: 40px; width: 150px; border: 1px solid rgba(255,255,255,0.5); border-radius: 25px; display: block; text-align: center; line-height: 40px; font-size: 16px; color: #FFFFFF;}
.wangzhan_nlc a:hover{ height: 40px; width: 150px; border: 1px solid rgba(255,255,255,0.5); border-radius: 25px; display: block; text-align: center; line-height: 40px; font-size: 16px; color: #00ade9; background: #FFFFFF;}


.cp_top{ height: 360px; width: 100%;background:url(../banner_img/banner_qwxys.png) no-repeat center;}
.cp_top_a{ margin: 0 auto; width: 240px;}
.cp_top_a p{    font-size: 60px;
    font-weight: bold;
    color: #16F291;
    background-image: -webkit-linear-gradient(left, #16F291, #04F0EF);
    background-image: -moz-linear-gradient(left, #16F291, #04F0EF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin: 120px 0 5px; text-align: center;}
	.cp_top_b p{    font-size: 18px;
    color: #fff;
    width: 450px;
    margin: 0 auto;
    line-height: 42px;
   }
   
   .baojia{ height: 420px;width: 100%;background:url(../banner_img/offer-banner.png) no-repeat center;}
   .baojia_n{ width: 1200px; margin: 0 auto;}
   .baojia_na p{font-size: 48px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 30px; padding-top: 150px;}
	.baojia_nb p{font-size: 30px;
    color: #fff;}


.xinwen{ height: 420px;width: 100%;background:url(../banner_img/zhishi-banner1.png) no-repeat center;}
.about_n{ height: 550px;width: 100%;background:url(../banner_img/website_6.jpg) no-repeat center;}

.jianjie{width: 1200px; margin: 0 auto;}
.jianjie p{    font-size: 30px;
    line-height: 134px;
    text-align: center;
    padding-bottom: 5px;
    background: url(../banner_img/all.png) no-repeat 0 128px;
}
.jianjie_n{ height: 300px; width: 1200px; margin: 0 auto; padding-top: 50px;}
.jianjie_nl{ height: 300px; width:450px; float: left;}
.jianjie_nr{ width: 700px; height: 300px; float: right;}
.jianjie_nr p{ line-height:26px; font-size: 15px; color: #000000;}
#content{
	
}
.company{
	padding: 60px 0;
}
.company h2{
	font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
}
.bg{
	height: 1700px;
    background: url(../banner_img/bg.png) no-repeat center;
	position: relative;
}

.bg>span{
	font-size: 18px;
    color: #4f88ae;
	position: absolute;
	font-weight: bold;
}
.bg>div{
	position: absolute;
}
.bg>div p{
	color: #4f88ae;
	line-height: 24px;
}
.bg .y1{
	left: 390px;
	top: 0px;
}
.bg .y2 {
left: 770px;
    top: 630px;
}
.bg .y3{
left: 225px;
    top: 840px;
}
.bg .y4{
	left: 662px;
    top: 940px;
}
.bg .y5{
    left: 430px;
    top: 1040px;
}
.bg .y6{
	left: 676px;
    top: 1150px;
}
.bg .y7{
	left: 450px;
    top: 1252px;
}
.bg .y8{
	left: 676px;
    top: 1410px;
}
.bg .item1{
	left: 474px;
    top: 22px;
}
.bg .item2{
	left: 680px;
    top: 133px;
}
.bg .item3{
	left: 695px;
    top: 308px;
}
.bg .item4{
	left: 202px;
	top: 330px;
}
.bg .item4 p{
	text-align: right;
}
.bg .item5{
	left: 336px;
    top: 450px;
}
.bg .item6{
	left: 16px;
    top: 618px;
}
.bg .item7{
	left: 518px;
    top: 618px;
}
.bg .item8{
	left: 777px;
    top: 572px;
}
.bg .item9{
	left: 580px;
	top: 730px;
}
.bg .item10{
	left: 245px;
    top: 787px;
}
.bg .item11{
width: 550px;
	left: 326px;
    top: 670px;
}
.bg .item12{
    left: 230px;
    top: 874px;
}
.bg .item13{
	left: 662px;
    top: 969px;
}
.bg .item14{
left: 300px;
    top: 1068px;
}
.bg .item15{
	left: 677px;
    top: 1180px;
}
.bg .item16{
	left: 230px;
	top: 1279px;
}
.bg .item17{
	left: 676px;
    top: 1440px;
}
.bg .item14 p, .bg .item16 p{
	text-align: right;
}
.fancy{
	cursor: zoom-in;
}


.zhaopin{ height: 420px;width: 100%;background:url(../banner_img/rec.jpg) no-repeat center;}
.zhaopin_a{ height: 350px; width: 1200px; margin: 0 auto;}
.zhaopin_aa{ height: 300px; width: 1200px;}
.zhaopin_aa_a{ height: 300px; width: 580px; float: left;  background: #f3f3f3;}
.we p{ font-size: 16px; line-height: 40px; display: block; text-align: center; color: #747474;font-weight: normal;}
.zhaopin_aa_an{ margin: 25px;}
.zhaopin_aa_anb p{    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #000;
    margin-top: 24px;}
.zhaopin_aa_anc p{font-size: 15px;color: #747474; line-height: 30px; margin-top: 20px;}
.zhaopin_aa_a:hover{background: #00ade9;}
.zhaopin_aa_a:hover p{color: #FFFFFF;}

.zhaopin_aa_b{ height: 300px; width: 580px; float: right;  background: #f3f3f3;}
.zhaopin_aa_b:hover{background: #00ade9;}
.zhaopin_aa_b:hover p{color: #FFFFFF;}



.lianxi{ height: 420px;width: 100%;background:url(../banner_img/columnbanner3.jpg) no-repeat center;}
.lianxiwo li{    width: 33.3%;
    float: left;
	    border: solid 1px #e6e6e6;
    box-sizing: border-box;
    text-align: center;
    height: 680px;
    /* padding-bottom: 66px; */}
.lianxiwo{ margin-bottom: 50px;height: 680px;}
.lianxiwoa{height: 138px;
    margin-top: 75px;}
	.lianxiwob p{ width: 90%; line-height: 30px;color: #747474; font-size: 16px; margin: 0 auto; padding-top: 15px;}
	
	.yumingg{ height: 500px;width: 100%;background:url(../banner_img/banner.png) no-repeat center;}
	.classify{
	    width: 100%;
	    height: 665px;
	    background: #fff;
	    overflow: hidden;
	}
	.main_auto{
	    width: 1200px;
	    margin: auto;
	}
	.classify ul{
	    width: 100%;
	    margin-top: 78px;
	    display: flex;
	}
	.classify ul li{
	    height: 510px;
	    flex: 1;
	    border: 1px solid #e5e5e5;
	    box-sizing: border-box;
	    margin-right: 27px;
	}
	.classify ul li:hover .one p{
	    color: #fff;
	}
	.classify ul li:last-child{
	    margin-right: 0px;
	}
	.classify ul li:nth-child(1) .one{
	    width: 100%;
	    height: 70px;
	    background: url(../banner_img/bg_img_1.png) no-repeat center;
	}
	.classify ul li:nth-child(2) .one{
	    width: 100%;
	    height: 70px;
	    background: url(../banner_img/bg_img_2.png) no-repeat center;
	}
	.classify ul li:nth-child(3) .one{
	    width: 100%;
	    height: 70px;
	    background: url(../banner_img/bg_img_3.png) no-repeat center;
	}
	.classify ul li:nth-child(4) .one{
	    width: 100%;
	    height: 70px;
	    background: url(../banner_img/bg_img_4.png) no-repeat center;
	}
	.classify ul li .one p{
	    font-size: 20px;
	    color: #e7edf1;
	    line-height: 70px;
	    text-align: center;
	    font-weight: bold;
	}
	.classify ul li .two{
	    width: 242px;
	    height: 60px;
	    border-bottom: 1px solid #e7edf1;
	    margin: auto;
	}
	.classify ul li .two p{
	    font-size: 16px;
	    color: #333;
	    font-weight: bold;
	    line-height: 60px;
	    text-align: center;
	}
	.classify ul li .three{
	    width: 200px;
	    height: 214px;
	    display: flex;
	    margin: auto;
	}
	.classify ul li .three .itemm{
	    flex: 1;
	}
	.classify ul li .three .itemm p{
	    margin: 0px 0px 0px 36px;
	    font-size: 14px;
	    color: #666;
	    line-height: 40px;
	}
	.classify ul li .five_p{
	    font-size: 12px;
	    color: #999999;
	    text-align: center;
	    line-height: 60px;
	}
	.classify ul li:nth-child(1) .four_p{
	    font-size: 14px;
	    color: #f8c248;
	    font-weight: bold;
	    text-align: center;
	}
	.classify ul li .six{
	    cursor: pointer;
	}
	.classify ul li:nth-child(1) .six{
	    width: 140px;
	    height: 36px;
	    background: #f8c248;
	    margin: auto;
	}
	.classify ul li:nth-child(1) .six p{
	    font-size: 12px;
	    line-height: 36px;
	    color: #fff;
	    text-align: center;
	}
	
	.classify ul li:nth-child(2) .four_p{
	    font-size: 14px;
	    color: #1e98ff;
	    font-weight: bold;
	    text-align: center;
	}
	.classify ul li:nth-child(2) .six{
	    width: 140px;
	    height: 36px;
	    background: #1e98ff;
	    margin: auto;
	}
	.classify ul li:nth-child(2) .six p{
	    font-size: 12px;
	    line-height: 36px;
	    color: #fff;
	    text-align: center;
	}
	
	.classify ul li:nth-child(3) .four_p{
	    font-size: 14px;
	    color: #ff8131;
	    font-weight: bold;
	    text-align: center;
	}
	.classify ul li:nth-child(3) .six{
	    width: 140px;
	    height: 36px;
	    background: #ff8131;
	    margin: auto;
	}
	.classify ul li:nth-child(3) .six p{
	    font-size: 12px;
	    line-height: 36px;
	    color: #fff;
	    text-align: center;
	}
	
	.classify ul li:nth-child(4) .four_p{
	    font-size: 14px;
	    color: #787df3;
	    font-weight: bold;
	    text-align: center;
	}
	.classify ul li:nth-child(4) .six{
	    width: 140px;
	    height: 36px;
	    background: #787df3;
	    margin: auto;
	}
	.classify ul li:nth-child(4) .six p{
	    font-size: 12px;
	    line-height: 36px;
	    color: #fff;
	    text-align: center;
	}

	
.youxiang{ height: 500px;width: 100%;background:url(../banner_img/banner2.png) no-repeat center;}

.query{
    width: 100%;
    height: 454px;
    background: #f7f7f7;
    padding-top: 50px;
}
.query .title{
    width: 349px;
    margin: auto;
}
.main_auto{
    width: 1200px;
    margin: auto;
}
.query .picture{
    width: 100%;
    height: 194px;
    background: url(../banner_img/img_1.png) no-repeat center;
    margin-top: 78px;
    margin-bottom: 53px;
}
.query .button:hover .hide_box{
    display: block;
}
.query .button:hover{
    background: #3db1ea;
    border: 1px solid #3db1ea;
}
.query .button:hover .title_what{
    color: #fff;
}
.photo_one {
    width: 100%;
    height: 526px;
    background: #ffffff;
    background: url(../banner_img/img_one.png) no-repeat center;
}
.photo_two {
    width: 100%;
    height: 406px;
    background: #f7f7f7;
    background: url(../banner_img/img_two.jpg) no-repeat center;
}
.photo_three {
    width: 100%;
    height: 406px;
    background: #f7f7f7;
    background: url(../banner_img/img_three.png) no-repeat center;
}
.photo_four {
    width: 100%;
    height: 406px;
    background: #f7f7f7;
    background: url(../banner_img/img_four.jpg) no-repeat center;
}
.anquan{ height: 600px;width: 100%;background:url(../banner_img/banner-ssl.png) no-repeat center;}
.main-wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    min-width: 1200px;}
	.items-title {
	    font-size: 24px;
	    text-align: center;
	    margin-bottom: 25px;}
.items-block {
    margin-top: 60px;
}

.flex-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.img-block {
    margin: 0 auto;
    display: block;
}

.img-block img, .img-block svg {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.itemm {
     flex: 1; 
    text-align: center;
}
.itemm-p {
    font-size: 16px;
    margin-top: 26px;}
	
.quanjing{ height: 600px;width: 100%;background:url(../banner_img/banner-vrshow.png) no-repeat center;}
.quanjinga{ height: 480px; width: 1220px; margin: 0 auto;background:url(../banner_img/o1.jpg) no-repeat center; padding-top: 50px; padding-bottom: 50px;}
.quanjingb{ height: 644px; width: 100%; margin: 0 auto;background: #f9f9f9 url(../banner_img/o2.jpg) no-repeat center; padding-top: 50px; padding-bottom: 50px;}

.youhua{ height: 600px;width: 100%;background:url(../banner_img/seobanner.png) no-repeat center;}

 
        .seoteam {
            padding: 106px 0 34px 0;
            box-sizing: border-box;
            width: 100%;
            min-height: 908px;
            background: url(../banner_img/seoteambg.png) no-repeat center center;
        }
        
        .seoteam_top h2 {
            font-size: 36px;
            color: #000;
            position: relative;
        }
        
        .seoteam_top h2:after {
            position: absolute;
            content: '';
            bottom: 62px;
            width: 84px;
            height: 4px;
            left: 0%;
            background: #6699ff;
        }
        
        .seoteam h2 i {
            color: #6699ff;
            font-style: normal;
        }
        
        .seoteam p {
            margin-top: 30px;
            width: 68%;
            line-height: 50px;
            color: #343434;
            font-size: 18px;
        }
        
        .seoteam_bom ul {
            margin-top: 130px;
            width: 100%;
        }
        
        .seoteam_bom ul li {
            background: none;
            text-align: center;
            padding-bottom: 30px;
            display: inline-block;
            width: 23%;
            margin-right: 2%;
            color: #343434;
            box-shadow: #f5f8ff 5px 5px 20px;
        }
        
        .seoteam_bom ul li:last-child {
            margin-right: 0;
        }
        
        .seoteam_bom ul li i {
            display: inline-block;
            margin: 34px 0;
            width: 55px;
            height: 50px;
            background: url(../banner_img/seoteam01.png) no-repeat 0 0;
        }
        
        .seoteam_bom ul li h3 {
            font-size: 20px;
            line-height: 36px;
        }
        .seoteam_bom ul li:hover h3 {
           color: #FFFFFF;
        }
        .seoteam_bom ul li span {
            display: block;
            font-size: 14px;
            line-height: 36px;
        }
        
        .seoteam_bom ul li:nth-child(1) i {
            width: 50px;
            height: 50px;
            background: url(../banner_img/seoteam01.png) no-repeat 0 0;
        }
        
        .seoteam_bom ul li:nth-child(2) i {
            width: 50px;
            height: 50px;
            background: url(../banner_img/seoteam02.png) no-repeat 0 0;
        }
        
        .seoteam_bom ul li:nth-child(3) i {
            width: 50px;
            height: 50px;
            background: url(../banner_img/seoteam03.png) no-repeat 0 9px;
        }
        
        .seoteam_bom ul li:nth-child(4) i {
            width: 50px;
            height: 50px;
            background: url(../banner_img/seoteam04.png) no-repeat 0 5px;
        }
        
        .seoteam_bom ul li:hover {
            color: #fff;
            background:#00A2FF url(../banner_img/shinianbg.png) no-repeat;
            background-size: 100% 100%;
        }
        
        .seoteam_bom ul li:nth-child(1):hover i {
            background:#00A2FF url(../banner_img/seoteam01.png) no-repeat 0px -50px;
        }
        
        .seoteam_bom ul li:nth-child(2):hover i {
            background: url(../banner_img/seoteam02.png) no-repeat 0px -50px;
        }
        
        .seoteam_bom ul li:nth-child(3):hover i {
            background:#00A2FF url(../banner_img/seoteam03.png) no-repeat 0px -31px;
        }
        
        .seoteam_bom ul li:nth-child(4):hover i {
            background:#00A2FF url(../banner_img/seoteam04.png) no-repeat 0px -57px;
        }
		.content {
		    width: 1200px;
		    margin: 0 auto;
		}
		.seowhy {
		            padding: 106px 0 0 0;
		            box-sizing: border-box;
		            width: 100%;
		            height: 949px;
		            background: url(../banner_img/seoyemian01.png) no-repeat center center;
		        }
		        
		        .seowhy h2 {
		            font-size: 36px;
		            color: #000;
		            position: relative;
		        }
		        
		        .seowhy h2:after {
		            position: absolute;
		            content: '';
		            bottom: 62px;
		            width: 84px;
		            height: 4px;
		            left: 0%;
		            background: #6699ff;
		        }
		        
		        .seowhy h2 i {
		            color: #6699ff;
		            font-style: normal;
		        }
		        
		        .seowhy ul li {
		            margin-top: 60px;
		            width: 44%;
		            display: inline-block;
		            border-bottom: 2px solid #6699ff;
		        }
		        
		        .seowhy ul li:nth-child(odd) {
		            margin-right: 134px;
		        }
		        
		        .seowhy ul li span {
		            display: block;
		            font-size: 24px;
		            color: #343434;
		            margin-bottom: 22px;
		        }
		        
		        .seowhy ul li p {
		            font-size: 18px;
		            color: #666666;
		            line-height: 30px;
		            margin-bottom: 30px;
		        }
		        
		        .seowhy h3 {
		            margin-top: 256px;
		            font-size: 36px;
		            color: #000;
		            position: relative;
		        }
		        
		        .seowhy h3:after {
		            position: absolute;
		            content: '';
		            bottom: 62px;
		            width: 84px;
		            height: 4px;
		            left: 0%;
		            background: #6699ff;
		        }
		        
		        .seowhy h3 i {
		            color: #6699ff;
		            font-style: normal;
		        }
				
				 
        .process {
            width: 100%;
            padding: 155px 0;
            box-sizing: border-box;
        }
        
        .process h2 {
            font-size: 36px;
            color: #000;
            position: relative;
        }
        
        .process h2:after {
            position: absolute;
            content: '';
            bottom: 62px;
            width: 84px;
            height: 4px;
            left: 0%;
            background: #6699ff;
        }
        
        .process h2 i {
            color: #6699ff;
            font-style: normal;
        }
        
        .process ul {
            margin-top: 133px;
            /* background: url(images/sanjiao.png) no-repeat center center; */
        }
        
        .process ul li {
            display: inline-block;
            margin-right: 52px;
            text-align: center;
            position: relative;
        }
        
        .process ul li:last-child {
            margin-right: 0;
        }
        
        .jiantou {
            position: absolute;
            right: -38px;
            bottom: 109px;
        }
		.hhs{ height: 300px; width: 1200px; margin: 0 auto;}
.aicaigou{ height: 520px;width: 100%;background:url(../banner_img/big_bg.png) no-repeat center;}
.aicaigoua{ height: 574px; width: 100%; padding: 80px 0 80px 0;background: #3c34a3 url(../banner_img/p1.jpg) no-repeat center;}
.aicaigoub{ height: 505px; width: 100%; padding: 80px 0 80px 0;background: #282287 url(../banner_img/p2.jpg) no-repeat center;}
.aicaigouc{ height: 642px; width: 100%; padding: 80px 0 80px 0;background: #1d1871 url(../banner_img/p3.jpg) no-repeat center;}

.tuiguanga{ height: 520px;width: 100%;background:url(../banner_img/hh.jpg) no-repeat center;}
.merit{width:1200px;height:auto;overflow:hidden;margin:auto;padding:134px 0}
.merit ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.merit ul li{width:25%;height:100px;margin-bottom:45px;font-size:16px;color:#616161;text-align:center;line-height:24px;box-sizing:border-box;padding-top:76px}
.merit ul li:nth-child(1){background:url(../banner_img/icon1.png) no-repeat center top}
.merit ul li:nth-child(2){background:url(../banner_img/icon2.png) no-repeat center top}
.merit ul li:nth-child(3){background:url(../banner_img/icon3.png) no-repeat center top}
.merit ul li:nth-child(4){background:url(../banner_img/icon4.png) no-repeat center top}
.merit ul li:nth-child(5){background:url(../banner_img/icon5.png) no-repeat center top}
.merit ul li:nth-child(6){background:url(../banner_img/icon6.png) no-repeat center top}
.merit ul li:nth-child(7){background:url(../banner_img/icon7.png) no-repeat center top}
.merit ul li:nth-child(8){background:url(../banner_img/icon8.png) no-repeat center top}

.keyWord{width:100%;height:870px;position:relative;overflow:hidden;background:#000}
.keyWord .bg{height:100%;position:absolute}
.keyWord .keyText{width:470px;height:300px;position:absolute;right:50%;margin-right:140px;top:50%;color:#fff;margin-top:-150px}
.keyText h3{font-size:2.5rem;line-height:3.75rem;text-indent:1.88rem;color:#fff;}
.keyText h4{font-size:20px;line-height:60px;padding-left:30px;color:#fff; }
.keyText p{padding-top:40px;line-height:30px;font-size:16px;padding-left:30px; color:#fff;}




	.bannerbox{width:100%; height:700px; background:url(../img/GY/GGbanner.jpg);  margin-top:127px;}
.bannerbox .bannrecenter{width:1200px; height:700px; margin:0 auto;}
.bannerbox .bannrecenter .bannerleft{width:800px; height:700px; float:left; }
.bannerbox .bannrecenter .bannerleft .boxhander_left_onep{font-size: 52px;color: #ffffff; position:relative; top: 15%; left: 4%; height: 64px; line-height: 64px; width: 90%;}
.bannerbox .bannrecenter .bannerleft .boxhander_left_twop{color: #ffffff;font-size: 24px;position: relative; top: 17%;left: 4%;height: 40px;line-height: 40px; width: 90%;}
.bannerbox .bannrecenter .bannerleft button{width: 160px;height: 50px;background-color: #0dcce8;border: none; color: #ffffff;font-size: 20px;border-radius: 7px;}
.bannerbox .bannrecenter .bannerleft a{position: relative; top:172px; left: 60px;}

.boxcenter{width:1200px; height:600px; margin:0px auto;}
.boxcenter .boxcenter_p{font-size: 30px;color: #333333;text-align: center;padding-top: 80px;height: 40px;line-height: 40px;}
.boxcenter .dl {    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-around;}

.boxcenter dl {
    width: 24%;
    float: left;
    height: 297px;
    border: 1px solid #e2eff5;
    margin: 90px 37px 0 0;
    text-align: center;
    padding: 26px 20px 10px 20px;
}
.boxcenter .boxcenterdd{color: #000000;font-size: 24px;height: 30px;line-height: 30px;padding: 20px 0 0 0;}
.boxcenter .boxcenterddtwo {color: #555555; font-size:14px; height:20px; line-height:20px; padding:24px 0 0 0; text-align:-webkit-auto;}

.con{width:100%; height:746px; background-color:#fafafa;}
.con .con_center{width:1200px; height:746px; margin:0px auto;}
.con_center .dl {width:100%; height: auto; overflow: hidden; display: flex;flex-wrap: wrap; justify-content: center;}
.con .con_center .con_center_p{color:#333333;font-size:30px; text-align:center; height:40px; line-height:40px; padding:76px 0 50px 0;}
.con .con_center dl{width:45%; height:140px; float:left; margin:0 59px 0 0;}
.con .con_center dt {width:7%; float:left;}
.con .con_center .con_center_pdd{color:#03a9f4;font-size:18px;font-weight:700;padding-left:86px;line-height: 40px;}
.con .con_center .con_center_pddtwo{color: #666666;font-size:14px; height:20px; line-height:20px; padding-left:86px;}