﻿*{margin: 0;padding: 0;

 
}
a,li{list-style: none;}
a{text-decoration:none;}
img{max-width: 100%;}
.c{clear: both;}
.main{max-width:100%; }
.main1{margin: 3% 0;}
body{font-family: 'Arial', 'Microsoft Yahei', "微软雅黑", sans-serif;}
.box1 {
    max-width: 1200px;
    margin: 0 auto;
    width: 1200px;
}
.h-h1 {
    font-size: 32px;
    line-height: 1.1;
    text-align: center;
    margin-bottom: 15px;
}
.p_p {
    color: #444;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
}
.ul_ul {
    clear: both;
    overflow: hidden;
    margin: 30px 0 20px;
    margin-left: -1%;
}
.ul_ul li {
    float: left;
    width: 24%;
    margin-left: 1%;
    font-size: 18px;
    text-align: center;
    padding: 20px 0;
    background-color: #FFF;
}
.ul_ul li img {
    display: block;
    width: 150px;
    margin: 0 auto;
}
.ul_ul li i {
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    font-style: normal;
}
.ban_contact1 {
    max-width: 1920px;
    width: 100%;
    height: 500px;
    overflow: hidden;
    background: url(../images/ban_contact.jpg) no-repeat center top;
    margin-bottom: 50px;
}
.box {
    max-width: 1200px;
    margin: 0 auto;
    width: 1200px;
}
.ban_info {
    float: right;
    width: 55%;
    padding: 40px;
    margin-top: 60px;
    background: url(../images/bg_tom.png);
}
.ban_info b {
    font-size: 32px;
    line-height: 1.1;
    font-weight: bold;
    display: block;
    margin-bottom: 30px;
}
.ban_info p {
    font-size: 15px;
    line-height: 28px;
}
.ban_info p.ban_ico {
    margin-top: 15px;
}
.ban_info p.ban_ico i img {
    width: 26px;
    margin-right: 6px;
    margin-top: -4px;
}
.ban_info p.ban_cue {
    font-weight: bold;
    margin-top: 15px;
}
.ban_zx {
    display: block;
    width: 250px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
    background-color: #0D5297;
}
.ban_zx span {
    display: block;
    color: #FFF;
    cursor: pointer;
}

.ban_zx span a{
    color: #fff;
}

.xtxt{ text-align:center;padding-top: 50px;}

.wrap{width: 1400px;margin: 0 auto;}
.w1200 {
  max-width: 1200px;
  margin: 0 auto;
}
section{
  display: block;
}
.wrapxt {
  max-width: 1200px;
  margin: 0 auto;
    margin-bottom: 0px;
  position: relative;
  margin-bottom: 42px;
}
.chan_tit {
	
  width: 80%;
  margin: 50px auto;
  text-align: center;
}

.chan_tit .tit {
  font-size: 36px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.chan_tit .p {
  font-size: 16px;
  color: #666;
  line-height:1.8
  }
.clear {
  clear: both;
  overflow: hidden;
}
.job_box1_con .fwst_box {
  position: relative;
  overflow: hidden;
}
.ser_box1 .fwst_box {
    width: 33%;
}

[class*="rect-"] {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
}
[class*="rect-"] ._full {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  *height: auto;
}

.job_box1_con .fwst_box .box {
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  height: 100%;
  background: url(../images/orange.8.png) repeat;
}
.rect-100 {
  padding-bottom: 100%;
}
.job_box1_con .fwst_box .box::before {
  content: '';
  width: 58px;
  height: 65px;
  background: url(../images/line.png) repeat;
  position: absolute;
  right: 0;
  top: 0;
}
.job_box1_con .fwst_box .box .info {
  display: block;
  padding: 13%;
  width: 64%;
  color: #fff;
}

.job_box1_con .fwst_box .box .tit {
  font-size: 28px;
}

.job_box1_con .fwst_box .box .p1 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 5px;
}

.job_box1_con .fwst_box .box .p2 {
  font-size: 13px;
}

.ser_box1 .fw_mess {
  width: 66%;
}

.r {
  float: right;
}
.oh {
  overflow: hidden;
  *zoom: 1;
}
.full-row {
  width: 100%;
  transition: .2s width ease;
  *zoom: 1;
}
.full-row::before, .full-row::after {
  display: table;
  clear: both;
  content: '';
}
.full-row > .span-6 {
  width: 50%;
  *width: 49.89%;
}
.full-row > [class*="span"] {
  float: left;
}
.job_box1_con .word {
  border: 10px #f3f3f3 solid;
    border-right-width: 10px;
    border-right-style: solid;
    border-right-color: rgb(243, 243, 243);
    border-left-width: 10px;
    border-left-style: solid;
    border-left-color: rgb(243, 243, 243);
  border-left: 0;
  border-right: 0;
  height: 376px;
}
.job_box1_con .word .word_info {
  border-right: 10px #f3f3f3 solid;
  height: 100%;
  padding: 0 8% 0 10%;
}
.job_box1_con .word .t {
  font-size: 28px;
  font-weight: bold;
  position: relative;
  padding: 55px 0 10px;
  margin-bottom: 25px;
  line-height:1.8
}
.job_box1_con .word .t::after {
  content: '';
  width: 42px;
  height: 1px;
  background-color: #ff0107;
  position: absolute;
  bottom: 0;
  left: 0;
}
.job_box1_con .word .p {
  font-size: 13px;
  color: #5a5a5a;
  line-height:1.8
}
.ico {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: url(../images/ico.png);
  margin: 0 .3em;
}
.ser_box2 {
  padding: 20px 0 90px;
}

