@charset "utf-8";
*,*:before,*:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,body {
  height: 100%;
  width: 100%;
  min-width: 1200px;
  color: #333;
}
body,input,button,select {
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 14px;
  background: #fff;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #b0b0b0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b0b0b0;
}
select::-ms-expand {
  display: none;
}
input[type="button"],input[type="submit"],input[type="reset"],input[type="date"],input[type="text"],input[type="tel"],button { -webkit-appearance: none;appearance: none;font-family: 'Microsoft YaHei';border-radius: 0;outline: none; border: 0;}
select { outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
textarea { -webkit-appearance: none; appearance: none; outline: none;}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, ol, p, pre, td, textarea, th, ul {
   
    font-weight: 100;
}
table {border-collapse: collapse; border-spacing: 0; }
fieldset,img {border: 0px;}
address,caption,cite,code,dfn,th,var,em,i {font-weight: normal;font-style: normal; }
ol,ul {list-style-image: none;list-style:none; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;font-weight:100;}
a {text-decoration:none;color:#333;outline:none;}
a:active {star:expression(this.onFocus=this.blur());} 
.clearfix{*zoom:1}
.clearfix:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0}
/* my通用样式 */
.fl {float:left;}
.fr {float:right;}
.abs{position:absolute;}
.rel{position:relative;}
.center{margin:0px auto;}
.cli { overflow:hidden;}
.flex{ width:1200px; margin:0 auto; overflow:hidden;}
.tzbg{background:url(../images/tbg1.jpg) center 0px no-repeat; height: 293px;    padding-top: 35px;}
.tzbg1{background:url(../images/b1.jpg) center 0px no-repeat; height: 250px; }
.tzbg1 a{ height: 250px; display: block; }
.yfont { color:#ffc045;}
.bfont { color:#13bfd9;}
.lfont { color:#6db005;}
.pfont { color:#f9607e;}
.gfont { color:#999;} 
.fred { color:#d71a11;}
.mt5 { margin-top:5px;}
.mt15 { margin-top:15px; }
.ml0 { margin-left:0px;}
.ml10 { margin-left:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.pd25 { padding-top:25px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mr0 { margin-right:0;}
.b0 { border:none;}
.bg0 { background:none;}
.cli { overflow:hidden;}
.tb-box { overflow: hidden;}
.dlay1 { animation-delay:0.1s;}
.dlay2 { animation-delay:0.2s;}
.dlay3 { animation-delay:0.3s;}
.dlay4 { animation-delay:0.4s;}
.dlay5 { animation-delay:0.5s;}
.dlay6 { animation-delay:0.6s;}
.dlay7 { animation-delay:0.7s;}
.dlay8 { animation-delay:0.8s;}
.dlay9 { animation-delay:0.9s;}
.dlay10 { animation-delay:1s;}


.tb-box img{-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;display: block;}
.tb-box:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-moz-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);}
/*******公用样式*****************/
body{ max-width: 100%;}
#space{width: 100%; height:400px; z-index:19;;}
.title{text-align:center; padding-top:50px; color:#a8a8a8; background:url(../images/tbg.jpg) center 70px no-repeat;  }
.title p{ display:inline-block; position:relative; color:#363636; font-size:32px;line-height:50px;  letter-spacing: 1px;   font-weight: 700;}
.title p:before,.title p:after { /* content:""; position:absolute; bottom:0; width:50%; height:2px;  background:#e60012; */ /* animation:tit99 2s linear infinite;*/}
.title p:before,.case-top a:before { right:50%;}
.title p:after,.case-top a:after { left:50%; }
.title div{font-weight: 100;    font-family: sans-serif;  font-size:18px; line-height:22px;  text-transform: uppercase;}
.title span{font-weight: 700;  font-size:35px; line-height:22px; color: #1f74c5; padding: 0 5px;  text-transform: uppercase;}
.b_f_center i{ float:left;}
@keyframes tit99{
	0%{ width:0}
	50%{ width:50%;}
	100%{ width:0;}
}
.case-box{position:relative; padding-bottom:60px;}
.case-topa{ width:1200px; /* border:1px solid #FFC045; background:#FFC045; */ font-size:18px; text-align:center; height:25px; line-height:25px; margin:0 auto; margin-top:25px; /* font-family: 'pingf'; */}
.case-topa a{/* padding: 0 120px; */ display: block;padding: 0 70px;

    /* height: 16px; */
    line-height: 40px;
    /* border-left: 1px solid #4d535a; */
  
    color: #232e3a;
}
	.case-topa li{
	    display: inline-block;
	    /* height: 16px; */
	    line-height: 40px;
	    /* border-left: 1px solid #4d535a; */
	    position: relative;
	    color: #232e3a;
	    background: #e8e9ea;
	    border-radius: 20px;}
		.case-topa li.active,.case-topa li:hover{background:#4392dc; color: #FFF;border-radius: 20px;}
		.case-topa li.active a{color: #FFF;}
.case-topa a:first-child{border:none}

.case-topa a:before,.case-topa a:after { display: none; content:""; position:absolute; bottom:-10px; width:0%; height:2px; width:0; background:#4392dc; transition:all .3s linear; -webkit-transition:all .3s linear;  }
.case-topa a.case-on:before,.case-top a.case-on:after,.case-topa a:hover:before,.case-topa a:hover:after,.case-topa a.ns-on:before,.case-topa a.ns-on:after { width:30%;}

.case-top{ width:1200px; /* border:1px solid #FFC045; background:#FFC045; */ font-size:18px; text-align:center; height:25px; line-height:25px; margin:0 auto; margin-top:25px; /* font-family: 'pingf'; */}
.case-top a{padding: 0 70px;
    display: inline-block;
    /* height: 16px; */
    line-height: 40px;
    /* border-left: 1px solid #4d535a; */
    position: relative;
    color: #232e3a;
    background: #e8e9ea;
    border-radius: 20px;}
.case-top a:first-child{border:none}
.case-top a:hover,.case-top a.case-on,.case-top a.ns-on{ /* font-weight:bold; */background:#4392dc; color: #FFF;}
.case-top a:before,.case-top a:after { display: none; content:""; position:absolute; bottom:-10px; width:0%; height:2px; width:0; background:#4392dc; transition:all .3s linear; -webkit-transition:all .3s linear;  }
.case-top a.case-on:before,.case-top a.case-on:after,.case-top a:hover:before,.case-top a:hover:after,.case-top a.ns-on:before,.case-top a.ns-on:after { width:30%;}
/*********导航********************/
.head{height:75px; width:94%; position:relative;}
.logo { height:69px; float:left; margin-top:6px; width:280px; background:url(../images/logo.png) no-repeat;}
.nav{float:right; height:84px;}
.nav .navlev{position:relative; float:left; font-size:16px; margin:0 0 0 25px; color:#fff; line-height:84px; height:86px;}
.nav .navlev a{color:#333; display:block;padding:0 10px;}
.ny_head .navfix{ position:relative; z-index:100;}
.kj-nav { float:right;  margin:0px 350px 0 0; font-size:16px; height:75px;line-height:75px; z-index:100; position:relative }
.kj-nav a { padding:0 25px;}
.kj-nav a:hover { color:#FFF; background: rgba(25,104,179,.9);}
.kj-nav li.hover:after { }
.kj-nav li.hover a { }


.wz-a8 { position:absolute;right: 20px;top: 30px; z-index:998;}
.wz-a8 span{ display:block; height:40px; line-height:40px; color:#fff; font-size:20px; background:url(../images/sdk.png) 0 no-repeat; padding-left:30px;}
.lev88 {position:absolute; left:0; top:40px;  z-index:1000; width:80px; padding-top:5px; text-align:center; padding:6px 0; background: rgba(82,74,71,.5);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);filter: scale(0);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;opacity: 0;}
.lev88 a { display:block; line-height:30px; text-align:center; color:#fff;}
.wz-a8:hover .lev88{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);filter: scale(1);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;cursor: pointer;
opacity: 1;}

.mynav ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; padding: 0;}
.mynav a{display: block; font-size: 18px;font-weight: 500; text-decoration: none; position:relative; z-index:97}
.mynav li:not(:last-child) {margin-right: 10px;}
.target{position: absolute; border-bottom: 4px solid transparent;  -webkit-transform: translate(-60px,0px); transform: translate(-60px,0px); z-index:96; height:0px !important; margin-top:72px;}
.mynav a,.target{-webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out;}
.kj-nav .hover {/* border-bottom:4px solid gold;*/ height:50px; line-height:50px;}
.kj-nav li.abc1 { border:none;  }
.kj-nav .navlev {}
.kj-nav .navlev .lev2{position:absolute; left:0; top:75px; height:80px; z-index:1000; padding-top:5px; text-align:center; padding:6px 0; background: rgba(25,104,179,.5);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);filter: scale(0);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;opacity: 0;}
.kj-nav .navlev:hover .lev2{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);filter: scale(1);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;cursor: pointer;
opacity: 1;}
.kj-nav .navlev .lev2 a{ float:left; width:122px;font-size:16px; line-height:30px; color:#fff; padding:0;}
.kj-nav .navlev .lev2 a:hover{ color:#ffc045; background:none;}
/*************/
/* .kj-nav .navlev .tbnav1 { width:520px; left:345px;}
.kj-nav .navlev .tbnav2 { width:480px; left:245px;} */
.kj-nav .navlev .tbnav6 { width:520px; left:345px;}
/* .kj-nav .navlev .tbnav3 { width:200px; left:225px;}
.kj-nav .navlev .tbnav4 { width:200px; left:95px;}
.kj-nav .navlev .tbnav5 { width:200px; left:680px;} */
/*
.kj-nav .navlev .tbnav1 { width:122px; left:624px; height:245px;}*/
.kj-nav .navlev .tbnav2 { width:122px; left:228px; height:130px;}
/*.kj-nav .navlev .tbnav3 { width:122px; left:227px; height:110px;}*/
.kj-nav .navlev .tbnav4 { width:122px; left:96px; height:100px;}
.kj-nav .navlev .tbnav5 { width:122px; left:492px; height:60px;}

.kj-nav .navlev .lev2 a div{ width:22px; height:22px; display:block; margin:0 auto; margin-top:0;}
.kj-nav .navlev .tbnav1 .icon-c1 { background:url("../images/ic1.png") no-repeat;}
.kj-nav .navlev .tbnav1 .icon-c3 { background:url("../images/ic2.png") no-repeat;}


.kj-nav .navlev .tbnav2 .icon-c1 { background:url("../images/ic3.png") no-repeat;}
.kj-nav .navlev .tbnav2 .icon-c2 { background:url("../images/ic4.png") no-repeat;}
.kj-nav .navlev .tbnav2 .icon-c3 { background:url("../images/ic5.png") no-repeat;}
.kj-nav .navlev .tbnav2 .icon-c4 { background:url("../images/ic6.png") no-repeat;}
.kj-nav .navlev .tbnav2 .icon-c5 { background:url("../images/ic7.png") no-repeat;}
/*
.kj-nav .navlev .tbnav3 .icon-c1 { background:url("../images/ic8.png") no-repeat;}
.kj-nav .navlev .tbnav3 .icon-c2 { background:url("../images/ic9.png") no-repeat;}
.kj-nav .navlev .tbnav3 .icon-c3 { background:url("../images/ic10.png") no-repeat;}*/


.kj-nav .navlev .tbnav4 .icon-c1 { background:url("../images/ic11.png") no-repeat;}
.kj-nav .navlev .tbnav4 .icon-c2 { background:url("../images/ic13.png") no-repeat;}
.kj-nav .navlev .tbnav4 .icon-c3 { background:url("../images/ic12.png") no-repeat;}
.kj-nav .navlev .tbnav4 .icon-c4 { background:url("../images/ic14.png") no-repeat;}

.kj-nav .navlev .tbnav5 .icon-c1 { background:url("../images/ic15.png") no-repeat;}
.kj-nav .navlev .tbnav5 .icon-c2 { background:url("../images/ic16.png") no-repeat;}
.kj-nav .navlev .tbnav5 .icon-c3 { background:url("../images/ic10.png") no-repeat;}


/*.kj-nav .navlev .tbnav1 a:hover .icon-c1 { background:url("../images/icc1.png") no-repeat;}
.kj-nav .navlev .tbnav1 a:hover .icon-c3{ background:url("../images/icc2.png") no-repeat;}*/


.kj-nav .navlev .tbnav2 a:hover .icon-c1{ background:url("../images/icc3.png") no-repeat;}
.kj-nav .navlev .tbnav2 a:hover .icon-c2{ background:url("../images/icc4.png") no-repeat;}
.kj-nav .navlev .tbnav2 a:hover .icon-c3{ background:url("../images/icc5.png") no-repeat;}
.kj-nav .navlev .tbnav2 a:hover .icon-c4{ background:url("../images/icc6.png") no-repeat;}
.kj-nav .navlev .tbnav2 a:hover .icon-c5{ background:url("../images/icc7.png") no-repeat;}

/*.kj-nav .navlev .tbnav3 a:hover .icon-c1{ background:url("../images/icc8.png") no-repeat;}
.kj-nav .navlev .tbnav3 a:hover .icon-c2 { background:url("../images/icc9.png") no-repeat;}
.kj-nav .navlev .tbnav3 a:hover .icon-c3 { background:url("../images/icc10.png") no-repeat;}*/

.kj-nav .navlev .tbnav4 a:hover .icon-c1 { background:url("../images/icc11.png") no-repeat;}
.kj-nav .navlev .tbnav4 a:hover .icon-c2 { background:url("../images/icc13.png") no-repeat;}
.kj-nav .navlev .tbnav4 a:hover .icon-c3 { background:url("../images/icc12.png") no-repeat;}
.kj-nav .navlev .tbnav4 a:hover .icon-c4 { background:url("../images/icc14.png") no-repeat;}

.kj-nav .navlev .tbnav5 a:hover .icon-c1 { background:url("../images/icc15.png") no-repeat;}
.kj-nav .navlev .tbnav5 a:hover .icon-c2{ background:url("../images/icc16.png") no-repeat;}
.kj-nav .navlev .tbnav5 a:hover .icon-c3{ background:url("../images/icc10.png") no-repeat;}

.kj-nav .navlev .tbnav2 .icon-c1,.kj-nav .navlev .tbnav2 .icon-c2,.kj-nav .navlev .tbnav2 .icon-c3,.kj-nav .navlev .tbnav2 .icon-c5,.kj-nav .navlev .tbnav2 .icon-c4,.kj-nav .navlev .tbnav3 .icon-c1,.kj-nav .navlev .tbnav3 .icon-c2,.kj-nav .navlev .tbnav3 .icon-c3,.kj-nav .navlev .tbnav4 .icon-c1,.kj-nav .navlev .tbnav4 .icon-c2,.kj-nav .navlev .tbnav4 .icon-c3,.kj-nav .navlev .tbnav4 .icon-c4,.kj-nav .navlev .tbnav5 .icon-c1,.kj-nav .navlev .tbnav5 .icon-c2,.kj-nav .navlev .tbnav5 .icon-c3,.kj-nav .navlev .tbnav1 .icon-c1,.kj-nav .navlev .tbnav1 .icon-c2,.kj-nav .navlev .tbnav1 .icon-c3,.kj-nav .navlev .tbnav1 .icon-c4{ background-size:32px 32px; -webkit-background-size:22px 22px; -ms-background-size:32px 32px; }
.kj-nav .navlev .tbnav1 a:hover .icon-c1,.kj-nav .navlev .tbnav1 a:hover .icon-c2,.kj-nav .navlev .tbnav1 a:hover .icon-c3,.kj-nav .navlev .tbnav1 a:hover .icon-c4,.kj-nav .navlev .tbnav2 a:hover .icon-c1,.kj-nav .navlev .tbnav2 a:hover .icon-c2,.kj-nav .navlev .tbnav2 a:hover .icon-c3,.kj-nav .navlev .tbnav2 a:hover .icon-c4,.kj-nav .navlev .tbnav2 a:hover .icon-c5,.kj-nav .navlev .tbnav3 a:hover .icon-c1,.kj-nav .navlev .tbnav3 a:hover .icon-c2,.kj-nav .navlev .tbnav3 a:hover .icon-c3,.kj-nav .navlev .tbnav4 a:hover .icon-c1,
.kj-nav .navlev .tbnav4 a:hover .icon-c2,.kj-nav .navlev .tbnav4 a:hover .icon-c3,.kj-nav .navlev .tbnav4 a:hover .icon-c4,.kj-nav .navlev .tbnav5 a:hover .icon-c1,.kj-nav .navlev .tbnav5 a:hover .icon-c2,.kj-nav .navlev .tbnav5 a:hover .icon-c3{ background-size:32px 32px; -webkit-background-size:22px 22px; -ms-background-size:32px 32px; }

.white-bg { background:#fff; margin-top:50px; padding-bottom:50px; position:relative;}
.w-box6 { background:#fff; padding-bottom:50px;}
/**公用*******/
.banner { background:url("../images/loadz.gif") center no-repeat; }
/********************************/
.logo-r { position:absolute; left:240px; top:30px; height:48px;  width:185px; background:url("../images/hd-tel.png") no-repeat;background-size: auto 48px; z-index:2; }
.kj-head { position:absolute; left:0; top:0; width:100%;}
.kj-head .navfix { background:none; box-shadow:none; border-bottom:1px solid rgba(255,255,255,0.25) }
.kj-nav a { color:#000;}
.navfix .talk-a{ color:#f95360}  
.ben_vo { position:absolute; height:100%; width:100%; left:0; top:-11vh;}
.ben_vo .bg{content: '';display: block;width: 100%;height: 200%;position: absolute;top: 0;left: 0;background: url("../images/bg.png") repeat;z-index: 1;}
/*头部样式*/ 
 
.slide-ts{position:relative;}
.slide-ts .swiper-container-autoheight .swiper-slide {}
.z-box{position:relative; z-index:20; background:#f5f5f5;}
.hd-bg{ /*position:absolute;*/ left:0; top:0; height:75px; width:100%; z-index:30;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; /*-webkit-box-shadow:1px 1px 1px #ddd;-ms-box-shadow:1px 1px 1px #ddd;box-shadow:1px 1px 1px #ddd;*/}
.navfix{background:#fff; -webkit-box-shadow:1px 1px 1px #ddd;-ms-box-shadow:1px 1px 1px #ddd;box-shadow:1px 1px 1px #ddd;}
.navfix .logo{background:url("../images/logo2.png") left center no-repeat; background-size:auto 53px; -webkit-background-size:auto 53px; -ms-background-size:auto 53px;}
.navfix .talk-a,.navfix .menu-hov,.navfix .menu-nav a{color:#232e3a;}
.navfix .nav-icon,.navfix .nav-icon:before,.navfix .nav-icon:after{background:#232e3a;}
.navfix .menu-box{border:1px solid #666; }
/**************/

/***客服底部**/
.bottom_form{width:100%;height:0px;position: fixed;bottom:0;left:0;background:rgba(0,0,0,0.7);color:#fdd100;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;z-index:99;}
.bottom_form .b_f_box{width:1200px;height:80px;margin:auto;position: relative;}
.b_f_left{width:300px;float:left;font-size:14px; line-height:30px; margin-top:10px;}
.b_f_left span{display:block;font-size:24px;}
.b_f_left i{position: relative; font-size:18px;}
.b_f_center{width:600px;height:80px;float:left;}
.b_f_center i{display:inline-block;width:61px;height:100%;background:url("../images/fixed_hand.png") no-repeat left center;animation:trans 1s linear infinite;float:left;}
@keyframes trans{0%{transform:translateX(-10px);}50%{transform:translateX(-20px);}100%{transform:translateX(-10px);}}
.b_f_center input{font-family: "微软雅黑", "arial";}
.b_f_center .form_left{float:left;height:65px; padding-top:5px;margin-top:10px;border:1px solid #fdd100;width:370px;text-align:center;margin-right:10px;}
.b_f_center .form_left p span{margin:0 5px;font-weight:bold;}
.b_f_center .form_left input{height:32px;line-height:32px;color:#333;padding:0 10px; width:135px;font-size:12px; border:none;}

.b_f_center .form_left input::-webkit-input-placeholder{
            color:#333;
        }
.b_f_center .form_left input::placeholder{   /* Mozilla Firefox 19+ */
           color:#333;
        }

.b_f_center .form_left input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
          color:#333;
        }

.b_f_center .form_right{height:65px;margin-top:10px;width:65px;line-height:60px;border:1px solid #fdd100;float:left;text-align:center;}
.b_f_center .form_right input{width:59px;height:59px;margin:2px;color:#fff;font-size:18px;background-color:#fdd100;cursor:pointer; border:none;}
.b_f_right{width:200px;float:right;font-size:20px; margin-right:30px;  line-height:30px; margin-top:10px;}
.b_f_right p{position: relative;font-size:24px;}
.b_f_box .close{width:20px;height:20px;cursor:pointer;position: absolute;top:5px;right:0;background:url("../images/ad_sprits.png") no-repeat center center;}
.bottom_form_btn{ width:140px;height:80px;line-height:80px;border-top-right-radius:40px;border-bottom-right-radius:40px;background:rgba(0,0,0,0.7);position: fixed;left:0;z-index:998;padding-left:40px;bottom:-100%;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;cursor:pointer;}
.bottom_form_btn p{width:100%;color:#fdd100;font-size:20px;}
.bottom_form_btn i{display:inline-block;width:100px;height:56px;position: absolute;top:30px;right:15px;margin:auto;background:url("../images/sericon.png") no-repeat center center;animation:scal 1s linear infinite;}
@keyframes scal{0%{transform:scale(0);opacity:1;}100%{transform:scale(1.2);opacity:0.5;}}
.qrcode_box{width:100%;padding:3% 0;background:url("../images/kefu_bg.jpg");}

/********图片HOV******************************/
.ih-item{position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.ih-item,.ih-item{}
.ih-item a:hover{text-decoration: none;}
.ih-item img{width: 100%; height: 100%;}
.ih-item.square{position: relative; /*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);*/}
.ih-item.square .info{position: absolute; top: 0; bottom: 0; left: 0; right: 0;text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.effect6 span{position:absolute;background:#fff;-webkit-transition:all 0.7s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 0.7s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:all 0.7s cubic-bezier(0.25,0.46,0.45,0.94);transition:all .7s cubic-bezier(0.25,0.46,0.45,0.94)}
.effect6 .line-1{left:10%;top:10%;width:0%;height:2px}
.effect6 .line-2{right:10%;top:10%;width:2px;height:0%}
.effect6 .line-3{right:10%;bottom:10%;width:0%;height:2px}
.effect6 .line-4{left:10%;bottom:10%;width:2px;height:0%}
.effect6:hover .line-1,.effect6:hover .line-3{width:80%}
.effect6:hover .line-2,.effect6:hover .line-4{height:80%}
/***/
.ih-item.square.effect6{overflow: hidden;}
.ih-item.square.effect6.colored .info{background: #1a4a72; background: rgba(26, 74, 114, 0.6);}
.ih-item.square.effect6.colored .info h3{background: rgba(12, 34, 52, 0.6);}
.ih-item.square.effect6 .img{-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.ih-item.square.effect6 .info{background: #333333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.ih-item.square.effect6 .info h3{position:absolute; top:40%; left:0; width:100%; text-align:center; text-transform: uppercase;line-height:30px; color: #fff; text-align: center; font-size: 16px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.ih-item.square.effect6 a:hover .img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.ih-item.square.effect6 a:hover .info{visibility: visible; opacity: 1;}
.ih-item.square.effect6.from_top_and_bottom .info h3{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
.ih-item.square.effect6.from_top_and_bottom .info {-webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}

/******anniu *************/
.button12{-webkit-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;overflow: hidden;}
.button12 span{z-index: 2;display: block;position: absolute;width: 100%;height: 100%;}
.button12::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(254,205,87,0.5);
-webkit-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}
.button12:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
/******尾部************/
.vid-box { padding:42px 0; background:#1968b3;}
.vid-box li { float:left; padding-left:110px; width:300px; border-right:1px solid #4c94d9; color:#eaeaea; line-height:28px; height:57px;}
.vid-box li.ac1 { background:url(../images/vid11.png) 30px no-repeat;}
.vid-box li.ac2 { background:url(../images/vid22.png) 30px no-repeat;}
.vid-box li.ac3 { background:url(../images/vid33.png) 30px no-repeat;}
.vid-box li.ac4 { background:url(../images/vid44.png) 30px no-repeat; border:none;}
.vid-box li h1 {  font-size:18px;}
.vid-box li:hover h1,.vid-box li:hover { color:#fff;}
.vid-box li.ac1:hover {  background:url(../images/vid1.png) 30px no-repeat;}
.vid-box li.ac2:hover {  background:url(../images/vid2.png) 30px no-repeat;}
.vid-box li.ac3:hover {  background:url(../images/vid3.png) 30px no-repeat;}
.vid-box li.ac4:hover {  background:url(../images/vid4.png) 30px no-repeat;}
.cnzz { position:absolute; left:0; bottom:0;}
.fd-link{line-height:36px; padding:27px 0; min-height:126px; font-size:16px; padding-left:160px; width:1215px; position:relative; background:url(../images/flink.jpg) 17px 33px no-repeat}
.fd-link a{display:inline-block; margin:0 15px;}
.fd-link a:hover{color:#fbb428; text-decoration:underline;}
.foot-bg{height:400px; overflow:hidden; position:relative;}
.foot{ width: 1200px;position: absolute;bottom: 0;left: 50%;margin-left: -600px;border-top: 1px solid #324253;height: 52px;
line-height: 25px;font-size: 14px;text-align: center;color: #bdd1e7;z-index: 30;}
.foot-top{position:absolute; left:50%; margin-left:-600px; top:20px; padding:0 45px; height:350px; z-index:30;}
.foot-nav{overflow:hidden; float:left; margin-top:30px}
.foot-nav li{float:left; width:165px; font-size:14px; line-height:36px;}
.foot-nav li a{color:#bdd1e7; display:block;}
.foot-nav li h1{color:#fff; font-size:24px; padding-bottom:13px; margin-bottom:13px; position:relative}
.foot-nav li h1:before{content:""; position:absolute; left:0; bottom:0; width:20px; height:3px; background:#fff;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}
.foot-nav li a:hover{text-decoration:underline; color:#fbb428;}
.foot-nav li a:first-child:hover{text-decoration:none;}
.foot-nav li:hover h1:before{width:46px;}
.wei-right{ margin-top:24px; float:right; width:280px; color:#bdd1e7; line-height:28px;}
.foot-tel { margin-bottom:10px; height:34px; line-height:34px; background:url(../images/foot-tel.png) 0 no-repeat; padding-left:45px; color:#eeb131; font-size:26px;  }
.foot-xx { color:#e3e3e3; padding-left:40px; line-height:30px;}
.dhua { background:url(../images/hot-tel.png) 0px no-repeat;}
.dhua2 { background:url(../images/mail.png) 0px no-repeat;}
.qidai { color:#e3e3e3; line-height:30px; font-size:22px; margin-top:5px;}
.wei-img{ border-top:1px solid #555554; margin-top:10px; padding-top:20px; line-height:30px; color:#e3e3e3;}
.wei-img2{ width:112px; text-align:center; margin-right:28px;  float:left;  position:relative}
.wei-box66 { width:112px; height:112px; display:block; position:relative;}
.wei-img2 img{ position:absolute; right:0; bottom:0; width:112px; height:112px; display:block; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}
.wei-img2:hover img{ width:156px; height:156px;}
.wei-tit{font-size:24px; margin-right:5px; color:#fff;}
.shade-bg{background:rgba(0,0,0, .5); position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:990; display:none;}
.wk-con{position:fixed; left:0; z-index:999; top:-600px; height:500px; width:100%; background:#ffffff; z-index:999;}
/*.wk-con .hy-td, .wk-con2 .hy-td{line-height:40px;}*/
.ck-close{position:absolute; top:50px; right:50px; width:44px; height:44px; background:url("../images/close.png") no-repeat; cursor:pointer; transition: all 200ms ease-in 0s; -webkit-transition: all 200ms ease-in 0s; -ms-transition: all 200ms ease-in 0s;}
.ck-close:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.drop-left{width:550px; float:left; margin-top:56px;}
.hello-con{font-size:14px; line-height:28px; color:#232e3a; border-bottom:1px solid #e1e1e1; padding:20px 0 10px;}
.hello-bom{color:#232e3a; line-height:30px; font-size:16px;}
.hello-bom h1{font-size:24px; margin:80px 0 15px;}
.drop-right{width:550px; float:right; margin-top:50px;}
.drop-tit{color:#232e3a; font-size:24px;}
.drop-table{width:520px;}
.drop-table td{padding:10px 0; line-height:40px;}
.xx-name{color:#232e3a; font-size:16px; line-height:30px; height:30px; background:url("../images/xx.jpg") right center no-repeat; padding-right:15px; display:inline-block;}
.input-box{height:40px; width:176px; position:relative;}
.input-box input,.input-box select{border:none; height:40px; line-height:40px; width:100%; color:#666; position:relative; top:1px; border-bottom:1px solid #e1e1e1;}
.input-box input:focus{border-bottom:1px solid #ffc045;}
.sel-box{}
.sel-box .selext{}
.drop-btn{display:block; width:435px; height:60px; text-align:center; line-height:60px; background:#ffc045; color:#232e3a; font-size:16px; cursor:pointer; border:none;}
.input-box:after{content:""; position:absolute; left:0; bottom:-2px; z-index:20; height:1px; background:#ffc045; width:0;transition: all 200ms ease-in 0s; -webkit-transition: all 200ms ease-in 0s; -ms-transition: all 200ms ease-in 0s;}
.input-box:hover:after{width:100%;}
.wk-t{padding-left:35px; line-height:70px; border-bottom:1px solid #e2e2e2; margin-bottom:20px; line-height:70px; font-size:24px;}
.hy-area{width:410px; height:90px; line-height:22px; padding:5px 10px; resize:none; border:1px solid #c7c7c7; background:#f7f7f7; margin-right:10px; position:relative;}
.hy-area:hover{border:1px solid #3897da;}
.hy-area:focus{border:1px solid #3897da; -webkit-box-shadow:0 0 2px #3897da; -ms-box-shadow:0 0 2px #3897da; box-shadow:0 0 2px #3897da;}
.file3{position: relative; display:inline-block; width:70px; height:40px; line-height:40px; cursor:pointer; border:none; background:#3a9de2; color:#fff; display:inline-block; text-align:center; font-size:16px; margin-right:10px;}
.close-tba { right:0px; position:absolute; cursor:pointer; background-size:cover; width:32px; height:32px; top:0px;-webkit-transition: 0.4s ease-in 0s;-moz-transition: 0.4s ease-in 0s;-ms-transition: 0.4s ease-in 0s;}
.close-tba:hover {   transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.ffg-bg8 { background: #f0f0f0; position: relative;  margin-top: 50px;}
/*********应科装饰********************/
#telInput { position:absolute; left:42px; top:158px; width:309px; height:45px; line-height:45px; background:#fff;text-indent:10px; border:none;}
#callBtn{    position: absolute;right:35px; top:158px;height: 45px;border:none;width: 124px;background:none;color: #fff; font-size:0; cursor: pointer;}
.nb-invite-wrap{}
.lx-z{width: 510px;height: 300px;position: fixed;top: 50%;left: 50%;margin-top: -132.5px;margin-left: -260px;background:#fec045 url("../images/ccaa.png") no-repeat;background-size: 100% 100%; z-index: 999; box-shadow:0 0 10px #fdce70;}
.lx-z .gb{    width: 30px;
    height: 30px;
    position: absolute;
    top: 17px;
    right: 17px;
    cursor: pointer;}
.lx-z .zx{    width: 433px;
    height: 45px;
    position: absolute;
    bottom: 38px;
    right: 35px;
    display: block;}
.left-bar {width: 126px;height: 413px;position: fixed;top: 50%;left:-300px; margin-top:-270px;background: url("../images/lcaa.png") no-repeat;z-index: 999;  -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.zz987 { left:0;}
.left-bar a { display:block; height:100%;}
.close-tba { width:30px; height:30px; background:url(../images/close8.png) no-repeat; position:absolute; top:-30px; right:15px;}
.lx-z{ display:none;}	
.zzz-ac { height:62px;}	
/**********/
.lrf-fix {}
.lrf66 {position:fixed;top:45%;right:-300px;z-index:80000;width:81px;height:367px;margin:-183px 0 0 -249px; border-right:0px solid #fbb428; -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.lrf-fix {right:0px;}
.lrf66 a {position:relative;display:block;width:77px;height:24px;z-index:500;padding-top:53px;text-align:center;font-size:12px;color:#fff;}
.lrf66 li strong {display:none;font-size:18px;font-weight:normal;color: #FFF;}
.lrf66 .kefudt_icon1 {background:url("../images/dr-icon6.png") center 10px no-repeat;}
.lrf66 .kefudt_icon2 {background:url("../images/dr-icon2.png") center 10px no-repeat;}
.lrf66 .kefudt_icon3 {background:url("../images/dr-icon3.png") center 10px no-repeat;}
.lrf66 .kefudt_icon4 {background:url("../images/dr-icon4.png") center 10px no-repeat;}
.lrf66 .kefudt_icon5 {background:url("../images/dr-icon7.png") center 10px no-repeat;}
.lrf66 li {position:absolute;display:block;width:78px;height:77px;right:0;border:0px solid #1968b3;background:rgba(25,104,179,1);border-right:0;text-align:center; -webkit-transition:all 0.5s; transition:all 0.5s;}
.lrf66 li:before {content:"";width:0;height:77px;background:rgb(238, 177, 49);position:absolute;top:0;left:0;transition:all 0.6s;z-index:-1;opacity:1;}
.lrf66 li:hover {width:220px;background:none;overflow:hidden;}
.lrf66 li.wx-pic:hover { width:78px; background:rgba(25,104,179,.9); overflow:visible; }
.lrf66 li.wx-pic:hover a.kefudt_icon5 {background:url("../images/dr-icon7.png") center 10px no-repeat; height:100px;}
.lrf66 li.wx-pic:hover a em { display:inline-block; margin-top:22px;}
.lrf66 li.wx-pic:before { }
.lrf-wei { position:absolute; right:80px; top:0px; opacity:0; width:180px; height:180px; z-index:501; -webkit-transition:all .5s ease;transition:all .5s ease; height:0; }
.lrf66 li.wx-pic:hover .lrf-wei {  top:0px; opacity:1; height:180px; }
.lrf66 li:hover:before {width:220px;}
.lrf66 li:hover a {width:100%;background:none;padding:0;line-height:77px;}
.lrf66 li:hover a em {display:none;}
.lrf66 li:hover strong {display:block;}
.lrf66 > li:first-child {top:0;}
.lrf66 > li:nth-child(2) {top:94px;}
.lrf66 > li:nth-child(3) {top:188px;}
.lrf66 > li:nth-child(4) {top:282px;}
.lrf66 > li:last-child 
.lrf66 > li:nth-child(4):hover:before,.lrf66 > li:nth-child(4):hover{ /* width:78px; */}

.zz987 {}
.lrf-fix {}
/******************************/
.fenye{width:100%; height:40px; line-height:40px; text-align:center; margin-bottom:30px;}
.fenye li{display:inline-block; width:auto; text-align:center; line-height:40px; height:40px; margin-left:10px; background-color:#ededed;  color:#555555; font-size:14px;}
.fenye li a,.fenye li span {padding-left:15px; padding-right:15px; display:block;}
.fenye li:hover{background-color:#F0B61A; color:#fff;}
.fenye .active{background-color:#F0B61A; color:#fff;}	
#verCode p { display:inline;}
/**********/
#LXB_CONTAINER { background:url("../images/hot-tel.png") center top no-repeat !important; }
#LXB_CONTAINER .custom-text { display:none}
#LXB_CONTAINER .lxb-cb-input { border:1px solid #fff !important;}
#LXB_CONTAINER .lxb-cb-input-btn { background:#203a7c !important;}
#LXB_CLOSE_BTN { background-color:#ff9f00 !important;}
            
   