@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:#5c5c5c;}
a{transition:all .36s;text-decoration:none}
a:hover{text-decoration:none}
a:focus{text-decoration:none;outline:0}
a:not([href]){cursor:default}
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:1240px; margin:0 auto; display:block;}
.fl{ float:left;}
.fr{ float:right;}

/*header*/
.boxx{max-width: 1240px; margin: 0 auto; }
.logo{ width:230px; float: left; padding:20px 0 0}
.logo img{ width:230px; height:60px; display:table}
.logo .logo_on{ display:none}
#header{position: fixed; width: 100%; left: 0; top: 0; z-index: 9999; }
#header .boxx{background-color: rgba(255, 255, 255, 0); /*border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;*/ padding: 0; height: 100px; -webkit-transition: all .5s; transition: all .5s;}
#header .boxx.on{max-width: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0;box-shadow: 0 0 30px rgba(0, 0, 0, .1);background-color: rgba(255, 255, 255, 1);}
#header .boxx.on .topup{max-width:1240px; margin: 0 auto;}
#menu{/* float:right; width:calc(100% - 270px - 180px);*/ margin-left:5%; display: inline-block}
.tel{ float:right; margin: 0 0; height:100px; background: url("../images/tel.png") no-repeat left center; display:table; background-size:20px; padding: 0 0 0 25px; line-height: 100px; box-sizing: border-box;}
.tel h1{color: #1f3791; font-size: 17px; font-weight: bolder}
/*导航栏样式*/
.navv{ padding:30px 0% 0; box-sizing: border-box; display: inline-block}
.navv li{line-height:70px; height:70px; text-align: center; float: left; position: relative; z-index: 999; font-size: 16px; box-sizing: border-box}
.navv li a{display: block; line-height: 38px; color: #fff; height: 38px; padding:0 22px; }
.navv li a:hover{color: #006530;/*text-decoration: underline; */background:#fff; }
#header .boxx.on .navv li a{ color:#666} 
#header .boxx.on .navv li a:hover{ color:#006530; } 
#header .boxx.on .logo .logo_l{ display:none}
#header .boxx.on .logo .logo_on{ display: table}


.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:#017939; 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;  }
.nav .m{  position:relative; float:left; width:171px; margin:0 0 0 0px; display:inline; text-align:center;   }
.nav .m:hover{ background:#18b2c3;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; /*border-top:3px solid #3d5cb9;*/ margin:0 ;  position:absolute; top:56px;  background-color: rgba(32, 193, 211, 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:#18b2c3; color:#fff;   }

/* 导航样式*/
.tnav{ width: 800px; margin-left:2%; display: inline-block}
.x-menu{width: 100%;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.x-menu > li{width: 14%;margin: 0;text-align: center;float: none;position: relative;}
.x-menu > li > a{font-size: 16px;color: #666;line-height: 100px;display: block;}
.x-menu > li:hover > a{color:#1f3791; background: url("../images/menu.png") no-repeat center center}
.x-menu > li.active > a{color: #1f3791;}
.x-menu .lastli{width: 8% !important;text-align: right;}
.x-menu > li:hover .x-sub-menu{opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
.x-sub-menu{position: absolute;z-index: 999;width: 130%;left: -15%;top: 112px;background: #fff;border-radius: 5px;padding: 10px 0;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease;transition: all .5s ease;}
.x-sub-menu > li > a{display: block;text-align: center;font-size: 14px;color: #333;line-height: 1.5;padding: .5em;}
.x-sub-menu > li > a:hover{background: #e9eaeb;}
.x-sub-menu:after{content: '';width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 10px;cursor: pointer;border-style: dashed dashed solid dashed;border-color: transparent transparent #fff transparent;border-top: none;position: absolute;top: -10px;left: 50%;margin-left: -10px;z-index: 99;}
.x-menu > li .x-sub-menux{position: absolute;left: 100%;width: 100%;background: #fff;top: 80px;border-radius: 5px;padding: 10px 0;display: none;}
.x-menu > li .x-sub-menux li{position: relative;}
.x-menu > li .x-sub-menux li a{display: block;text-align: center;font-size: 14px;color: #333;line-height: 1.5;padding: 0.5em}
.x-menu > li .x-sub-menu li:hover .x-sub-menux{display: block;}
.x-menu > li .x-sub-menux li a:hover{background: #e9eaeb;}

/*轮播结束*/
.banner{width: 100%;overflow: hidden;position: relative; margin: 100px 0 0}
.banner .swiper-container{width: 100%;margin-left: auto;margin-right: auto;}
.banner .swiper-slide{text-align: center;overflow: hidden;position: relative;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-slide a{ width:100%; overflow: hidden}
.banner .swiper-slide  img{width: 100%;display: block;}
.banner .swiper-pagination-bullet{width:45px;height: 6px;opacity: 1;background: rgba(255,255,255,1);border:0;box-sizing:border-box; margin:0 6px; border-radius:10px}
.banner .swiper-pagination-bullet-active{background: #e8cf84;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px}
.banner .swiper-slide em .banner_t1{ display:none}

/*.banner .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}*/


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%; }
.bt{ display: table; line-height: 1; margin:0 0 }
.bt i{ width: 80px; height: 10px; display: table;background: url("../images/bt1.png") no-repeat center right; margin: 0  0 50px }
.bt h2{ font-weight: bolder;color: rgba(0,0,0,0);font-size:62px; -webkit-text-stroke: 1px #d0d3d6; text-transform: uppercase}
.bt h1{ font-size: 42px; color: #333; font-weight: bolder; margin-top: -16px}
.bt h1 span,.jj-w h3 span{ color: #1f3791}
.box1{ width: 100%; height: 606px; background: url("../images/bj1.jpg") no-repeat center center; display: block; margin: 110px auto}
.jj-l{ width:660px; height: 608px; display: table; float: left}
.jj-l img{ display: table; width: 100%}
.jj-w{width:525px; float: right; padding: 30px 0 0}
.jj-w h3{font-size:26px; color: #000; margin: 70px 0 5%; display: table}
.jj-w p{ color: #7b7b7b;font-size: 15px; line-height: 30px; margin: 0 0 30px}
.jj-w p{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:6; }
.more{ display: table; padding: 30px 0 0}
.more a,.cp1-l h2{ line-height: 46px; color:#1f3791; border: 1px solid #1f3791; padding: 0 30px 0 45px; display: table; border-radius: 25px; font-size: 15px;}
.more a:hover,.cp1-l h2:hover{ background: #1f3791; color: #fff}
.more a span,.cp1-l h2 span{ padding: 0 0 0 25px; font-family:"宋体"}

/**/
.box2{ width: 100%; height:810px; background: url("../images/bj.jpg") no-repeat center center; display: block; margin:0 auto; padding: 45px 0 0; box-sizing: border-box; }
.cpk{ width: 1240px; margin: 0 auto; position: relative }
.cpk .bt{ padding: 0 0 80px}

.cp1{ width: 100%}
.cp1-l{ width: 470px; float: left}
.cp1-l i{ width: 70px; height: 70px; background:url("../images/cp-ico1.png") no-repeat center center #fff; border-radius: 50%; display: table; margin: 30px 0 40px}
.cp1-l h1{ font-size: 36px; color: #333; font-weight: 800;}
.cp1-l p{ font-size: 16px; color: #6a6969; line-height: 30px; margin: 35px 0 40px; height: 120px; overflow: hidden}

.cp1-r{ width: 670px; height: 525px; background: url("../images/cp-bj.png") no-repeat center left; float: right; padding: 0; box-sizing: border-box}
.cp1-r .cp1-r-t{ width: 640px; height:525px; float: right; border-radius: 10px;}
.cp1-r .cp1-r-t img{border-radius: 10px; width: 640px; height: 512px;}
.box2 .swiper-button-prev{ width: 48px; height: 48px;background: url("../images/cp-jt1.png") no-repeat center center #fff; display: table; border-radius: 50%;top: 70px; left: inherit; right: 70px}
.box2 .swiper-button-next{width: 48px; height: 48px;background: url("../images/cp-jt2.png") no-repeat center center #fff; display: table; border-radius: 50%;top: 70px; right: 0}

/**/
.box3{width:100%; height:100%; display: table;}	
.sy{ width:100%; height:100%; position:relative;  }
.sy .hd{ }
.sy .hd ul{ float:left; height:100%;  position:absolute;  z-index: 999 ; top: 0}
.sy .hd ul li{ width: 20%; float:left; height:100%; cursor: pointer; border-right: 1px solid rgba(255,255,255, 0.1); box-sizing: border-box; text-align: center}
.sy .hd ul li a{ width: 100%; height:100%; display: table; padding: 0 7%; box-sizing: border-box;transition: all .3s;}
.sy .hd ul li a img{ width: 120px; height: 120px; margin:100% auto 0;transition: all .3s;}
.sy .hd ul li a p{ font-size: 15px; line-height: 30px; color: #ffffff;height: 0;transition: all .3s;overflow: hidden;}
.sy .hd ul li a span{ width: 50px; height: 50px; border: 1px solid #fff; display: table; margin:20px auto 0 auto; line-height: 50px; font-size: 20px; font-weight: 800; color: #fff; font-family:"宋体";border-radius: 50%;}
.sy .hd ul li a h1{color: #fff;font-size:24px;transition: all .3s; padding: 10px 0 0 }
.sy .hd ul li a i{width: 0;height: 1px;background: rgba(255,255,255,.42);transition: all .5s;display: block;margin:0 auto;}
.sy .hd ul li.on{background-color: rgba(0,0,0, 0.1); }
.sy .hd ul li.on a img{transform: scale(1.2);margin:70% 0 0;}
/*.sy .hd ul li.on a i{width:10%;margin:30px auto;}*/
.sy .hd ul li.on a p{margin-top: 20px;height: auto;height:180px;overflow: hidden;}

.sy .bd{  position:absolute; z-index: 99; height: auto; top: 0 }
.sy .bd .sy_t{width: 100%; height:100%; display: table;transition: all .3s;}
.sy .bd .sy_t1{ background: url("../images/sy-t1.jpg") no-repeat center center; background-size: cover;}
.sy .bd .sy_t2{ background: url("../images/sy-t1.jpg") no-repeat center center; background-size: cover}
.sy .bd .sy_t3{ background: url("../images/sy-t1.jpg") no-repeat center center; background-size: cover}
.sy .bd .sy_t4{ background: url("../images/sy-t1.jpg") no-repeat center center; background-size: cover}
.sy .bd .sy_t5{ background: url("../images/sy-t1.jpg") no-repeat center center; background-size: cover}
.sy .bd .sy_t img{ }

.box4{ background: #f5f6f7; width: 100%; padding: 40px 0}
.box4 .bt,.box5 .bt{ float: left}
.box4 .more,.box5 .more{ float: right}
.sy-cq{ width: 1340px; display: block; margin: 0 auto; padding:40px 0 0}

.box4 .swiper-slide{text-align: center; font-size: 18px; background: none; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.8);}
.box4 .swiper-slide a img{ width: 100%}
.box4 .swiper-slide a h1{ font-size: 18px; color: #333; width: 100%; line-height: 60px; text-align: center; margin: 0 0 30px}
 .box4 .swiper-slide-active,.box4 .swiper-slide-duplicate-active{transform: scale(1);}
 .box4 .swiper-container-horizontal>.swiper-pagination-bullets,  .box4 .swiper-pagination-custom,  .box4 .swiper-pagination-fraction{ bottom: 0}
  .box4 .swiper-pagination-bullet{ width: 15px; height: 5px;}
  .box4 .swiper-pagination-bullet{ width: 25px; height: 5px; border-radius: 10px;}
 .swiper-pagination-bullet-active{ background: #1f3791} 
/*  */
.box5{ padding:70px 0 100px}
.xw1{flex-wrap: wrap;width: 1240px;display:table; margin: 0 auto; padding:50px 0 0}
.xw1 li{margin:0 2% 2% 0;width:32%;position: relative;min-height: 1px;float: left;flex-grow: 1}
.xw1 li:nth-child(3n){margin:0 0 2% 0;}
.xw1 .row{/*display: flex!important;flex-wrap: wrap;*/}
.xw1 .boxs{border: 1px solid #d3d6e5;border-radius:10px;position: relative;height: 100%;background-color: #fff;webkit-transition: all .6s ease 0s;transition: all .6s ease 0s;}
.xw1 .boxs .xw1-t{display: block;-webkit-transition: all .6s ease 0s;transition: all .6s ease 0s;overflow: hidden;border-radius:10px 10px 0 0;position: relative;padding-top: 66%;border-radius: 10px 10px 0 0}
.xw1 .boxs .xw1-t img{position: absolute;border-radius:10px 10px 0 0;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;-webkit-transition: all .6s ease 0s;transition: all .6s ease 0s;}
.xw1 .boxs:hover .xw1-t img{transform: scale(1.1);}
.xw1 .boxs .item-body{/*background-color: #fff;*/}
.xw1 .boxs a .xw-more{color:#939191;width: 100%; border-top: 1px solid #dfdfdf;line-height: 56px;height: 56px;margin-top:25px;}
.xw1 .boxs a .xw-more span{float:right;width: 20px;height: 56px ;background: url("../images/xw-ico1.png") no-repeat center center;display: inline-block;float: right}
/*.xw1 .boxs:hover .xw-more span{background: url("../images/xw-ico11.png") no-repeat center center;}*/
.xw1 .boxs:hover{background: var(--color);}
.xw1 .boxs .item-title h1,.xw1 .boxs .xw1-w1 h1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.xw1 .boxs:hover .item-title h1{color: #fff;}
.xw1 .boxs .xw1-w1{padding: 35px 25px 10px;font-size:14px;line-height:26px; color: #939191; display:table;width:100%; box-sizing: border-box;-}
.xw1 .boxs .xw1-w1 h1{color:#333;font-size:18px;line-height:1; margin: 0 0 22px}
.xw1 .boxs:hover .xw1-w1 h1 {color: #1f3791}
.xw1 .boxs .xw1-w1 p{display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden; height: 52px}

 .goTop >img{width: 50px; height: 50px; cursor: pointer;} 
 .goTop{ width: 44px; display: table; margin: 20px auto 8px;height: 44px;}

/*fotter*/
.fotter{ background:url("../images/fott.png") no-repeat top center;  width:100%; display:table; color:#fff; margin-top: -45px}
.fo{ width: 100%; margin: 0 0 25px; display: table}
.fo-l{ float: left}
.fo-btn{ float: right; display: table; padding: 6px 0 0}
.fo-btn a{border: 1px solid #fff; border-radius:48px; display: table; line-height: 48px; height: 50px; color: #fff; font-size:15px;}
.fo-btn a span{ padding: 0 40px;}
.fo-btn a i{ background:url("../images/cp-jt2.png") no-repeat center center #fff; width: 48px; height: 48px; display: table; float: right;border-radius:50%; }
.fo-btn a:hover{background:#fff; color: #333}

.fo1{ width: 100%; border-top: 1px solid #3e3e3e; border-bottom: 1px solid #3e3e3e; display: table; padding: 50px 0 45px}
.fo1 ul{ float: left; width: 90%}
.fo1 li{ float: left; margin-right:11%; font-size: 18px;}
.fo1 li h1{font-size:16px; line-height: 26px; display: table;  margin: 0 0 10px;  }
.fo1 li img{ display: table;  float: left; margin-right: 10px;}
.fo1 li h1 span{ float: left;}
.fo1 .fo-wx{float: right; width: 88px;}
.fo1 .fo-wx img{ width: 88px; display: table; }
.fo1 li:nth-child(4){margin-right:0;}
.fo1 li:nth-child(3) p{font-size:24px; font-weight: bolder}

.fo2{ color:#fff;vertical-align:middle;display: table;font-size:13px; text-align:center;  margin:0 auto; width:100%;line-height:24px; padding:10px 0;  }
.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: 0 0 }
.fo2 .fo2-l{float: left;}
.fo2 .fo2-r{float: right;}


.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;}
@media only screen and (max-width:1600px) {

/*#header .boxx.on .topup{max-width:96%; margin: 0 auto;}
*/
    
 #menu{margin-left:3%; display: inline-block}
   
}
@media only screen and (max-width:1500px) {

}
@media only screen and (max-width:1400px) {

}
@media only screen and (max-width:1340px) {

}

@media only screen and (max-width:1250px) {

}