﻿@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:SH;src: url("../fonts/SourceHanSansSC-ExtraLight_0.otf") }
*/

/*header*/
/*header*/
.header { width: 100%; display:table; margin: 0 auto; }
.headerTopWrap{ width:100%; height:32px; display:table; background:#f5f5f5; line-height:32px; color:#333; font-size:13px;}
.headerTopWrap .headerTop{ width:1200px; display:table; margin:0 auto}
.headerTopWrap .topLink{ float:right}
.headerTopWrap .topLink a{ color:#666; margin:0 5px;}
.headerTopWrap .hy{ float:left}
.headerTopWrap .topLink a:hover{ color:#0363b7}


.top{ width:1200px; margin:0 auto; padding:0; display:table }
.top .logo{  float:left; height:100px; margin: 0 50px 0 0 ;  }
.top .tel{ color:#737171; font-size:16px; line-height:50px; float:right; background:url(../images/tel.png) no-repeat center left; height:50px; padding-left:56px; margin:25px 0 0; font-size:30px; color:#333333  }

.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:770px; display:table; margin:0 auto; height:100px; float:left}

.navBar{ width:100%; margin:0 auto;height:100px; line-height:100px; position:relative; z-index:9999;   }
.nav{ width:100%; 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; width:110px;  height:100px; line-height:100px; padding:0px ;   display: block; margin:0px auto 0; color:#333; }
.nav h3 a:hover,.nav .m:hover h3 a{ color:#fff; background:#005080 }
.nav .m:last-child{margin:0}	
.nav .sub{ display: none; /*é»˜è®¤éšè—*/ width:100%; padding: 0; /*border-top:3px solid #3d5cb9;*/ margin:0 ;  position:absolute; top:100px;  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{  color:#fff; background:#005080   }

/* banner */
.fullSlide{ width:100%;  position:relative;  height:800px; 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:800px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:800px; }
.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:22px; margin:2px; overflow:hidden; background:url(../images/dot.png) no-repeat bottom center;  line-height:999px; 
	}
.fullSlide .hd ul .on{ background: url(../images/dot.png) no-repeat center 1px; }
.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{ width:100%; display:table; padding:70px 0 35px}
.bt a{ float:right; background:url(../images/more.png) no-repeat center top; font-size:14px; color:#333333; padding:43px 0 0; line-height:30px; margin:40px 0 0}
.bt h1{ float:left; font-size:40px; color:#333333; font-weight:bolder; line-height:50px }
.bt h1 span{    font-family:微软雅黑; display:table; color:#3d95ce; font-size:50px; font-weight:lighter; margin:0 0 8px} 

.more1{ display:table; margin:0 auto; width:100%; text-align:center}
.more1 a{ background:url(../images/more.png) no-repeat center top; font-size:14px; color:#333333; padding:43px 0 0; line-height:30px;  display:table; margin:0 auto}


.cp{ width:1200px; padding:15px 0 0 ; margin:0 auto; display:table }
.cp ul{ }
.cp ul li{float: left;width:380px;margin: 0 30px 30px 0;box-sizing: border-box;}
.cp ul li a{display: block;width:380px;color: #fff;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;transition: all 0.2s ease-out;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.cp ul li a .cp_t{width:380px; height:260px; text-align:center; overflow:hidden;}
.cp ul li a img{display:block;    border: none; width:380px; height:260px;    max-width: 100%;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp ul li a:hover img{transform: scale(1.1);}
.cp ul li a h1{ font-size:20px; text-align:center; color:#333333; line-height:60px; width:100% }
.cp ul li a:hover h1{ color:#005080;  }
.cp ul li:nth-child(3n){ margin-right:0}

.cp ul li{box-shadow: 0 0px 6px rgba(0, 0, 0, .2);-webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, .2);-moz-box-shadow: 0 0px 6px rgba(0, 0, 0, .2);-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
.cp ul li:hover{box-shadow: 0 0px 16px rgba(0, 0, 0, .2);-webkit-box-shadow: 0 0px 16px rgba(0, 0, 0, .2);-moz-box-shadow: 0 0px 16px rgba(0, 0, 0, .2);-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}

.k2{ width:100%; display:table; background:url(../images/bj1.jpg) no-repeat center center;  height:640px; color:#fff}
.k2 .bt h1,.k2 .bt h1 span,.k4 .bt h1,.k4 .bt h1 span{ color:#fff}
.k2 .bt a,.k4 .bt a{background:url(../images/more1.png) no-repeat center top; color:#fff }
.jj{ width:1200px; display:table; margin:0 auto}
.jj_l{ width:600px; height:320px; float:left}
.jj_w{ font-size:14px; line-height:26px; width:565px; float:right}

.k3{width:1200px; padding:0 0 40px ; margin:0 auto; display:table }
/* 本例子css */
.tab{ width:1200px; text-align:left;  }
.tab .hd{  position:relative; right:0; width:100% }
.tab .hd ul{ float:right; position:absolute; right:0; top:-105px   }
.tab .hd ul li{ float:left;cursor:pointer; margin-left:30px; background:url(../images/nav_fl1.png) no-repeat center center; width:104px; height:70px; color:#6ea8cd; font-size:18px; text-align:center; line-height:50px; padding:10px 0 0; box-sizing:border-box  }
.tab .hd ul li.on{background:url(../images/nav_fl2.png) no-repeat center center; color:#005080;   }
.tab .bd {}

.tab_cp{ width:1200px; padding:15px 0 0 ; margin:0 auto; display:table }
.tab_cp ul{ display:table; width:100%; margin:0 auto 30px }
.tab_cp ul li{float: left;width:286px;margin: 0 18.66px 20px 0;box-sizing: border-box;}
.tab_cp ul li a{display: block;width:286px;color: #fff;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;transition: all 0.2s ease-out;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.tab_cp ul li a .cp_t{width:286px; height:370px; text-align:center; overflow:hidden;}
.tab_cp ul li a img{display:block;    border: none; width:286px; height:370px;    max-width: 100%;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.tab_cp ul li a:hover img{transform: scale(1.1);}
.tab_cp ul li a h1{ font-size:20px; text-align:center; color:#333333; line-height:60px; width:100%; border:1px solid #6ea8cd; border-top: none; box-sizing:border-box }
.tab_cp ul li a:hover h1{ color:#005080;  border:1px solid #005080 ; border-top: none; box-sizing:border-box }
.tab_cp ul li:nth-child(4n){ margin-right:0}

.k4{ width:100%; display:table; background:url(../images/bj2.jpg) no-repeat center center;  height:712px; color:#fff}
.picScroll-left{ width:1200px; height:500px; position:relative;   }
.picScroll-left .hd{ overflow:hidden; padding:0 0;   }
.picScroll-left .hd .prev{display:block;  width:36px; height:60px; cursor:pointer; background: url(../images/jt1.png) no-repeat center center rgba(0, 0, 0, 0.5); position:absolute;  left:20px; top:120px; z-index:9999}
.picScroll-left .hd .next{width:36px; height:60px;  background:url(../images/jt2.png) no-repeat center center rgba(0, 0, 0, 0.5);cursor:pointer; z-index:9999;position:absolute;right:20px;top:120px;}
/*.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:585px; margin: 0 7.5px;}
.picScroll-left .bd ul li a{display: block;width:585px; color: #fff;}
.picScroll-left .bd ul li a .cp_t{width:585px; height:300px; 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:585px; height:300px;-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{ padding-left:15px; margin:15px 0 0;  font-size:20px; color:#fff; background:url(../images/go_ico1.png) no-repeat center left; line-height:50px; height:50px; overflow:hidden; box-sizing:border-box;}
.picScroll-left .bd ul li a:hover h3{ color:#005080; background:url(../images/go_ico2.png) no-repeat center left; font-weight:bolder}
.picScroll-left .bd ul li a p{ font-size:14px; color:#fff; line-height:26px; height:52px; overflow:hidden}

.xw{ width:100%; display:table}
.xw ul{ display:table; width:100%; padding:0 0 80px}
.xw li{ width:285px; float:left; margin-right:20px;}
.xw li a{ width:100%; display:table}

.xw li a .xw_t{width:285px; height:180px; text-align:center; overflow:hidden; display:block; box-sizing:border-box; position:relative; margin:0 0 12px}
.xw li a .xw_t img{display:block;    border: none;width:285px; height:180px;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.xw li a:hover .xw_t img{transform: scale(1.05);}
.xw li:nth-child(4n){ margin-right:0}
.xw li a .xw_w{ color:#666666; font-size:14px; line-height:22px; width:100%}
.xw li a .xw_w h1{ font-size:18px; color:#333; line-height:32px; height:32px; margin:0 0 5px}
.xw li a .xw_w h1 time{ font-size:16px; float:right}
.xw li a .xw_w h1 span{ width:200px; float:left; height:32px; overflow:hidden}

/*fott*/
/*fo*/
.fotter{ background: url(../images/fo.jpg) repeat center bottom; width:100%; display:table; color:#fff;}
.fotter a{ color:#fff;}
.fo{ width:1200px; display:table; margin:0 auto; padding:50px 0 40px; }
.fo_l{ width:590px; float:left;}
.fo_bt{ line-height:1}
.fo_bt h2{ font-size:22px; padding:0px 0 18px}
.fo_bt span{ width:100px; height:3px ; background:#fff; display:table}
.fo_l h4{ font-size:16px; padding:24px 0}
.fo_c{ width:208px; padding:0 75px; float:left; border-left:1px solid #757a72; border-right:1px solid #757a72}
.fo_nav{ display:table; padding:15px 0 0}
.fo_nav a{ font-size:16px; width:104px; float:left; display:table; line-height:40px}
.fo_nav a:hover{ color:#3d95ce}
.fo_w{ width:140px; float:right; text-align:center; font-size:16px; line-height:1; padding:5px 0 0; }
.fo_w img{ width:140px; height:140px; display:table; margin:0 auto 20px; }

.fo2{ color:#fff;vertical-align:middle;display: table; font-size:14px;  margin:0 auto; width:100%;line-height:30px; padding:0px 0;  }
.fo2 a{color:#fff; margin-right:10px }
.fo2 .fo_lj{  width:122px; display: inline-block; height:30px;vertical-align:middle}
.fo2 .fo_lj img{ display:table; padding:2px 0 0 }