.row {
  width: 100%;
  transition: .2s width ease;
  *zoom: 1;
}
.row::before, .row::after {
  display: table;
  clear: both;
  content: '';
}
.row > .span-3 {
  width: 23%;
}
.row > [class*="span-"] {
  float: left;
  margin-right: 2%;
  *margin-right: 1.89%;
}
.ser_fast_menu li span {
  display: block;
  width: 68%;
  margin: auto;
  text-align: center;
}
.ser_fast_menu li:hover .ser_ico{background-position:0 -124px;}
.ser_fast_menu li:hover .ser_ico_2{background-position:-124px -124px;}
.ser_fast_menu li:hover .ser_ico_3{background-position:-248px -124px;}
.ser_fast_menu li:hover .ser_ico_4{background-position:-372px -124px;}

.ser_ico {
  display: inline-block;
  zoom: 1;
  overflow: hidden;
  width: 124px;
  height: 124px;
  vertical-align: middle;
  background: url(../images/ser_ico.png);
}

.ser_fast_menu li .tit {
  font-size: 18px;
  margin: 20px 0 10px;
}

.ser_fast_menu li .p {
  font-size: 13px;
  color: #5a5a5a;
}

.ser_ico_2 {
  background-position: -124px 0;
}

.ser_ico_3 {
  background-position: -248px 0;
}

.ser_ico_4 {
  background-position: -372px 0;
}

.ser_box3 {
  background-color: #f4f4f4;
}

.ser_box3 .net_left {
  width: 34.5%;
}

.l {
  float: left;
}

.net_left .net_boc {
  width: 100%;
  background: #ed2d21 url(../images/line.png) right top no-repeat;
}

.net_left .net_boc span {
  display: block;
  color: #fff;
  width: 66%;
  margin: 0 auto;
  text-align: center;
  padding: 20% 0;
}

.net_left .net_boc .tit {
  font-size: 32px;
}

.net_left .net_boc .p {
  font-size: 16px;
  line-height: 25px;
}

.net_left .net_tel {
  position: relative;
  padding: 10px 0 0 130px;
  color: #253036;
  margin-top: 60px;
}

