@charset "utf-8";
body {color: #555;	font-size: 16px;	line-height: 1.75em;	background: #fff;	font-family:"Open Sans", Arial, Helvetica, "SimHei", simsun, sans-serif ;	-webkit-font-smoothing: antialiased; }
.fl{ float: left; } .fr{ float: right;} 
.cl:after{display:block;clear:both;content:"";visibility:hidden;height:0} .cl{zoom:1} 
/***************
"宋体","SimSun","黑体","SimHei","微软雅黑","Microsoft YaHei","微软正黑体","Microsoft JhengHei","新宋体","NSimSun","楷体","KaiTi","
**************/

.w100{ width:100%;   clear:both; margin:0 auto;    }
.w88{ width:88%;   clear:both; margin:0 auto;   }
.w120{ width:1200px;   clear:both; margin:0 auto;    }

.wap-box{ display:none}
.pc-box{ display: block}



.shenglue1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.shenglue3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;line-height:1.75;max-height:5.25em}
.tpjz{max-width: 100%;max-height: 100%;position: absolute;display: block;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.bantouming{filter:alpha(opacity=50);opacity:0.5;}
.fangda{transform: scale(1.1); -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;}

h1 ,h2, h3{ font-weight:normal; font-family:Raleway; line-height:1em;}
a { color:#333;}
a:hover{ color:#0085DD;}
/********* top *****************/
header .ding{ padding:15px 0; background:#0085DD; color:#fff; height:35px;  }
header .ding .meiti{ width:25%;  }
header .ding .meiti ul li{ display:inline-block; margin-right:10px; position:relative;}
header .ding .meiti ul li img{ display:block; width:32px; height:32px; }
header .ding .meiti ul li .screen-reader-text {   
overflow: hidden;    padding: 5px 10px;    position: absolute; left:50%; bottom:-25px;; background:#000; color:#fff;    width: auto; height:auto; line-height:1em; font-size:12px;
    word-wrap: normal !important;-webkit-transform: translate(-50%,0%); transform: translate(-50%,0%); display:none; border-radius:3px;}
header .ding .meiti ul li a:hover .screen-reader-text { display:block;}

header .ding .yuyan{ display:inline-block }
header .ding .yuyan ul li{ display:inline-block; margin-left:10px; text-align:right}
header .ding .yuyan ul li A{ display:block; width:32px; height:32px; color:#FFF; font-size:20px; line-height:32px;; border:1px solid #fff; border-radius:4px; text-align:center; vertical-align:middle; }
header .ding .yuyan ul li:hover A{ background:#fff; color:#0085DD;}

header .ding  .lianxi{ display:inline-block }
header .ding  .lianxi ul li{ display:inline-block;  text-align:right; line-height:32px;; padding-right:25px; }
header .ding  .lianxi ul li i{ display:block; width:32px; height:32px; float:left; }
header .ding  .lianxi ul li i.tel{ background: url(img/f-tel1.png) center center no-repeat;}
header .ding  .lianxi ul li i.email{ background: url(img/email.png) center center no-repeat;}

/*************/
header .daohang{ height:70px; padding:15px 0;}
header .daohang .logo { width:30%;  }
header .daohang .logo img{ display:block; height:70px; width:auto}
header .daohang .nav { width:70%; padding:15px 0; line-height:40px;  }
header .daohang .nav ul { display:table; width:100%}
header .daohang .nav ul li{ display: table-cell; position:relative; }
header .daohang .nav ul li a{ display:block; text-align:center; font-family:"Open Sans"; font-size:16px; font-weight:bolder; color:#000;} 
header .daohang .nav ul li.onn a{ color:#1a80b6; }
header .daohang .nav ul li.onn a:after{ content:""; position:absolute; top:-30px; left:12%;  width: 76%;height: 0;border-bottom: 5px solid #1A80B6;}

/***************/
.ppt-index .swiper-slide{ position:relative;}

.ppt-index .swiper-slide img{ display:block; width:100%; height:auto; transition: transform 10s ease;transform: scale(1.05); }
.ppt-index .swiper-slide.swiper-slide-active img{transform: scale(1); }
.ppt-index .swiper-slide .progress{ content:""; position:absolute; left:0; top:0;  z-index:5; width:0; height:5px; background:rgba(26,108,186,.3);  }
.ppt-index .swiper-slide.swiper-slide-active .progress{ width:100%; -webkit-transform: all 8s ease 0s;transition: all 8s ease 0s; }

.ppt-index .swiper-slide .shangceng{ position:absolute; width:100%; height: auto; bottom:0; padding-bottom:40px; padding-top:20px; background:rgba(60,130,170,.7);  }
.ppt-index .miaoshu{  width:60%; margin:0 auto;  font-family: Raleway; }
.ppt-index  .miaoshu h1{ font-size:39px; line-height:1.7em;margin:0 ; color:#fff; text-shadow:2px 2px 10px rgba(0,0,0,.7); text-align:center; font-family: Raleway;  }
.ppt-index  .miaoshu h2{ font-size:36px; line-height:3em;   margin:0 ;color:#fff; text-shadow:2px 2px 5px rgba(0,0,0,.7); text-align:cente; font-family: Raleway; }
.ppt-index  .miaoshu div.shuoming{ font-size:36px;font-family: Raleway; line-height:1.5em;   margin:0 ;color:#fff; text-shadow:2px 2px 5px rgba(0,0,0,.7); text-align:center}

@media screen and (max-width: 1199px) {
.ppt-index  .miaoshu h1{ font-size:30px;   }
.ppt-index  .miaoshu h2{ font-size:24px;  }
.ppt-index  .miaoshu div.shuoming{ font-size:24px; }
	
}
@media screen and (max-width: 767px) {
.ppt-index  .miaoshu h1{ font-size:20px;   }
.ppt-index  .miaoshu h2{ font-size:18px;  }
.ppt-index  .miaoshu div.shuoming{ font-size:18px; }
}
/********************/
.lanadv{ background:#0085DD; padding:20px 0; color:#fff; font-size:36px; line-height:2em; text-align:center;  font-family:Raleway;}
.lanadv a.more{ display:inline-block; float:right; width:auto; padding:0 30px; font-size:24px; border:1px solid #ddd; color:#fff; border-radius:5px;}
.lanadv a.more:hover{ filter:alpha(opacity=50);opacity:0.5;}


/************/
.indextuwen{ padding:30px 0; text-align:center}
.indextuwen ul li{ display:inline-block; width:45%; padding:30px 2.2%;  }
.indextuwen ul li .bk{border:1px solid #ddd; border-radius:5px; padding:20px;}
.indextuwen ul li .tu{ width:100%; height:0; padding-bottom:50%; overflow:hidden;}
.indextuwen ul li .tu img{ width:100%; height:auto;}
.indextuwen ul li .bt{ padding:20px 0; font-size:44px; line-height:1.3em; color:#0085DD; text-align:left; font-family:Raleway;}
.indextuwen ul li .nr{ text-align:left; }


/***************/
.lantiao3{ background:#3B9DDD; color:#fff; font-size:20px; line-height:46px;; text-align: left; height:46px; overflow:hidden; border-radius:5px; padding:0 50px;}
.lantiao3 .wenzi,.lantiao3 .lunbo{ display:inline-block; margin-right:1em; float:left;}
.lantiao3 .lunbo{ height:46px; position:relative; color:rgba(255,255,255,.9);background:#3B9DDD; display:inline-block; width:30%;; float:left; }
.lantiao3 .lunbo .swiper-slide{background:#3B9DDD;}
.lantiao3 .lunbo .swiper-slide a{color:rgba(255,255,255,.9);}

 ul.listxm li{ margin:20px auto; background:#EFEFEF; border-radius:5px; overflow:hidden;}
 ul.listxm li .tu{ width:50%; overflow:hidden;}
  ul.listxm li .tu img{ display:block; width:100%; height:auto;}
   ul.listxm li .wen{ width:50%; padding:30px; box-sizing:border-box; overflow:hidden;}
   ul.listxm li .wen .bt{ font-size:36px; padding:20px 0; line-height:1em; color:#3B9DDD; font-family:Raleway; }
   ul.listxm li .wen a.more{ margin-top:20px; display:block; float:left; padding:0 40px; line-height:50px; font-size:18px; font-weight:300; color:#0085DD; border-radius:5px; border:1px solid #0085DD; background:#fff;}
ul.listxm li .wen hr{filter:alpha(opacity=20);opacity:0.2;}

/**************/
footer .foot{ border-top:12px solid #087DCC ; padding:60px 0; background:#212934; color:#fff; margin-top:80px;}
footer .foot ul.links{ text-align: center}
footer .foot ul.links li{ display:block; width:30%; padding:0 1.5%; text-align:left; float:left;}
footer .foot ul.links li p{padding:15px 0; font-size:24px; font-family:Raleway; }
footer .foot ul.links li a{ display:block; color:#eee; padding:15px 0; line-height:20px; border-bottom:1px solid #26303E;}
footer .foot ul.links li a:before{ content:">"; margin-right:1em; font-family: serif; }
footer .foot ul.links li a:hover{ color:#087DCC}

footer .copyright{ background:#1D242D; padding:20px 0; height:42px; line-height:42px; color:#fff; font-size:14px;}
footer .copyright .nr{ display:inline-block; padding-left:1.5%}

footer .copyright .links{ display:inline-block; float:right; padding-right:1.5%; text-align:right; padding-top:10px;}
footer .copyright .links ul li{ display:inline-block; margin-right:10px; position:relative;}
footer .copyright .links ul li img{ display:block; width:32px; height:32px; }
footer .copyright .links ul li .screen-reader-text {   
overflow: hidden;    padding: 5px 10px;    position: absolute; left:50%; top:-25px;;  color:#fff;    width: auto; height:auto; line-height:1em; font-size:12px;
    word-wrap: normal !important;-webkit-transform: translate(-50%,0%); transform: translate(-50%,0%); display:none; border-radius:3px;}
footer .copyright .links  a:hover .screen-reader-text { display:block;}



/***********分页*******************/

.pagination{list-style:none;margin:80px auto 50px; text-align:center; display: block; width:100%;}
.pagination li{display:inline-block; margin:0; text-align:center;}
.pagination a{color:#444;padding:6px 15px;line-height:24px;display:block;border:solid 1px #ddd; border-left:none; background:#f2f5f9; }
.pagination li:first-child a{  border-left:solid 1px #ddd; border-radius:20px 0 0 20px; }
.pagination li:last-child a{   border-radius:0 20px   20px 0 ;}
.pagination a:hover ,.pagination li.thisclass a{ background:#087DCC; color:#fff;border-color:#087DCC;}

/********cp**************/
.banner{ position:relative; height:300px;  overflow:hidden; background-position:center center; background-size:cover; background-color:#1A6CBA;}
.banner .wenzi{ position:absolute; right:0; top:0; width:35%; height:300px; background:rgba(255,255,255,.7); font-family:Raleway;}
.banner .wenzi .nk{ /*width:calc(33.33 );*/; width:29vw; height:300px; padding:80px  0 0 40px; box-sizing:border-box; text-align:center;  }
.banner .wenzi h1{ color:#0085DD;  font-size:44px; font-weight:normal; line-height:1.5; margin:0 auto;}
.banner .wenzi p{font-size:24px; color:#666;font-weight: 400;}
.banner .wenzi p strong{ line-height:2; font-size:16px; font-family:Arial; }
/*******/
.banner-lan{  padding:50px 0; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) ),#0085DD;background-blend-mode: multiply; color:#fff; }
.banner-lan .bt{ text-align:center; padding:0 150px;}
.banner-lan .bt h1{font-size:44px; font-weight:normal; font-family:Raleway; line-height:1em; margin:5px auto; }
.banner-lan .bt p{ line-height:2;}

 
/* 带有透明度的线性渐变 */
.linear-gradient-with-transparency {
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0.5), rgba(0, 255, 0, 0.5));
}



.lianximain{ padding-top:50px; overflow:hidden ; font-size:18px; line-height:2em;}
.lianximain .lxnr{ width: 50%; overflow:hidden}
.lianximain .zxly{ width: 45%; overflow:hidden}
.lianximain .lxnr h1, .lianximain .lxnr h2{ color:#0085DD;  font-size:44px; font-weight:normal; font-family:Raleway; line-height:1em; margin:0.5em 0;}

span.red{ color:#f00;}

*{outline:none}
.lianximain .zxly input{ width:100%; height:40px; border:1px solid #ddd; border-radius:2px; box-sizing:border-box; padding:0 10px; background:#f7f7f7; }
.lianximain .zxly textarea{ width:100%; height:160px; border:1px solid #ddd; border-radius:2px; box-sizing:border-box; padding:0 10px; background:#f7f7f7; }
.lianximain .zxly dl dt{ margin-top:20px;}
.lianximain .zxly .yzm{ position:relative}
.lianximain .zxly .yzm img { position:absolute; right:5px; top:3px; }
.lianximain .zxly input.submit{ background:#087DCC; color:#fff; border-color:#087DCC; cursor:pointer; margin-top:20px;}
.lianximain .zxly input.submit:hover{ background:#212934; border-color:#212934; -webkit-transform: all 2s ease 0s;transition: all 2s ease 0s;}

/**************/
.resourceslist{ padding-top:50px; }
.resourceslist ul{ text-align:center; vertical-align:top; }
.resourceslist ul li{ display:inline-block; border:2px solid #eee; margin:20px 1%; width:28%; border-radius:20px; padding:30px; box-sizing:border-box; background:#fff; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow:hidden;}
.resourceslist ul li .ico img{ height:75px; width:auto; display:block; margin:0 auto;}
.resourceslist ul li .bt { display:block; line-height:26px; font-size:26px;  color:#0085DD; font-weight:bold; margin:20px 0; font-family:Raleway; }
.resourceslist ul li .ms{ color:#555; min-height:5.25em;}
.resourceslist ul li:hover{transform: scale(1.1); -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;}


/************************/
.faqmain{padding-top:60px;  font-family:Raleway;}
.faqmain h2{  color:#0085DD;  font-size:44px; font-weight:normal; font-family:Raleway; line-height:1em; margin:50px 0; text-align:center;}
.faqmain h3{  color:#0085DD;  font-size:32px; font-weight:normal; font-family:Raleway; line-height:1em; margin:0 0 30px;; text-align: left;}


ul.faqlist{}
ul.faqlist li.list{ padding:10px 0; border-bottom:1px solid #ddd; position:relative;   }
ul.faqlist li.list .bt{ font-size:24px; line-height:30px;;  padding:10px 0;  color:#03A9F4; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
ul.faqlist li.list:hover .bt{color:#087DCC}
ul.faqlist li.list.show .bt{white-space:wrap; overflow: visible; text-overflow:none; color:#087DCC}
ul.faqlist li.list .bt span{ display: block; content:""; float:left; width:30px; height:30px; margin-right:10px;  text-align:center; line-height:30px; font-size:36px;  }
ul.faqlist li.list.show .bt span.jia{ display: none }
ul.faqlist li.list .bt:hover span.jia{ background:#0085DD; color:#fff; }

ul.faqlist li.list .bt span.jian{ background:#0085DD; color:#fff; display:none; line-height:25px; }
ul.faqlist li.list.show .bt span.jian{ display: block }
ul.faqlist li.list .nr{ display: block;   overflow:hidden ; height:0;  }
ul.faqlist li.list.show .nr{height: auto;  }



/*
dl.faqlist dt{ padding:10px 0; border-bottom:1px solid #ddd; position:relative;   }
dl.faqlist dt .bt{ font-size:24px; line-height:30px;;  padding:10px 0;  color:#0085DD; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
dl.faqlist dt.show .bt{white-space:wrap; overflow: visible; text-overflow:none;}
dl.faqlist dt .bt span{ display: block; content:""; float:left; width:30px; height:30px; margin-right:10px;  text-align:center; line-height:30px; font-size:36px;  }
dl.faqlist dt.show .bt span.jia{ display: none }
dl.faqlist dt .bt:hover span.jia{ background:#0085DD; color:#fff; }

dl.faqlist dt .bt span.jian{ background:#0085DD; color:#fff; display:none; line-height:25px; }
dl.faqlist dt.show .bt span.jian{ display: block }
dl.faqlist dt .nr{ display: block;   overflow:hidden ; height:0;}
dl.faqlist dt.show .nr{ height:100px; -webkit-transform: all 1s ease 0s;transition: all 1s ease 0s; }
dl.faqlist dd{ display:none;}

*/


/**********/
.main{ margin:80px auto;}
.xiangxineirong{ overflow:hidden; line-height:2em; }
.xiangxineirong img{ max-width:100%; vertical-align:bottom;}

table{color:#333;border-width:1px;border-color:#ccc;border-collapse:collapse; width:100%;}
table th{border-width:1px;padding:8px;border-style:solid;border-color:#ccc;background-color:#dedede}
table tr:nth-child(2n+1){background-color:#f2f2f2}
table td{border-width:1px;padding:8px;border-style:solid;border-color:#ccc}

/******************/
ul.marketslist li{ clear:both; margin:60px auto;}
ul.marketslist li .tu{ width:35%; padding:12px; overflow:hidden; box-shadow:0 5px 10px rgba(0,0,0,.2); border-radius:2px; box-sizing:border-box;}
ul.marketslist li .tu img{ display:block; width:100%; height:auto;}
ul.marketslist li .wen{ width:58%; }
ul.marketslist li .wen .bt{ font-weight:normal; font-family:Raleway; line-height:1em; font-size:36px; color:#087DCC; margin:30px auto; }



/***************/
.Facilities-bt{ background:#0085DD; color:#fff;   padding:20px 0; text-align:center; border-radius:10px; overflow:hidden;}
.Facilities-bt h1{font-size:36px;}
.main  .Facilities-list{ margin:50px auto; }


.main .Facilities-list .grid-container{column-count:4;column-gap:15px;width:100%;margin:0 auto}
.main .Facilities-list .grid-item{break-inside:avoid;margin-bottom:15px;background-color:#f9f9f9;border:1px solid #f2f2f2;padding:8px;}
.main .Facilities-list .grid-item img{width:100%;height:auto;display:block}
.main .Facilities-list .grid-item p{ padding:8px 0 0; text-align:center; line-height:1.5em; word-wrap: break-word;  overflow-wrap: break-word;  white-space: pre-wrap; hyphens: auto;}


.main  .cplbxq{ font-size:20px;  text-align:center;font-family:Raleway; font-weight:400;color: #1a6cba; max-width:900px; margin:0 auto }

.main  .cplbxq a.more{ display:block; margin:50px auto 30px; width:130px; height:36px; line-height:36px; color:#0085DD; border:1px solid #0085dd; border-radius:3px; font-size:14px; text-transform:uppercase; }
.main  .cplbxq a.more:hover{ background:#0085dd; color:#fff;}

/*********************/
.main .xm3-list{ margin:50px auto;  }
.main .xm3-list .grid-container{column-count:3;column-gap:30px;width:100%;margin:0 auto}
.main .xm3-list .grid-item{break-inside:avoid;margin-bottom:30px;background-color:#fff; padding:15px; box-shadow:0 0 20px rgba(0,0,0,.1)}
.main .xm3-list .grid-item img{width:100%;height:auto;display:block}
.main .xm3-list .grid-item p{ padding:8px 0 0; line-height:1.5em;}

.main .xm3-list .bt{ font-size:44px; line-height:1.2; color:#3B9DDD; margin:44px auto;font-family:Raleway; text-align:center;}
.main .xm3-list .ms{ font-size:16px;   margin:20px auto;font-family:Raleway; text-align:left;}
.main .xm3-list  p.more{ text-align:center;}
.main .xm3-list  p.more a{ display: inline-block; margin:40px auto; width: auto; padding: 0 40px; line-height:36px; border:1px solid #3B9DDD; color:#3B9DDD; font-size:14px; border-radius:3px; }

.main .xm3-list  p.more a:hover{ background:#3B9DDD; color:#fff;}

/*****************/
.banner-datu img{ display:block; width:100%; height:auto }
.banner-datu h1{ visibility:hidden;  position: absolute;display: block;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);color:#fff;  font-size:44px; font-weight:normal; line-height:1.5; margin:0 auto; }


.main .xqlt{ background: #3B9DDD;color: #fff;font-size: 20px;line-height: 46px;text-align: left;height: 46px;overflow: hidden;border-radius: 5px;padding: 0 50px; margin:30px auto;}

.main p.Contact{ text-align:center}
.main   p a.Contact-Us{ display: inline-block; margin:40px auto; width: auto; padding: 0 60px; line-height:50px; border:1px solid #3B9DDD; color:#3B9DDD; font-size:16px; border-radius:3px; }
.main   p a.Contact-Us:hover{ background:#3B9DDD; color:#fff;}


.DetailsTuWen{  }
.DetailsTuWen ul li.xm{  margin:50px auto; overflow:hidden;}

.DetailsTuWen ul li.xm .tu{ width:48%; height:auto; overflow:hidden; float:left; }
.DetailsTuWen ul li.xm0 .tu{ float:right;}
.DetailsTuWen ul li.xm .tu img{ display:block; width:100%; height:auto; }

.DetailsTuWen ul li.xm .wen{ width:48%; height:auto; overflow:hidden; float: right; padding-top:20px;}
.DetailsTuWen ul li.xm0 .wen{ float:left;}
.DetailsTuWen ul li.xm .bt{ color:#0085DD; font-size:42px; line-height:1.3em; font-family:Raleway; padding:20px 0;}
.DetailsTuWen ul li.xm .nr{ font-size:16px; line-height:2em;   }



@media (max-width:767px){.main .Facilities-list .grid-container{column-count:1}
.main .xm3-list .grid-container{column-count:1;}
}
@media (min-width:768px) and (max-width:991px){.main .Facilities-list .grid-container{column-count:2}
.main .xm3-list .grid-container{column-count:1;}
}

@media (min-width:992px) and (max-width:1199px){.main .Facilities-list .grid-container{column-count:3}

}