@charset "utf-8";
html { font-family:"Microsoft YaHei"; font-size:14px;} 
html,body{ height:100%; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%;  overflow:-Scroll;overflow-x:hidden}
a, a:hover { text-decoration: none; outline: none;  }
a{ color:#0b0808;}
p{ margin:0; padding:0;}
:link, :visited{text-decoration: none;}
ul,li { list-style: none }
img { border: none; max-width:100%;}
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.clear{clear:both; width:100%; overflow:hidden;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
/* clear */
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; }
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); }
::-ms-clear, ::-ms-reveal{display: none; }

.zj{ width:1200px; margin:0 auto; display:block;}
.fl{ float:left;}
.fr{ float:right;}

/*header*/
.top{ width:100%; margin:0 auto; padding:0; display:table }
.header { width:100%; height:130px; display:table; margin: 0 auto; padding:30px 0 0; position: absolute; z-index:9999; top:0 }
.logo{ width:220px; height:90px; float:left;}

.nav_k{ width:930px; display:table; float:right; margin:10px auto 0;background:#fff; height:70px; border-radius:5px;}

.navBar{ width:100%; margin:0 auto;height:70px; line-height:70px; position:relative; z-index:9999;   }
.nav{ margin:0 auto; display:table; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav h3{ font-size:100%; font-weight:normal;  }
.nav .m{  position:relative; float:left; width:130px; margin:0 0 0 0px; display:inline; text-align:center;   }
.nav .m:hover{ color:#0966b1; }
.nav h3 a{ font-size:16px;  zoom:1;  height:70px; line-height:70px; padding:0px ;  display: block; margin:0px auto 0; color:#000000; }
.nav h3 a:hover,.nav .m:hover h3 a{ color:#0966b1; }
	
.nav .sub{ display: none; width:100%; padding: 0;  margin:0 ;  position:absolute; top:56px;  background-color: rgba(0, 0, 0, 0.8);  float:left; line-height:44px; }
.nav .sub li{ text-align:center;  }
.nav .sub li a{ color:#fff; display:block; zoom:1; font-size:15px;}
.nav .sub li a:hover{  background:#8e050c; color:#fff;   }

/* banner */
.fullSlide{ width:100%;  position:relative;  height:850px; background:#fff;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:999; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:850px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:850px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:9999; bottom:10px; left:0; height:22px; line-height:22px;}
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:2px 6px; overflow:hidden;   line-height:999px; border-radius:50%; border:2px solid #fff	}
.fullSlide .hd ul .on{ background:rgba(255, 255, 255, 0.9);}
.fullSlide .prev{  display:block;  position:absolute; z-index:1; top:40%; left:2%;  z-index:9999; width:70px; height:70px; background:url(../images/dot1.png) 0px 0px  no-repeat;  cursor:pointer;display:none;  }
.fullSlide .next{ display:block;  position:absolute; z-index:1; top:40%; left:2%;  z-index:9999; width:70px; height:70px; background:url(../images/dot2.png) 0px 0px  no-repeat;  cursor:pointer; display:none;  }
.fullSlide .next{ left:auto; right:2%;  }

img.lazy{background: url(../images/loading.gif) 50% no-repeat;}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}

/*特效集*/

@keyframes pulse {
 0% {transform: scale(1);}
 50% {transform: scale(1.2);}
 100% {transform: scale(1);}
}
/**/
.wrap{ width:100%; display:table;}
.k1{ width:1200px; display:table; margin:0 auto; padding:0 0 60px}
.bt{ width:100%; display:table; padding:70px 0 50px; }
.bt h1{ float:left; font-weight:bolder; color:#1c1c1c; font-size:42px; line-height:1;}
.bt h1 span{ text-transform:uppercase; display:table; opacity:.1; font-size:50px}
.bt a{ margin:20px 0 0; height:54px; line-height:54px; background:#0966b1; float:right; padding:0 40px; display:table; border-radius:8px; color:#fff; font-size:16px;}
.bt a:hover{ background:#d80000}

.cp{ width:1200px; display:table; margin:0 auto}
.cp ul{ display:table; width:100%; box-sizing:border-box}
.cp ul li{width:380px; display:block; color:#000000;float:left; margin:0 30px 20px 0;}
.cp ul li a{ width:380px;  margin:0 auto; display:block;}
.cp ul li:nth-child(3n+0){ margin-right:0;}
.cp ul li a h1{ font-size:18px; color:#0966b1; background:#eaeaea; padding:0 25px; box-sizing:border-box;line-height:66px; display:block; text-align: right;width:100%; margin:0 auto;}
.cp ul li a h1 span{ float:left; color:#000}
.cp ul li a .cp_t{ width:380px; height:296px;  display:block;  overflow: hidden; box-sizing:border-box;}
.cp ul li a .cp_t img{width:380px; height:296px;  display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp ul li a:hover .cp_t img{transform: scale(1.05);}
.cp ul li a:hover h1 span { color:#0966b1; }

.gg{ width:100%; background:url(../images/gg.jpg) no-repeat center center; display:table; height:269px; color:#fff; padding:90px 0 0; box-sizing:border-box}
.gg h1{ font-size:25px; float:left; line-height:46px;}
.gg h1 span{ font-size:40px; font-weight:bolder; display:table; margin:0 0 10px}
.gg h2{ font-size:25px; float:right; line-height:46px}
.gg h2 span{ font-size:35px; font-weight:bolder; display:table}

.k2{ width:100%; display:table; background:url(../images/bj1.jpg) no-repeat center bottom; padding: 50px 0 0}
.jj{ width:1200px; display:table; margin:0 auto}
.jj_l{ width:580px; float:left; font-size:16px; line-height:35px; color:#091017; padding:140px 0 0}
.jj h1{ font-size:20px; color:#9fa0a0; font-weight:bolder; text-transform:uppercase; margin:0 0 25px}
.jj h1 span{ font-size:34px; color:#091017; float:left; margin-right:10px}
.jj p{ height:280px;}
.jj a{ font-size:16px; color:#0966b1; margin:45px 0 0 40px; background:#fff; padding:0 60px; line-height:50px; display:table}
.jj_r{ width:540px; height:650px; float:right}
.jj a:hover{ background:#d80000; color:#fff}

.k3{ width:1210px; display:table; margin:0 auto; padding:0 0 0px}
.k3 .bt,.k4 .bt,.k5 .bt{ text-align:center}
.k3 .bt h1,.k4 .bt h1,.k5 .bt h1{ margin:0 auto; float:inherit; display:table}
.case_k{ width:1200px; display:table; margin:0 auto 30px}
.case_l{ width:605px; float:left; height:412px;}
.lyk{ width:566px; float:right}
.lyk h1{ width:100%; display:table; font-size:26px; background:#0966b1; color:#fff; font-weight:bolder; line-height:88px; padding:0 55px; box-sizing:border-box}
.lyk ul{ height:308px; border:1px solid #d2d2d2; box-sizing:border-box; width:100%; margin:16px 0 0 ; padding:30px 40px 0}
.lyk ul li{ width:100%; line-height:50px; margin:0 auto 15px; display:table}
.lyk ul li span{ font-size:18px; width:90px; float:left; display:table}
.lyk ul li input{ padding:0 30px; box-sizing:border-box; width:380px; float:left; background:#f6f6f6; display:table; height:50px; line-height:50px;}
.lyk ul li:nth-child(3) input { width:220px;}
.lyk ul li img{ float:left; height:50px; margin:0 0 0 10px}
.btn{ display:table; margin:0 0 0 90px; padding:10px 0 0}
.btn a{ background:#0966b1; font-size:16px; color:#fff; display: table; margin:0 auto; padding:0 70px; line-height:44px; color:#fff}
.btn a:hover{ background:#d80000}

.cp_gd{ width:1210px; display:table; margin:0 auto}
.cp_gd .scrollWrap{width:1210px; height:320px; background: none; overflow:hidden;}
.cp_gd  dl{float:left;width:290px; text-align:center;position:relative;margin:0 7px 0 6px }
.cp_gd  dl a{ width:290px;  display:block;color:#3a3a3a; }
.cp_gd  dl a h1 { font-size:18px; width:100%; height:60px; line-height:60px; color:#333; text-align:center; }
.cp_gd  dl a:hover{ color:#c80e05;  display:block;}
.cp_gd  dl a .cp_t{width:290px; height:198px; display:block;overflow: hidden; box-sizing:border-box;}
.cp_gd  dl a .cp_t img{width:290px; height:198px;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp_gd  dl a:hover .cp_t img{transform: scale(1.08);}
.cp_gd  dl a:hover h1{ color:#0966b1}

.k4{ background:#e6e6e6; width:100%; display:table; margin:0 auto; padding:0 0 80px}
/* 本例子css */
.slideTxtBox{ width:1200px; display:table; margin:0 auto; height:560px; overflow:hidden}
.slideTxtBox .hd{ height:560px; width:346px; float:left; }
.slideTxtBox .hd ul{ display:table}
.slideTxtBox .hd ul li{-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; margin:0 0 25px; display:table; width:308px; background:#fff; height:122px; line-height:122px; font-size:23px; color:#333333; font-weight:bolder;cursor:pointer;  }
.slideTxtBox .hd ul li.on{ background:#0966b1; color:#fff; width:346px;}
.slideTxtBox .hd ul li i{ background:url(../images/ys_ico1.png) no-repeat center center; width:60px; height:122px; margin:0 10px 0 25px; display:table; float:left}
.slideTxtBox .hd ul li:nth-child(2) i{ background:url(../images/ys_ico2.png) no-repeat center center;}
.slideTxtBox .hd ul li:nth-child(3) i{ background:url(../images/ys_ico3.png) no-repeat center center;}
.slideTxtBox .hd ul li:nth-child(4) i{ background:url(../images/ys_ico4.png) no-repeat center center;}
.slideTxtBox .hd ul li.on i{background:url(../images/ys_ico11.png) no-repeat center center;}
.slideTxtBox .hd ul li:nth-child(2).on i{ background:url(../images/ys_ico22.png) no-repeat center center;}
.slideTxtBox .hd ul li:nth-child(3).on i{ background:url(../images/ys_ico33.png) no-repeat center center;}
.slideTxtBox .hd ul li:nth-child(4).on i{ background:url(../images/ys_ico44.png) no-repeat center center;}
.slideTxtBox .bd { width:854px; height:560px; float:right; padding:;  zoom:1;  }
.slideTxtBox .bd .ys{ width:854px; height:560px; position: relative}
.slideTxtBox .bd .ys .ys_t{width:854px; height:560px; position:absolute; z-index:99}
.slideTxtBox .bd .ys .ys_w{ color:#fff; background-color: rgba(24, 24, 24, 0.4);  font-size:16px; line-height:26px;width:100%; padding:22px 20px; box-sizing:border-box; position:absolute; z-index:999; bottom:0}

.xwk{ width:1200px; display: table; margin:0 auto; padding:0 0 75px}
.xwk_l{ float:left; width:524px; height:416px;}
.xwk_r{ width:630px; float:right}
.xwk_r li{ width:100%; display:table}
.xwk_r li a{width:100%; display:table; font-size:18px; color:#181818; line-height:51px; }
.xwk_r li a span{ width:80%; float:left;font-weight:bolder; height:51px; overflow:hidden}
.xwk_r li a time{ float:right; opacity:.5}
.xwk_r li a:hover span{ color:#0966b1}


/**/
.fotter{ background: #000; width:100%; display:table; color:#fff;}
.fotter a{ color:#fff;}
.fo{ width:1200px; margin:40px auto 0 auto; display:table; padding:28px 0 ; border-bottom:1px solid #141414;border-top:1px solid #141414}
.fo_l{ width:290px; float:left; padding:15px 0 0 20px; box-sizing:border-box}
.fo_nav{border:1px solid #141414;border-bottom: none;border-top: none; width:280px; height:150px; float:left; padding:0 0 0 65px; box-sizing:border-box}
.fo h1{ font-size:18px; color:#fff; padding:0 0 8px; line-height:1}
.fo a{ width:90px; font-size:14px; color:#dcdcdc; line-height:30px; display:table; float:left}
.fo a:hover{ color:#fff}
.fo_c{ width:406px; padding-left:60px; float:left; display:table}
.fo_w{ width:120px; display:table; float:right; line-height:1}
.fo_w img{ width:120px; display:table}
.fo_c h2{ font-size:25px; color:#ffffff; font-weight: bolder}
.fo_c h3{ font-size:15px; color:#fff; padding:10px 0 14px }
.fo_c span{ width:100}
.fo_c span a{ width:132px; height:36px; margin-right:15px; background: url(../images/fo_bj11.png) no-repeat center center; display:table; float:left; padding-left:16px; line-height:36px; box-sizing:border-box}

.fo2{ color:#fff;vertical-align:middle;display: table; text-align:center; font-size:13px; text-align:center;  margin:0 auto; width:100%;line-height:24px; padding:10px 0;   opacity:.7}
.fo2 a{color:#fff; margin:0 5px }
.fo2 .fo_lj{  width:122px; display: inline-block; height:24px;vertical-align:middle}
.fo2 .fo_lj img{ display:table; padding:0px 0 0 }





.fy{ text-align:center; font-size:14px; padding:20px 0;}
.info { width: 450px; height: 27px; line-height: 28px;  text-align: center;  margin: 15px auto; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #6f6f6f;}