﻿@charset "utf-8";
html { font-family:"å¾®è½¯é›…é»‘"; 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;}
@font-face {font-family: im;src: url("../fonts/impact.ttf") /* TTF file for CSS3 browsers */}



/*header*/
/*header*/
.header { width: 100%; display:table; margin: 0 auto; }

.top{ width:1200px; margin:0 auto; padding:0px 0; display:table }
.top .logo{  float:left; height:110px; margin: 0 0;  }
.top .top_r{ float:right; background: url(../images/tel.png) no-repeat center left; height:110px; margin:0px 0 0}
.top .top_r .tel{ color:#737171; font-size:16px; line-height:48px; padding-left:72px}
.top .top_r .tel h1{ font-size:32px; color:#333333; font-weight:bolder; }
.top .top_r .tel h1 span{ font-size:16px; color:#333; display:table; line-height:1; padding:29px 0 0; font-weight:100}


.zy{ float:right; display:block; font-size:12px; color:#296fb7; padding:4px 0 6px; border-bottom:1px solid #296fb7;border-top:1px solid #296fb7; margin:28px auto;}	
.zy a{ padding:0 6px; color:#296fb7;}
.zy a:hover{ color:#f4a45d;}

.nav_k{ width:100%; display:table; margin:0 auto; background:#fff; border-bottom:1px solid #c8c8c8; border-top:1px solid #c8c8c8; height:50px;}

.navBar{ width:1200px; margin:0 auto;height:50px; line-height:50px; position:relative; z-index:9999;   }
.nav{ width:1200px; 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; margin:0 ; display:inline; text-align:center;   }
.nav .m:hover{color:#0363b7; }
.nav h3 a{ font-size:16px;  zoom:1;  height:50px; line-height:50px; width:171px; display: block; margin:0px auto 0; color:#333; }
.nav h3 a:hover,.nav .m:hover h3 a{ color:#fff; background:#184a7e }
.nav .m:last-child{margin:0}	
.nav .sub{ display: none; /*é»˜è®¤éšè—*/ width:100%; padding: 0; /*border-top:3px solid #3d5cb9;*/ margin:0 ;  position:absolute; top:50px;  background-color: rgba(255, 255, 255, 0.9);  float:left; line-height:44px; }
.nav .sub li{ text-align:center;  }
.nav .sub li a{ color:#333; display:block; zoom:1; font-size:15px;}
.nav .sub li a:hover{  background:#184a7e; color:#fff;   }

/* banner */
.fullSlide{ width:100%;  position:relative;  height:500px; 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:600px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:600px; }
.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:15px; height:15px; border:1px solid  #235283; margin:4px; overflow:hidden; border-radius:50%;   line-height:999px; 
	}
.fullSlide .hd ul .on{ background: #235283; }
.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; margin:0 auto}
.bt{ text-align:center; display:table; margin:0 auto 10px; padding:60px 0 20px 0; position:relative; height:90px; width:100%}
.bt span{font-family: im;font-size: 60px;color: #184a7e;text-transform: uppercase;opacity:.3;line-height:80px;}
.bt h1{ font-size:36px; color:#333333; font-weight:bolder; position:absolute; top:95px ;text-align:center; width:100%}
.bt h1 i{ background:url(../images/logo1.png) no-repeat center center; width:20px; height:24px; display:inline-block; margin:0 5px}

.k1{ display:table; padding:0 0 60px; margin:0 auto}
.zlxm{ width:1200px; display:table}
.zlxm ul{ display:table; margin:0 auto}
.zlxm li{ float:left; width:285px; float:left; margin-right:20px; margin-bottom:8px}
.zlxm li a{ display:table; margin:0 auto;width:100%;}
.zlxm li a i{ width:100%; display:table; margin:0 auto; border:1px solid #b9c8d8; height:130px}
.zlxm li a i img{ display:table; margin:0 auto; height:110px; padding:10px 0 0; }
.zlxm li a i .zl_on,.zlxm li a:hover i .zl_a{ display:none}
.zlxm li a:hover i .zl_on{ display:table}
.zlxm li a:hover i{ background:#184a7e}
.zlxm li a i{box-shadow: 0 0px 16px rgba(0, 0, 0, .15);-webkit-box-shadow: 0 0px 16px rgba(0, 0, 0, .15);-moz-box-shadow: 0 0px 16px rgba(0, 0, 0, .15);-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
.zlxm li:nth-child(4n){ margin-right:0}
.zlxm li a h1{ width:100%; font-size:20px; color:#333333; text-align:center; line-height:66px;}
.zlxm li a:hover h1{ color:#184a7e}

.k2{ width:100%; display:table; background:url(../images/bj1.png) no-repeat center center; padding:0 0 80px}
.jj_t{ background:url(../images/jj0.png) no-repeat bottom left; width:600px; height:340px; float:left}
.jj_t img{ width:580px; height:320px; float:right}

.jj_w{ font-size:15px; line-height:26px; color:#666666; float:right; width:560px; float:right}
.jj_w h1{ font-size:24px; color:#333333; font-weight:bolder; margin:0 0 10px}
.jj_w a{ width:130px; height:38px; line-height:38px; background:#184a7e; color:#fff; text-align:center; display:table; float:right; margin-top:20px }
.jj_w a:hover{ background:#3381bd}

/**/
.k3{ display:table; padding:0 0 10px}
.ys{ width:100%}
.ys li{ width:100%; display:table}
.ys li .ys_w{ width:510px; float:left; padding:50px 0 0}
.ys li .ys_t{width:500px; float: right}
.ys li:nth-child(2n) .ys_t{ float:left}
.ys li:nth-child(2n) .ys_w{ float: right}

.ys_bt{ border:2px solid #184a7e; height:52px;  margin:0 0 40px; padding:0 30px }
.ys_bt h1{ background:#fff; margin:20px 0px -30px; height:60px; line-height:60px; font-size:24px; color:#184a7e; font-weight:bolder }
.ys_bt h1 i{ margin-right:10px; width:60px; height:60px; background:#184a7e; display:table; border-radius:50%; text-align:center; line-height:60px; color:#fff; font-family:im; font-size:30px; float:left}

.ys_w{ width:100%}
.ys_w dl{ border-bottom:1px dashed #aaaaaa; padding:18px 0 18px 10px; width:100%; background:url(../images/xx.png) no-repeat left 23px ; line-height:24px;  font-size:16px; color:#333333; box-sizing:border-box}
.ys_w dl:last-child{ border-bottom:none}
/**/
.k4{ display:table; margin:0 auto; width:1200px; padding:0 0 60px}
.picScroll-left{ width:1200px; height:280px; position:relative;   }
.picScroll-left .hd{ overflow:hidden; padding:0 0;   }
.picScroll-left .hd .prev{display:block;  width:35px; height:70px; cursor:pointer; background: url(../images/jt1.png) no-repeat center center ; position:absolute;  right:10px; top:70px; z-index:9999;opacity:.5}
.picScroll-left .hd .next{width:35px; height:70px;  background:url(../images/jt2.png) no-repeat center center;cursor:pointer; z-index:9999;position:absolute;left:10px;top:70px; opacity:.5}
.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{opacity: 1;}
.picScroll-left .hd ul{ overflow:hidden; zoom:1; margin-top:0px; zoom:1; text-align:center; display:table; margin:0 auto; display:none }
.picScroll-left .hd ul li{ float:left;  width:10px; height:10px; border-radius:50%; overflow:hidden; margin:30px 5px 0; text-indent:-999px; cursor:pointer; background:#fff; }
.picScroll-left .hd ul li.on{ background:#000 }
.picScroll-left .bd{ width:1200px; display:table; padding:0  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float: left;width:280px; margin: 0 10px;}
.picScroll-left .bd ul li a{display: block;width:280px; color: #fff;}
.picScroll-left .bd ul li a .cp_t{width:280px; height:210px; text-align:center; overflow:hidden; display:block; box-sizing:border-box; position:relative}
.picScroll-left .bd ul li a .cp_t img{display:block;    border: none;width:280px; height:210px;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.picScroll-left .bd ul li a:hover .cp_t img{transform: scale(1.05);}
.picScroll-left .bd ul li a:hover .cp_t{ }
.picScroll-left .bd ul li a h3{ font-size:18px; text-align:center; color:#333; background:#e7edf2;  line-height:50px; height:50px; overflow:hidden; box-sizing:border-box;}
.picScroll-left .bd ul li a:hover h3{ color:#FFF; background:#184a7e }

.k5{ width:100%; background:url(../images/bj2.jpg) no-repeat center center; height:762px; display:table}
.xw{ display:table; width:1200px; margin:0 auto; padding:0 0 40px}
.xw_t{ width:1200px; display:table; margin:0 auto}
.xw_t  ul{ display:table; width:100%}
.xw_t li{ width:585px; height:190px; float:left}
.xw_t li:nth-child(2n){ float:right}
.xw_t li img{width:585px; height:190px; display:table}

.xw dl{ height:58px; line-height:58px; border-bottom:1px dashed #aaaaaa; width:585px;display:table; float:left }
.xw dl:first-child{ float:left}
.xw dl:nth-child(2),.xw dl:nth-child(4),.xw dl:nth-child(6),.xw dl:nth-child(8),.xw dl:nth-child(10){ float:right}
.xw dl a{ font-size:18px; color:#333333}
.xw dl a i{ width:10px; height:58px; background:url(../images/xw_ico.png) no-repeat center left; margin:0px 10px 0 0; display:table; float:left}
.xw dl a time{ float:right;color:#939191;}
.xw dl a:hover,.xw dl a:hover time{ color:#184a7e}

.lx{ width:1200px; margin:0 auto; display:table; padding:0 0 60px}
.lx_l{ width:610px; float:left}
.lx_l li{ width:100%; background:#ececec; width:100%; height:42px; line-height:42px; color:#184a7e; font-size:15px; display:table; border-radius:5px; margin:0 0 20px}
.lx_l li input{ width:96%; float:left; padding:0 20px; box-sizing:border-box; height:42px; line-height:42px; font-size:15px; color:#333}
.lx_l li textarea{ width:98%; font-size:15px; line-height:34px; padding:5px 20px; box-sizing:border-box; height:146px;}
.lx_l a{ width:100%; height:50px; line-height:50px; text-align:center; background:#184a7e; color:#fff; border-radius:5px; display:table}
.lx_r{ background:url(../images/bj3.png) no-repeat center center; width:560px; height:418px; float:right}

.lx_logo{ width:510px; text-align:center; margin:0 auto 15px; border-bottom:1px dashed #fff; padding:10px 0; }
.lx_logo img{width: 180px;}
.lx_r li{ width:510px; font-size:16px; color:#ffffff; line-height:27px; display:table; margin:0 auto; padding:2px 0 }
.lx_r li i{ width:20px; height:24px; float:left; display:table; margin-right:8px; margin-top: 5px;}

/*fotter*/
.fotter{ background: url(../images/fo.jpg) no-repeat center bottom; width:100%; display:table; color:#fff;}
.fotter a{ color:#fff;}
.fo{ width:1200px; display:table; margin:0 auto; padding:45px 0 25px; color:#999999;}
.fo_l{ width:300px; float:left;}
.fo_bt{ color:#999999; line-height:1}
.fo_bt h1{ font-family:im; font-size:38px; color:#184a7e;    text-transform: uppercase;}
.fo_bt h2{ font-size:20px; padding:10px 0 14px}
.fo_bt span{ width:50px; height:1px ; background:#999999; display:table}

.fo_nav{ display:table; padding:15px 0 0}
.fo_nav a{ font-size:16px; color:#999999; width:130px; float:left; display:table; line-height:40px}
.fo_nav a:hover{ color:#184a7e}
.fo_c{ width:470px; float:left}
.fo_c dl{ font-size:16px; line-height:24px; height:24px; padding:6px 0}
.fo_c dl img{ float:left; margin-right:10px}
.fo_c .fo_bt{ margin:0 0 18px}

.fo_wz{ width:250px; float:left; font-size:14px; line-height:26px;}
.fo_wz h1{ color:#184a7e; font-size:18px; font-weight:bolder; margin:0 0 15px }

.fo_w{ width:130px; float:right; text-align:center; font-size:14px; line-height:1; padding:5px 0 0}
.fo_w img{ width:130px; height:130px; display:table; margin:0 0 14px}


.fo2{ color:#fff;vertical-align:middle;display: table; text-align:center; font-size:13px; text-align:center;  margin:0 auto; width:100%;line-height:30px; padding:5px 0;    border-top: 1px solid #434343;opacity:.7}
.fo2 a{color:#fff; }
.fo2 .fo_lj{  width:122px; display: inline-block; height:30px;vertical-align:middle}
.fo2 .fo_lj img{ display:table; padding:2px 0 0 }





