@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; }
td{ border:1px solid #000}
.zj{ width:1200px; margin:0 auto; display:block;}
.fl{ float:left;}
.fr{ float:right;}
/*header*/
.header { width: 100%; display:table; margin: 0 auto; }
.home{ height:40px; line-height:40px; background:#f3f4f4; color:#999999}
.home a{ color:#999999; margin:0 3px;font-size:13px;}
.home a:hover{ color:#1e449a}
.home_l{ float:left}
.home_r{ float:right; padding-right:10px}
.top{ width:1200px; margin:0 auto; padding:20px 0; display:table }
.top .logo{ width:640px; float:left; height:80px; margin: 0 0; }
.top .logo img{ display:table}
.top .top_r{ float:right;height:64px; margin:7px 0 0; width:290px;}
.top .top_r h1{ text-align:center; width:64px; padding:5px 0 0; box-sizing:border-box; height:64px;background:#718dce; border-radius:5px; float:left; font-size:13px; color:#fff; font-weight:bolder; line-height:1; }
.top .top_r h1 span{ width:100%; display:table; text-align:center; padding:37px 0 0; font-size:12px; color:#fff;font-weight:100; background: url(../images/tel.png) no-repeat center top; line-height:1; }
.top .top_r h2{ margin:0 0 0 20px; font-size:26px; color:#1e449a; line-height:1.2; font-weight:bolder; float:left; font-style:italic}
.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:#1e449a; height:56px;}
.navBar{ width:1200px; margin:0 auto;height:56px; line-height:56px; 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; height:56px; line-height:56px; margin: 0}
.nav .m{ position:relative; float:left; width:150px; margin:0; display:inline; text-align:center; }
.nav .m:hover{ background:#234dac;color:#fff; }
.nav h3 a{ font-size:16px; zoom:1; height:56px; line-height:56px; padding:0px ; display: block; margin:0px auto 0; color:#fff; }
.nav h3 a:hover,.nav .m:hover h3 a{ color:#fff; }
.nav .sub{ display: none; width:100%; padding: 0; margin:0 ; position:absolute; top:56px; background-color: rgba(35, 77, 172, 0.9); 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:#17a44e; color:#fff; }
/* banner */
.fullSlide{ width:100%; position:relative; height:580px; 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:580px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:580px; }
.fullSlide .hd{ width:100%; position:absolute; z-index:9999; bottom:15px; 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:40px; height:7px; margin:2px 4px; overflow:hidden; background:rgba(255, 255, 255, 0.9); line-height:999px; border-radius:0.5rem }
.fullSlide .hd ul .on{ background:#17a44e; }
.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;}
.ssk{ width:1200px; display:table; margin:0 auto; height:42px; padding:14px 0}
.ssk .hot{ width:60%; float:left; display:table; line-height:42px; font-size:15px; color:#898888}
.ssk .hot i{ width:26px; height:26px; padding:6px 0 0; float:left}
.ssk .hot h1{ float:left; font-size:15px; color:#333333; margin:0 0 0 10px}
.ssk .hot h1 span,.ssk .hot a:hover{ color:#1e449a}
.ssk .hot a{ display:inline-block; padding:0 8px;color:#898888}
.ss{ width:320px; border:1px solid #e9e8e8; border-radius:25px; height:40px; line-height:40px; display:table; float:right}
.ss input{ box-sizing:border-box; width:260px; padding:0 20px; height:40px; line-height:40px; float:left; font-size:15px; color:#333333}
.ss a{ width:60px; background:url(../images/ss.png) no-repeat center center; height:40px; display:table; float:left}
.k1{ width:100%; background:url(../images/bj1.jpg) no-repeat center center; height:700px; display:table; padding:120px 0 0; box-sizing:border-box}
.jj{ width:1200px; display:table; margin:0 auto}
.jj_l{ float:left;width:640px; display:table}
.bt{ display:table; line-height:1; margin:0 0 40px}
.bt h1{ color:#c1c5d1; font-size:45px; font-weight:bolder; margin:0 0 5px; text-transform:uppercase}
.bt h2{ font-size:30px; color:#03488d;font-weight:bolder;}
.jj_n{ width:100%; font-size:14px; line-height:30px; color:#666666}
.jj_n h1{ font-size:34px; color:#333333; font-weight:bolder; line-height:1; margin:0 0 25px}
.jj_n p{ height:160px; overflow:hidden}
.more{ display:table}
.more a{ background:#03488d; height:32px; line-height:32px;display:table; font-size:14px; color:#fff}
.more a span{ width:110px; display:table; float:left; text-align:center; font-size:14px; text-transform:uppercase}
.more a i{ width:32px; height:32px; line-height:28px; display:table; background:#696868; text-align:center; font-size:20px; font-weight:bolder}
.more a:hover{ background:#333;}
.more a:hover i{}
.jj_time{ display:table; width:100%; padding:40px 0 0}
.jj_time li{ width:33.33%; float:left}
.jj_time li i{ width:62px; height:62px;float:left; }
.jj_time li i img{width:62px; height:62px; display:table}
.jj_time li h1{ font-size:12px; color:#333333; line-height:1.2; padding:10px 0 0 10px; float:left}
.jj_time li h1 span{color:#03488d; font-size:34px; font-weight:bolder; display:table}
.jj_r{ width:488px; float:right}
.jj_rw{ line-height:1; width:100%; display:table; height:70px; background:url(../images/jj_ico4.png) no-repeat 10px center #fff; padding:0 0 0 80px; box-sizing:border-box}
.jj_rw h1{ font-size:18px; color:#03488d; font-weight:bolder; padding:12px 0 8px}
.jj_rw span{ font-size:13px; color:#666666; }
/**/
.gg{ width:100%; background:url(../images/gg1.jpg) no-repeat center center; height:240px; color:#fff}
.gg .gg_l{ width:75%; float:left; line-height:1.4; padding:60px 0 0 ; font-size:20px}
.gg .gg_l h1{ font-size:44px; font-weight:bolder; margin:0 0 5px;}
.gg .gg_l span{ letter-spacing:7px;}
.gg .gg_l h2{ font-size:12px; opacity:.3; text-transform:uppercase; padding:30px 0 0}
.gg .gg_r{ float:right; background:url(../images/tel1.png) no-repeat center right; padding:0 65px 0 0; font-size:15px; line-height:1.6; text-align:right; margin:70px 0 0}
.gg .gg_r h1{ font-size:30px; font-weight:bolder; font-style:italic; line-height:46px}
.k2{ width:1200px; display:table; margin:0 auto; padding:0 0 30px}
.bt1{ display:table; line-height:1; margin:0 auto; text-align:center; padding:60px 0 45px;}
.bt1 h1{ color:#c1c5d1; font-size:45px; font-weight:bolder; margin:0 0 5px; text-transform:uppercase}
.bt1 h2{ font-size:30px; color:#03488d;font-weight:bolder;}
.cp_k{ width:1200px; margin:0 auto; display:table; padding:0px 0 20px;}
.cp_lk{ width:240px; float:left; display:table; border:3px solid #03488d; box-sizing:border-box}
.cp_l{ background:#fff; width:100%; display:table; }
.cp_l1{ height:102px; text-align:center; width:100%; color:#fff; background:#03488d;}
.cp_l1 h1{ font-size:26px; font-weight:bolder; line-height:50px; padding-top:15px;}
.cp_l1 h2{ font-size:13px; line-height:20px; text-transform:uppercase; opacity:.5}
.cp_l1 a{ width:104px; height:30px; font-size:14px; text-align:center; line-height:30px; color:#fff; border:1px solid #fff; display:block; margin:25px auto 0;}
.cp_l1 a:hover{ background:#fff; color:#005ab6;}
.cp_l_nav{ width:100%;box-sizing:border-box;padding:0px 0 0px ; margin:0 auto ;/* border:1px solid #eeeded;*/ border-top:none;}
.cp_l_nav ul{ padding:25px 0 10px; min-height:280px}
.cp_l_nav ul li{ border:1px solid #03488d; height:44px; margin:0 auto 18px; width:200px; border-radius:5px; display:table;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.cp_l_nav ul li a{ width:100%; text-align:center; display:block; font-size:18px; color:#03488d; line-height:42px; height:42px; margin:0px auto 0; }
.cp_l_nav ul li a h1{ font-size:16px;}
.cp_l_nav ul li a:hover{ color:#fff; }
.cp_l_nav ul li a:hover span{ background:url(../images/cp_nav2.png) no-repeat center center;}
.cp_l_nav{ }
.cp_l_nav ul li:hover{background: #03488d; }
.cp_r{ width:952px; float:right;}
.cp_r ul{ padding-left:22px; display:table; width:100%; box-sizing:border-box}
.cp_r ul li{width:300px; display:block; color:#000000;float:left; margin:0 15px 8px 0;}
.cp_r ul li a{ width:300px; margin:0 auto; display:block;}
.cp_r ul li:nth-child(3n+0){ margin-right:0;}
.cp_r ul li a h1{ font-size:17px; color:#03488d;line-height:50px; display:block; text-align:center;width:100%; margin:0 auto;}
.cp_r ul li a .cp_t{ width:300px; height:230px; display:block; border:2px solid #97b3d0; overflow: hidden; box-sizing:border-box;}
.cp_r ul li a .cp_t img{ width:300px; height:230px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp_r ul li a:hover .cp_t img{transform: scale(1.05);}
.cp_r ul li a:hover h1 { color:#fff; background:#03488d}
.cp_r ul li a:hover .cp_t{ border:2px solid #03488d}
.cp_l_bj{ border-top:1px dashed #cbc7c4; text-align:center; color:#333; width:204px; margin:0 auto; padding:18px 0 }
.cp_l_bj h1{ font-size:16px; padding:0px 0 5px;background: url(../images/tel2.png) no-repeat center top; padding:55px 0 0}
.cp_l_bj h2{ font-size:25px; font-weight:bolder; color:#03488d}
.k3{ width:100%; display:table; margin:0 auto; background:url(../images/bj2.jpg) no-repeat center center; height:750px;}
.k3 .bt1 h1{ color:#fff; opacity:.9}
.k3 .bt1 h2{ color:#fff}
.k3 .bt1{ padding: 80px 0 45px;}
.al_Scroll1{width:1200px;height:370px;margin:0px auto 0;position:relative; padding:10px 0 0}
.al_Scroll1 .prev{width:50px; height:50px;position:absolute;top:140px;left:-50px;z-index:100; cursor:pointer; opacity:0 }
.al_Scroll1 .next{width:50px; height:50px;position:absolute;top:140px;right:-50px;z-index:100; cursor:pointer;opacity:0 }
.al_Scroll1:hover .next{ background:url(../images/ys_jt2.png) no-repeat;opacity:1}
.al_Scroll1:hover .prev{ background:url(../images/ys_jt1.png) no-repeat;opacity:1}
.al_Scroll1 .scrollWrap{width:1200px; background: none; overflow:hidden;position:absolute;}
.al_Scroll1 dl{float:left;width:380px;text-align:center;position:relative; margin:0px 10px; }
.al_Scroll1 dl a{ width:380px; display: table; padding:12px 0 0;color:#3a3a3a; background:#fff; box-sizing:border-box; border-radius:10px; }
.al_Scroll1 dl a h1 { font-size:18px;width:352px; margin:0 auto; height:60px; line-height:60px; color:#03488d; text-align:left; padding:5px 0 0 }
.al_Scroll1 dl a h1 span{ width:300px; float:left}
.al_Scroll1 dl a h1 i{ width:28px; height:28px; background: url(../images/hj_ico1.png) no-repeat center center #eeeeee; border-radius:50%; float:right; margin:15px 0 0}
.al_Scroll1 dl a:hover h1 i{ background: url(../images/hj_ico2.png) no-repeat center center #03488d;}
.al_Scroll1 dl a:hover{ color:#03488d; display:block;}
.al_Scroll1 dl a .cp_t{width:352px; height:270px; display: table; margin:0 auto;overflow: hidden; box-sizing:border-box; border-radius:10px;}
.al_Scroll1 dl a .cp_t img{width:352px; height:270px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.al_Scroll1 dl a:hover .cp_t img{transform: scale(1.08);}
.al_Scroll1 dl a:hover h1{ color:#03488d}
.more1{ display:table; margin:0 auto; padding:55px 0 0}
.more1 a{ background:#4687c8; line-height:44px; padding:0 60px; border-radius:25px; color:#fff; display: table; margin:0 auto; font-size:16px;}
.more1 a:hover{ background:#fff; color:#03488d;}
.k6{ width:1200px; display:table; margin:0 auto; padding: 0 0 60px}
/**/
.new-show{padding:0px 0 60px 0; width:1200px; margin:0 auto}
.new-show{}
.new-left{float: left; width: 62%; display:table}
.new-tit{border-bottom: solid 1px rgba(0, 0, 0, 0.05); display:table; width:100%}
.new-tit ul{float: left;}
.new-tit ul li{float: left; font-size: 22px; color: #333; font-weight: bold; position: relative; cursor: pointer;}
.new-tit ul li+li::before{position: absolute; content: ''; height: 18px; width: 1px; background-color: #ddd; top: 7px; left: -33px;}
.new-tit ul li.cur{color: #03488d;}
.new-tit ul li::after{content: ''; display: block; width: 0; height: 3px; /*background-color: #005eb4;*/ transition: all .3s ease; margin-top: 15px;}
.new-tit ul li.cur::after{width: 100%;}
.new-tit ul li:nth-child(2){margin-left: 65px;}
.new-tit a{float: right; display: block; font-size: 14px; color: #999; margin-top: 10px;}
.new-tit a:hover{color: #005eb4;}
.new-warp .new-con{display: none;}
.new-top{border-bottom: dashed 1px #ddd; padding-top: 25px; padding-bottom: 40px; display:table; width:100%}
.new-top ul li a{display: block;}
.new-top ul li a .new-img{float: left; width: 39%; overflow: hidden;}
.new-top ul li a .new-img img{max-width: 100%;}
.new-top ul li a .new-text{float: right; width: 57%; padding-top: 10px;}
.new-top ul li a .new-text h3.tit{font-size: 18px; color: #03488d; font-weight: bold; transition: all .3s ease; display: -webkit-box; /**对象作为伸缩盒å模型展示**/ -webkit-box-orient: vertical; /**设置或检索伸缩盒å对象的åå…ƒç´ çš„æŽ’åˆ—æ–¹å¼**/ -webkit-line-clamp: 1; /**显示的行数**/ overflow: hidden; /**éšè—超出的内容**/}
.new-top ul li a .new-text .new-clf{display: flex; flex-wrap: wrap; margin-top: 20px;}
.new-top ul li a .new-text .new-clf .text{width: 76%; font-size: 14px; line-height: 24px; color: #999; display: -webkit-box; /**对象作为伸缩盒å模型展示**/ -webkit-box-orient: vertical; /**设置或检索伸缩盒å对象的åå…ƒç´ çš„æŽ’åˆ—æ–¹å¼**/ -webkit-line-clamp: 3; /**显示的行数**/ overflow: hidden; /**éšè—超出的内容**/}
.new-top ul li a .new-text .new-clf .new-time{width: 24%; display: flex; justify-content: flex-end; align-items: center; position: relative;}
.new-top ul li a .new-text .new-clf .new-time h3{text-align: center; color: #333; font-size: 36px; font-weight: bold; font-family: Arial;}
.new-top ul li a .new-text .new-clf .new-time h3 span{display: block; font-size: 14px; color: #666; font-weight: normal; margin-top: 10px;}
.new-top ul li a .new-text .new-clf .new-time::after{position: absolute; content: ''; height: 68px; width: 1px; background-color: rgba(221, 221, 221, 0.4); top: 5px; left: 30%;}
.new-top ul li a .new-text .new-more{display: block; width: 120px; line-height: 34px; background-color: #005eb4; color: #fff; text-align: center; color: #fff; border-bottom-left-radius: 10px; border-top-right-radius: 10px; margin-top: 20px; transition: all .5s ease;}
.new-top ul li a:hover .new-text .new-more{background-color: #333;}
.new-top ul li a:hover .new-text h3{color: #333;}
.new-rem{padding-top: 40px;}
.new-rem ul li{float: left; width: 50%;}
.new-rem ul li:nth-child(2){display: flex; justify-content: flex-end;}
.new-rem ul li a{width: 93%; display: block;}
.new-rem ul li a h3{font-size: 18px; color: #03488d; transition: all .5s ease; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.new-rem ul li a h3 span{display: inline-block; overflow: hidden; width: 10px; height: 10px; border-radius: 50%; border: solid 2px #03488d; margin-right: 10px; transition: all .5s ease;}
.new-rem ul li a p{font-size: 14px; line-height: 24px; color: #999; margin-top: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.new-rem ul li a .time{display: block; font-size: 14px; color: #999; margin-top: 25px;}
.new-rem ul li a:hover h3{ color: #03488d; font-weight:bolder}
.new-rem ul li a:hover h3 span{border: solid 2px #333;}
.new-right{float: right; width: 32%;}
.new-tit h3{float: left; font-size: 22px; color: #03488d; font-weight: bold; position: relative; cursor: pointer; margin-bottom: 18px;}
.new-list{padding-top: 8px;}
#ydemo{overflow: hidden; position: relative; height: 410px;}
.new-list ul li a{display: block; padding-top: 25px; padding-bottom: 30px; border-bottom: dashed 1px #ddd;}
.new-list ul li a h3{font-size: 18px; color: #03488d;line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.new-list ul li a p{font-size: 14px; color: #999; line-height: 26px; margin-top: 10px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.new-list ul li a:hover h3{color: #03488d; font-weight:bolder}
/*fotter*/
.fotter{ background:#03488d; width:100%; display:table; color:#fff;}
.fotter a{ color:#fff;}
.fo{ margin:0 auto; display:table; padding:45px 0 40px ; width:1200px; }
.fo_l{ width:640px; float:left}
.fo_l li{ width:190px; float:left; line-height:1}
.fo_l li h1{ font-size:18px; color:#fff; padding:0 0 18px}
.fo_l li a{ font-size:15px; color:#fff; opacity:.5; display:table; line-height:38px;}
.fo_l li a:hover{ color:#fff; opacity:1}
.fo_c{width:calc(100% - 62% - 130px); float:left}
.fo_c h1{ font-size:18px; color:#fff; padding:0 0 18px; line-height:1}
.fo_c p{font-size:15px; color:#fff; line-height:34px; opacity:.5}
.fo_c h2{ font-size:30px; font-weight:bolder; background:url(../images/fo_tel.png) no-repeat center left; padding:0 0 0 35px}
.fo_r{ width:130px; float:right; font-size:14px; color:#bab9b9;}
.fo_r img{ width:100%; display:table; margin:0 0 25px}
.fo_r span{ display:table; width:100%; text-align:center;}
.fo2{ color:#a4b3cb; 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; border-top:1px solid #1d5b99}
.fo2 a{color:#a4b3cb; margin:0 5px }
.fo2 .fo_lj{ width:122px; display: inline-block; height:24px;vertical-align:middle}
.fo2 .fo_lj img{ display:table; padding: 0 0 ; opacity:.5}
.fo2 a:hover{ opacity:1; color:#fff}
.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;}