.net_left .net_tel .ico2 {
  width: 65px;
  height: 71px;
  background-position: -135px -82px;
  position: absolute;
  left: 55px;
  top: 0;
}
.ico2 {
  display: inline-block;
  zoom: 1;
  background: url(../images/ico2.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
  vertical-align: middle;
}
.net_left .net_tel ._tel {
  font-family: Arial;
  font-size: 26px;
  line-height: 30px;
}
.net_left .net_tel .p {
  font-size: 20px;
  line-height: 25px;
  text-indent: 0;
}
.ser_box3 .net_right {
  width: 64%;
  position: relative;
  background: url(../images/ser_bg3.png) center center no-repeat;
  padding: 60px 0 50px;
  height: 354px;
}

.net_right .c1 {
  top: 175px;
  left: 111px;
}

.pa {
  position: absolute;
}

.net_right .c2 {
  top: 270px;
  left: 170px;
}

.net_right .c3 {
  top: 250px;
  left: 200px;
}

.net_right .c4 {
  top: 310px;
  left: 176px;
}
.net_right .c5 {
  left: 345px;
  top: 110px;
}
.net_right .c6 {
  top: 200px;
  left: 350px;
}
.net_right .c7 {
  top: 205px;
  left: 400px;
}
.net_right .c8 {
  top: 170px;
  left: 464px;
}
.net_right .c9 {
  right: 225px;
  top: 190px;
}
.net_right .c10 {
  right: 187px;
  top: 144px;
}
.net_right .c11 {
  right: 168px;
  top: 180px;
}
.net_right .c12 {
  bottom: 190px;
  right: 68px;
}
.net_right .c13 {
  bottom: 130px;
  right: 80px;
}


.dad{overflow: hidden;}
.dad img{display: block;transition: all .8s ease 0s;}
.dad:hover img {transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);}
.logo{float: left;width: 30%;background: #212b8c;border-bottom: 1px solid #fff;}
.logo img{float:right;}
a{color: #333;}
.nav{float: left;width: 70%;}
.nav li{float: left;width: 16.666%;line-height: 125px;text-align: center;background-color: #212b8c;;}
.nav li a{display: block;transition: .5s all linear;color:#FFF}
.nav li:hover a { background-color: #f12c2c; }
.consu{float: left;width: 20%;}
.heng{line-height: 65px;background: #212b8c;font-size: 18px;color: #fff;}
.leftH,rightH{float: left;width: 50%;}
.leftH p{float: right;}
.leftH span{color:#f22217;font-weight: bold;}
.rightH{text-align: center;}
.pro_left{float: left;}
.pro_right{float: right;}
.ms .wrap2 a{padding:0 10px;}
.fam{background:#212b8c;padding-top:50px;padding-bottom:20px;}
.fam .col-2{width:20%;}
.fam .col-5{width:50%;height:290px !important;}
/*.child1{margin: 60px 0;}*/
.pad60{padding: 60px 0;}
.girl{background: #f0f4ff;padding-bottom: 50px;}
.girl .girl1{padding-bottom: 60px;}
.proShow_left{float: left;}
.proShow_rig{float: right;}
.col-3{float: left;width: 31.3%;margin: 0 1%;}
/*.girl1{padding: 60px 0;}*/
.girl1 .girl3{display:block;background: url("../images/pro_bg1.png") no-repeat;height: 90px; line-height: 115px;position: absolute;bottom: -50px;width: 100%;background-size: 100% 100%;}
.girl2:hover .girl3{background: url("../images/pro_bg.png") no-repeat;background-size: 100% 100%;}
.girl2:hover div{color: #fff;}
.consu a{width: 140px;line-height: 40px;text-align: center;background: url("../images/zx.png") #e22319 no-repeat 5% center;display: block;color: #fff;margin-top: 44px;}
.col-3.girl2:nth-of-type(n+4) {margin-top: 82px;}
.girl1 dd{margin-left: 20px;float: left;width: 100%;}

.girl2:hover span{background: url("../images/prorig_bg1.png") no-repeat center right;}
.girl2{position: relative;}
.miss{background: url("../images/ys_bg.jpg") no-repeat;height:850px;background-size: 100% 100%;}
.miss .wrap3{padding-top: 110px;}
.miss .col-3{width: 28%;}
.miss .right img{float: right;}
.miss .col-25 {width: 25%;float: right;}
.miss .col-3 li{float: right;width: 40%;}
.miss .col-4{width: 40%;float: left;}
.y2{margin: 35px 0 40px;}
.yp{margin-bottom: 110px;}
.yp p{color: #202028;font-size: 14px;}
.y6{margin-top: 94px;}
.miss10{background: #212b8c;line-height: 60px;color: #fff;text-align: center;}
.miss10 p span{background: url("../images/miss_quan.png") no-repeat left center;padding-left: 15px; }
.miss10 p {background: url("../images/miss_quan.png") no-repeat right center;padding-right: 25px;display: inline-block; }
.ser_left{float: left;}
.ser_rig{float: right;}
.col-2{float: left;width: 16.66%;}
.lady{padding-bottom: 90px;}
.lady1 .col-2{text-align:center;}
.lady1 .col-2 a{border:1px solid #eee;display: block;}
.lady1 .col-2:hover{background: #e22319;}
.lady1 .col-2 a{padding: 120px 0 35px;}
.lady1 .col-2 a:hover{border: #e22319 1px solid;}
.lady_bg1 a{background: url("../images/s1.png") no-repeat  center 20%; }
.lady_bg2 a{background: url("../images/s2.png") no-repeat  center 20%; }
.lady_bg3 a{background: url("../images/s3.png") no-repeat  center 20%; }
.lady_bg4 a{background: url("../images/s4.png") no-repeat  center 20%; }
.lady_bg5 a{background: url("../images/s5.png") no-repeat  center 20%; }
.lady_bg6 a{background: url("../images/s6.png") no-repeat  center 20%; }
.lady_bg1 a:hover{background: url("../images/s1a.png") no-repeat  center 20%;color: #fff;}
.lady_bg2 a:hover{background: url("../images/s2a.png") no-repeat  center 20%;color: #fff;}
.lady_bg3 a:hover{background: url("../images/s3a.png") no-repeat  center 20%;color: #fff;}
.lady_bg4 a:hover{background: url("../images/s4a.png") no-repeat  center 20%;color: #fff;}
.lady_bg5 a:hover{background: url("../images/s5a.png") no-repeat  center 20%;color: #fff;}
.lady_bg6 a:hover{background: url("../images/s6a.png") no-repeat  center 20%;color: #fff;}
.wife{background: url("../images/ab_bg.jpg") no-repeat #f6f6f6; }
.wife .girl1{width: 70%;padding: 80px 0 70px 0;}
.jj_left{float: left;}
.jj_rig{float: right;}
.wife1 p{width: 70%;color: #fff;line-height: 26px;font-size: 18px;text-indent: 2em;}
.wife1{background: #212b8c;float: right;width: 50%;padding-left: 5%;opacity: 0.7}
.wife2{width: 70%;}
.wife1 a{float: right;background: url("../images/yuan.png") no-repeat left center; display: block;line-height: 50px;padding-left: 35px;color: #fff;margin: 30px 0 80px 0;}
.col-3a{float: left;width: 22%;background: #fff;height: 520px;padding: 0 4%;}
.col-3a:hover{background: #e22319;}
.wife3{margin-top: 140px;}
.wife3 .col-3a{    box-shadow: 0 0 15px #c7cdea;}
.wife3 .col-3a:hover{    box-shadow: 0 0 15px #f6422f;}

.wife4{margin: 0 5%;}
.col-3a:hover .nian30{background: url("../images/30a.png") no-repeat top left;color: #fff;}
.chukou65{background: url("../images/1720555697.png") no-repeat top left;line-height: 50px;margin-top: 50px;padding-top: 200px;}
.col-3a:hover .chukou65{background: url("../images/172111837.png") no-repeat top left;color: #fff;}
.mian72{background: url("../images/72.png") no-repeat left top;line-height: 50px;margin-top: 50px;padding-top: 200px;}
.col-3a:hover .mian72{background: url("../images/72a.png") no-repeat top left;color: #fff;}
.col-3a:hover p{color:#fff;}
.nian30{background: url("../images/30.png") no-repeat top left;padding-top: 200px;line-height: 50px;margin-top: 50px;}
.col-3a p{margin-top: 20px;}
.mrs{background: #f6f6f6;}
.mrs .girl1 .hd{float: left;width: 57.2%;margin-top: 85px;}
.mrs .girl1 .hd li{float: left;width: 40%;margin: 0 5%;background: #131417;text-align: center;color: #fff;line-height: 50px;}
.mrs .on{background: #e22319!important;}
/*.mrs .wrap{padding-top: 50px;}*/
.mrs .bd div li{float: left;width: 23%;margin:0 1%;}
.mrs .bd div dd{max-width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.picBtnLeft .bd{margin-top: 50px;}
.mrs .bd a{color:#333;line-height: 45px;background: #fff;display: block;}
.mrs .bd p{float: left;height: 35px;}
.mrs .bd span{float: right;padding-right: 5%;}
.case_left{float: left;width: 21.4%;}
.case_rig{float: right;width: 21.4%;}
.case_rig img {float: right;}
.mrs_more{border-radius: 30px;width: 125px;line-height: 30px;border: 1px solid #333;text-align: center;margin: 40px auto 80px auto;}
.mrs_more a{color: #333;}
.new_left{float: left;}
.new_rig{float: right;}
.madam{margin-bottom: 20px;}
.madam1 li{float: left;width: 50%;padding-bottom: 50px;margin-bottom: 50px;border-bottom: 1px solid #eee;}
.madam1 li a{color: #333;}
.madam2{text-align: center;float: left;width: 20%;}
.madam2 span{font-size: 50px;display: block;    }
h3{font-size: 20px;font-weight: normal;}
.madam3 p{font-size: 15px;color: #666666;margin: 25px 0;}
.madam3{float: left;width: 80%;}
.ma_more{border: 1px solid #333;width: 114px;line-height: 30px;text-align: center;font-size: 15px;}
.ms_wid{width: 85%;margin: 0 auto;background: #212b8c; padding-top: 50px;padding-bottom: 80px;}
.col-4{width: 40%;float: left;color: #fff;}
.col-3 dl{font-size: 18px;margin-bottom: 50px; color:#FFF;}
.col-3 dd{margin-bottom: 20px;}
.logo1{margin-bottom:10px;}
.ms_wid .col-2{width: 20%;float: left;}
.fimg{overflow:hidden;}
.fimg li{ width:48%; float:left; margin-right:2%;}

.zhu{background: url("../images/foot_bg.jpg") no-repeat;height: 510px;position: absolute;width: 100%;}
.ms{width: 100%;position: absolute;top: -190px;}
.ms .wrap2{margin-top: 60px;}
.wrap2{width: 85%;margin: 0 auto;}
.wrap3{width: 1490px;margin: 0 auto;}
.ms .wrap2 span{font-size: 20px;}
.ms .wrap2 a,.ms .wrap2{color:#fff;}
.right{float: right;}
.left{float: left;}
.show_head{margin: 30px 0;}
.nyban{background: url("../images/1529377081.jpg") no-repeat;background-size:100% 100%;height: 340px;}
.show1{text-align: center;font-size: 35px;font-weight: bold;margin: 30px 0;}
.pro_name a{font-size: 25px;}
.pro_more a{font-size: 16px;background: #e22319;color: #fff;width: 90px;line-height: 30px;display: block;border-radius: 5px;text-align: center;}
.zhutou{margin-bottom: 230px;}
.show2 .col-25{border:1px solid #eee;float: left;width: 22%;margin: 0 0.45%;padding: 10px 0.9%;}
.case .show2 .col-25{margin-top: 25px;box-shadow: 0 0 15px #c7cdea;background: #f3f5f7;line-height: 52px;text-align: center;border-radius: 15px;}
.case .show2 .col-25 .dad {border-radius: 30px 0 20px 0;}
.case .show2 .col-25:hover{background: #212b8c;}
.case .show2 .col-25:hover a{color:#fff;}
.new1{border:1px solid #eee;overflow: hidden;    -webkit-transition: all .3s ease 0s;box-shadow: 0 0 15px #c7cdea;margin:30px 0;}
.new1:hover{    transform: translateX(15px) translateY(-10px);}
.new1 a{color:#333;}
.data{float: left;width: 10%;text-align: center;background: #212b8c;color: #fff;padding: 35px 0;}
.data span{display: block;}
.newBody{float: left;width: 85%;padding-left: 2%;}
.newBody h5{font-size: 22px;padding: 15px 0;}
.newBody em{float: right;padding: 10px 0;}
.lxLeft{float: left;width: 45%;margin-left: 5%;margin-top: 100px;}
.lxLeft p{line-height: 32px;}
.lxLeft span{font-size: 20px;color: #e22319;font-weight: bold;}
.tishi{margin-top: 15px;padding-top: 30px;border-top: 1px solid #eee;line-height: 30px;}
.lxLeft a{display: block;background: #e22319; line-height: 35px; border-radius: 5px;color: #fff;width: 100px;text-align: center;margin-top: 20px;}
.lxRig{float: right;}
.col-5{float: left;width: 50%;}
.col-5a{float: left;width: 37%;padding: 47px 10% 73px 3%;background: #212b8c;color: #fff;}
.ab2 h3{    padding-top: 41px;font-weight: bold;font-size: 24px;margin-bottom: 15px;line-height: 35px;}
.ab2 p{line-height: 32px;padding-left: 8%;}
.ab2 span{width: 30%;background: url("../images/span.png") center repeat-x;display: inline-block;}
.ab_2{background: url("../images/ab1.png") no-repeat left bottom; padding-left: 50px;}
.ab_3{background: url("../images/ab2.png") no-repeat left bottom; padding-left: 50px;}
.ab_4{background: url("../images/ab3.png") no-repeat left bottom; padding-left: 50px;}
.ab6{padding-bottom: 20px;border-bottom: 10px;border: 1px solid #eee;}
.ab6 a,.ab6 span{    color: #7d7d7d;}
.ab5a{    line-height: 50px;height: 50px;background: #eee;}
.ab5a h4{    color: #fff;padding-left: 43px;background: url("../images/ab4.png") no-repeat;font-size: 1.5em;}
.ab6 li{    padding: 10px 0;border-bottom: 1px solid #ddd;float: left;width: 43%;margin: 0 3%;}
.ab6 span{float: right;}
.ch1{background: url("../images/dian.png") #212b8c 5% center no-repeat;line-height: 120px;padding-left: 15%;font-size: 25px;color: #fff; border-radius: 25px;}
.ch1 span{display: block;background: url("../images/more1.png") no-repeat 85% center;}
.pro_body_left ul li:hover{background:#212b8c;}
.pro_body_left ul li{float: left;margin: 0 1%;width: 23%;background: #aaa;text-align: center;line-height: 45px;border-radius: 10px;}
.pro_body_left ul li a{color:#fff;}
.pro_head .head_left,.pro_head .head_rig ,.pro_body_left,.pro_body_rig{float: left;}
.head_left,.head_rig{width: 50%;}
.head_left img{border-radius:10px;}
.pro_body_left{width: 72%;}
.pro_body_left li a{display:block;}
.pro_body_rig{width: 25%;margin-left: 2%;}
.pro_body_rig img{ display: block;}
.pro_body{margin: 50px 0 30px;}
.pro_bt{    height: 50px;line-height: 50px;padding-left: 40px;margin: 20px 0;font-size: 30px;font-weight: 600;}
.pro_body_left{    line-height: 35px;font-size: 18px;}
.hqbj{background-image: linear-gradient(90deg, #4753c6 30%, #4f87e4 50%, #4753c6);
    background-size: 200% 100%;transition: background-position .6s ease;
    display: block;width: 212px;font-size: 20px;color: #fff;height: 50px;line-height: 50px;text-align: center;
    background-color: red;float: left;border-radius: 5px;margin-left: 5px;margin-top: 25px;}
.hqbj:hover{background-position: right center;}
.mb{line-height:80px;background:#eee;}
.mb .wrap{background:url("../images/home.png") no-repeat left center;padding-left:25px;}
.head_rig h3{    font-size: 26px;   font-weight: 600;margin-bottom: 30px;}
.rig_case li{float: left;width: 23%; margin: 0 1%;}
.rig_pro ul,.rig_case ul, .pro_new ul{padding: 15px 10px;}
.rig_pro,.rig_case,.pro_new{    border: 1px solid #eee;margin-bottom:15px;}
.xg{    line-height: 50px;background: url(../images/proleftbg.jpg);height: 50px;}
.xg p{    background: url(/template/images/dian1.png) no-repeat left center;margin-left: 10px;font-size: 22px; padding-left: 35px;}
.pro_new li{margin-bottom: 10px;padding:0 10px;border-bottom: 1px solid #eee;    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.madam1 li:hover .ma_more{background:#e22319;border:#e22319 1px solid;color:#fff;}
.bg_pro { margin-top: 50px;}
dd a{color:#fff;}
.pro_body_left ul .on {background: #212b8c;}
.product .show2 .col-25 p {

    line-height: 39px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pch .show2 .col-25 p {
    margin-left: 4%;
    padding-left: 25px;
    background: url(../images/quan.png) no-repeat left center;
    line-height: 39px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pch .show2 .col-25{margin:10px 0.45%;}
.pro_body .rig_pro ul p {background: url(../images/quan.png) no-repeat left center;  height: 30px;line-height: 30px;padding-left: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_body .rig_pro li{margin-bottom:15px;}
.pro_new{margin-top:30px;}
.pro_body .pro_new ul li {background: url(../images/quan.png) no-repeat left center;  height: 30px;line-height: 30px;padding-left: 20px;float:left;width:42%;margin:0 2% 10px;}
.pro_body .rig_case ul p {background: url(../images/quan.png) no-repeat left center;  height: 30px;line-height: 30px;padding-left: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about p{ line-height: 35px;font-size: 20px;text-indent:2em;}
.ab1 .col-5{background: url("../images/13A66.jpg");background-size:100% 100%;}
.ab1 .col-5 img{display:none;}
.product .show2 .col-25{    background: #f3f5f7; box-shadow: 0 0 15px #c7cdea;border-radius: 15px;}
.product .show2 .col-25:hover {    background: #212b8c;}
.product .show2 .col-25:hover p{color:#fff;}
.product .col-25 .dad { border-radius: 30px 0 20px 0;}
.neib1 {clear: both;line-height: 40px;background: url(../images/proleftbg.jpg);padding: 10px; border-radius: 10px;}
.neib1 p{    box-shadow: 0px 4px 20px rgb(0 0 0 / 20%) inset;border-radius: 10px;    padding: 10px 20px;}
.case .show2 p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rig_case{margin-top:20px;}
.box2 {
    padding: 60px 0;
    background-color: #f6f6f6;
    font-size: 0;
}
.index_tit {
    text-align: center;
}
.index_tit h5 {
    margin-bottom: 12px;
    text-transform: uppercase;
    font-family: Impact;
    font-weight: normal;
    font-size: 34px;
    color: #2457c0;
}
.index_tit h4 {
    font-size: 26px;
}
.box2 ul {
    margin-top: 60px;
}
.box2 li {
    display: inline-block;
    width: 31%;
    vertical-align: top;
    text-align: center;
	padding:10px;
}
.box2 li .img img {
    transition: .6s;
    -o-transition: .6s;
    -ms-transition: .6s;
    -moz-transition: .6s;
    -webkit-transition: .6s;
}
.box2 li strong {
    display: block;
    margin: 32px 0 14px;
    font-size: 22px;
}
.box2 li p {
    line-height: 28px;
    font-size: 16px;
    color: #585858;
}
.box2 li:hover .img img {
    transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}
@media screen and (max-width:1500px) {
.ms .wrap2{    margin-top: 1px; }
}
@media screen and (max-width:1420px) {
    .miss .wrap3{padding-top: 178px;}
    .wrap3,.wrap{width: 90%;margin: 0 auto;}
    .wife3{margin-top: 120px;}
    .heng{width: 100%;}

}
@media screen and (max-width: 1200px) {
    .show2 .col-25{width:46%;margin-top:10px;}
.new1 .data{display:none;}
    .new1 .newBody{width:91%;padding-left:6%;}
    .consu{display: none;}
    .nav li{line-height: 100px;}
    .ch1 span{background: none;}
    .ch1 {line-height: 50px;font-size: 20px;border-radius: 0;}
    .swiper-slide img{border-radius: 0;}
    .y6 {margin-top: 160px;}
    .ms_wid  {width: 90%;}
}
@media screen and (max-width: 1000px){
    .daodu{display:none;}
    .fam .col-2{width:30%;}
    .fam .col-4{width:60%;}
    .pro_body .pro_new ul li{width:85%;}
    .ab5{width:100%!important;}
    .miss{height: 780px;}
    .logo{width: 35%;}
    .wife{background: none;}
    .wife1{width: 90%;padding: 0 5%;}
    .wife .girl1,.wife1 p,.wife2{width: auto;}
    .wife3{margin-top: 50px;}
  
    .ms_wid .col-2{width: 30%;}
    .ms_wid .col-4{width: 60%;}
    .ab1 .col-5{width:100%;}
    .ab1 .col-5a{width:88%;}
    .ab1 .col-5a{    padding: 30px 6% 50px 6%;}
    .ab2 p{padding-right:10%;}
   .ab1 .col-5{height:auto!important;}
   .nyban{display:none;}
   .mb{    background: #212b8c;color: #fff!important;text-align: center;    border-radius: 0 0 30px 30px;}
   .mb .wrap{background:none;line-height:50px;}
   .mb .wrap a{color:#fff!important;}
   .shouhou {background: #212b8c;display: block!important;color: #fff;    border-radius: 0 0 30px 30px; border-top: 1px solid #fff;}
}
@media screen and (min-width: 800px){
   .min_pro{display:none;}
}
@media screen and (max-width: 800px){
    .swiper-wrapper,.swiper-scrollbar{display:none;}
     .fam{padding-bottom:60px;}
    .pad60{padding:30px 0;}
    .ab1 .col-5{background: none;}
    .ab1 .col-5 img{ display:block;}
    .heng{display: none;}
    .nav,.logo{width: 100%;text-align: center;}
    .logo img{float: none;}
    .nav li{width: 33%;background: #212b8c;line-height: 35px;}
    .nav li a{color: #fff;border: 1px solid #eee;}
    .ch1 {line-height: 30px;font-size: 14px;background: #212b8c;padding-left: 0;text-align: center;}
    .girl1 .girl3{line-height: 50px;position: static;background: #fff;height: auto;}
    .col-3.girl2:nth-of-type(n+4){margin-top: 0;}
    .girl1 span{display: none;width: auto;}
    .girl1 dd{ width: 100%;margin-left: 0;overflow: hidden}
    .miss{background: none;height: auto;}
    .miss .wrap3{padding-top: 30px;}
    .miss .col-3,.miss .col-4{width: 100%;margin: 0 auto;}
    .y2{margin: 15px 0;}
    .yp{margin-bottom: 15px;}
    .y6{margin-top: 50px;text-align: center;}
    .y4{display: none;}
    .miss .col-3 li{width: 50%;text-align: center;}
    .miss .right img{float: none;width:70%;}
    .lady1 .col-2{width: 33.3%;}
    .case_left,.case_rig{display: none;}
    .mrs .girl1 .hd{margin: 0 auto;float: none;width: 75%;}
    .picBtnLeft .pad60{padding: 30px 0;}
    .picBtnLeft .bd{margin-top: 0;}
    .madam1 li{width: 100%;}
    .ms .wrap2 .right{display: none;}
    .col-3a p{display: none;}
    .wife3 .col-3a{height: auto;padding-bottom: 20px;}
    .lxRig{display:none;}
    .lxLeft{width:90%;margin:20px 5%;}
    .ab6 li{width:94%;}
    .head_left,.head_rig{float:none;width:100%;margin:0;}
    .head_left{text-align:center;}
    .head_rig h3{text-align:center;margin:10px 0;}
    .hqbj{float:left;width:48%;margin:10px 1%;}
    .pro_body_left{width:100%;}
    .pro_body_rig{width:100%;margin:0;}
    .pro_body .rig_pro li,.rig_case li{float:left;width:48%;margin:0 1% 15px;}
    .pro_body_left ul li{width:48%;margin:5px 1%;}
    .pro_body{margin:30px 0;}
	.wife1 {
 
opacity: 1;
}
.product .show2 .col-25 p{font-size:14px;}
.case .show2 p {font-size:14px;}
.wrap {
    width: 96%;
    margin: 0 auto;
}


}
@media screen and (max-width: 500px){
	.mian72{line-height:20px}
	.chukou65{line-height:20px}
	.nian30{line-height:20px}
    .neib1{line-height:25px;display:none;}
.hqbj{display:none;}
    .neirong p{line-height:25px;}
    .fam .col-2,.fam .col-4{width:100%;}
    .madam3 p{font-size:14px;margin:15px 0;}
    .madam3 h3{font-size:16px;}
    .fam .col-2{text-align:center;}
   .fadeInLeft, .fadeInRight{ animation-name:none!important;visibility:visible!important;}
   .xiayige .next{float:none !important;display:block;margin:10px 0;}
    .swiper-container-horizontal>.swiper-scrollbar{margin:20px 0;}
    .fader_controls .page,.fader .pager_list{display:none;}
    .show_head .pro_more{display:none;}
    .new_rig,.new_left{width:50%;}
    .pro_body_left {line-height: 20px;font-size: 14px;margin-bottom:25px;}
    .pro_bt{    margin: 10px 0;    font-size: 20px;    font-weight: 600;padding:0;height:auto;line-height:30px;}
    .madam{margin-bottom:90px;}
    .ab6 span{display:none;}
    .ms{top:-80px;}
    .ma4{ display: none;}
    .wife1 a{margin:30px 0;}
    .lady{display:none;padding-bottom:20px;}
    .wife .girl1{padding:30px 0;}
    .mrs_more{margin:30px auto;}
    .y1,.y2,.y3{width:80%;}
    .girl{padding-bottom:10px;}
    .ab2 h3 { padding-top: 15px;    font-size: 21px;margin-bottom: 10px;}
    .ab2 p {line-height: 25px;}
    .show1{font-size:25px;margin:20px 0;}
    .case .show2 .col-25{line-height:25px;}
    .case .show2 .col-25 .dad{border-radius:0;}
    .newBody{padding-left:4%;}
    .newBody h5{font-size:18px;}
    .newBody p{font-size:14px;}
    .wife1 a{margin:30px 0;}
    .girl .girl1{padding-bottom: 0;}
    .wife1 p {line-height: 30px;font-size: 16px;}
    .miss10{display: none;}
    .lady1 .col-2 a {padding: 80px 0 25px;}
    .lady{padding-bottom: 30px;}
    .girl2{width: 48%;margin: 0 1%;}
    .mrs .bd div li{width: 48%;margin: 0 1%;}
.mrs .bd div dd{text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
    .madam2,.madam3{float: none;width: 100%;}
    .madam2 span{display: inline-block;}
    .madam2{text-align: left;font-size: 20px;}
    .madam2 span{font-size: 25px;margin-right: 15px;}
    .madam1 li{padding-bottom: 20px;margin-bottom: 20px;}
    .zhu .wrap2{display: none;}
	.zhu{background: url("../images/foot_bg.jpg") no-repeat;height: 170px;position: absolute;width: 100%;}
    .ms_wid .col-5,.ms_wid .col-5{width: 100%;}
    .zhu .col-5{text-align: center;}
    .ly{width: auto;height:400px;}
    .ms_wid{padding-bottom: 0;padding-top: 15px;}
	.fam{padding-top:20px;padding-bottom: 30px}
    .logo1{display: block;}
	.zhu1{display: none;}
	.col-3 dd{text-overflow: ellipsis; white-space: nowrap;}
    .wife3 .col-3a{padding: 0 1%;width: 30%;}
    .wife4 {margin: 0 1%;}
    .wife3 .col-3a div {padding-top: 200px;margin-top: 10px;}
    .mrs .girl1 .hd li{line-height: 35px;}
    .ly{width:100%!important;}
    .about p {line-height: 25px; font-size: 18px;text-indent:2em;}
	.fam .col-5 {width:100%;height:150px !important;}
	.xtxt{display:none;}
.w1200 {
    width: 98%;
    margin: 0 1%;
}
.wrapxt {
    margin-bottom: 20px;
}
.ser_box1 .chan_tit, .ser_box2 .chan_tit {
    width: 98%;
}
.chan_tit {
    margin-bottom: 35px;
}
.chan_tit .tit {
    margin-top: 20px;
	font-size: 26px;
}
.chan_tit .tit:after, .guoji h1:after {
    content: '';
    width: 60px;
    height: 3px;
    background-color: #ff0107;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
}

.ser_box1 .fwst_box, .ser_box1 .fw_mess {
    width: 100%;
}
.job_box1_con .fw_mess .img {
    display: none;
}
.job_box1_con .fw_mess .word {
    width: 100%;
}
.full-row>.smal-12 {
    width: 100%;
}
.job_box1_con .word .t {
    padding-top: 30px;
}
.job_box1_con .word {
    height: 100%;
}
.ser_box2 {
    padding: 0;
}
.row>.smal-6 {
    width: 48%;
}
.ser_ico {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
}
.ser_box3 .net_left, .ser_box3 .net_right {
    width: 100%;
}
.net_left .net_boc, .net_left .net_tel {
    width: 100%;
	float: left;
}
.net_left .net_boc span {
    padding: 10% 0;
}

.net_left .net_tel {
    margin-bottom: 30px;
    margin-top: 30px;
}

.net_left .net_tel ._tel {
    font-family: Arial;
    font-size: 20px;
    line-height: 30px;
}
.ser_box3 .net_right {
    display: none;
}

.mb .wrap {
display:none;
    background: none;
    line-height: 30px;
}
.box2 {
    padding: 40px 0;
}
.index_tit h5 {
    margin-bottom: 4px;
    font-size: 26px;
}
.index_tit h4 {
    font-size: 24px;
}
.box2 ul {
    margin-top: 20px;
}
.box2 li {
    margin: 10px 0;
    width: 50%;
	padding:0px;
}
.box2 li .img img {
    max-height: 128px;
	width:92%;
}

.box2 li strong {
    margin: 14px 0 4px;
    font-size: 18px;
}

.box2 li p {
    line-height: 24px;
    font-size: 14px;
}
.box1 {
    width: 95%;
    margin: 0 auto;
}
.ul_ul li {
    width: 49%;
}
.ban_info {
    width: 91%;
    padding: 15px;
}
	
}
@media screen and (max-width: 358px){
    .pro_right,.proShow_rig,.ser_rig,.jj_rig{display: none;}

}
.phone{float:left;width:45%;margin:10px 2.5%;}
.fdh {
    z-index:11;
    left: 0;
    right: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.fdh li {
    float: left;
    width: 33.3%;
    text-align: center;
    background: #333;
    line-height: 40px;
}
.fdh li a {
    color: #fff;
}
.red {
    background: #e62600!important;
}
@media screen and (min-width: 780px){
.fdh {
  display:none;
}}