html, body { height: 100%;position: relative;   }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td{margin: 0;padding: 0;}
body, td, th{color: #444;font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif; font-size: 14px;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
li, dt, dd{list-style: none;}
a{color:inherit;text-decoration:none;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
a:hover{color:inherit;/*color:#2c88d8;*/text-decoration:none;}
img{border:0;vertical-align:middle;}
.clear{clear:both;}
.hide{display:none;}
.f-fl,.fl{float: left !important}
.f-fr,.fr{float: right !important}
.c_mp{padding: 0 !important;margin: 0 !important;}
.z_xd{position: relative;}
.z_jd{position: absolute;}
.f_tac{ text-align: center;}
.f_tar{ text-align: right;}

.m_main5 .m_text .zr_text .zt_link{height: 60px;text-align: right; font-size: 0; overflow: hidden;  }
.m_main5 .m_text .zr_text .zt_link.on{text-align: left; }
.m_main5 .m_text .zr_text .zt_link div{height: 58px; width: 118px; font-size: 0; border: 1px solid #DCDCDC; display: inline-block; margin-left: 20px; overflow: hidden; background-color: #ffffff;}
.m_main5 .m_text .zr_text .zt_link.on div{height: 60px; width: 120px; font-size: 0; display: inline-block; margin-right: 20px; margin-left: 0;  background-color: #ffffff; overflow: hidden;}
.m_main5 .m_text .zr_text .zt_but{float: right; margin-top: 38px; position: relative;}
.m_main5 .m_text .zr_text .zt_but.on{float: left; margin-top: 38px;}
.m_main5 .m_text .zr_text .zt_but a{border: 1px solid #DCDCDC; width: 128px; height: 43px; line-height: 43px; display: block; text-indent: 25px; background: url(../images/yxfa_41.png) no-repeat 95px center; }
.m_main5 .m_text .zr_text .zt_but a:after{content: '';  display: block; z-index: -1;  position: absolute;  width: 0;  background: #2c88d8;  height: 43px;  -webkit-transition: all .5s;  transition: all .5s;  left: 1px;  top: 1px;}
.m_main5 .m_text .zr_text .zt_but a:hover{ color: #ffffff; background: url(../images/yxfa_42.png) no-repeat 95px center;   }
.m_main5 .m_text .zr_text .zt_but a:hover:after{width: 128px;}
.m_main5 .m_text .zr_text .zt_but.on a{ background: url(../images/yxfa_42.png) no-repeat 95px center; }

.m_main6  .g_text .zt_fun{font-size: 22px; margin-top: 25px;}
.m_main6  .g_text .zt_fun img{margin: 10px 0 0 15px;}
.m_main6  .g_text .zt_case{ font-size: 22px; margin: 30px 0 20px; overflow: hidden; }
.m_main6  .g_text .zt_case .zt_link{ height: 62px; margin: 20px 0; overflow: hidden; width: 100%; font-size: 0;}
.m_main6  .g_text .zt_case .zt_link div{display: inline-block; font-size: 0; width: 140px; height: 62px; margin-right: 20px; }
.m_main6  .g_text .zt_case .zt_link div:last-child{ margin-right: 0;}
.m_main6  .g_text .zt_but{width: 188px;height: 38px; position: relative; }
.m_main6  .g_text .zt_but a{ display: block; border: 1px solid #ffffff;  width: 188px; height: 38px; line-height: 38px; text-align: center; font-size: 16px;}
.m_main6  .g_text .zt_but a:after{content: '';  display: block; z-index: -1;  position: absolute;  width: 0;  background: #fff;  height: 46px;  -webkit-transition: all .5s;  transition: all .5s;  left: 1px;  top: 1px;}
.m_main6  .g_text .zt_but a:hover{ color: #2c88d8; }
.m_main6  .g_text .zt_but a:hover:after{width: 100%;}

.m_main5{font-size: 16px; color: #666666; line-height: 30px;}
.m_main5 .m_mn{ height: 100%;}
.m_main5 .screen1{ background: url(/files2020/images/yxfa_bj1.jpg) no-repeat center; height: 675px;   }
.m_main5 .screen1 .m_mn{height: 667px; overflow: hidden;}
.m_main5 .screen1 .z_img1{ top: 242px;  left: 500px; }
.m_main5 .screen1 .z_img2{ top: 350px;  left: 610px; }
.m_main5 .screen1 .z_img3{ top: 455px;  left: 300px; }
.m_main5 .screen1 .z_img4{ top: 455px;  left: 605px; }

.m_main5 .screen2{margin-top: 100px;  height: 535px; overflow: hidden;}
.m_main5 .screen2 .xt{width: 38px; height: 4px; margin: 15px auto; background-color: #cccccc;}
.m_main5 .screen2 .m_text{ margin-top: 20px;  overflow: hidden; }
.m_main5 .screen2 .m_text .zr_text{width: 610px; }
.m_main5 .screen2 .m_text .zr_text .txt{ margin: 60px 0 55px; }

.m_main5 .screen3{ background: url(/files2020/images/yxfa_bj2.jpg) no-repeat center; height: 833px; color: #ffffff;}
.m_main5 .screen3 .m_text{ padding-top: 190px;   }
.m_main5 .screen3 .m_text .zl_img{right: -90px; top: 238px;}
.m_main5 .screen3 .m_text .zr_text{width: 610px; }
.m_main5 .screen3 .m_text .zr_text .txt{ margin: 40px 0 ; }

.m_main5 .screen4{  height: 420px; }
.m_main5 .screen4 .m_text{ padding-top: 20px;   }
.m_main5 .screen4 .m_text .zr_text{width: 610px; }
.m_main5 .screen4 .m_text .zr_text .txt{ margin: 40px 0 ; }

.m_main5 .screen5{ background: url(/files2020/images/yxfa_bj3.jpg) no-repeat center; height: 821px; color: #ffffff;}
.m_main5 .screen5 .m_text{ padding-top: 240px;   }
.m_main5 .screen5 .m_text .zl_img{right: -90px; top: 160px;}
.m_main5 .screen5 .m_text .zr_text{width: 610px; }
.m_main5 .screen5 .m_text .zr_text .txt{ margin: 40px 0 ; }

.m_main5 .screen6{  height: 440px; }
.m_main5 .screen6 .m_text .zr_text{width: 610px; margin-top: 35px; }
.m_main5 .screen6 .m_text .zr_text .txt{ margin: 40px 0 ; }

.m_main5 .screen7{ background: url(/files2020/images/yxfa_bj4.jpg) no-repeat center; height: 821px; color: #ffffff;}
.m_main5 .screen7 .m_text{ padding-top: 190px;   }
.m_main5 .screen7 .m_text .zl_img{right: -90px; top: 160px;}
.m_main5 .screen7 .m_text .zr_text{width: 570px; }
.m_main5 .screen7 .m_text .zr_text .txt{ margin: 40px 0 ; }

.m_main5 .screen8{  height: 470px; }
.m_main5 .screen8 .m_text .zl_img{left: -100px;}
.m_main5 .screen8 .m_text .zr_text{width: 570px; margin-top: 15px; }
.m_main5 .screen8 .m_text .zr_text .txt{ margin: 40px 0 ; }

.m_main5 .screen9{ background: url(/files2020/images/yxfa_bj5.jpg) no-repeat center;  height: 822px; color: #ffffff;}
.m_main5 .screen9 .m_text{ padding-top: 265px;   }
.m_main5 .screen9 .m_text .zl_img{right: -130px; top: 70px;}
.m_main5 .screen9 .m_text .zr_text{width: 570px; }
.m_main5 .screen9 .m_text .zr_text .txt{ margin: 40px 0 ; }

.m_main5 .screen10{  height: 415px; }
.m_main5 .screen10 .m_text .zl_img{left: 50px; top: 35px;}
.m_main5 .screen10 .m_text .zr_text{width: 570px; margin-top: 15px; }
.m_main5 .screen10 .m_text .zr_text .txt{ margin: 40px 0 ; }

.m_main5 .screen11{ background: url(/files2020/images/yxfa_bj6.jpg) no-repeat center; height: 822px; color: #ffffff;}
.m_main5 .screen11 .m_text{ padding-top: 170px;   }
.m_main5 .screen11 .m_text .zl_img{right: -40px; top: 275px;}
.m_main5 .screen11 .m_text .zr_text{width: 570px; }
.m_main5 .screen11 .m_text .zr_text .txt{ margin: 40px 0 ; }

.m_main5 .screen12{  height: 520px; }
.m_main5 .screen12 .m_text .zl_img{left: -245px; top: 35px;}
.m_main5 .screen12 .m_text .zr_text{width: 570px; margin-top: 15px; }
.m_main5 .screen12 .m_text .zr_text .txt{ margin: 40px 0 ; }

/*高校专业题样式*/
.m_main6{height: 100%;}
.m_main6 .g_text{position: relative; z-index: 3;}
.m_main6 .m_mn{ height: 100%; position: relative;}
.m_main6 .swiper-container-h{overflow: hidden;}
.m_main6 .swiper-slide{ width: 100%; max-height: 100%; position: relative; background-color: #007130;   overflow: hidden;  }
.m_main6 .screen1{ background: url(../images/top_gx_bj.jpg) no-repeat center; position: relative;    background-size:100% 99.9%; }
.m_main6 .screen1 .text{ line-height: 60px; padding-top: 180px; }
.m_main6 .screen1 .cp{  background: url(../images/top_gx_cp.png) no-repeat left center; height: 451px; width: 100%; bottom: -140px; position: absolute;}
.m_main6 .screen1 .yfz{  background: url(../images/top_gx_fzdy.png) no-repeat 225px center; height: 265px;  width: 100%; bottom: 120px; position: absolute; }
.m_main6 .screen1 .shu{  background: url(../images/top_gx_shu.png) no-repeat 1115px center; height: 158px;  width: 100%; bottom: 85px; position: absolute; z-index: 1; }
.m_main6 .screen1 .zhufang{ bottom: 276px; left: 560px;  z-index: 1;}
.m_main6 .screen1 .fufang{ bottom: 225px; left: 930px;}
.m_main6 .screen1 .men{ bottom: 170px; left: 530px; z-index: 2; }
.m_main6 .screen1 .lu{ bottom: -185px; left: 45px; }
.m_main6 .screen1 .feiji{ bottom: 455px; left: 410px; }
.m_main6 .screen1 .ico{width: 1200px;  margin-left: 360px; height: 210px; bottom: 0; text-align: center; font-size: 16px; color: #ffffff; line-height: 40px; z-index: 55555;}
.m_main6 .screen1 .ico .m_mn div{cursor: pointer;}
.m_main6 .screen1 .ico .jp{ left: 355px; top: 0; }
.m_main6 .screen1 .ico .dx{ left: 15px; top: 25px; }
.m_main6 .screen1 .ico .ts{ left: 200px; top: 80px; }
.m_main6 .screen1 .ico .zx{ left: 450px; top: 80px; }
.m_main6 .screen1 .ico .zxxx{ left: 650px; top: 90px; }
.m_main6 .screen1 .ico .qt{ left: 870px; top: 100px; }

.m_main6 .screen2{ background-color: #dd6c33;  }
.m_main6 .screen2 .g_img{top: 221px; left: -181px;}
.m_main6 .screen2 .g_text{ width: 480px; margin-top: 140px;  }
.m_main6 .screen2 .g_text .text .tt{font-size: 32px; margin-bottom: 15px; }
.m_main6 .screen2 .g_text .text .info{font-size: 20px; line-height: 38px; }
.m_main6 .screen2 .g_text .text .txt{font-size: 16px; line-height: 30px; }

.m_main6 .screen3{ background-color: #f7aa1d;  }
.m_main6 .screen3 .g_img{top: 160px; right: -195px;}
.m_main6 .screen3 .g_text{ width: 480px; margin-top: 250px;  }
.m_main6 .screen3 .g_text .text .tt{font-size: 32px; margin-bottom: 15px; }
.m_main6 .screen3 .g_text .text .info{font-size: 20px; line-height: 38px; }
.m_main6 .screen3 .g_text .text .txt{font-size: 16px; line-height: 30px; }
.m_main6 .screen3 .g_text .zt_fun img{margin: 25px 0 10px 15px;}

.m_main6 .screen4{ background-color: #4393da;  }
.m_main6 .screen4 .g_img{top: 215px; left: -15px;}
.m_main6 .screen4 .g_text{ width: 480px; margin-top: 275px;  }
.m_main6 .screen4 .g_text .text .tt{font-size: 32px; margin-bottom: 15px; }
.m_main6 .screen4 .g_text .text .info{font-size: 20px; line-height: 38px; }
.m_main6 .screen4 .g_text .text .txt{font-size: 16px; line-height: 30px; }
.m_main6 .screen4 .g_text .zt_fun img{margin: 25px 0 0 15px;}

.m_main6 .screen5{ background-color: #59b440;  }
.m_main6 .screen5 .g_img{top: 125px; right: 55px;}
.m_main6 .screen5 .g_text{ width: 480px; margin-top: 260px;  }
.m_main6 .screen5 .g_text .text .tt{font-size: 32px; margin-bottom: 15px; }
.m_main6 .screen5 .g_text .text .info{font-size: 20px; line-height: 38px; }
.m_main6 .screen5 .g_text .text .txt{font-size: 16px; line-height: 30px; }
.m_main6 .screen5 .g_text .zt_fun img{margin: 25px 0 0 15px;}

.m_main6 .screen6{ background-color: #5b48ba;  }
.m_main6 .screen6 .g_img{top: 50px; left: -170px;}
.m_main6 .screen6 .g_text{ width: 480px; margin-top: 130px;  }
.m_main6 .screen6 .g_text .text .tt{font-size: 32px; margin-bottom: 15px; }
.m_main6 .screen6 .g_text .text .info{font-size: 20px; line-height: 38px; }
.m_main6 .screen6 .g_text .text .txt{font-size: 16px; line-height: 30px; }
.m_main6 .screen6 .g_text .zt_fun img{margin: 25px 0 0 15px;}

.m_main6 .screen7{ background-color: #1ab7c1;  }
.m_main6 .screen7 .g_img{top: 275px; right: -47px;}
.m_main6 .screen7 .g_text{ width: 480px; margin-top: 420px;  }
.m_main6 .screen7 .g_text .text .tt{font-size: 32px; margin-bottom: 15px; }
.m_main6 .screen7 .g_text .text .info{font-size: 20px; line-height: 38px; }
.m_main6 .screen7 .g_text .text .txt{font-size: 16px; line-height: 30px; }
.m_main6 .screen7 .g_text .zt_fun img{margin: 25px 0 0 15px;}

.m_main6 .screen8{ background-color: #26b2e6;  }
.m_main6 .screen8 .g_img{top: 145px; left: -92px;}
.m_main6 .screen8 .g_text{ width: 480px; margin-top: 267px;  }
.m_main6 .screen8 .g_text .text .tt{font-size: 32px; margin-bottom: 15px; }
.m_main6 .screen8 .g_text .text .info{font-size: 20px; line-height: 38px; }
.m_main6 .screen8 .g_text .text .txt{font-size: 16px; line-height: 30px; }
.m_main6 .screen8 .g_text .zt_fun img{margin: 25px 0 0 15px;}

.m_main6 .screen9{ background: url(../images/bg.png) no-repeat center;    background-size:100% 99.9%; }
.m_main6 .screen9 .text{ line-height: 60px; font-size: 26px; }
.m_main6 .screen9 .dx_link{width: 100%; margin-top: 30px; height: 280px; background: url(../images/bg1.png) no-repeat center;}
.m_main6 .screen9 .dx_link div{ width: 240px; height: 140px; line-height: 140px; text-align: center; float: left; overflow: hidden; margin-top: 1px; }
.m_main6 .screen9 .dx_link div:nth-child(2),.m_main6 .screen9 .dx_link div:nth-child(5),.m_main6 .screen9 .dx_link div:nth-child(7),.m_main6 .screen9 .dx_link div:nth-child(10){margin-left: 1px;}
.m_main6 .screen9 .dx_link div:nth-child(3),.m_main6 .screen9 .dx_link div:nth-child(4),.m_main6 .screen9 .dx_link div:nth-child(8),.m_main6 .screen9 .dx_link div:nth-child(9){width: 238px; margin-left: 1px;}
.m_main6 .screen9 .dx_link div a{display: block;  transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; /* opacity: 0.7;    -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;*/}
/*.m_main6 .screen9 .dx_link div a:hover{ background-color: rgba(0,0,0,0.4);}*/

.m_main6 .screen9 .dx_message{ height: 135px;width: 100%; position: absolute; bottom: 50px; }
.m_main6 .screen9 .dx_message .m_text{  width: 100%; overflow: hidden;}
.m_main6 .screen9 .dx_message .m_text .text{width: 600px; color: #e6e5e5; font-size: 12px; line-height: 25px; text-align: right; margin-top: 10px; }
.m_main6 .screen9 .dx_message .m_text .text p:last-child{ font-size: 16px;}
.m_main6 .screen9 .dx_message .inline-form{font-size: 0; text-align: left; margin-top: 25px;}
.m_main6 .screen9 .dx_message .inline-form .input_css{ display: inline-block;padding-left: 60px; position: relative; height: 52px; line-height: 52px; background-color: #ffffff; border-radius: 5px; margin-right: 20px; font-size: 14px; }
.m_main6 .screen9 .dx_message .inline-form .input_css:nth-child(1){width: 230px; background:#ffffff url(../images/gx_bot_ico1.png) no-repeat 25px center; }
.m_main6 .screen9 .dx_message .inline-form .input_css:nth-child(2){width: 240px; padding-left: 50px; background:#ffffff url(../images/gx_bot_ico2.png) no-repeat 25px center;}
.m_main6 .screen9 .dx_message .inline-form .input_css:nth-child(3){width: 335px; background:#ffffff url(../images/gx_bot_ico3.png) no-repeat 25px center; }
.m_main6 .screen9 .dx_message .inline-form .input_css input{ height: 50px; width: inherit; border: none; outline: none; border-radius: 5px;  }
.m_main6 .screen9 .dx_message .inline-form .input_css b{left: 10px; top: 3px; color: #ff0000;}
.m_main6 .screen9 .dx_message .inline-form .sub{ background-color: #f4ac2a; border: none; border-radius: 5px; width: 165px;height: 52px; line-height: 52px; text-align: center; cursor: pointer; color: #ffffff; font-size: 18px; }
.m_main6 .screen9 .dx_link div a:hover{ background-color: rgba(255,255,255,0.1);-webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray; }
.m_main6 .screen9 .dx_message .m_text .text{ margin-top:30px;}
.m_main6 .screen1 .ico img{  -webkit-animation:jump 1s linear 0s infinite alternate;  animation:jump 1s linear 0s infinite alternate;   position: relative;   }
.m_main6 .screen1 .ico .z_jd:first-child img,.m_main6 .screen1 .ico .z_jd:last-child img,.m_main6 .screen1 .ico .z_jd:nth-child(4) img{ -webkit-animation:jump1 1s linear 0.2s infinite alternate;  animation:jump1 1s linear 0.2s infinite alternate;  position: relative;   }
@-webkit-keyframes jump { 0%{  top:0px;  } 50%{  top:-10px;  } 100%{  top:5px;  } }
@-webkit-keyframes jump1 { 0%{  top:0px;  } 50%{  top:-5px;  } 100%{  top:10px;  } }

.m_main7{height: 100%;}
.m_main7.banner{z-index:0; position: relative;}
.m_main7 .m_mn{height: 100%; position: relative;}
.m_main7 .screen1{ background: url(../images/zt_service_bj1.jpg) no-repeat center; background-size: cover;   }
.swiper-banner .swiper-slide .ads_left div:nth-child(1){  left: 165px; top: 230px; }
.swiper-banner .swiper-slide .ads_left div:nth-child(2){ left: -650px; top: -300px;  }
.swiper-banner .swiper-slide .ads_left div:nth-child(3){ left: 0px; top: 270px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(4){ left: 145px; top: 230px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(5){ left: 0px; top: 375px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(6){ left: 0px; top: 530px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(7){ left: 148px; top: 530px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(8){ left: 295px; top: 530px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(9){ left: 170px; top: 395px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(1){left: 880px; top: 150px; }
.swiper-banner .swiper-slide .ads_right div:nth-child(2){left: 790px; top: 320px; }
.swiper-banner .swiper-slide .ads_right div:nth-child(3){left: 865px; top: 490px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(4){left: 740px; top: 655px; }

.m_main7 .screen2{ background: url(../images/zt_service_bj2.jpg) no-repeat center; background-size: cover;  }
.banner .ads2 .g_img div:nth-child(1){ left: 950px; bottom: 180px;  z-index: 3; }
.banner .ads2 .g_img div:nth-child(2){ left: 760px; bottom: 190px; z-index: 2; }
.banner .ads2 .g_img div:nth-child(3){ left: 80px; bottom: 150px; z-index: 3; }
.banner .ads2 .g_img div:nth-child(4){ left: 330px; bottom: 170px; }
.banner .ads2 .g_img div:nth-child(5){ left: 170px; bottom: 195px;z-index: 2; }
.banner .ads2 .g_img div:nth-child(6){ left: 510px; bottom: 215px; }
.banner .ads2 .g_img div:nth-child(7){ left: 560px; bottom: 420px; }

.m_main7 .screen3{ background: url(../images/zt_service_bj3.jpg) no-repeat center; background-size: cover;   }
.banner .ads3{ color: #ffffff;  font-size: 18px; text-align: center; }
.banner .ads3 .g_img div,.banner .ads3 .ico,.banner .ads3 .tt{position: absolute;}
.banner .ads3 .tt{ width: 100%; left: 0;  top: 120px;  text-align: center; }
.banner .ads3 .tt img{margin-bottom: 20px;}
.banner .ads3 .ico{ left: -20px; bottom: 170px; width: 500px; }
.banner .ads3 .ico div{display: inline-block; margin: 0 20px 40px; }
.banner .ads3 .g_img div:nth-child(1){  right: 50px; top: 330px; }
.banner .ads3 .g_img div:nth-child(2){  right: 148px; top: 330px; }
.banner .ads3 .g_img div:nth-child(3){  right: 238px; top: 300px; }
.banner .ads3 .g_img div:nth-child(4){  right: 303px; top: 270px; }

.m_main7 .screen4{ background: url(../images/zt_service_bj4.jpg) no-repeat center; background-size: cover;   }
.banner .ads4{ color: #ffffff;  }
.banner .ads4 .g_img div,.banner .ads4 .ico,.banner .ads4 .tt{position: absolute;}
.banner .ads4 .tt{ width: 100%; text-align: center; top: 120px; }
.banner .ads4 .ico{text-align: center;  width: 100%; top: 190px; font-size: 18px; z-index: 11;}
.banner .ads4 .ico div{ display: inline-block; margin: 40px 20px 0;  }
.banner .ads4 .g_img div:nth-child(1){  width: 100%; text-align: center; top: 385px;}
.banner .ads4 .g_img div:nth-child(2){  left: 725px; top: 750px; }
.banner .ads4 .g_img div:nth-child(3){  left: 200px; top: 595px; }
.banner .ads4 .g_img div:nth-child(4){  left: 785px; top: 515px; }
.banner .ads4 .g_img div:nth-child(5){  left: 245px; top: 445px; }
.banner .ads4 .g_img div:nth-child(6){  width: 100%; text-align: center; line-height: 100%; top: 600px; z-index: 1; font-weight: bold; font-size: 30px; }

.m_main7 .screen5{ background: url(../images/zt_service_bj5.jpg) no-repeat center;  background-size: cover; }
.m_main7 .screen5 .tt{ width: 100%; text-align: center; top: 180px; line-height: 60px;}
.m_main7 .screen5 .g_text{top: 400px; }
.m_main7 .screen5 .g_text .ico_text{display: inline-block; width: 255px; margin: 0 20px; }
.m_main7 .screen5 .g_text .ico_text .g_img{width: 100%; height: 155px; text-align: left; line-height: 155px;  padding-left:  50px; margin-bottom: 35px;}
.m_main7 .screen5 .g_text .ico_text .g_img .ico{position: relative; margin-left: -109px; z-index: 1;}
.m_main7 .screen5 .g_text .ico_text .g-tt{ font-size: 24px; font-weight: bold; line-height: 48px;}
.m_main7 .screen5 .g_text .ico_text .text{ font-size: 14px; text-align: center;}

.m_main7 .screen6{ background: url(../images/zt_service_bj6.jpg) no-repeat center; background-size: cover;   }
.m_main7 .screen6 .tt,.m_main7 .screen6 .g_img div,.m_main7 .screen6 .text{position: absolute;}
.m_main7 .screen6 .tt{ top: 120px; width: 100%; text-align: center; }
.m_main7 .screen6 .g_img div:nth-child(1){ top: 495px; left: -130px; z-index: 2; }
.m_main7 .screen6 .g_img div:nth-child(2){ top: 325px; left: 30px;  z-index: 1; }
.m_main7 .screen6 .g_img div:nth-child(3){ top: 281px; left: 417px; }
.m_main7 .screen6 .text{ width: 100%; text-align: center; top: 190px; color: #d9a960; font-size: 18px;}
.m_main7 .screen6 .text span{display: inline-block; padding: 0 28px 0 15px; background: url(../images/zt_service1_ico1.png) no-repeat right center;}
.m_main7 .screen6 .text span:last-child,.m_main7 .screen6 .text span.on{ background: none;}

.m_main6 .swiper-pagination-h,.m_main7 .swiper-pagination-h{left: 25px; right:inherit; background: url(../images/nav_ico_bj.png) repeat-y center top;}
.m_main6 .swiper-pagination-h .swiper-pagination-bullet,.m_main7 .swiper-pagination-h .swiper-pagination-bullet{background-color: #ffffff; width: 9px; height: 9px; opacity: 1; margin: 35px auto;}
.m_main6 .swiper-pagination-h .swiper-pagination-bullet-active,.m_main7 .swiper-pagination-h .swiper-pagination-bullet-active{ width: 17px; height: 17px;}


.banner .ads2 .g_img div:nth-child(1){ left: 950px; bottom: 180px;  z-index: 3; top: 550px; }
.banner .ads2 .g_img div:nth-child(2){ left: 760px; bottom: 190px; z-index: 2; top: 605px; }
.banner .ads2 .g_img div:nth-child(3){ left: 80px; bottom: 150px; z-index: 3; top: 535px; }
.banner .ads2 .g_img div:nth-child(4){ left: 330px; bottom: 170px; top: 755px; }
.banner .ads2 .g_img div:nth-child(5){ left: 170px; bottom: 195px;z-index: 2; top: 340px; }
.banner .ads2 .g_img div:nth-child(6){ left: 510px; bottom: 215px; top: 485px; }
.banner .ads2 .g_img div:nth-child(7){ left: 560px; bottom: 420px; top: 360px; }
.banner .ads3 .ico{ left: -20px; bottom: 120px; top: 350px; width: 500px; }











/*高校门户网站*/
.sch_list{ width:100%; height:auto; overflow:hidden;}
.sch_list li{ width:93px; float:left; height: auto; text-align:center; margin-top:35px;}
.sch_list li p{ font-size:14px; color:#fff; margin-top:10px; display:block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.sch_list li div.sch_pic{ width:100%; height:38px; line-height:38px; text-align:center;}
.m_main6 .screen2  .sch_list li div.sch_pic img{ max-height:38px; max-width:100%; vertical-align:middle; margin:0;}
.m_main6 .screen3  .sch_list li div.sch_pic img{ max-height:38px; max-width:100%; vertical-align:middle; margin:0;}
.sch_new{ margin-top:70px;}
.m_main6 .screen2 .g_text .text .txt{ line-height:32px;}
.m_main6  .g_text .zt_fun{ margin-top:50px;}
.m_main6  .g_text .zt_fun p.tt{ background:url(../images/icon7.png) no-repeat left center; padding-left:13px; font-size:22px;}
.m_main6  .g_text .zt_but a{ border-radius:5px; height:46px; line-height:46px;}
.m_main6 .screen4 .sch_list li div.sch_pic img{ max-height:38px; max-width:100%; vertical-align:middle; margin:0;}
.m_main6 .screen2 .g_text{ margin-top:230px;}
.m_main6 .screen3 .g_text{ margin-top:250px;}
.m_main6 .screen4 .g_text{ margin-top:270px;}
.m_main6 .screen5 .g_text{ margin-top:260px;}
.m_main6 .screen6 .g_text{ margin-top:260px;}
.m_main6 .screen7 .g_text{ margin-top:410px;}
.m_main6 .screen5 .sch_list li div.sch_pic img{ max-height:38px; max-width:100%; vertical-align:middle; margin:0;}
.m_main6 .screen6 .sch_list li div.sch_pic img{ max-height:38px; max-width:100%; vertical-align:middle; margin:0;}
.m_main6 .screen8 .sch_list li div.sch_pic img{ max-height:38px; max-width:100%; vertical-align:middle; margin:0;}


.float_list{ width:155px; height:344px; position:fixed; left:58px; top:50%; margin-top:-195px; text-align:left; z-index:2; padding-top:7px;}
.float_list ul{ width:100%; height:auto;}
.float_list ul li{ width:100%; height:auto; text-align:left; font-size:16px; color:#ffffff; margin-bottom:24px;}
.float_list ul li:nth-child(3){ margin-bottom:23px;}
.float_list ul li:nth-child(5){ margin-bottom:23px;}
.float_list ul li:nth-child(6){ margin-bottom:23px;}
.float_list ul li:nth-child(7){ margin-bottom:23px;}
@media screen and (max-width: 1600px){
	.m_main6 .screen1 .text{
	transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);
	padding-top:130px;
	}
	.m_main6 .m_mn{transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);}
	.m_main6 .screen2 .g_img{ top:120px;}
	.m_main6 .screen2 .g_text{ margin-top:129px;}
	.m_main6 .screen3 .g_img{ top:70px;}
	.m_main6 .screen3 .g_text{ margin-top:150px;}
	.m_main6 .screen4 .g_img{ top:130px;}
	.m_main6 .screen4 .g_text{ margin-top:155px;}
	.m_main6 .screen5 .g_img{ top:40px;}
	.m_main6 .screen5 .g_text{ margin-top:155px;}
	.m_main6 .screen6 .g_img{ top:0px;}
	.m_main6 .screen6 .g_text{ margin-top:230px;}
	.m_main6 .screen7 .g_img{ top:190px;}
	.m_main6 .screen7 .g_text{ margin-top:345px;}
	.m_main6 .screen8 .g_img{ top:70px;}
	.m_main6 .screen8 .g_text{ margin-top:200px;}
	.m_main6 .m_mn1{
	transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);}
	.m_main6 .screen9 .dx_message{ bottom:25px;}
	.m_main6 .screen1 .zhufang img{ width:80%; margin:0 auto;}
	.m_main6 .screen1 .men{ left:415px;}
	.m_main6 .screen1 .men img{width:80%; margin:0 auto;}
	.m_main6 .screen1 .zhufang{ left:495px; bottom:245px;}
	.m_main6 .screen1 .fufang img{width:80%; margin:0 auto;}
	.m_main6 .screen1 .cp{ background-size:contain;}
	.m_main6 .screen1 .yfz{background-size:contain; left:0px;height: 255px;bottom: 84px; background-position-x:70px;}
	.m_main6 .screen1 .feiji img{ width:80%; margin:0 auto;}
	.m_main6 .screen1 .shu{ background-size: contain;background-position-x:970px;height: 150px;width: 100%;bottom: 65px;}
	.m_main6 .screen1 .lu img{ width:90%; margin:0 auto;}
	.m_main6 .screen1 .lu{ bottom:-115px; left:0px;}
	.m_main6 .screen1 .fufang{ left:835px; bottom:200px;}
	.m_main6 .screen1 .feiji{ left:inherit; right:0;}
	.m_main6 .screen1 .ico{ margin-left:150px;}
	.s_aa{ height:150px !important;}
	/*.m_main6 .swiper-pagination-h .swiper-pagination-bullet{ margin:15px 0px; display:inline-block;}
	.m_main6 .swiper-pagination-h{ width:17px;}*/
	}
@media screen and (max-width: 1440px){
	.m_main6 .screen1 .text{
	transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);
	padding-top:130px;
	}
	.m_main6 .m_mn{transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);}
	.m_main6 .screen2 .g_img{ top:120px;}
	.m_main6 .screen2 .g_text{ margin-top:129px;}
	.m_main6 .screen3 .g_img{ top:70px;}
	.m_main6 .screen3 .g_text{ margin-top:150px;}
	.m_main6 .screen4 .g_img{ top:130px;}
	.m_main6 .screen4 .g_text{ margin-top:155px;}
	.m_main6 .screen5 .g_img{ top:40px;}
	.m_main6 .screen5 .g_text{ margin-top:155px;}
	.m_main6 .screen6 .g_img{ top:0px;}
	.m_main6 .screen6 .g_text{ margin-top:230px;}
	.m_main6 .screen7 .g_img{ top:190px;}
	.m_main6 .screen7 .g_text{ margin-top:345px;}
	.m_main6 .screen8 .g_img{ top:70px;}
	.m_main6 .screen8 .g_text{ margin-top:200px;}
	.m_main6 .m_mn1{
	transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);}
	.m_main6 .screen9 .dx_message{ bottom:25px;}
	.m_main6 .screen1 .zhufang img{ width:80%; margin:0 auto;}
	.m_main6 .screen1 .men{ left:365px;}
	.m_main6 .screen1 .men img{width:80%; margin:0 auto;}
	.m_main6 .screen1 .zhufang{ left:410px; bottom:230px;}
	.m_main6 .screen1 .fufang img{width:80%; margin:0 auto;}
	.m_main6 .screen1 .cp{ background-size:contain;}
	.m_main6 .screen1 .yfz{background-size:contain; left:0px;height: 230px;bottom: 84px; background-position-x:70px;}
	.m_main6 .screen1 .feiji img{ width:80%; margin:0 auto;}
	.m_main6 .screen1 .shu{ background-size: contain;background-position-x:860px;height: 150px;width: 100%;bottom: 65px;}
	.m_main6 .screen1 .lu img{ width:90%; margin:0 auto;}
	.m_main6 .screen1 .lu{ bottom:-100px; left:0px;}
	.m_main6 .screen1 .fufang{ left:730px; bottom:200px;}
	.m_main6 .screen1 .feiji{ left:inherit; right:0;}
	.m_main6 .screen1 .ico{ margin-left:150px;}
	.s_aa{ height:120px !important;}
	
	}
@media screen and (max-width: 1366px){
	.m_main6 .screen1 .feiji{ left:inherit; right:0;}
	.m_main6 .screen1 .ico{ margin-left:150px;}
		.m_main6 .screen1 .text{
	transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
	padding-top:130px;
	}
	.m_main6 .screen1 .zhufang img{ width:80%; margin:0 auto;}
	.m_main6 .screen1 .men{ left:370px;}
	.m_main6 .screen1 .men img{width:80%; margin:0 auto;}
	.m_main6 .screen1 .zhufang{ left:370px; bottom:214px;}
	.m_main6 .screen1 .fufang img{width:80%; margin:0 auto;}
	.m_main6 .screen1 .cp{ background-size:contain;}
	.m_main6 .screen1 .yfz{background-size:contain; left:0px;height: 214px;bottom: 84px; background-position-x:70px;}
	.m_main6 .screen1 .feiji img{ width:80%; margin:0 auto;}
	.m_main6 .screen1 .shu{ background-size: contain;background-position-x:835px;height: 125px;width: 100%;bottom: 90px;}
	.m_main6 .screen1 .lu img{ width:100%; margin:0 auto;}
	.m_main6 .screen1 .lu{ bottom:-100px;}
	.m_main6 .screen1 .fufang{ left:680px; bottom:200px;}
	.s_aa{ height:120px !important;}
	
}
@media screen and (max-width: 1200px){
	.m_main6 .screen1 .feiji{ left:inherit; right:0; bottom:370px;}
	.m_main6 .screen1 .ico{ margin-left:90px;}
		.m_main6 .screen1 .text{
	transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
	padding-top:130px;
	}
	.m_main6 .screen1 .zhufang img{ width:80%; margin:0 auto;}
	.m_main6 .screen1 .men{ left:280px; bottom:145px;}
	.m_main6 .screen1 .men img{width:80%; margin:0 auto;}
	.m_main6 .screen1 .zhufang{ left:300px; bottom:200px;}
	.m_main6 .screen1 .fufang img{width:80%; margin:0 auto;}
	.m_main6 .screen1 .cp{ background-size:contain;}
	.m_main6 .screen1 .yfz{background-size:contain; left:0px;height: 190px;bottom: 60px; background-position-x:70px;}
	.m_main6 .screen1 .feiji img{ width:80%; margin:0 auto;}
	.m_main6 .screen1 .shu{ background-size: contain;background-position-x:735px;height: 125px;width: 100%;bottom: 60px;}
	.m_main6 .screen1 .lu img{ width:95%; margin:0 auto;}
	.m_main6 .screen1 .lu{ bottom:-80px; left:0px;}
	.m_main6 .screen1 .fufang{ left:570px; bottom:180px;}
	.m_main6 .m_mn{transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);}
	.m_main6 .m_mn1{
	transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);}
	.m_main6 .screen9 .dx_message{ bottom:-50px;}
	.s_aa{ height:100px !important;}
	.float_list{ display:none;}
}






.h-link{background:#ffffff url(../images/h_link_bj.png) center top no-repeat;width: 100%;height: 230px;}
.h-link .link_text{padding-top: 100px;}
.h-link .link_text .g-tt{width: 120px;float: left;font-size: 14px;color: #666666;}
.h-link .link_text .g-text{float: left;width: 1080px;overflow: hidden;}
.h-link .link_text .g-text a{color: #666666;margin-bottom: 5px;margin-right: 10px;display: inline-block;}
/*内页共用样式*/.m_mn{width: 1200px;margin: 0 auto;}
.m_xn{width: 1000px;margin: 0 auto;}
/*.m_ads{height:460px;width:100%;min-width:1200px;overflow:hidden;z-index:-1;position: fixed;top:0;left:0;}*/
.m_ads{height:325px;width:100%;min-width:1200px;overflow:hidden;z-index:-1;position: fixed;top:0;left:0;}
.m_ads.h_280{height: 280px;}
.m_ads.h_280 .text{padding-top: 127px;}
.m_ads.h_300{height: 300px;}
.m_ads.h_300 .text{padding-top: 147px;}
.m_ads.h_580{height: 580px;}
.m_ads.h_580 .text{padding-top: 140px;}
.m_ads .text{text-align: center;padding-top: 170px;}
.m_ads .text span{font-size: 40px;color: #ffffff;margin: 0 10px;text-transform: uppercase;-webkit-text-shadow:0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow:0px 0px 10px rgba(0,0,0,0.5);text-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.m_ads .text .xt{height: 1px;width: 145px;margin: 15px auto 0;border-bottom: 1px solid rgba(255,255,255,0.5);}
.m_main{width:100%;min-width:1200px;background:#f5f5f5;margin:330px auto 0 auto;}
.m_main1{width:100%;min-width:1200px; margin:325px auto 0 auto; padding:20px 0 30px 0; background: #fff}
.m_main2{width:100%;min-width:1200px;height: 520px;margin:250px auto 0 auto;background: url(../images/case_top_bj.png) repeat-x left center;}
.m_main3{width:100%;min-width:1200px;background:#fff;overflow: hidden;position: relative;}
.m_main4{width:100%;min-width:1200px;background:#f5f5f5;margin:280px auto 0 auto;position: relative;}
.m_main5{width:100%;min-width:1200px;background:#ffffff;margin:0;}
.m_main6,.m_main7{width:100%;min-width:1200px;color:#ffffff;margin:0;}
.m_main8{width:100%;min-width:1200px; margin:325px auto 0 auto; padding:0 0 30px 0; background: #f4f7f9}
.m_main9{width:100%;min-width:1200px; margin:325px auto 0 auto; padding:0 0 0 0; background: #f4f7f9}
.m_subtopic{height: 70px;width: 100%;border-bottom: 1px solid #E7E7E7;background-color: #ffffff;}
.m_subtopic .subtopic_list{font-size: 0;color: #666666;overflow: hidden;height: 70px;text-align: center;}
.m_subtopic .subtopic_list li{display: inline-block;height: 70px;line-height: 70px;padding: 0 20px;background: url(../images/side_bjx.png) no-repeat right center;font-size: 18px;}
.m_subtopic .subtopic_list li:last-child{background: none;}
.m_subtopic .subtopic_list li a{display: block;padding: 0 20px;height: 70px;border-bottom: 2px solid #ffffff;}
.m_subtopic .subtopic_list li a.on::before{width: 100%;}
.m_subtopic .subtopic_list li a:hover,.m_subtopic .subtopic_list li a.on{color: #3784D2;}
.m_subtopic .subtopic_list li a.hvr-underline-from-left:before{height: 2px;background: #3784D2;-webkit-transition-duration: .5s;transition-duration: .5s;}
.m_subtopic1{height: 60px;width: 100%;border-bottom: 1px solid #E7E7E7;background-color: #ffffff;}
.m_subtopic1 .subtopic_list{font-size: 16px;color: #333333;}
.m_subtopic1 .subtopic_list li{float: left;margin-right: 40px;height: 60px;line-height: 60px;}
.m_subtopic1 .subtopic_list li dl{max-height: 60px;overflow: hidden;position: relative;z-index: 111;transition:max-height 0.5s ease-in-out;-webkit-transition:max-height 0.5s ease-in-out;}
.m_subtopic1 .subtopic_list li dl:hover{max-height: 300px;background-color: #ffffff;color: #333333;}
.m_subtopic1 .subtopic_list li dl dt{background: url(../images/blog_ico1.png) no-repeat 50px center;padding-right: 20px;cursor: pointer;}
.m_subtopic1 .subtopic_list li dl dd{height: 40px;line-height: 40px;padding: 0 10px;background-color: #ffffff;}
.m_crm{height: 50px;line-height: 50px;color: #888888;background: url(../images/news_ico2.png) no-repeat left 17px;text-indent: 25px;}
.m_crm1{height: 50px;border-bottom: 1px solid #E7E7E7;line-height: 50px;color: #888888;}
.m_crm1.on{background-color: #ffffff;}
.m_crm1 .m_xn,.m_crm1 .m_mn{background: url(../images/news_ico2.png) no-repeat left 17px;text-indent: 25px;}
.m_crm a.on,.m_crm a:hover,.m_crm1 a.on,.m_crm1 a:hover{color: #666666;}
.share span{line-height: 20px !important;float: left;margin-right: 10px;}
.n_mn .m_text .article_tt{color: #333333;font-size: 24px;font-weight: bold;margin-bottom: 18px;margin-top: -5px;}
.n_mn .m_text .g_attr span{display: inline-block;margin-right: 25px;color: #888888;}
.n_mn .m_text .g_attr span.on a{display: inline-block;border: 1px solid #cccccc;margin-right: 5px;border-radius: 5px;font-size: 12px;width: 18px;height: 18px;line-height: 18px;text-align: center;}
.n_mn .m_text .g_attr span.on a:hover{background-color: #2c88d8;color: #ffffff;border: 1px solid #2c88d8;}
.n_mn .m_text .g_attr span a:hover{color: #2c88d8;}
.n_mn .m_text .text{padding: 30px 0 ;font-size: 14px;color: #666666;line-height: 28px;overflow: hidden;}
.n_mn .m_text .text img{max-width: 100%;}
.n_mn .m_aside{padding: 25px 0 30px;line-height: 26px;overflow: hidden;border-top: 1px dotted #C7C7C7;color: #888888;}
/*关于我们*/.n_about{padding: 60px 0 0;background-color: #ffffff;}
.n_about .m_tt{text-align: center;}
.n_about .about .g_text{color: #666666;line-height: 28px;width: 1000px;margin: 15px auto 80px;}
.n_about .team{background:#f6f6f6 url(../images/about_img1.png) no-repeat center top;height: 520px;width: 100%;}
.n_about .team .g_text{padding-top: 160px;padding-left: 20px;color: #ffffff;line-height: 28px;width: 540px;}
.n_about .team .g_text .g_tt{margin-bottom: 35px;}
.n_about .culture{background-color: #f6f6f6;height: 485px;padding-top: 85px;width: 100%;}
.n_about .culture .culture_list{overflow: hidden;width: 1200px;margin: 60px auto 0;font-size: 0;}
.n_about .culture .culture_list li{display: inline-block;width: 270px;margin-right: 40px;text-align: center;}
.n_about .culture .culture_list li .g-img{width: 185px;height: 185px;line-height: 185px;text-align: center;margin: 0 auto;border: 1px dashed #B9BABA;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.n_about .culture .culture_list li .g-img img{width: 170px;height: 170px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.n_about .culture .culture_list li .text .tt{color: #333333;font-size: 20px;margin: 30px 0 5px;}
.n_about .culture .culture_list li .text .info{color: #666666;font-size: 14px;line-height: 28px;}
.n_about .design{padding-top: 90px;height: 560px;}
.n_about .design .g-text{padding-left: 20px;width: 550px;overflow: hidden;}
.n_about .design .g-text .tt{color: #f29e1c;font-size: 36px;font-weight: bold;margin: 80px 0 15px;}
.n_about .design .g-text .info{color: #cccccc;font-size: 16px;margin-bottom: 45px;line-height: 20px;text-transform: uppercase;}
.n_about .design .g-text .txt{color: #666666;line-height: 28px;}
.n_about .fz{background-color: #f6f6f6;height: 475px;padding-top: 85px;width: 100%;}
.n_about .fz .g-img{margin-top: 75px;text-align: center;}
.n_about .service{padding: 80px 0 20px;}
.n_about .service .g-img{text-align: center;margin-top: 65px;}
.n_about .service .list{font-size: 0;position: relative;margin-top: -113px;}
.n_about .service .list li{width: 395px;display: inline-block;height: 340px;font-size: 14px;color: #cccccc;text-align: center;text-transform: uppercase;}
.n_about .service .list li div{height: 240px;width: 100%;background: url(../images/about_ico1.png) no-repeat ;}
.n_about .service .list li .tt{color: #666666;font-size: 22px;margin-bottom: 5px;}
.n_about .service .list li div.ico1{background-position: 158px 140px;}
.n_about .service .list li div.ico2{background-position: -220px 140px;}
.n_about .service .list li div.ico3{background-position: -604px 140px;}
/*联系我们*/.n_contact{padding: 60px 0;}
.n_contact .s_side{height: 52px;text-align: center;}
.n_contact .s_side a{display: inline-block;height: 50px;font-size: 16px;line-height: 50px;color: #666666;width: 200px;border: 1px solid #dedede;background-color: #ffffff;border-radius: 30px;margin: 0 10px;}
.n_contact .s_side .hvr-bounce-to-right:before{border-radius: 30px;background: #2c88d8;border-color: #2c88d8;}
.n_contact .s_side a:hover{color: #ffffff;}
.n_contact .s_side a.on{background: #2c88d8;color: #ffffff;}
.n_contact .s_side a.on:before{background: none;}
.n_contact .g_content .allmap{margin-bottom: 40px;padding: 10px;background-color: #ffffff;position: relative;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.2);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.2);box-shadow:0px 0px 20px rgba(127,128,130,0.2);height: 500px;}
.n_contact .g_content .allmap .text{position: absolute;background-color: rgba(255,255,255,0.9);padding: 40px 30px;width: 265px;top: 90px;left: 0;-moz-box-shadow:10px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:10px 0px 20px rgba(127,128,130,0.4);box-shadow:10px 0px 20px rgba(127,128,130,0.4);}
.n_contact .g_content .allmap .text .tt{color: #2c88d8;font-size: 24px;background: url(../images/contact_ico1.png) no-repeat -5px -85px;padding-left: 15px;height: 35px;margin-bottom: 20px;}
.n_contact .g_content .allmap .text .dt,.n_contact .g_content .allmap .text .gj{color: #333333;font-size: 18px;background: url(../images/contact_ico1.png) no-repeat left -181px;padding-left: 30px;margin-bottom: 10px;}
.n_contact .g_content .allmap .text .gj{background: url(../images/contact_ico1.png) no-repeat left 1px;}
.n_contact .g_content .allmap .text .xt{border-bottom: 1px dashed #CACACA;width: 100%;height: 1px;margin: 20px 0;}
.n_contact .g_content .allmap .text .route{color: #666666;line-height: 28px;}
.n_contact .g_content .g-text{padding: 60px 0;width: 100%;height: 205px;}
.n_contact .g_content .g-text .left{width: 599px;border-right: 1px solid #DCDCDC;height: 205px;float: left;}
.n_contact .g_content .g-text .left .g-img{line-height: 205px;height: 205px;width: 75px;margin-left: 10px;}
.n_contact .g_content .g-text .left .text{height: 205px;color: #333333;width: 500px;}
.n_contact .g_content .g-text .left .text .tt{font-size: 24px;margin-top: 30px;}
.n_contact .g_content .g-text .left .text .address{font-size: 16px;margin-top: 10px;padding-left: 25px;background: url(../images/contact_ico2.png) no-repeat left -353px;}
.n_contact .g_content .g-text .left .text .info{color: #666666;font-size: 14px;margin-top: 40px;}
.n_contact .g_content .g-text .left .text .info span{display: inline-block;height: 25px;padding-left: 25px;background: url(../images/contact_ico2.png) no-repeat left -265px;margin-bottom: 20px;width: 170px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(2){background-position: left -86px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(3){background-position: left -176px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(4){background-position: left 5px;}
.n_contact .g_content .g-text .right{width: 540px;padding-left: 60px;height: 205px;float: left;}
.n_contact .g_content .g-text .right .text{height: 205px;float: left;width: 380px;}
.n_contact .g_content .g-text .right .text .tt{color: #888888;font-size: 18px;margin-top: 30px;}
.n_contact .g_content .g-text .right .text .tel{color: #2c88d8;font-size: 46px;font-weight: bold;margin-top: -5px;margin-bottom: 20px;}
.n_contact .g_content .g-text .right .text .info{color: #666666;margin-top: 14px;}
.n_contact .g_content .g-text .right .text .info span{display: inline-block;padding-left: 25px;height: 25px;width:140px;margin-bottom: 20px;margin-right: 15px;background: url(../images/contact_ico2.png) no-repeat left -445px;}
.n_contact .g_content .g-text .right .g-img{float: right;height: 205px;width: 140px;}
.n_contact .g_content .g-text .right .g-img .code{background-color: #ffffff;text-align: center;margin-top: 25px;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.4);box-shadow:0px 0px 20px rgba(127,128,130,0.4);}
.n_contact .g_content .g-text .right .g-img .code p{padding: 0 0 10px ;color: #666666;}
/*案例样式*/
.n_case{width: 1200px;margin: 0 auto; padding-bottom:15px}
.case_img_ico_l{position: absolute;top: 0;left: 0;z-index: 1;}
.case_img_ico_r{position: absolute;top: 0;right: 0;z-index: 1;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.case_tab{height: 400px;width: 100%;overflow: hidden;margin-top: 30px;position: relative;}
.case_tab .case_panel{background: none;}
.n_case .n_snav{width: 100%;height:320px; background: #ffffff;-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.n_case .n_snav:hover{-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);box-shadow: 0 0 30px rgba(0,0,0,0.2);}
.n_case .n_snav .list{color: #666666; overflow: hidden;}
.n_case .n_snav .list table{border-collapse:collapse;border:1px solid #eee}
.n_case .n_snav .list table td{margin-left:8px; line-height:30px; padding:8px 0;border-bottom:1px dotted #eee;font-size:14px}
.n_case .n_snav .list table td.td_left{background:#f7f7f7;text-align:center;color:#000}
.n_case .n_snav .list table td a{margin-left:8px; display:inline-block;white-space:nowrap; padding:0 5px;}
.n_case .n_snav .list table td a:hover,.n_case .n_snav .list table td span{margin-left:8px;;display:inline-block;white-space:nowrap; background:#2c88d8; padding:0 5px; height:25px; line-height:25px; border-radius:2px; color:#fff !important}
.quanbu{margin-left:23px;margin-right:3px;padding:0 14px;display:inline-block;white-space:nowra}

.ajax_select_a a{width:60px; text-align:center; }
.ajax_select_a a:hover{width:60px; text-align:center;  }
.ajax_select_a span{width:60px; text-align:center;}

.n_case .n_snav .seek{height: 40px;padding-top:20px;width: 260px;margin-right: 40px; float:right}
.n_case .n_snav .seek .box{width: 260px;height: 40px;line-height: 40px;border-radius: 20px;background-color: #f6f6f6;}
.n_case .n_snav .seek .box input{outline: none;width: 190px;border: none;height: 30px;line-height: 30px;padding:5px 0 5px 20px;background: none;color: #7d7d7d;float: left;}
.n_case .n_snav .seek .box .on{width: 40px;height: 40px;border: none;background: url(../images/seek_ico.png) no-repeat center;cursor: pointer;float: left;}
.n_case .case_list{padding: 40px 0 35px; }
.n_case .case_list .list{width: 100%;}
.n_case .case_list .list li{width: 380px;height: 310px;margin:0 30px 30px 0;float: left;-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);box-shadow: 0 0 30px rgba(0,0,0,0.2);position: relative;z-index: 11;}
.n_case .case_list .list li:nth-of-type(3n){margin-right:0px;}
.n_case .case_list .list li .g-img{height: 260px;width: 380px;position: relative;overflow: hidden;}
.n_case .case_list .list li .g-img img{-webkit-transition: transform 0.5s ease-out ;transition: transform 0.5s ease-out ;}
.n_case .case_list .list li .g-img .tt{padding: 15px 20px;bottom: 0;color: #ffffff;font-size: 16px;position: absolute;text-shadow:2px 2px 2px #333}
.n_case .case_list .list li .g-img .text{opacity: 0;background-color: rgba(0,0,0,0.5);position: absolute;top:0;left: 0;padding: 30px;height: 200px;width: 320px;-webkit-transition: opacity 0.5s ease-out ;transition: opacity 0.5s ease-out ;}
.n_case .case_list .list li .g-img .text .box{box-sizing: border-box;color: #ffffff;position: relative;height: 200px;width: 320px;padding: 30px 35px 40px;}
.n_case .case_list .list li .g-img .text .box::before,.n_case .case_list .list li .g-img .text .box::after{box-sizing: border-box;content: '';position: absolute;width: 100%;height: 100%;}
.n_case .case_list .list li .g-img .text .box::before,
.n_case .case_list .list li .g-img .text .box::after{border: 1px solid transparent;width: 0;height: 0;}
.n_case .case_list .list li .g-img .text .box::before{top: 0;left: 0;}
.n_case .case_list .list li .g-img .text .box::after{bottom: 0;right: 0;}
.n_case .case_list .list li .g-img:hover .text{opacity: 1;}
.n_case .case_list .list li .g-img:hover .tt{opacity: 0;}
.n_case .case_list .list li .g-img:hover img{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.n_case .case_list .list li .g-img .text:hover .box .more{opacity: 1;-webkit-transition: opacity 0.2s ease-out 0.6s;transition: opacity 0.2s ease-out 0.6s;}
.n_case .case_list .list li .g-img .text:hover .box::before,
.n_case .case_list .list li .g-img .text:hover .box::after{width: 100%;height: 100%;}
.n_case .case_list .list li .g-img .text:hover .box::before{border-top-color: #ffffff;border-right-color: #ffffff;-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.n_case .case_list .list li .g-img .text:hover .box::after{border-bottom-color: #ffffff;border-left-color: #ffffff;-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}
.n_case .case_list .list li .g-img .text .box .title{width: 100%;height: 24px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: normal;color: #ffffff;font-size: 18px;font-weight: bold;}
.n_case .case_list .list li .g-img .text .box .xt{width: 40px;margin: 10px auto;height: 2px;background-color: #ffffff}
.n_case .case_list .list li .g-img .text .box .txt{color: #eeeeee;line-height: 24px;text-align: justify;height: 94px;overflow: hidden;}
.n_case .case_list .list li .g-img .text .box .more{width: 30px;height: 30px;border-radius: 50%;z-index: 2;background:#ffffff url(../images/case_more1.png) no-repeat center;position: absolute;left: 50%;margin-left: -15px;bottom: -14px;opacity: 0;}
.n_case .case_list .list li .info{height: 50px;line-height: 50px;background-color: #ffffff;padding-left: 20px;color: #888888;}
.n_case .case_list .list li .info .cate{width: 240px;}
.n_case .case_list .list li .info .switch{width: 95px;height: 30px;padding: 10px 10px 0px 0px;text-align:right}
.n_case .case_list .list li .info .switch a{display:inline-block;width: 28px;height: 30px;margin-left: 15px;}
.n_case .case_list .list li .info .switch a.pc{background: url(../images/case_ico.png) no-repeat 4px center;}
.n_case .case_list .list li .info .switch a.pc:hover{background: url(../images/case_ico1.png) no-repeat 4px center;}
.n_case .case_list .list li .info .switch a.pchover{background: url(../images/case_ico1.png) no-repeat 4px center;}
.n_case .case_list .list li .info .switch a.mobile{background: url(../images/case_ico.png) no-repeat -37px center;}
.n_case .case_list .list li .info .switch a.mobile:hover{background: url(../images/case_ico1.png) no-repeat -37px center;}
.n_case .case_list .list li .info .switch a.mobilehover{background: url(../images/case_ico1.png) no-repeat -37px center;}
.n_case .case_list .pages{margin-top: 20px;}
.m_case{padding: 60px 0;}
.m_case .case_top{padding: 20px;background-color: #ffffff;min-height: 200px;overflow:hidden;}
.m_case .case_top .g_img{width: 292px;height: 292px;overflow: hidden;float: left;}
.m_case .case_top .g_info{float: right;width: 848px;min-height: 200px;}
.m_case .case_top .g_info .g_tt{font-size: 24px;color: #333333;font-weight: bold;line-height: 22px;height: 35px;margin-bottom: 8px;width: 100%;overflow: hidden;}
.m_case .case_top .g_info .g_tt .link{font-size: 14px;font-weight: normal;color: #2c88d8;text-align: center;width: 118px;height: 33px;line-height: 33px;border: 1px solid #3784D2;border-radius: 5px;position: relative;}
.m_case .case_top .g_info .g_tt .link a{display: block;background: url(../images/case_m_ico2.png) no-repeat 20px center;text-indent: 17px;}
.m_case .case_top .g_info .g_tt .link a:hover{background: #2c88d8 url(../images/case_m_ico3.png) no-repeat 20px center;color: #ffffff;}
.m_case .case_top .g_info .tag{color: #333333;margin-bottom: 18px;}
.m_case .case_top .g_info .tag span{margin-right: 10px;}
.m_case .case_top .g_info .text{line-height: 28px;color: #666666;}
.m_case .case_top .g_info .text .tt{color: #333333;}
.m_case .case_top .g_info .text .tt .xl{cursor: pointer;width: 26px;height: 16px;border: 1px solid #E2E2E2;border-radius: 3px;margin-top: 6px;background: url(../images/case_m_xl.png) no-repeat center;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.m_case .case_top .g_info .text .tt .xl.on{background: url(../images/case_m_xl1.png) no-repeat center;}
.m_case .case_top .g_info .text .txt{position: relative;z-index: 55;max-height: 65px;width: 848px;margin-left: -20px;padding: 0 20px 20px;overflow: hidden;background-color: #ffffff;transition:max-height 0.5s ease-in-out;-webkit-transition:max-height 0.5s ease-in-out;}
.m_case .case_top .g_info .text .txt.on{max-height: 1000px;}

.ckys {height: 40px; line-height:38px; height: 38px; overflow: hidden;}
.ckys li{width: 140px;list-style:none; float:left; margin-right:10px; border-radius:1px}
.ckys li a{ width:85px; margin-left:40px; font-size:14px; display:block; color: #FFF; text-align:center}
.ckys li:hover{background-color: #ffcc32}
.ckys .photo{ background:#ffc000 url(../images/cover-photo.png) 22px 10px no-repeat;  }
.ckys .url{ background:#0f91dd url(../images/cover-url.png) 22px 10px no-repeat;  }
.ckys a:hover{color: #FFF !important;}

.m_case .g_content{padding:20px 15px 40px 15px;height: 100%; background:#fff; margin-top:10px}
.m_case .g_content .tt{background: url(../images/case_m_ico1.png) no-repeat 2px -97px;color: #333333;font-size:24px;text-indent: 20px;margin-bottom: 20px;}
.m_case .g_content .tt .g_tab a,.m_case .g_content .tt .g_tab1 a{display: inline-block;background: url(../images/case_m_ico.png) no-repeat;height: 24px;margin-left: 20px;}
 
.m_case .case_mobile{width: 100%;height: 900px;background: url(../images/case_mm_bj1.jpg) no-repeat center;}
.m_case .case_mobile .swiper-mobile{width: 320px;height: 568px;overflow: hidden;border: 1px solid #E2E2E2;margin: 135px auto}
.m_case .case_mobile .swiper-mobile .swiper-slide img{width:320px !important;height:auto !important;}
.m_case .case_mobile .swiper-button-white{background: url(../images/case_m_tab.png) no-repeat;width: 80px;height: 80px;top: 45%;}
.m_case .case_mobile .swiper-button-next{background-position: center bottom;right: 150px;}
.m_case .case_mobile .swiper-button-prev{background-position: center top;left: 150px;}
.m_case .g_latest{padding: 60px 0 20px;height:306px;overflow: hidden;width: 100%;}
.m_case .swiper-latest{width: 960px;height: 306px;overflow: hidden;float: right;}
.m_case .swiper-latest .swiper-slide{overflow: hidden;}
.m_case .swiper-latest .swiper-slide div{color: #ffffff;position: absolute;padding: 10px 15px;bottom: 0;font-size: 14px;width:100%;background:rgba(0,0,0,0.2);text-shadow:1px 1px 1px #333}
.m_case .g_latest .swiper-button{height: 306px;width: 220px;background: url(../images/case_latest_bj.png) no-repeat center;position: relative;float: left;}
.m_case .g_latest .swiper-button .latest-next{background: url(../images/m_tab3.png) no-repeat center bottom;width: 35px;height: 35px;top: 170px;right: 30px;opacity: 0.7;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
.m_case .g_latest .swiper-button .latest-prev{background: url(../images/m_tab3.png) no-repeat center top;width: 35px;height: 35px;top: 140px;left: 90px;opacity: 0.7;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
.m_case .g_latest .swiper-button .latest-next:hover,.m_case .g_latest .swiper-button .latest-prev:hover{opacity: 1;}

.pagebar{height:45px;line-height:35px;margin:20px auto 0 auto; text-align:center}
.pagebar ul{ display:inline-block; margin:0 auto}
.pagebar li{padding:0 15px; line-height:40px; display:inline-block; font-size:14px; border:1px solid #ddd; margin-left:-1px; float:left; background-color:#FFF; cursor:pointer;}
.pagebar li.thisclass, .mypages ul li.thisclass a, .mypages ul li.thisclass a:hover{color:#fff; background-color: #2c88d8;}
 
 
/*方案*/
.fang_top{width:100%;height:585px;background: url(../images/cbg.jpg) no-repeat center;overflow:hidden;padding-top:160px;}
.fang_top .text{text-align: center;}
.fang_top .text span{font-size: 40px;color: #ffffff;margin: 0 10px;text-transform: uppercase;-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.fang_top .text span{font-size: 40px;color: #ffffff;margin: 0 10px;text-transform: uppercase;-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.fang_top .text .xt{height: 1px;width: 145px;margin: 15px auto 0;border-bottom: 1px solid rgba(255,255,255,0.5);}
.fang_list{width:100%;height:auto;margin-top:27px;}
.fang_list li{width:140px;height:auto;float:left;margin-right:72px;margin-bottom:30px;text-align:center;}
.fang_list li:nth-child(6n){margin-right:0;}
.fang_list li a{display:block;width:100%;height:100%;overflow:hidden;}
.fang_pic{width:140px;height:140px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-moz-box-shadow: 0px 0px 35px -10px #858585;-webkit-box-shadow: 0px 0px 35px -10px #858585;box-shadow: 0px 0px 35px -10px #858585;border-radius:50%;background:#fff;}
.fang_pic .pic-box{width:140px;height:140px;display:table-cell;vertical-align:middle;text-align:center;}
.fang_pic img{display:none;margin:0 auto;}
.fang_pic img.on{display:block;}
.fang_list li p{font-size:16px;color:#fff;text-align:center;margin-top:20px;display:inline-block;position: relative;}
.fang_list li p:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #fff;transition: all 0.3s ease-out;}
/*背景颜色改变效果*//*.fang_list li:hover .fang_pic{background:url(../images/cbg.png) no-repeat;}
.fang_list li:hover .fang_pic img{display:block;}
.fang_list li:hover .fang_pic img.on{display:none;}*//*图片动的效果*/.fang_list li:hover .fang_pic img{animation: swing 1s 0s linear normal;-webkit-animation: swing 1s 0s linear normal;}
.fang_list li:hover p:after{width: 100%;}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}
/*浮动*/.case_float{position:fixed;left:25px;top:50%;margin-top:-192px;background:url(../images/nav_ico_bj.png) repeat-y left top;z-index:10;}
.case_float li{width: 100%;text-align: left;}
.case_float li a{font-size:14px;color:#333;height: 30px;line-height:30px;display:block;padding-left:25px;position:relative;}
.float_bg{width:9px;height:9px;position:absolute;border-radius:50%;background:#666;left:-4.5px;top:50%;margin-top:-4.5px;}
.case_float li a.current .float_bg{background:#3197f0;}
.case_float li a.current{color:#3197f0;}
.f_title{text-align:center;font-size:30px;font-weight:bold;background: linear-gradient(to right, #03d6b0, #13b3d7);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.f_p{text-align:center;text-transform:uppercase;font-size:16px;color:#999999;font-family:Arial;}
.f_title1{width:100%;height:auto;background:url(../images/icon70.png) no-repeat left 2px;padding-left:70px;min-height:52px;text-align:left;}
.f_title1 h3{font-weight:bold;font-size:30px;color:#fff;}
.f_title1 p{background:url(../images/xian.png) no-repeat left center;padding-left:15px;font-size:16px;color:#fff;font-family:Arial;margin-top:2px;letter-spacing:1px;text-transform:uppercase;}
.f_title2{background:url(../images/icon71.png) no-repeat right 2px;font-size:30px;font-weight:bold;text-align:right;padding-right:65px;min-height:52px;}
.f_title2 h3{background: linear-gradient(to right, #03d6b0, #13b3d7);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;font-weight:bold;}
.f_title2 p{background:url(../images/xian1.png) no-repeat right center;padding-right:10px;font-size:16px;color:#999999;font-family:Arial;margin-top:2px;letter-spacing:1px;text-transform:uppercase;font-weight:normal;}
.f_title3{background:url(../images/icon72.png) no-repeat left 2px;}
.f_title4{background:url(../images/icon73.png) no-repeat right 2px;}
.f_title4 h3{background: linear-gradient(to right, #33b1e7, #32d9d9);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.f_title5{background:url(../images/icon74.png) no-repeat left 2px;}
.f_title6{background:url(../images/icon75.png) no-repeat right 2px;}
.f_title6 h3{background: linear-gradient(to right, #29acff, #8654ff);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.f_title7{background:url(../images/icon76.png) no-repeat left 2px;}
.f_title8{background:url(../images/icon77.png) no-repeat right 2px;}
.f_title8 h3{background: linear-gradient(to right, #fe9816, #f63b25);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.f_title9{background:url(../images/icon78.png) no-repeat left 2px;}
.f_title10{background:url(../images/icon79.png) no-repeat right 2px;}
.f_title10 h3{background: linear-gradient(to right, #a63fcc, #f1566c);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.wm{padding-bottom: 100px;}
.wm-title{border-bottom: 1px solid #eeeeee;padding-bottom: 14px;height: 31px;margin-top: 23px;}
.wm-title span{font-size: 16px;color: #333;display: block;line-height: 16px;font-weight: bold;position: relative;float: left;}
.wm-title span:after{content: '';width: 32px;height: 2px;background: #005baa;position: absolute;bottom: -15px;left: 50%;margin-left: -16px;}
.wm-list{overflow: hidden;width: 101%;padding: 30px 0 0;}
.wm-list li, .wm-list dl{float: left;width: 186px;line-height: 16px;margin-bottom: 25px;}
.wm-list a, .wm-list dt{font-size: 16px;color: #3c3c3c;transition: all 0.3s ease-in-out;font-weight: 500;text-transform: none;}
.wm-list dt{margin-bottom: 24px;}
.wm-list dd a{font-size: 14px;color: #999;line-height: 32px;}
.wm-list a:hover{color: #005baa;}
/*商城*/.cont{width:1200px;height:auto;margin:0 auto;}
.shop_banner{width:100%;height:680px;min-width:1200px;margin:0 auto;overflow:hidden;background:url(../images/banner.jpg) no-repeat;background-position:center;}
.shop_user{width:100%;height:auto;margin-top:80px;}
.shop_title{width:100%;height:auto;text-align:center;}
.shop_title h3{font-weight:normal;font-size:32px;color:#333333;}
.shop_title img{margin-top:10px;}
.shop_title p{font-size:16px;color:#666666;margin-top:5px;}
.user_list{width:100%;height:auto;margin-top:54px;}
.user_list li{width:592px;height:200px;float:left;margin-right:16px;margin-bottom:16px;}
.user_list li:nth-child(2n){margin-right:0;}
.user_list li a{display:block;width:100%;height:100%;background:url(../images/pic1.jpg) no-repeat;cursor:pointer;}
.user_list li:nth-child(2) a{background:url(../images/pic2.jpg) no-repeat;}
.user_list li:nth-child(3) a{background:url(../images/pic3.jpg) no-repeat;}
.user_list li:nth-child(4) a{background:url(../images/pic4.jpg) no-repeat;}
.user_list li h3{font-size:24px;color:#fafafa;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:45px 215px 0 43px;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;-ms-transition: all .4s;}
.user_list li p{font-size:14px;color:#fafafa;line-height:24px;overflow:hidden;text-overflow:ellipsis;padding:10px 215px 0 43px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:48px;}
.user_list li span{-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;-ms-transition: all .4s;width:86px;height:30px;line-height:30px;border:1px solid #fff;font-size:14px;color:#fafafa;margin-left:43px;margin-top:15px;display:inline-block;text-align:center;opacity:0;}
.user_list li span.shop_shan{margin-left:20px;}
.user_list li a:hover h3{padding:35px 215px 0 43px;}
.user_list li a:hover span{opacity:1;}
/*解决方案*/.shop_solute{width:100%;height:auto;background:url(../images/bg.jpg) no-repeat center top;min-height:750px;margin-top:80px;padding-top:75px;background-size:cover;background-position: center;}
.solute_title h3{font-size:28px;}
.solute_title span{font-size:30px;color:#999999;font-family:Arial;text-transform:uppercase;margin-left:10px;}
.solute_con{width:100%;height:auto;margin-top:30px;}
.solute_left{float:left;width:340px;height:500px;}
.solute_left img{width:100%;height:100%;object-fit:cover;}
.solute_right{float:right;width:790px;padding-top:52px;margin-top:0;}
.solute_right li{width:160px;height:auto;margin-right:50px;margin-bottom:25px;}
.solute_right li:nth-child(6n){margin-right:50px;}
.solute_right li:nth-child(4n){margin-right:0;}
.solute_right .fang_pic{margin:10px;box-shadow:0px 0px 30px rgba(133,133,133,0.15);}
.solute_right li p{font-size:16px;color:#444444;margin-top:10px;}
.solute_right li:hover .fang_pic{background: url(../images/s_bg1.png) no-repeat;}
.solute_right li:nth-child(2):hover .fang_pic{background: url(../images/s_bg2.png) no-repeat;}
.solute_right li:nth-child(3):hover .fang_pic{background: url(../images/s_bg3.png) no-repeat;}
.solute_right li:nth-child(4):hover .fang_pic{background: url(../images/s_bg4.png) no-repeat;}
.solute_right li:nth-child(5):hover .fang_pic{background: url(../images/s_bg5.png) no-repeat;}
.solute_right li:nth-child(6):hover .fang_pic{background: url(../images/s_bg6.png) no-repeat;}
.solute_right li:nth-child(7):hover .fang_pic{background: url(../images/s_bg7.png) no-repeat;}
.solute_right li:nth-child(8):hover .fang_pic{background: url(../images/s_bg8.png) no-repeat;}
.solute_right li:hover .fang_pic img{display:block;animation:none;-webkit-animation:none;}
.solute_right li:hover .fang_pic img.on{display:none;}
.solute_right li.active .fang_pic{background: url(../images/s_bg1.png) no-repeat;}
.solute_right li:nth-child(2).active .fang_pic{background: url(../images/s_bg2.png) no-repeat;}
.solute_right li:nth-child(3).active .fang_pic{background: url(../images/s_bg3.png) no-repeat;}
.solute_right li:nth-child(4).active .fang_pic{background: url(../images/s_bg4.png) no-repeat;}
.solute_right li:nth-child(5).active .fang_pic{background: url(../images/s_bg5.png) no-repeat;}
.solute_right li:nth-child(6).active .fang_pic{background: url(../images/s_bg6.png) no-repeat;}
.solute_right li:nth-child(7).active .fang_pic{background: url(../images/s_bg7.png) no-repeat;}
.solute_right li:nth-child(8).active .fang_pic{background: url(../images/s_bg8.png) no-repeat;}
.solute_right li.active .fang_pic img{display:block;animation:none;-webkit-animation:none;}
.solute_right li.active .fang_pic img.on{display:none;}
/*精品案例*/.shop_case{width:100%;height:auto;margin-top:72px;}
.case_dao{width:100%;height:auto;text-align:center;margin-top:30px;}
.case_dao li{display:inline-block;margin:0 10px;width:160px;height:50px;line-height:50px;text-align:center;background:#f7f7f7;font-size:16px;color:#444444;cursor:pointer;}
.case_dao li:hover{background:url(../images/pic17.jpg) no-repeat;color:#fff;}
.case_dao li.active{background:url(../images/pic17.jpg) no-repeat;color:#fff;}
.case_con{width:100%;height:auto;margin-top:55px;}
.case_c{width:100%;height:auto;display:none;}
.case_c li{width:271px;height:552px;float: left;margin-right:38.6px;}
.case_c li:nth-child(4n){margin-right:0;}
.case_c li a{display:block;width:100%;height:100%;overflow:hidden;background:url(../images/bg1.png) no-repeat;padding-top:64px;box-sizing:border-box;}
.case_pic{width:242px;height:422px;position:relative;margin:0 auto;}
.case_pic img{width:100%;height:100%;object-fit:cover;}
.case_bg{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;background:rgba(0,0,0,0.12);transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;opacity:0;}
.case_bg .pic-box{width:242px;height:422px;display:table-cell;vertical-align:middle;text-align:center;}
.case_bg img{width:153px;height:153px;}
.case_text{width:100%;height:65px;line-height:65px;text-align:center;font-size:18px;color:#444444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case_c li a:hover{background:url(../images/bg2.png) no-repeat;}
.case_c li a:hover .case_bg{opacity:1;}
.case_c li a:hover .case_text{color:#fff;}
/*我们的优势*/.shop_good{width:100%;height:auto;margin-top:70px;background:url(../images/bg1.jpg) no-repeat;min-height:530px;background-size:cover;background-position:center;padding-top:70px;box-sizing:border-box;}
.shop_good .solute_title h3{color:#fff;}
.shop_good .solute_title h3 span{color:#fff;opacity:0.6;-webkit-opacity:0.6;-moz-opacity:0.6;}
.shop_good .solute_title p{color:#fff;}
.good_list{width:100%;height:auto;margin-top:65px;}
.good_list li{width:240px;height:auto;float:left;min-height:192px;background:url(../images/s14.png) no-repeat right center;text-align:center;padding:0 16px;box-sizing:border-box;}
.good_list li:last-child{background:none;}
.good_list li a{display:block;width:100%;height:100%;overflow:hidden;}
.good_pic{width:100%;height:42px;text-align:center;}
.good_pic img{vertical-align:bottom;}
.good_text{width:100%;height:auto;margin-top:25px;}
.good_text h3{font-weight:normal;color:#fff;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.good_text hr{display:block;width:30px;height:auto;border:none;border-top:3px solid #fff;opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5;margin-top:20px;}
.good_text p{font-size:14px;line-height:24px;color:#fff;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:72px;margin-top:20px;}
/*合作伙伴*/.shop_partner{width:100%;height:auto;margin-top:70px;margin-bottom:50px;}
.shop_partner .cont{width:1365px;}
.partner{width:100%;height:auto;margin-top:50px;position:relative;height:455px;}
.partner .swiper-container{width:1200px;margin:0 auto;}
.partner_list{width:100%;height:auto;border-top:1px dashed #e4e3e3;border-left:1px dashed #e4e3e3;overflow:hidden;box-sizing:border-box;}
.partner_list li{float:left;width:239px;height:150px;border:1px dashed #e4e3e3;border-left:none;border-top:none;box-sizing:border-box;}
.partner_list li a{display:table-cell;vertical-align:middle;text-align:center;width:239px;height:150px;transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;}
.partner_list li a img{max-width:238px;max-height:148px;margin:0 auto;}
.partner .swiper-button-prev,.partner .swiper-button-next{width:31px;height:59px;margin-top:-29.5px;}
.partner .swiper-button-prev{background:url(../images/s16.png) no-repeat;left:0;}
.partner .swiper-button-prev:hover{background:url(../images/s16-1.png) no-repeat;}
.partner .swiper-button-next{background:url(../images/s17.png) no-repeat;right:0;}
.partner .swiper-button-next:hover{background:url(../images/s17-1.png) no-repeat;}
.partner_list li a:hover{transform:rotateY(360deg);}
/*小程序*/
.chengxu_banner{background:none;}
.chengxu_banner a{display:block;width:100%;height:100%;overflow:hidden;background:url(../images/banner.jpg) no-repeat;background-size:cover;background-position:center;}
.chengxu_dao{width:100%;height:auto;margin-top:50px;}
.dao_left{float:left;width:294px;height:528px;overflow:hidden;}
.dao_left a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.dao_img{width:100%;height:100%;background:url(../images/pic.jpg) no-repeat;position:absolute;left:0;top:0;z-index:1;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.dao_text{width:100%;height:auto;padding:57px 30px;box-sizing:border-box;position:relative;z-index:2;}
.dao_text h3{font-size:24px;color:#fff;font-weight:bold;}
.dao_text p{font-size:16px;color:#fff;margin-top:3px;}
.dao_bg{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,01,0,0.5);opacity:0;z-index:3;overflow:hidden;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.pic-box{display:table-cell;vertical-align:middle;text-align:center;}
.dao_bg .pic-box{width:294px;height:528px;padding:57px 30px;box-sizing:border-box;}
.dao_bg h3{font-size:26px;color:#fff;font-weight:bold;}
.dao_bg p{color:#fff;margin-top:3px;font-size:16px;}
.dao_bg span{display:block;width:134px;height:40px;border:1px solid #fff;line-height:40px;border-radius:20px;text-align:center;margin:0 auto;margin-top:20px;font-size:14px;color:#fff;}
.dao_bg span img{margin-left:10px;}
.dao_left a:hover .dao_img{transform:scale(1.05);}
.dao_left a:hover .dao_bg{opacity:1;}
.dao_right{float:right;height:528px;width:898px;}
.dao_top{width:100%;height:340px;}
.dao_topl{float:left;width:596px;height:340px;}
.dao_topl a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.dao_topl .dao_text{padding-right:405px;}
.dao_topl .dao_img{background:url(../images/picwx1.jpg) no-repeat;}
.dao_topl .dao_bg .pic-box{width:596px;height:340px;padding:57px 30px;box-sizing:border-box;}
.dao_topl a:hover .dao_img{transform:scale(1.05);}
.dao_topl a:hover .dao_bg{opacity:1;}
.dao_topr{width:294px;float:right;}
.dao_topr .dao_text{position:relative;padding:57px 30px;}
.dao_topr .dao_img{background:url(../images/picwx2.jpg) no-repeat;}
.dao_topr .dao_bg .pic-box{width:294px;}
.dao_bottom{width:100%;height:180px;margin-top:8px;}
.dao_bottom li{width:294px;height:180px;float:left;margin-right:8px;}
.dao_bottom li a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.dao_bottom li a .dao_text{padding:30px;padding-right:20px;}
.dao_bottom li a .dao_img{background:url(../images/picwx3.jpg) no-repeat;}
.dao_bottom li a .dao_text img{margin-top:20px;}
.dao_bottom li:nth-child(2) .dao_img{background:url(../images/picwx4.jpg) no-repeat;}
.dao_bottom li:last-child .dao_img{background:url(../images/picwx5.jpg) no-repeat;}
.dao_bottom li:last-child{margin-right:0;}
.dao_bottom li .dao_bg .pic-box{width:294px;height:180px;padding:0;}
.dao_bottom li .dao_bg h3{font-size:20px;}
.dao_bottom li .dao_bg span{margin-top:15px;}
.dao_bottom li .dao_bg span img{margin-top:0;}
.dao_bottom li a:hover .dao_img{transform:scale(1.05);}
.dao_bottom li a:hover .dao_bg{opacity:1;}
/*小程序核心优势*/.hexin{width:100%;height:auto;margin-top:70px;}
.hexin_con{width:100%;height:auto;position:relative;background:url(../images/icon9.png) no-repeat center bottom;min-height:355px;margin-top:50px;}
.hexin_con li{position:absolute;}
.hexin_con li.hexin_1{left:0;top:123px;}
.hexin_img{text-align:center;background:url(../images/icon5.png) no-repeat;width:48px;height:48px;line-height:48px;color:#fff;font-weight:bold;font-size:18px;float:left;}
.hexin_text{float:left;margin-left:16px;background:#f6f6f6;padding:20px;box-sizing:border-box;font-size:16px;line-height:28px;position:relative;color:#333333;}
.hexin_bg{width:0;height:0;position:absolute;left:-12px;top:16px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:12px solid #f6f6f6;}
.hexin_con li.hexin_1 .hexin_text{width:256px;}
.hexin_con li.hexin_2{left:240px;top:0;}
.hexin_con li.hexin_2 .hexin_img{background:url(../images/icon6.png) no-repeat;}
.hexin_con li.hexin_2 .hexin_text{width:247px;}
.hexin_con li.hexin_3{left:649px;top:0;}
.hexin_con li.hexin_3 .hexin_img{background:url(../images/icon7.png) no-repeat;}
.hexin_con li.hexin_3 .hexin_text{width:216px;}
.hexin_con li.hexin_4{right:0;top:123px;}
.hexin_con li.hexin_4 .hexin_img{background:url(../images/icon8.png) no-repeat;}
.hexin_con li.hexin_4 .hexin_text{width:185px;}
/*流量入口*/.liuliang{width:100%;height: auto;margin-top:70px;background:#f6f6f6;overflow:hidden;padding:77px 0;padding-bottom:30px;}
.liuliang_con{width:100%;height:auto;margin-top:60px;}
.liuliang_con li{width:150px;margin-right:112px;margin-bottom:50px;}
.liuliang_con .fang_pic{margin:5px;box-shadow:0px 3px 7px rgba(20,20,20,0.05);}
.liuliang .fang_pic img{display:block;}
.liuliang_con li p{color:#666666;}
.liuliang_con li p:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #666666;transition: all 0.3s ease-out;}
.liuliang_con li:nth-child(6n){margin-right:112px;}
.liuliang_con li:nth-child(5n){margin-right:0;}
/*小程序模板展示*/.moban{width:100%;height:auto;margin-top:70px;background:url(../images/bg.jpg) no-repeat;background-size:cover;background-position:center;padding-top:73px;min-height:840px;box-sizing:border-box;}
.moban .solute_title h3{color: #fff;}
.moban .solute_title p{color: #fff;}
.moban .cont{width:1360px;height:auto;margin:0 auto}
.moban_con{width:100%;height:552px;position:relative;margin-top:40px;padding-top:65px;}
.moban_con .swiper-container{width:1200px;height:auto;margin-top:0;}
.moban_con .swiper-container:before, .moban_con .swiper-container:after{background:none;}
.moban_con .swiper-slide{width:242px;height:422px;}
.moban_con .swiper-slide div{position:relative;}
.moban_con .swiper-slide div.moban_bg{position:absolute;width:100%;height:100%;background:#fff;opacity:0.7;}
.moban_con .swiper-slide-active div.moban_bg{opacity:0;}
.moban_con .swiper-prev,.moban_con .swiper-next{width:48px;height:48px;margin-top:-24px;position:absolute;top:50%;cursor:pointer;}
.moban_con .swiper-prev{left:0;background:url(../images/icon20.png) no-repeat;}
.moban_con .swiper-next{right:0;background:url(../images/icon21.png) no-repeat;}
.moban_con .swiper-container:before,.moban_con .swiper-container:after{width:415px;height:405px;content:'';background-color: #f5f5f5;display:block;position:absolute;z-index: 9999;opacity: .5;top:0;display:none;}
.moban_con .swiper-container:before{left:0;}
.moban_con .swiper-container:after{right:0;}
.framing{width:271px;height:552px;position:absolute;background-image: url(../images/icon22.png);top:0;left: calc(50% - 135px);z-index:999;opacity:0;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;}
.lookTemp{position: absolute;left: calc(50% - 65px);background-color: #ff7200;color: #fff;padding: 0;width: 133px;line-height: 40px;border-radius: unset;display:none;}
/*小程序解决方案*/.jiejue{width:100%;height:auto;margin-top:63px;}
.jiejue_con{width:100%;height:auto;margin-top:40px;}
.jiejue_con li{width:290px;height:380px;float:left;position:relative;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;border:1px solid #e5e5e5;box-sizing:border-box;margin-right:13px;}
.jiejue_con li a{display:block;width:100%;height:100%;overflow:hidden;transition:none;}
.jiejue_con li:last-child{margin-right:0;}
.jiejue_top{width:100%;height:155px;background:url(../images/pic8.jpg) no-repeat;background-size:cover;background-position:center;padding-top:45px;font-size:24px;color:#fff;text-align:center;box-sizing:border-box;}
.jiejue_con li:nth-child(2) .jiejue_top{background:url(../images/pic9.jpg) no-repeat;}
.jiejue_con li:nth-child(3) .jiejue_top{background:url(../images/pic11.jpg) no-repeat;}
.jiejue_con li:nth-child(4) .jiejue_top{background:url(../images/pic10.jpg) no-repeat;}
.jiejue_c{width:100%;height:auto;}
.jiejue_pic{width:100%;height:auto;text-align:center;margin-top:-45px;}
.jiejue_list{width:100%;height:auto;padding:0 20px;overflow:hidden;box-sizing:border-box;transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;position: absolute;z-index: 3;opacity: 1;left:0;top:220px;}
.jiejue_list span{display:block;background:url(../images/icon29.png) no-repeat left center;padding-left:10px;font-size:14px;color:#666666;margin-right:25px;float:left;line-height:20px;margin-bottom:5px;}
.jiejue_list span:nth-child(3n){margin-right:0;}
.jiejue_detail{width:100%;height:auto;padding:0 28px;text-align:center;margin-top:30px;box-sizing:border-box;opacity:0;z-index:0;position:absolute;left:0;transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.jiejue_detail p{font-size:14px;color:#666666;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:72px;}
.jiejue_detail span{display:block;width:105px;height:30px;line-height:30px;text-align:center;color:#fff;border-radius:15px;background:#26bbfb;font-size:14px;margin:0 auto;margin-top:20px;}
.jiejue_con li:hover{box-shadow:0px 5px 24px rgba(38,187,251,0.48);border:1px solid #26bbfb;}
.jiejue_con li:nth-child(2):hover{box-shadow:0px 5px 24px rgba(241,98,159,0.48);border:1px solid #f1629f;}
.jiejue_con li:nth-child(3):hover{box-shadow:0px 5px 24px rgba(73,205,164,0.48);border:1px solid #49cda4;}
.jiejue_con li:nth-child(4):hover{box-shadow:0px 5px 24px rgba(254,73,107,0.48);border:1px solid #fe496b;}
.jiejue_con li:hover .jiejue_list{opacity:0;z-index:1;}
.jiejue_con li:hover .jiejue_detail{opacity:1;z-index:3;}
.jiejue_con li:nth-child(2):hover .jiejue_detail span{background:#f1629f;}
.jiejue_con li:nth-child(3):hover .jiejue_detail span{background:#49cda4;}
.jiejue_con li:nth-child(4):hover .jiejue_detail span{background:#fe496b;}
/*适用行业*/.industry{width:100%;height:auto;margin-top:70px;}
.indu_con{width:100%;height:auto;text-align:center;margin-top:50px;}
/*小程序客户案例*/.kehu{width:100%;height:auto;margin-top:90px;padding:75px 0;background:#f6f6f6;}
.kehu_con{width:100%;height:auto;margin-top:22px;overflow:hidden;}
.kehu_con li{width:214px;height:251px;float:left;margin-right:32px;margin-top:32px;background:#fff;}
.kehu_con li:nth-child(5n){margin-right:0;}
.kehu_pic{width:100%;height:214px;position:relative;overflow:hidden;}
.kehu_pic img{width:100%;height:100%;object-fit:cover;}
.kehu_bg{width:100%;height:0;line-height:214px;text-align:center;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;overflow:hidden;}
.kehu_bg img{width:auto;height:auto;}
.kehu_text{text-align:center;height:37px;line-height:37px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#666666;padding:0 10px;}
.kehu_con li:hover .kehu_bg{height:214px;}