@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,del,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td {  margin:0;   padding:0; 
  font-family:"Microsoft Yahei","宋体"; /*font-family:"FZZHUNYSK","微软雅黑","宋体";*/  font-size:14px; color:#333;}
table {  border-collapse:collapse;    border-spacing:0;}
html, body { position: relative; 
  height: 100vh; 
  margin: 0;
   /*overflow: hidden;  */
} /* 滚动一屏 */



* { touch-action: pan-y; /* 或 touch-action: none;  允许用户通过触摸手势在垂直方向上滚动元素内容*/}
fieldset,img,button {  border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;  
  /* font-weight:normal; */
}
ol,ul { list-style:none;}
caption,th {  text-align:left;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
a { text-decoration:none; color:#333;  }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


html { font-family: "Microsoft Yahei","宋体";    }
body { background: #fff; }
a:hover,a:focus {
  color: #ad181f;
  text-decoration: none;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/* common */
.commonWrap { width: 100%; clear: both;}
.commonW1200 { width: 1200px;}
.pad70 { padding: 70px 0;}
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mc { margin: 0 auto;}
.w1200 { width: 1200px;}
.relative { position: relative;}
.absolute { position: absolute}
.fl { float: left}
.fr { float: right}
.center { text-align: center}
.borderBox { box-sizing: border-box;}
.cl { clear: both;}

input, button, textarea, select {
  font: 14px/100% "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif;
  outline: 0;
  border: 0;
  background: none;
  color: #707070;}

/* ------------------------------------------------------首页-------------------------------------------------------- */

.swiper { width: 100%; height: 100%; overflow: hidden;}
.swiper-slide { text-align: center; background: #fff;  /* 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;}
/* .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;} */


/*导航*/
.topWrap{ width: 100%; height: 70px; background-color: rgba(255, 255, 255, 0.9); position: fixed; top: 0px; z-index: 10;}
.con_top{ width: 95%;  height: 100%;  }
.con_top .toplogo{width: 316px; height: 100%; float: left;  padding: 12.5px 0;  } 
.con_top .toplogo img{width: 100%;}
.navwarp { width: 60%; height: 100%; margin-left: 30px;}
#nav { width: 100%; }
.navwarp .nav { height:100%;  position: relative; z-index: 1; display: flex; justify-content: space-around;}
.navwarp .nav .nLi {width:calc(100%/8); line-height: 70px; float: left; position: relative; display: inline;}
.navwarp .nav .nLi h3 { text-align:center; }
.navwarp .nav .nLi h3 a { display: block; height: 70px; font-size: 16px; color: #333; text-decoration: none; }
/* .nav .nLi h3 a:hover { border-bottom: 3px #ca2a2c solid; }  */
.navwarp .nav .on h3 a{color: #c7223a; font-weight: 600;}
.navwarp .nav .sub { display: none; width: 160px; left: 10px; top: 70px; position: absolute; background-color: rgba(255, 255, 255, 0.8);
line-height: 40px; border-top: 3px #ca2a2c solid;}
.navwarp .nav .sub::before { content: ''; position: relative; top: -8px; left: 20px; display: block; width: 16px; height: 8px; background: url(../images/nav_arrow.png) no-repeat;}
.navwarp .nav .sub li { zoom: 1;}
.navwarp .nav .sub a { display: block; padding-left: 24px; color: #515253;}
.navwarp .nav .sub a:hover { color: #fff; background:#ca2a2c;}

.tools{ width: auto; height: 32px; margin-top: 19px; position: relative;}
.tools ul li{float: left; margin-left: 10px; width: 32px; height: 32px; line-height: 32px; background:#ca2a2c; border-radius: 50%; text-align: center;}
.tools ul li:hover{background-color: #ff7a0e;}
.search{font-size: 20px; cursor: pointer; color: #fff;}
/* .tools button{ width: 25px; height: 25px; cursor: pointer;} */
.tools ul li a{ color: #fff;}
.tc {position: absolute; right: 0; top: 60px; border: 1px solid #ddd; width: 330px; height: 47px; line-height: 35px; padding: 5px;  z-index: 10; display: none;
   background: #fff; border-radius: 3px; overflow: hidden; align-items: center;}
.tools .tc .kw {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: block; color: #999; width: calc(100% - 90px); height: 35px; 
 background-color: #e8e8e8; padding: 0 5px;  border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.tools .tc .ok { display: block; width: 40px; height: 35px; font-size: 13px; text-align: center; line-height: 35px; color: #fff; -webkit-flex-shrink: 0; 
 -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; background-color: #ca2a2c; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.tools .tc .ok:hover{background-color: #ff7a0e;}
.tools .tc .close { cursor: pointer; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 23px; margin-right: 5px; color: #999;}
.tools .tc .close:hover{color: #ff7a0e;}


/* banner */
.fullSlide { width: 100%; position: relative; z-index: 0; height: 100%; background: #333;}
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0;  overflow: hidden;}
.fullSlide .bd ul { width: 100% !important; height: 100%;}
.fullSlide .bd li { width: 100% !important; height: 100%; overflow: hidden; text-align: center; background-size: 100% 100%; background-color: #2ea7e0;}

.fullSlide .bd li .bannertxt{  position: relative;  text-align: center; }
.fullSlide .bd li .bannertxt h3{ font-weight: bolder;}
.fullSlide .bd li .bannertxt p{text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; display: inline-block; padding-top: 10px; margin-top: 8px;}

.fullSlide .bd li .b_01{top: 30%;}
.fullSlide .bd li .b_01 h3{font-size: 50px; color: #005ba4;}
.fullSlide .bd li .b_01 p{ color: #005ba4; border-top: 2px #005ba4 solid; font-size: 19px;  font-weight: 600; }
.fullSlide .bd li .b_03{top: 35%;}
.fullSlide .bd li .b_03 h3{font-size: 40px; color: #fff; text-shadow: 2px 2px 2px #060606;}
.fullSlide .bd li .b_03 p{color: #fff; border-top: 2px #fff solid; font-size: 18px; text-shadow: 1px 1px 1px #060606;}


.fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 60px; text-align: center; _background: #000; _filter: alpha(opacity=60);}
.fullSlide .hd ul { text-align: center;}
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 43px; height: 4px; margin: 0 10px;
  background: url(../images/tg_flash_p.png) 43px 0; overflow: hidden;}
.fullSlide .hd ul .on { background-position: 0 0;}
.fullSlide .prev, .fullSlide .next { width: 45px; height: 45px; display: none; background: url(../images/index.png) no-repeat 0 0; position: absolute;
  top: 50%; z-index: 10; cursor: pointer; text-indent: 999; filter: alpha(opacity=60); opacity: 0.5;}
.fullSlide .prev { left: 10px;}
.fullSlide .next { background-position: -46px 0; right: 10px;}
.fullSlide .prev:hover, .fullSlide .next:hover { filter: alpha(opacity=100) !important; opacity: 0.8 !important;}


.aboutwrap{width: 90%; max-width: 1500px; min-width: 0px; height: auto; max-height: none; min-height: 0px; }
.aboutwrap .aboutleft {width: 53%; padding-bottom: 52px; text-align: left;}
.aboutwrap .aboutleft h3{ color: #ca2a2c; font-size: 36px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.aboutwrap .aboutleft h1{ font-size: 36px; font-weight: bold; padding-top: 10px;}
.aboutwrap .aboutleft .abouttext{ width: 100%; height: auto;  text-align: justify; text-justify: inter-ideograph; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; padding-top: 20px;}
.aboutwrap .aboutleft .abouttext p{font-size: 22px; line-height: 43px;}
.aboutwrap .aboutleft a{display: block; float: left; margin-top: 20px; padding: 0 31px; width: 164px; height: 46px;  line-height: 46px; border-radius: 50px; 
  background-color: #c19e5d; text-align: center; font-size: 15px; color: #fff;}
.aboutwrap .aboutleft a span{font-size: 20px; padding-top: 4px; float: right;}
.aboutwrap .aboutleft a:hover{ background-color: #ad6329;}
.aboutwrap .aboutleft ul{width: 100%; display: block; float: left; padding-top: 20px;}
.aboutwrap .aboutleft ul li{ width: 25%; height: 65px; float: left;}
.aboutwrap .aboutleft ul li p{font-size: 15px; }
.aboutwrap .aboutleft ul li p span{ color: #ca2a2c; font-size: 36px;}
.aboutwrap .aboutleft ul li b {font-size: 15px;}

.productwrap{width: 98%; max-width: 1500px; min-width: 0px; height: auto; max-height: none; min-height: 0px; padding-top: 30px;  }

.common_tit{width: 100%; height: auto;}
.common_tit p{font-size: 32px; color: #ca2a2c; font-weight: 600; font-family: Arial, Helvetica, sans-serif;}
.common_tit h3{font-size: 24px; }
.common_tit span{font-weight: 600;}
.common_tit a{display: block; padding-top: 5px; font-size: 13px; color: #666;}
.common_tit a:hover{color: #ca2a2c;}


.productwrap .product{ width:100%; height: auto; padding-top: 20px;}
.productwrap .product .hd{ overflow:hidden; display: inline-block; margin-top: 30px;}
.productwrap .product .hd li { position:relative; text-align:center; line-height: 36px; float:left;  border-top:0; _font-weight:bold; cursor:default; 
  margin: 0 7px;
}
.productwrap .product .hd li a{padding: 0 20px; font-size: 18px; color: #0945a0;}
.productwrap .product .hd .on{background-color: #0945a0; }
.productwrap .product .hd .on a{ color:#fff;}
.productwrap .product .hd li:hover{ background-color: #0945a0; }
.productwrap .product .hd li:hover a{color: #fff;}
.productwrap .product .bd{ width: 100%; height:auto; margin-top: 20px;}
.productwrap .product .lh{ overflow:hidden;  }
.productwrap .product .lh li{ width: calc((100% - 120px)/3); width:-moz-calc((100% - 120px)/3);  width:-webkit-calc((100% - 120px)/3); margin: 15px 20px; 
  display: inline-block; float: left; overflow: hidden; position: relative;}

.productwrap .product .lh li .p-img {  width: 100%; height: 0; position: relative; overflow: hidden; margin: 0 auto;  
  position: relative; padding-bottom: 70%;}
.productwrap .product .lh li .p-img img{width: 100%; height: 100%; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; }
.productwrap .product .lh li:hover .p-img{transform: scale(1.1);}

.transition { transition: all 0.35s ease 0s;}
.productwrap .product .lh li a{
  left: 10%;
  width: 78%;
  height: 78%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.productwrap .product .lh li a::before {
  display: block;
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color:#0945a0;
    border-radius: 2px;
    transform: translateX(-20px);
    opacity: 0;
}
.productwrap .product .lh li:hover a::before{
  transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  opacity: 0.8;
}
.p-name{position: relative;
  display: block;
  z-index: 1;
  overflow: hidden;
  top: 85%;
  transition: all 0.35s ease 0s;
  text-align: center;
}
.productwrap .product .lh li:hover .p-name {
  top: 56%;
  transform: translateY(-56%);
  -webkit-transform: translateY(-56%);
  -moz-transform: translateY(-56%);
  -ms-transform: translateY(-56%);
  -o-transform: translateY(-56%);
}
.productwrap .product .lh li .p-name .icon{
  display: block;
  margin: 0px auto;
  width: 40px;
  height: 40px;
  line-height: 36px;
  font-size: 22px;
  border-radius: 99px;
  border: 2px solid #fff;
  color: #fff;
  opacity: 0;
}
.productwrap .product .lh li:hover .icon { opacity: 1;}

.productwrap .product .lh li .p-name h3{font-size: 20px; color: #fff; padding: 10px 0; opacity: 0;}
.productwrap .product .lh li:hover h3 { opacity: 1;}
.productwrap .product .lh li .p-name p{ color: #ccc;  opacity: 0;}
.productwrap .product .lh li:hover p{ opacity: 1;}




.videowrap{ width: 90%; max-width: 1500px; min-width: 0px; height: 580px; max-height: none; min-height: 0px; margin-top: 30px; }
.videoleft{ width: 160px; height: 100%; display: table;}
.videoleft .aboutlist{  display: table-cell; width: 100%; height: 50%;  padding: 43px 60px; text-align: center; color: #fff;}
.videoleft .list01{background-color: #ca2a2c;}
.videoleft .list02{background-color: #36404b;}
.videoleft p{font-size: 23px; font-weight: bold; color: #fff; padding-top: 40px;}
.videoleft span{display: block; width: 35px; height: 2px; background-color: #fff; margin: 18px auto;}
.videoleft h3{font-size: 25px; font-weight: bold; color: #fff;}
.videoleft ul li{ width: 100%; height: 40px; text-align: center;}
.videoleft ul li a{color: #fff; font-size: 18px; } 
.videoleft ul li a:hover{font-size: 23px; font-weight: 600;}

.videoright{ width: calc(100% - 270px); height: 100%;}
.videoright video{width: 100%; height: 100%;}


.zlhzwrap{width: 98%; max-width: 1500px; min-width: 0px; height: auto; max-height: none; min-height: 0px; padding-top: 30px;}

.zlhzbox {height: 450px; margin-top: 10px; }

.zlhzbox .zlhzleft{width: 28%;}
.zlhzbox .zlhzleft ul li{float: left; width:calc(100% / 3);  width:-moz-calc(100% / 3);  width:-webkit-calc(100% / 3); height: auto; padding:18px 12px;}
.zlhzbox .zlhzleft ul li .z_img{width: 100%; height: 100%;  overflow: hidden; transition: all 0.1s ease;background-color: #fff; border-radius: 10px; 
  box-shadow: 5px 7px 0 #aec5d3; position: relative;  overflow: hidden; padding-bottom: 119%;}
.zlhzbox .zlhzleft ul li img{ width: 88.8%; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%;}
.zlhzbox .zlhzleft ul li:hover{ transform: scale(1.1);
  -webkit-transform: scale(1.1)!important;
  -moz-transform: scale(1.1)!important;
  -o-transform: scale(1.1)!important;
}

.zlhzbox .zlhzright{width: 70%;}
.zlhzbox .zlhzright ul li{float: left; width:calc(100% / 10);  width:-moz-calc(100% / 10);  width:-webkit-calc(100% / 10); height: auto; padding:14px 9px;}
.zlhzbox .zlhzright ul li .z_img{width: 100%; height: 100%;  overflow: hidden; transition: all 0.1s ease;background-color: #fff; border-radius: 10px; 
    box-shadow: 3px 5px 0 #aec5d3; position: relative;  overflow: hidden; padding-bottom: 117%;}

.zlhzbox .zlhzright ul li img{ width: 90%; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%;}
.zlhzbox .zlhzright ul li:hover{ transform: scale(1.1);
  -webkit-transform: scale(1.1)!important;
  -moz-transform: scale(1.1)!important;
  -o-transform: scale(1.1)!important;}

/* .zlhzwrap img{width: 100%; padding-top: 30px;} */


.newswrap{width: 93%; max-width: 1500px; min-width: 0px; height: auto; max-height: none; min-height: 0px; padding-top: 30px;}
.newsbox{width: 100%; height: auto; padding-top: 20px;}
.newsbox .news_tj{width: 40.2%; height: 100%;}
.newsbox .news_tj .newimg {float: left; width: 100%; height: 290px; padding: 0 10px; overflow: hidden;}
.newsbox .news_tj img {width: 100%; height: 100%; transition: all 0.3s ease;}
.newsbox .news_tj:hover img{ transform: scale(1.1);}
.newsbox .news_tj .newstxt{width: 100%; height: 160px; background-color: #ca2a2c; padding: 33px 40px;}
.newsbox .news_tj .newstxt .rq{width: 61px; height: 86px; text-align: center;}
.newsbox .news_tj .newstxt .rq p{font-size: 40px; font-weight: bold; color: #fff; font-family: Arial, Helvetica, sans-serif; line-height: 61px;}
.newsbox .news_tj .newstxt .rq span{font-size: 15px; color: #fff;}
.newsbox .news_tj .newstxt .nr{width: calc(100% - 90px); text-align: left;}
.newsbox .news_tj .newstxt .nr a{ font-size: 20px; color: #fff; display: block; width: 100%; height: 33px; overflow:hidden;
  text-overflow:ellipsis;  white-space:nowrap;}
.newsbox .news_tj .newstxt .nr hr{border: 0; background-color: #fff;  height: 1px;}
.newsbox .news_tj .newstxt .nr p{ color: #fff; line-height: 25px; font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; 
  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.newsbox .newslist{ width: 54.6%; height: 100%;}
.newsbox .newslist ul li{float: left; width: 100%; height: 111.5px;  padding:20px; position: relative;}
.newsbox .newslist ul li::after{display: block; width: 93.6%; height: 1px; background-color: #b7c5d1; content: ''; z-index: 10; position: absolute; bottom: 0;}
.newsbox .newslist ul li:hover{background-color: #ca2a2c;}
.newsbox .newslist ul li .nlistimg{ width: 130px; height: 70px; overflow: hidden;}
.newsbox .newslist ul li .nlistimg img{width: 100%; height: 100%; transition: all 0.3s ease;}
.newsbox .newslist ul li:hover .nlistimg img{ transform: scale(1.1);}
.newsbox .newslist ul li .nlistnr{ width: calc(100% - 160px);; text-align: left; }
.newsbox .newslist ul li .nlistnr a{font-size: 18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block; color:#000;}
.newsbox .newslist ul li .nlistnr small{font-size: 12px; color: #777; padding-top: 7px; display: block;}
.newsbox .newslist ul li .nlistnr p{ color: #444; font-size: 15px; padding-top: 7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsbox .newslist ul li:hover .nlistnr a{color: #fff;}
.newsbox .newslist ul li:hover .nlistnr small{color: #fff;}
.newsbox .newslist ul li:hover .nlistnr p{color: #fff;}

/* 底部开始 */
.footerWrap{ width: 100%; height: 38px; background-color: #36404b; }
.footbox{width: 95%; height: 100%; line-height: 38px; color: #ccc; font-size: 13px;}
.footbox a{color: #ccc;}
.footbox a:hover{color: #fff;}
.footbox a img{vertical-align: text-top; }

.syfoot{position: fixed; bottom: 0px; z-index: 2;}


.nyfootwrap{width: 100%; height: 310px; background-color: #eceeef; border-top: 20px #c19e5d solid;}
.nyfootbox{width: 93%; max-width: 1500px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px; margin-left: auto;
  margin-right: auto; margin-bottom: 0px; padding-top: 40px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px;}
.foot_left{ width: 26%; padding-top: 50px; background: url(../images/toplogo.png) no-repeat top left;}
.foot_left hr{border-top: 1px solid #bbb;}
.foot_left p{line-height: 30px; color: #666;}

.foot_right{ width: 50%; margin-left: 30px;}
.foot_right ul li{ float: left; margin-right: 30px;}
.foot_right ul li h3{font-size: 16px; padding-bottom: 20px; color: #333;}
.foot_right ul li p a{color: #777; line-height: 26px;}
.foot_right ul li p a:hover{color: #ca2a2c;}

.ewm{ width: 10%;  text-align: center;}
.ewm img{width: 100%;}
.ewm p{color: #999; line-height: 40px;}

/* 公用样式================================================================================ */
.gao20 {	height:20px;	font-size:1px;/* 由于ie6的双倍高度问题，所以要把12px以下加入这个字体设置项 */	  	}
.gao15 {	height:15px;	font-size:1px;/* 由于ie6的双倍高度问题，所以要把12px以下加入这个字体设置项 */	  	}
.gao10 {	height:10px;	font-size:1px;/* 由于ie6的双倍高度问题，所以要把12px以下加入这个字体设置项 */	  	}
.gao5 {	height:5px;	font-size:1px;/* 由于ie6的双倍高度问题，所以要把12px以下加入这个字体设置项 */	  	}

/*内页banner*/
.service-banner { width: 100%; height: 400px; position: relative; z-index: 0; }
.table-cell { height: 40px; padding-top: 210px; text-align: center;}
.table-cell h3 {font-size: 36px; color: #fff;display: inline-flex; line-height: 1; align-items: flex-end;}
.table-cell h3 span{ font-weight: 600; }

/* 内容开始 */
.contentwrap{width: 100%; min-height: 700px; background-color: #eceeef; padding-bottom: 60px;}
/* 二级页面导航 */
.subnav{ width: 100%; height: auto;  background-color: #fff;  }
.subnav ul{ width: 1200px; margin: 0 auto;  list-style: none; text-align: center; list-style: none;  display: -webkit-box; display: -moz-flex;  
  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center; justify-content: center;   align-items:baseline;}

.subnav li{ float: left;  position: static; display: inline-block; color: #fff; width: auto; vertical-align: top;}
.subnav ul li .picli{ font-size: 16px; height: 80px; line-height: 80px; padding: 0px 30px; color: #333; display: block; transition: 0.3s ease 0s;}
.subnav ul li .picli::after {content: ""; position: absolute; width: 1px; height: 15px; display: block; background: #ccc; top: 50%; 
  margin-top: -7px; right: 0px;}
.subnav ul li .picli:hover{ background-color: #ca2a2c; color: #fff;}
.subnav ul li .picli.current{ background-color: #ca2a2c; color: #fff;}

.content_page{ width: 90%; min-height: 600px; padding-top: 30px;}
/* 面包屑 */
.menuwrap{padding: 20px 0;color: #777;font-size: 13px;}
.goback{ float: right; color: #666;}
/* about详情页 */
.ny_main{ background: #fff; min-height: 600px; padding: 70px 90px;}
.xq_main{background: #cbdffd; position: relative;}
.main_textW{width:86%; padding-bottom: 30px;  }
.main_textW p { font-size: 16px; line-height: 35px; text-align: justify; text-justify: inter-ideograph;}
.main_textW img { max-width:100%; height: auto; margin: 10px 0; text-align: center;}
.maintitl{text-align: center; width: 85%; min-height: 40px; margin-bottom: 58px;}
.maintitl h2{ font-size: 30px; line-height: 40px; color: #333;}
.maintitl span{ display: block; font-size: 13px; color: #666; padding-top: 10px;}

.main_textW iframe{ margin:0 auto; max-width: 100%;}

.picfy{ position: absolute; width: 50px; height: 50px; background-color: #8ca6ce; top: 40%; border-radius: 50%; text-align: center; line-height: 50px;  color: #fff;}
.picfy:hover{ background-color: #688abd; }
.pic_back{ left: 10px;}
.pic_next{ right: 10px;}
.picfy a{display: block; color: #fff; font-size: 30px;}
.pictext{ width:100%; padding-bottom: 30px; }
.pictext p { font-size: 16px; line-height: 35px; text-align: justify; text-justify: inter-ideograph;}
.pictext img{width: 100%; max-width:100%; height: auto; }

.updown{ overflow: hidden; margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; border: none; border-top: 1px #e0e1e1 dashed; padding-top: 50px;}
.updown ul li{ width: 48%; height: 40px; background: #eee; color: #666; padding: 10px 10px 10px 20px; border-radius: 30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.updown ul li:nth-child(1){float: left;}
.updown ul li:nth-child(2){float: right;}
.updown ul li a{color: #666;}
.updown ul li a:hover{color: #0945a0;}

/* 新闻列表 */
.n_newslist{ padding-bottom: 60px;}
.n_newslist li{ width: 100%; height: 270px; padding: 25px; position: relative; border-bottom: 1px solid #e5e7eb; background: #f5f5f5;
  margin-bottom: 25px;}
.n_newslist li::after{ content:''; display:block;	/*开始时候下划线的宽度为0*/	width:0; height:1px; position:absolute;	left:0;	bottom:0;
			background:#0945a0;/*设定所有改变都有动画效果，可以自己指定样式才有动画效果*/ transition:all 0.3s ease-in-out; }
.n_newslist li:hover::after{ width:100%;}
.n_newslist li .n_newslist_img{ width: 360px; height: 100%; overflow: hidden;}
.n_newslist li a img{ width: 100%; height: 100%; float: left;  transition: all 0.3s ease;}
.n_newslist li :hover img{ transform: scale(1.1);}

.n_newslist .news_content{  width:calc(100% - 360px); height: 100%; float: left;  padding-left: 40px;}
.n_newslist .news_content h3{ font-size: 24px; color: #333;line-height: 80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.n_newslist li:hover h3{  color: #0945a0;  }
.n_newslist .news_content p{ color: #888; margin-bottom:16px; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow: hidden; text-align: justify; text-justify: inter-ideograph;}
.n_newslist .news_content span{ color: #9ea7b4; }
.n_newslist .news_content span em{color: #9ea7b4; padding-right: 8px;}

.ny_pic_main{width: 100%;background: #fff; min-height: 600px; padding: 50px 30px 70px 30px;}
.ny_pic_main ul{ padding-bottom: 60px;}
.ny_pic_main ul li p{font-size: 18px; font-weight: 600; padding-top: 20px; text-align: left; float: left; height: 68px;}
.ny_pic_main ul li:hover p{  color: #0945a0;  }


.hlist li{ width: calc((100% - 120px)/3); width: -moz-calc((100% - 120px)/3); width: -webkit-calc((100% - 120px)/3);
  margin: 30px 20px; display: inline-block; float: left; overflow: hidden;  }
.slist li{ width: calc((100% - 200px)/4); width: -moz-calc((100% - 200px)/4); width: -webkit-calc((100% - 200px)/4);
    margin: 30px 25px; display: inline-block; float: left; overflow: hidden;  }

.ny_piclist li .n_piclist_img{ position: relative; overflow: hidden; width: 100%; height: 0px; transition: all .5s ease;}
.hlist li .n_piclist_img{ padding-bottom: 70%;}
.slist li .n_piclist_img{ padding-bottom: 141%;}

.ny_piclist li .n_piclist_img img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.ny_piclist li:hover .n_piclist_img{overflow: hidden;
  transform: scale(1.05)!important;
  -webkit-transform: scale(1.05)!important;
  -moz-transform: scale(1.05)!important;
  -o-transform: scale(1.05)!important;}


/* 页码 */
.pagenumberwap { width: 699px;text-align: center; clear: both; }
.fanye { display: inline-block;}
.fanye { _display: inline;}
.fanye li {  _float: left; border: 1px solid #ccc; height: 30px; line-height: 30px; vertical-align: middle;
  margin: 0 3px; min-width: 45px; display: inline-block; background-color: #fff;}
.fanye li a{ display: block; padding: 0 6px;}
.fanye li:hover {  border: 1px solid #0945a0; color: #0945a0; text-decoration: none;}
/* .fanye li.on { background: #045CBD; border: 1px solid #d6d6d6; color: #fff; text-decoration: none; font-weight: bold;} */
.fanye li.active { background: #0945a0; border: 1px solid #d6d6d6; color: #fff; text-decoration: none; font-weight: bold;}
.fanye li.active a { color: #fff;}
.fanye li.disable { color: #D6D6D6; cursor: default;}
.fanye li.disable:hover { border: 1px solid #0945a0;}
.fanye li.load { cursor: pointer; line-height: 27px;}


.fzlclist{position: relative; width: 90%; margin: 0 auto; }
.fzlclist li{height: 100px; padding-top: 5px; padding-bottom: 5px; padding-left: 45px;  position: relative;}
.fzlclist li .nian{text-align: right; width: 15%; padding-top: 10px;}
.fzlclist li .nian::after { position: absolute; top: 30%; transform: translateY(-50%); background-color: #c19e5d; border: 2px solid #eee;
  border-radius: 13px; content: ""; width: 15px; height: 15px; left:230px; transition: all 0.3s ease-out 0s;  z-index: 1;}
.fzlclist li h3{font-size: 26px; font-weight: 600; font-family: Arial, Helvetica, sans-serif; color: #ad6329;}
.fzlclist li .fzlcnr{text-align: left; width: 76%; height: auto; padding: 10px;font-size: 18px; line-height: 30px;
    background-color: #97d5f9;  border: 7px #ccebfd solid; color: #333; }
.fzlclist li p{font-size: 18px; line-height: 30px;}

.fzlclist::after { content: ''; display: block; width: 1px; background-color: #cfcfcf; position: absolute; left: 237px; top: 0; bottom: 0; z-index: 0;}