@charset "utf-8";
/* 版权所有 */
body {
	font-family: 'Microsoft YaHei', Simsun;
	margin: 0px auto;
	padding: 0px;
	background:#fff;
	color:#333;
	font-size:12px;
}
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em, table, td, th, select, span
{
	margin:0px;
	padding:0px;
}
ul, li {list-style: none;}
ul, ol { list-style-type:none;}
table{border-collapse:collapse;}
input, select{vertical-align:middle;}
img{border:0;}
.clear {clear: both;}
/* 链接 */
a{color:#333;text-decoration:none;}
a:hover{color:#0e6eb8; text-decoration:none;}
.img{max-width: 100%;}
/* 颜色 */
.bs{ color: #fff !important;}
.hs{ color: #22242A !important;}
.hsc9{ color: #C9C9C9 !important;}

/* 外间距 */
.margin{margin:8px;}
.mt{margin-top:20px;}
.mb{margin-bottom:20px;}
.ml{margin-left:20px;}
.mr{margin-right:20px;}
.ml0{margin-left:0px !important;}
.mr0{margin-right:0px !important;}
.fw{font-weight:bold;}

/* 多文字省... */
.yhtxt1{text-overflow: ellipsis; white-space: nowrap;overflow:hidden;}
.yhtxt2{ overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sszzy li{text-overflow: ellipsis; white-space: nowrap;overflow:hidden;}


/* 列表时间单独调用 */
.time{ float:right; color:#999; font-family:Arial, Helvetica, sans-serif;}
/* 文章开头没两格 */
.kem{ text-indent:2em;}
/* 公共栏目导航条 */
.dh { height:42px; line-height:42px; margin:6px; background:url(../../ssimg/dh.jpg) repeat-x;}
.more {float:right; padding-right:10px; font-family:Arial, Helvetica, sans-serif; color:#999;}
.more a { color:#666;}
.more a:hover{color:#F30;}
.name {padding-left:10px; font-size:14px; color:#333;}

.idhr{ height:32px; line-height:32px; background:#f7f7f7; border-bottom:1px solid #dedede;}
.idhr .name{ font-size:14px; padding-left:10px; color:#666;}

.box{ border:1px solid #dedede;}

/* 网站公共部分 */
#header{ background:#fff;box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px;
	opacity: 1;
	position: relative;
	z-index: 998;}
.top{ height:30px; background:#f9f9f9; color:#a5a5a5; border-bottom:1px solid #f2f2f2;}
.top01{ width:1200px; height:30px; margin:auto;line-height:30px;background:#f9f9f9;}
.topz{ float:left; width:700px; height:30px;}
.topz span{ padding:0 6px;}
.top01 a{color:#a5a5a5;}
.top01 a:hover{ color:#C00; text-decoration:underline;}
.topy{ float:right; width:460px; height:30px; text-align:right; font-size: 12px;}
.htop{ width:1300px; height:100px; margin:0 auto; background:#fff;}
.logo{float:left;width:150px;height:55px; padding-top:25px;}
.navx{ float:left; width:1150px; height:40px; line-height:40px; padding-top: 30px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left; position:relative; display:inline;  }
.nav .nLi h3{ float:left; font-weight: normal; font-size:18px; color:#333; height:40px;}
.nav .nLi h3 a{ display:block; color:#333;padding:0 18px;}
.nav .sub{ display:none; width:100%; padding: 10px; left:0; top:40px; position:absolute; border-radius: 10px; background: rgba(255, 255, 255, 0.92); line-height:26px;box-shadow: rgba(0, 0, 0, 0.2) 2px 1px 5px;}
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:5px 0px 5px 0px; font-size: 14px; color: #555; text-align:center;}
.nav .sub a:hover{ background:#999; color:#fff;  }
.nav .on h3 { background:#3DA1D2; color:#fff; border-radius: 20px;}
.nav .on h3 a{ color: #fff;}
.nav .fsub{ width: 300px;}
.nav .fsub li{ float: left; width: 48%;}
.nav .c1, .nav .c4, .nav .c3{ width: 130px;}

.i400{color:#ff9d00; padding-right:10px;}

.flash{width:100%;}
.fullSlide{ width: 100%; position:relative;  height:866px; overflow:hidden;}
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:866px; overflow:hidden; text-align:center;}
.fullSlide .bd li .siteWidth{ width:100%; position:relative;  margin:0 auto;  height:866px; z-index: 999;background: rgba(0, 0, 0, 0.5);}
.fullSlide .bd li .siteWidthx{ width:100%; position:relative;  margin:0 auto;  height:866px; z-index: 999;}
.fullSlide .bd li a{ display:block; height:866px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:52px; left:0; height:30px; line-height:30px; text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:6px; border-radius: 4px; margin:8px; background: rgba(255, 255, 255, 0.6); overflow:hidden;
	line-height:9999px;
}
.fullSlide .hd ul .on{ background:#fff }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:0;  z-index:1; width:40px; height:60px; background:url(../ssimg/d/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:0; background-position:-6px -137px; }
.ifz{max-width:900px; color: #fff; margin: 0 auto; padding-top: 200px; position: relative; z-index: 9999; display: none;}
.ifz h3{ font-size:44px; text-shadow: #333 1px 1px 1px; }
.ifz p{ font-size:24px; font-weight: bold; line-height:45px; margin-top:10px;text-shadow: #333 1px 1px 1px; }
/* 首页 */
.i01{  padding: 20px 0 300px;background: #1D1F3A;}
.ic{ margin:0 auto; width:1200px; position:relative;}
.yha4gh{ text-align: center; width: 1160px; margin: 0 auto; padding: 0; position: relative;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
/* .yha4gh .prev,
.yha4gh .next{ position:absolute; left:-30px; top:50%; margin-top:0px; display:block; width:20px; height:31px; background:url(../ssimg/yzy.png) 0 0 no-repeat;}
.yha4gh .next{ left:auto; right:-30px; background-position:0 -31px; }
.yha4gh .prev:hover,
.yha4gh .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.yha4gh .prevStop{ display:none;  }
.yha4gh .nextStop{ display:none;  } */
.product-number-info {
	position:relative;
}
.product-number-info .product-number-inner {
	width:1200px;
	margin:0 auto
}
.product-number-info ul {
	padding:45px 0 0 0;
}
.product-number-info ul.q:after {
	content:"";
	clear:both;
	display:table
}
.product-number-info li {
	float:left;
	width:239px;
	height:90px;
	color:#0e6eb8;
	padding-top:1px
}
.product-number-info .li-4{ width:300px;height:90px;}
.product-number-info .li-3{ width:400px;height:90px;}
.product-number-info .li-2{ width:550px;height:90px;}
.product-number-info li:first-child {
	border:none
}
.product-number-info li b {
	font-weight:400;
	font-size:26px;
	line-height:1;
	display:inline-block;
	position:relative;
	margin:15px 0 10px
}
.product-number-info li b i {
	font-style:normal
}
.product-number-info li b sup {
	position:absolute;
	font-size:20px;
	right:-15px;
	top:-3px
}
.product-number-info li b em {
	font-style:normal;
	font-size:18px;
	font-weight:100;
	padding-left:2px;
	position:relative;
	top:-4px
}
.product-number-info li p{font-size: 16px; color: #999;}
/* 地图 */
.dtbg{background:url(../img/xin/index_map.png) no-repeat center top; width: 1370px; margin: 60px auto 60px auto;background-size: cover;}
/* .dtbg{background:url(../img/xin/sjmap.png) no-repeat center top; width: 1370px; margin: 60px auto 60px auto;} */
.m_map {
	width: 1200px;
	height: 724px;
	margin:30px auto;
	position:relative;
}
.tait {
	font-size:36px;
	font-weight:700;
	color:#666;
	text-align:center;
	left:100px
}
.tait span {
	color:#ff6d3b
}
.tait2 {
	font-size:36px;
	font-weight:700;
	color:#666;
	text-align:center;
	padding:50px 0
}
.mp {
	position:absolute;
	cursor:pointer;
	background:url(../img/xin/map1.png) no-repeat center top;
	width:40px;
	height:55px;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-ms-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.mp:hover {
	background:url(../img/xin/map2.png) no-repeat center top;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-ms-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out
}
.hover_tu {
	background:url(../img/xin/map2.png) no-repeat center top;
}
.mp .mito {
	position:absolute;
	left:0;
	bottom:0;
	font-size:20px;
	color:#22242A;
}
.mp .find_mi1 {left:0px;width:55px}
.mp .find_mi2 {left:-10px;width:70px}
.feng {
	position:absolute;
	display:none;
	width:270px;
	padding-left: 20px;
	left:40px;
	top:0px;
	z-index:999;
}
.feng .tree {
	height:54px;
	padding: 13px 14px;
	width:240px;
	border: 1px solid #3DA1D2;
	margin-bottom:10px;
	border-radius: 16px;
	background: #fff;
	position: relative;
}
.feng .tree:hover{background: #3DA1D2; color: #fff;}

.feng .tree .boou {
	width:54px;
	height:54px;
	float:left
}
.boou img{width:48px; height:48px; border: 3px solid #fff; border-radius: 50%;}
.feng .tree .du_size {
	float:right;
	height:54px;
	width:170px
}
.mapp1{ color: #999; font-size: 16px; padding-top: 4px;}
.mapp2{ color: #333; font-size: 14px; padding-top: 3px; font-weight: bold;}
.feng .tree:hover p{ color: #fff;}
.yhzbk{ left: auto; right: 40px; padding-left: 0px; padding-right: 20px;}
.mp1 {left:240px;top:230px}
.mp2 {left:160px;top:160px}
.mp3 {left:524px;top:148px}
.mp4 {left:564px;top:168px}
.mp5 {left:910px;top:268px}
.mp6 {left:884px;top:338px;}
.mp7 {left: 984px;top:468px;}
.mp:hover{-webkit-animation-name:swing;animation-name:swing;}
.mp5 .feng {top:-100px;}
.mp6 .feng {top:-200px;}
.mp7 .feng {top:-300px;}
.i02{ background:url(../img/i1bg.jpg) no-repeat top center; padding: 40px 0;}

.ititle{ margin: 0 auto; width: 680px; text-align: center; background: url(../img/it2.png) no-repeat center 12px; }
.ititle h2{ font-size: 44px; color: #fff; height: 50px;}

.izxli {text-align:center; padding: 50px 0; width: 1100px; margin: 0 auto;}
.izxli ul li {list-style-type:none; display:inline; margin:0 5px; line-height:55px; white-space:nowrap;}
.izxli ul li a{ font-size:16px; padding:10px 35px; background-color:#3DA1D2;border-radius:25px; color: #fff;}
.izxli ul li a:hover{ color:#fff;background:#063aba;}
.izxli ul .ctgo a{ color:#fff;background:#063aba;}
.lisgt ul li a{ background-color: #fff; color: #063aba;}

.ixxzbox{padding:30px 0 0 0;}
.ixzbox{ background: #fff; padding:30px 0 0 0;box-shadow: rgba(0, 0, 0, 0.2) 2px 1px 5px; height: 820px; overflow: auto;}
.ixxzbox li{box-shadow: rgba(0, 0, 0, 0.2) 2px 1px 5px;}
.ixzbox::-webkit-scrollbar {
	width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.ixzbox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #535353;
}

.ixzbox::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 10px;
	background: #EDEDED;
}
.con {width: 262px;height: 380px;float: left; position: relative;cursor: pointer; margin: 0 0 30px 30px; border-radius: 15px; overflow:hidden;}
.con img {width: 262px;height: 300px; border-radius: 15px 15px 0 0;}
.txt {position: absolute;left:0;bottom: 0;width:100%;height:80px; text-align: center;color: #fff;background: rgba(0, 142, 217, .8); overflow: hidden;}
.txt h3 {font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; padding:8px 10px 5px 10px;}
.txt p {font-size: 14px;display: block;line-height: 22px; padding:0 10px;}
.txt .bbtps{padding-top: 15px;}
.i03{ background: #fff; padding: 20px 0;}
.ititlea{ margin: 0 auto; width: 680px; text-align: center; background: url(../img/it1.png) no-repeat center 12px; }
.ititlea h2{ font-size: 44px; color: #0e6eb8; height: 50px;}

.xs01{ font-size: 16px; padding: 10px 10px 0 10px; text-align: center; font-weight: bold; overflow: hidden; margin-bottom: 15px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.xs02{ font-size: 14px; padding: 5px 10px 10px 10px; text-align: center; color:#999; border-top: 1px solid #e4e4e4; padding-top: 15px;}
.i04{ background: #0e6eb8; padding: 40px 0 0 0;}
.ili4{background:url(../img/hg.png) no-repeat right bottom; height: 660px;}

.i05{ background:url(../img/i4.jpg) no-repeat center bottom; padding:60px 0;}
.tmbb{width:1044px; border-right: 2px solid #fff; height: 298px; margin:0 auto; background: #fff;}
.iliffp{ width:1040px; height: 298px; margin:40px auto; overflow: hidden;}
.iliffp li{ float: left; width: 208px; height: 298px; position: relative; transition: all 1s;}
.iliffp li img{width: 208px; height: 290px; border: 4px solid #fff;}
.iliffp li a{color: #fff;}
.iliffp:hover li{ width: 10%; }
.iliffp li:hover{ width: 55%; }
.yhftbs{  background: url(../img/jjjjj.jpg) #3DA1D2 280px 250px no-repeat;left:210px; top:4px; width: 340px; padding: 20px; height: 250px; position: absolute;}
.yhftbs h3{font-size: 16px; padding-bottom: 10px;}
.yhftbs p{font-size: 14px; line-height: 22px;}
.iliffpa{ width:1040px; height: 298px; margin:40px auto; overflow: hidden;}
.iliffpa li{ float: left; width: 208px; height: 298px; position: relative; transition: all 1s;}
.iliffpa li img{width: 208px; height: 290px; border: 4px solid #fff;}
.iliffpa li a{color: #fff;}
.iliffpa:hover li{ width: 10%; }
.iliffpa li:hover{ width: 55%; }
.bjjts{}
.bjjts li{ float:left; width:272px; height:360px; background:#fff; margin-left:24px;box-shadow: 0px 2px 10px #ddd; overflow:hidden;}
.bjjts li img{ width:272px; height:186px;}
.bjjts .iml0{ margin-left:0;}
.bjjts li h3{ padding:5px 8px; font-size:16px; line-height:24px; margin-top:10px;}
.bjjts li p{ padding:5px 8px; font-size:14px; color:#999; line-height:22px;}

.bdt{}
.bdt li{float: left; margin-left: 20px; border:1px solid #e4e4e4; width: 214px;}
.bdt li img{ width: 214px;}
.bdt .ix0{ margin-left: 0;}

#certify {
	position: relative;
	width: 800px;
	padding-top: 100px;
}

#certify .swiper-container {
	padding-bottom: 20px;
}

#certify  .swiper-slide {
	position: relative;
	width: 400px;
	height: 400px;
}
#certify  .swiper-slide img{
	display:block;
}
.wszzf{position: absolute; width: 300px; height: 200px; top: 170px; left: 50px; text-align: center; font-size:30px; font-weight: 300; line-height:44px;}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}
.ghwd{position: absolute; bottom: 30px; right: 20px;}
.ghwd a{ display: block; background: #fff; padding: 10px 20px; font-size: 16px; font-weight: bold; border-radius:20px;}




.izyfa{ padding-top: 40px;}
.idh{ height:68px; line-height:68px;border-bottom: 4px solid #0f6fb8;}
.idh .name{ font-size:32px; padding-left:0; color:#0f6fb8;}
.idh .more{padding-right:5px; font-size: 16px; padding-top: 10px;}
.izy01{ padding: 20px 0;}
.izy01z{ float: left; width: 260px; height: 195px;}
.izy01z img{width: 260px; height: 195px;}
.izy01y{ float: right; border: 1px solid #e4e4e4; width: 880px; height: 155px; padding: 20px;}
.izy01y h3{ font-size: 18px; border-bottom: 1px solid #e4e4e4; padding-bottom: 15px;}
.izy01y ul{ padding-top: 5px;}
.izy01y li{ height: 30px; line-height: 30px; overflow: hidden; font-size: 16px;}
.izy02{ padding: 20px 0;}
.izy02 li{float: left; width: 393px; height: 160px; margin-left: 10px; background:#f4f4f4; }
.izy02 .iml0{margin-left: 0;}
.izy02 img{ width: 160px; height: 160px; float: left; margin-right: 15px; display: inline;}
.izy02 h3{padding-top: 20px;font-size: 16px; padding-bottom: 8px;}
.izy02 p{font-size: 14px; line-height: 22px; color: #999;}
.izy02 li a{display: block; height: 160px; width:378px; padding-right: 15px;}
.izy02 li a:hover{ background:#0e6eb8; color: #fff !important;}
.izy02 li a:hover>p{ background:#0e6eb8; color: #fff !important;}

.izy03{ padding-top: 10px;}
.izy03 li{ padding: 8px; height: 90px; background: #f4f4f4; margin-bottom: 10px;}
.izy03 img{ width: 90px;height: 90px; float: left; margin-right: 20px;}
.izy03 h3{padding-top: 10px;font-size: 16px; padding-bottom: 8px;}
.izy03 p{font-size: 16px; line-height: 22px; color: #999;}
.izy03 li:hover{box-shadow: rgba(0, 0, 0, 0.2) 2px 1px 5px;}


/* 简介 */
.h01{height: 550px; text-align: center; color: #fff;}
.h01 h3{ font-size:50px; font-weight:normal;text-shadow: #333 1px 1px 1px; padding-top: 140px;}
.h01 p{ font-size:22px; line-height:30px; margin-top:20px;text-shadow: #333 1px 1px 1px; }
.a01{}
.a01box{ background: url(../img/hg.png) no-repeat right bottom; height: 800px;}
.a02{ padding: 40px 0;}
.a02box{ padding-top: 60px;}
.a02t{}
.a2z{float: left; width: 186px; height: 186px;}
.a2z img{ width: 186px; height: 186px; border-radius:20px;box-shadow: rgba(0, 0, 0, 0.2) 2px 1px 5px;}
.a2y{float: right; width: 924px; background: url(../img/a3-2.png) no-repeat;line-height: 44px; padding-left: 58px;}
.a2info{ background-color: #0e6eb8; margin-top: 20px; padding:0px 30px;}

.d2rla{float: left;background: url(../img/a3-2-1.png) no-repeat; padding-left: 0; padding-right: 58px;}



.hxxtit{font-size: 26px; color: #fff; padding-bottom: 20px; border-bottom: 1px solid #79b9ea;}
.a2b{ width: 924px;height: 23px; background: url(../img/a3-1.png) no-repeat;}
.a2body{ color: #fff; padding-top: 20px;}
.a2body p{font-size: 14px; color: #fff; line-height: 1.8rem; padding-bottom: 8px;}
.amore{ height: 60px; width: 120px; background: url(../img/a4.png) no-repeat center bottom; margin:0 auto; text-align: center;}
.amore a{font-size: 18px;color: #999; display: block; height: 60px;}

.a03{ background: #107ece; padding-bottom: 40px;}
.a03 .a2y{float: right; width: 924px; background: url(../img/a5-1.png) no-repeat;line-height: 44px; padding-left: 58px;}
.a03 .a2info{ background-color: #fff; margin-top: 20px; padding:0px 30px;}
.a03 .hxxtit{font-size: 26px; color: #333; padding-bottom: 20px; border-bottom: 1px solid #79b9ea;}
.a03 .a2b{ width: 924px;height: 23px; background: url(../img/a5-2.png) no-repeat;}
.a03 .a2body{ color: #333; padding-top: 20px;}
.a03 .a2body p{font-size: 14px; color: #333; line-height: 1.8rem;}

/* 新闻 */
.b01{}
.b01box{ padding: 40px 0;}
.bli{ padding-top: 15px;clear: both;}
.bliz{float: left; width: 340px; height: 260px;}
.bliz img{ width: 340px; height: 260px;display: block; border-radius: 15px;}
.bliy { float: right; background: #0e6eb8; width: 805px; height:220px; padding: 20px; color: #fff;border-radius: 15px;}
.bliy h3{font-size: 20px; border-bottom: 1px solid #fff; padding-bottom: 15px;}
.jj{  font-size: 16px; padding-top: 15px; line-height: 26px;}
.sj{font-size: 14px; padding-top: 15px;}
.bli:hover img {box-shadow: rgba(0, 0, 0, 0.2) 2px 1px 5px;}
.bli:hover .bliy{ background: #2085d2;}
.bliy a{color: #fff;}
.bliy a:hover{ color: #f0ff00;}

/* 优势 */
.c01{}
.c01box{padding: 20px 0; border-bottom: 1px solid #ccc;}
.c1li{float: left; width: 580px; height: 100px; margin:10px;}
.c1li-1{float: left;width: 100px; height: 100px;}
.c1li-1 img{width: 100px; height: 100px; border-radius: 4px;box-shadow: rgba(0, 0, 0, 0.2) 2px 1px 5px;}
.c1li-2{float: left; margin: 20px; background: #0f6fb8; width: 60px; height: 60px; border-radius: 50%; color:#fff; font-size: 28px; line-height: 60px; text-align: center;}
.c1li-3{float: left; width: 360px; height: 100px; line-height: 36px;font-size: 18px; color: #0e6eb8; padding-top: 20px;}
.c02{ padding: 40px 0;}
.c02box{ padding-top: 40px;}
.c02t{padding-bottom: 30px;}
.c2z{float: left; width: 147px; height: 147px;}
.c2z img{ width: 137px; height: 137px; border: 5px solid #0f6fb8; box-shadow: rgba(0, 0, 0, 0.2) 2px 1px 5px;}
.c2rr{ float: right!important;}
.c2y{float: right; width: 1013px; height: 147px; background: url(../img/c2.png) no-repeat; line-height: 44px;}
.c2y p{font-size: 26px; color: #0f6fb8;padding: 45px 30px 0px 70px; }
.c2rl{float: left;background: url(../img/c22.png) no-repeat;}
.c2rl p{font-size: 26px; color: #0f6fb8;padding: 45px 70px 0px 40px; }
.c02info{ padding: 40px; background: #0f6fb8; color: #fff; height: 180px; overflow:hidden; border-bottom: 35px solid #0f6fb8;}
.c02info h3{ font-size: 20px; padding-bottom: 15px;}
.c02info p{ font-size: 16px; margin-bottom: 15px; line-height: 1.8rem;}
.cmore{ height: 40px; width: 120px;  margin:0 auto; text-align: center; margin-top: -25px;}
.cmore a{ width: 120px; margin: 0 auto; display: block; line-height: 40px; font-size: 18px; background: #fff; border-radius: 25px;border: 3px solid #0f6fb8;}
.d01{}
.d01box{ background: url(../img/d1.jpg) no-repeat right bottom; height: 800px; border-bottom: 2px solid #cdcdcd;}
.d02{ padding: 40px 0;}
.d02box{ padding-top: 40px;}
.d02t{}
.d2z{float: left; width: 154px; height: 154px;}
.d2z img{ width: 144px; height: 144px; border: 5px solid #0f6fb8; box-shadow: rgba(0, 0, 0, 0.2) 2px 1px 5px;}
.d2y{float: right; width: 1032px; height: 154px; background: url(../img/d2.png) no-repeat; line-height: 44px;}
.d2y p{font-size: 26px; color: #0f6fb8;padding: 55px 20px 0px 130px;}
.d2rl{float: left;background: url(../img/d22.png) no-repeat;}
.d2rl p{font-size: 26px; color: #0f6fb8;padding: 55px 20px 0px 60px;}
.d02info{ padding: 40px 0; color: #333; border-bottom: 2px solid #0f6fb8;}
.d02info h3{ font-size: 20px; padding-bottom: 15px;}
.d02info p{ font-size: 16px; margin-bottom: 15px; line-height: 1.8rem;}
.dmore{ height: 40px; width: 120px;  margin:0 auto; text-align: center;}

/* 案例 */
.d1{ padding: 60px 0;}
.d1list {text-align:center; height:40px; padding-top:10px;}
.d1list ul li {list-style-type:none; display:inline; margin:0 15px;}
.d1list ul li a{ font-size:18px; padding:15px 50px; background-color:#3DA1D2;border-radius:35px; color: #fff;}
.d1list ul li a:hover{color:#fff;background:#0014d1;}
.d1list ul .ctgo a{ color:#fff;background:#0014d1;}
.d02{background: url(../img/dbg.jpg) #0e6eb8 no-repeat bottom center; padding: 40px 0;}
.d1-1{ padding-bottom: 60px;}
.d1-2{ border-top: 1px solid #e4e4e4; padding: 40px 100px; font-size: 18px; text-align: center; line-height: 32px;}
.d1-3{ background: #0e6eb8; border-radius: 30px; padding:30px 30px 20px 30px;color: #fff; font-size: 16px; line-height:24px;}
.d1-3 p{ padding-bottom: 10px;}

.d22{background: url(../img/d2bg.jpg) #0e6eb8 no-repeat bottom center; padding: 40px 0;}
.d22box{ padding: 50px 0;}
.d22a{ background: #fff; color:#0e6eb8; font-size: 22px; padding: 20px 0; text-align: center; border-bottom: 1px solid #e4e4e4; margin-bottom: 20px;}
.d22a ul li {list-style-type:none; display:inline; margin:0 5px;}
.d22a ul li a{ font-size:16px; padding:10px 40px; background-color:#ccc;}
.d22a ul .ctgo a{ color:#fff;background:#3DA1D2;}


.d22b{ height:620px; overflow: hidden;}
.tanlx{ border-left:1px solid #dedede; border-bottom: 1px solid #dedede;}
.tanlx td{border-top:1px solid #dedede; border-right: 1px solid #dedede; padding: 10px; font-size: 16px; line-height: 24px;}
.d22-2{ display: block; color: #fff; font-size: 18px; padding: 10px 0; text-align: center; border-radius: 20px; background: #0e6eb8; margin-top: 20px;}
.d22-2:hover{ color: #fff;}
/* 服务内容 */
.lctm{ height:550px; width:1050px; margin: 0 auto; background:url(../img/lc.png) 0 0 no-repeat; position:relative; font-size:16px;}
.lctm a{color:#1586cb;}
.lctm a:hover{color:#F00;}
.lc-1{ position:absolute; width:120px; text-align:center; left:140px; top:50px; color:#1586cb;}
.lc-2{ position:absolute; width:260px; text-align:center; left:300px; top:50px; color:#1586cb;}
.lc-3{ position:absolute; width:90px; text-align:center; left:580px; top:50px; color:#1586cb;}
.lc-4{ position:absolute; width:110px; text-align:center; left:700px; top:50px; color:#1586cb;}
.lc-5{ position:absolute; width:90px; text-align:center; left:850px; top:50px; color:#1586cb;}
.lc-6{ position:absolute; width:90px; text-align:center; left:880px; top:180px; color:#1586cb;}
.lc-7{ position:absolute; width:90px; text-align:center; left:780px; top:240px; color:#1586cb;}
.lc-8{ position:absolute; width:220px; text-align:center; left:520px; top:240px; color:#1586cb;}
.lc-9{ position:absolute; width:120px; text-align:center; left:340px; top:240px; color:#1586cb;}
.lc-10{ position:absolute; width:90px; text-align:center; left:180px; top:240px; color:#1586cb;}
.lc-11{ position:absolute; width:90px; text-align:center; left:115px; top:370px; color:#1586cb;}
.lc-12{ position:absolute; width:100px; text-align:center; left:190px; top:430px; color:#1586cb;}
.lc-13{ position:absolute; width:90px; text-align:center; left:360px; top:430px; color:#1586cb;}
.lc-14{ position:absolute; width:90px; text-align:center; left:560px; top:430px; color:#1586cb;}
.lc-15{ position:absolute; width:120px; text-align:center; left:760px; top:430px; color:#1586cb;}

.ia-1{ position:absolute; width:60px; height:25px; text-align:center; left:170px; top:80px; color:#1586cb;}
.ia-2{ position:absolute; width:40px; height:25px; text-align:center; left:400px; top:80px; color:#1586cb;}
.ia-3{ position:absolute; width:40px; height:25px; text-align:center; left:600px; top:80px; color:#1586cb;}
.ia-4{ position:absolute; width:40px; height:25px; text-align:center; left:730px; top:80px; color:#1586cb;}
.ia-5{ position:absolute; width:40px; height:25px; text-align:center; left:880px; top:80px; color:#1586cb;}
.ia-6{ position:absolute; width:40px; height:25px; text-align:center; left:964px; top:180px; color:#1586cb;}
.ia-7{ position:absolute; width:40px; height:25px; text-align:center; left:810px; top:272px; color:#1586cb;}
.ia-8{ position:absolute; width:40px; height:25px; text-align:center; left:620px; top:272px; color:#1586cb;}
.ia-9{ position:absolute; width:40px; height:25px; text-align:center; left:380px; top:272px; color:#1586cb;}
.ia-10{ position:absolute; width:40px; height:25px; text-align:center;left:200px; top:272px; color:#1586cb;}
.ia-11{ position:absolute; width:40px; height:25px; text-align:center; left:76px; top:370px; color:#1586cb;}
.ia-12{ position:absolute; width:40px; height:25px; text-align:center; left:216px; top:463px; color:#1586cb;}
.ia-13{ position:absolute; width:40px; height:25px; text-align:center; left:384px; top:463px; color:#1586cb;}
.ia-14{ position:absolute; width:40px; height:25px; text-align:center; left:582px; top:463px; color:#1586cb;}
.ia-15{ position:absolute; width:40px; height:25px; text-align:center; left:800px; top:463px; color:#1586cb;}
.x03 { display:block; padding:8px 20px;color: #fff;background:#277bd1;font-size:16px; border-radius:4px; margin-top:20px;}

.x04{ padding:20px; background:#beceeb; position:relative; margin:40px auto;}
.x04 span{width:0; height:0; font-size:0; overflow:hidden; position:absolute;}
.x04 span.bot{
	border-width:10px;
	border-style:solid;
	border-color:#ffffff #beceeb #beceeb #ffffff;
	left:40px;
	top:-20px;
}
.e01 img{ border-radius: 5px; width: 140px;}
.etop{text-align:center; padding:40px 0;}
.etop h2{ font-size:24px; font-weight:normal;}
.etop h2 span{font-size: 36px; font-weight: bold; color: #ff5000;}
.etop p{ font-size:16px; padding-top:10px; color:#999;}


/* 202007 */
.yhtop{ background-color: #111; height: 40px; line-height: 40px; color: #fff;}
.yhtopc{ width: 1200px; margin: 0 auto; background-color: #111;}
.yhtopc span{ padding: 0 5px;}
.yhtopc .iconfont{font-size: 14px;}
.yhtopz{float: left; width: 700px;}
.yhtopy{float: right; width: 500px; text-align: right;}

/* 顾问 */
.gyh1{ background-color: #f5f5f5;}
.gyhbox{border-left: 1px solid #666666; padding: 20px 0;}
.wsswb{width: 239px; float: left; overflow-y: auto; overflow-x: hidden; padding: 10px 20px; margin-left: -20px;}
.gyhz{ padding-top: 30px; width: 239px; float:left; }
.gyhzz{ width: 239px;}
.gyhzz li{ font-size: 16px; padding: 15px 0;}
.yqcc{width: 16px; height: 16px; background-color: #666;border-radius: 50%; float: left; margin-right: 8px; margin-top: 3px; margin-left: -8px;}
.gyhzz a:hover{ color: #0e6eb8;}
.gyhzz a:hover .yqcc{ background-color: #0e6eb8;}
.gyhzz .active{color: #0e6eb8; font-weight: bold;}
.jsad{height: 600px;}
.jsad::-webkit-scrollbar {
	width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.jsad::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #535353;
}

.jsad::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 10px;
	background: #EDEDED;
}

.gyhy{float: right; width: 900px;}
.wsrrbox{ background-color: #fff;-moz-box-shadow:0px 0px 8px #ccc; -webkit-box-shadow:0px 0px 8px #ccc; box-shadow:0px 0px 8px #ccc; margin-top: 40px; height: 500px;}
.wsrrz{float: left; width: 520px; height: 440px; padding: 30px;}
.wsrry{float: right; width: 320px; height: 500px;}
.wsrry img{ width: 320px;height: 500px; display: block;}
.rwz{float: right;}
.rwy{float: left;}
.yhrrh3{ color: #007edf; font-size: 30px; padding-bottom: 10px;}
.yhrrh3 a{color: #007edf;}
.yhrrh3 a:hover{ color: #d32907;}
.yhrrp{color: #666; font-size: 14px; color: #666; padding-bottom: 15px;}
.yhrrcc{ border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; padding: 15px 0 15px 0; font-size: 16px; line-height: 32px;}
.yhrrc1{color: #007edf; font-size: 18px; padding: 15px 0 5px 0;}
.ftxt{ padding-top: 10px;}
.ftxt a{color: #666;}

.qa01{ background-image: url(../img/hw.jpg); background-size: cover;}
.qa01z{ width: 450px; float: left; padding-top: 50px;}
.qa01y{width: 700px; float: left; padding-top: 140px; padding-left: 50px;}
.qa01y1{ border-left: 1px solid #333; padding: 0 50px; min-height: 300px;}
.qa01y1 h3{font-size: 28px; padding-bottom: 40px;}
.qa01y1 p{font-size: 16px; line-height: 26px; margin-bottom: 15px;}

/* 海外顾问 */
.qa02{ padding: 50px 0;}
.multipleColumn{ position:relative; width:1200px; }
.multipleColumn .bd{ padding:10px; overflow:hidden;  }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; float:left; _display:inline;  }
.multipleColumn .bd ul li{float: left; width: 50%; background-color: #0e6eb8; margin-top: 2px;}
.lspic{float: left; width: 50%; overflow: hidden;}
.lspic img{ width: 320px; height: 320px; display: block;transition: all 0.6s;}
.lspic img:hover{transform: scale(1.1);}
.lspicr{float: left; width: 50%;}
.lspicrbox{ padding: 20px; color: #fff;}
.yhrrh3a{ font-size: 24px;}
.yhrrpa{ font-size: 15px; padding-top: 8px; padding-bottom: 15px;}
.yhrrcca{ border-top: 1px solid #fff; padding-top: 15px; font-size: 14px; line-height: 26px;}
.ftxt a{ color: #fff;}
.ftxt a:hover{ color:#fff000;}
.multipleColumn .next{ position: absolute; top: 40%; left: -80px;}
.multipleColumn .prev{ position: absolute; top: 40%; right: -80px;}

.qa03{ background-color: #f5f5f5; padding: 50px 0;}
.yhmk{text-align: center; height: 100px;}
.yhmb{ display: inline-block; background-color: #0e6eb8; color: #fff; font-size: 30px; padding: 10px 20px;}
.yhmj{ margin: 0 auto; height: 1px; background-color: #0e6eb8; margin-top: -30px;}
.article {
	display: block;
	margin: 0 0 30px 0;
	padding: 12px;
	background: white;
	border-radius: 3px;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
	transition: all 220ms;
	text-align: center;
}
.article:hover {
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
	transform: translateY(-5px);
	transition: all 220ms;
}
.article > img {
	display: block;
	width: 100%;
	margin: 0 0 24px 0;
}
.article h4 {
	text-align: center;
	font-size: 22px;
	text-transform: uppercase;
	margin: 0 0 12px 0;
}

.article p {
	font-size: 14px;
	line-height: 26px;
	color: #999;
}
.article p a{ color: #0e6eb8;}
.article p a:hover{ color: #ff8400;}
.ptg{ padding-top: 10px;}
.wall {
	padding: 50px 0;
	display: block;
	position: relative;
}
.wall-column {
	display: block;
	position: relative;
	/*width: 33.333333%;*/
	width: 25%;
	float: left;
	padding: 0 12px;
	box-sizing: border-box;
}
@media (max-width: 640px) {
	.wall-column {
		width: 50%;
	}
}
@media (max-width: 480px) {
	.wall-column {
		width: auto;
		float: none;
	}
}


.yhn{ background: url(../img/yhw2.jpg) no-repeat center top;  padding: 50px 0 50px 0; background-size: cover;}
.yhna{position: relative;  width: 100%;}
.yhna1{ position: absolute; width: 200px; height: 200px; background-color: #fff; border: 1px solid #3DA1D2; padding: 10px; border-radius: 50%;}
.yhppx{ background-color: #3DA1D2;text-align: center; color: #fff; padding: 40px; width: 120px; height: 120px;border-radius: 50%;transition:all .5s ease-out;}
.yhppx:hover{transform:scale(1.1);}
.yhna1 h3{ font-size: 22px; color: #fff; font-weight: bold; border-bottom: 1px solid #fff; padding: 10px 0;}
.yhna1 p{ font-size: 14px; padding-top: 10px; line-height: 22px;}
#yhac1{top: 6%; left: 18%;}
#yhac2{bottom: 34%; left: 3%;}
#yhac3{bottom: 2%; left: 18%;}
#yhac4{top: 11%; right: 14%;}
#yhac5{bottom: 11%; right: 15%;}
#yhac6{top: 46%; left: 48%; font-size: 40px; font-weight: bold; position: absolute; color: #fff;}

.yhnbox{ border-left: 2px solid #666; padding-left: 40px; margin-top: 20%;}
.yhnbox h3{font-size: 30px; font-weight: bold; padding-bottom: 10px;}

.ac02t{ padding: 40px 0 10px 0;}
.ac2z{float: left; width: 186px;}
.ac2z img{ width: 168px; height: 168px;border-radius: 6px;}
.ac2y{float: right; width: 800px; height: 149px; background: url(../img/3dh.png) no-repeat; padding: 56px 50px 0px 150px; line-height: 48px; margin-top: 19px;}
.ac2y p{font-size: 32px; color: #fff;}
.yhba{ border-top: 1px solid #ccc; padding: 40px 0; font-size: 16px; line-height: 28px; border-bottom: 1px solid #ccc;}
.yhba p{ margin-bottom: 10px;}

/* 服务流程 */
.vyhbox{position: relative; height: 800px; background: url(../img/yhca.png) no-repeat center center;}
.vyh02{ position: absolute; width: 210px; height: 36px; line-height: 36px; border-radius: 20px; color: #fff; padding-left: 20px;padding-right: 20px; transition: all .5s ease-out;}
.vyh02 a{color: #fff; display: block; font-size: 14px;}
.vyh02:hover{transform:scale(1.2);}
.vyh02 span{ padding-right: 5px;}
#vaa1{ left: 308px; top: 78px; background-color: #006db9;}
#vaa2{ left: 230px; top: 178px; background-color: #006db9;}
#vaa3{ left: 110px; top: 330px; background-color: #006db9;}
#vaa4{ left: 70px; top: 410px; background-color: #006db9;}
#vaa5{ left: 90px; top: 488px; background-color: #7fa3ff;}
#vaa6{ left: 260px; top: 615px; background-color: #7fa3ff;}
#vaa7{ left: 340px; top: 678px; background-color: #00b5c0;}
#vaa8{ left: 620px; top: 658px; background-color: #00b5c0;}
#vaa9{ left: 870px; top: 550px; background-color: #00b5c0;}
#vaa10{ left: 890px; top: 492px; background-color: #5520ff;}
#vaa11{ left: 890px; top: 412px; background-color: #5520ff;}
#vaa12{ left: 880px; top: 330px; background-color: #5520ff;}
#vaa13{ left: 730px; top: 182px; background-color: #00aeff;}
#vaa14{ left: 660px; top: 128px; background-color: #00aeff;}
#vaa15{ left: 580px; top: 70px; background-color: #00aeff;}

.vyhc{background: url(../img/bbh.jpg) #f5f5f5 no-repeat center bottom;}
.vyhc01{ width:800px; padding: 40px 0 10px 0; margin: 0 auto;}
.vyhctit{width:800px; position: relative; margin: 20px 0; background-color: #fff;min-height: 100px; -moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc;}
.vyht1{ height: 48px;  text-align: center; position: absolute; width: 100%; top: -24px; left: 0; }
.vyht1 span{background-color: #3DA1D2; line-height: 48px; height: 48px; display:inline-block; color: #fff; font-size: 24px; font-weight: bold; padding: 5px 25px; border-radius: 10px;}
.vyht2{ padding: 80px; font-size: 18px; line-height: 48px;}
.vyht2 p{ margin-bottom: 10px;}
.csyp{background: url(../img/ttt.png) 10px 7px no-repeat; padding-left: 60px;}

.vyhc02{background: url(../img/xxx.png) no-repeat top center;}
.vyhc02z{ width: 450px; float: left; padding-top: 30px;}
.vyhc02z img{ display: block;}
.vyhc02y{width: 700px; float: left; padding-top: 140px; padding-left: 50px;}
.vyhc03{ border-left: 1px solid #333; padding: 0 50px; min-height: 300px;}
.vyhc03 h3{font-size: 28px; padding-bottom: 40px;}
.vyhc03 p{font-size: 16px; line-height: 26px; margin-bottom: 15px;}
.vyhd{background: url(../img/tm.jpg) #fff no-repeat center bottom;}
.x10{ background-color: #f5f5f5; padding: 80px 0 40px 0;}
.x10a{ text-align: center;}
.x10a li{float: left;width: 25%; height: 260px;}
.x10a li img{ border-radius: 8px;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow: 0px 0px 5px #ccc;transition: all .5s ease-out;}
.x10a li p{ font-size: 18px; line-height: 40px; font-weight: bold;}
.x10a li img:hover{transform:scale(1.1);}

.wa01{background: url(../img/yhw3.jpg) #fff no-repeat center bottom; padding: 50px 0;}
.wabox{ padding: 40px 0;}
.wa01z{float: left; width: 400px; height: 308px;}
.wa01z img{ width: 400px; height: 308px;-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow: 0px 0px 5px #ccc;}
.wa01y{ float: right; width: 680px; height: 208px; background-color: #0e6eb8; color: #fff; padding: 50px; font-size: 18px; line-height: 36px;}

.wa02{ padding: 30px 0; background-color: #fff;}
.xxcon{width:100%;}
.xxcon ul li{float:left;position:relative;overflow:hidden;cursor:pointer; width: 20%; padding: 10px;box-sizing: border-box; position: relative;}
.cssyyd-parent{
	display: flex;
	flex-wrap: wrap; /* 允许li元素换行 */
}
.cssyyd-li{
	width: 20%;
	aspect-ratio: 16/9; /* 设置高度与宽度的比例为9:16 */
}

.cssyyd{ position: relative;}
.xxcon .cssyyd img{ width: 100%;aspect-ratio: 16/9;border-radius: 15px;}
.xxtxt{width:100%;height:45px;border-radius: 15px; background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.xxtxt h3{font-size:20px;font-weight:100;text-align:center;line-height:45px; padding: 0 30px;;}
.xxtxt p{font-size:14px;text-align:center;}

.dp01{ padding-top: 50px;}
.dp01z{ float: left; width: 200px;}
.dp01z img{ height: 190px;}
.dp01y{float: left; width: 960px;background: url(../img/dhy.png) no-repeat center; height: 145px; padding-top: 50px;}
.dp01y p{ font-size: 34px; color: #fff; padding: 30px 30px 0 110px;}

.dp01box{ padding: 40px 0;}
.dplist{float: left; width:260px; padding: 20px 15px;}
.dpli01{ width: 260px; height: 180px; overflow: hidden; border-radius: 15px;}
.dpli01 img{ width: 260px; transition: all .5s ease-out; height: 180px; border-radius: 15px;}
.dpli01 img:hover{transform:scale(1.1);}
.dpli02{ min-height: 50px; padding: 20px 0 10px 0;}
.dpli02z{font-size: 18px;border-left:8px solid #0e6eb8; padding-left:8px; line-height: 24px; overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.dpli02y{ float:right;font-size: 14px; color: #999; text-align: right; padding-top:2px;}
.dpli03{ font-size: 14px; color: #666; line-height: 26px; padding-bottom: 10px;}
.dpli04{background: url(../img/ffg.png) 0 19px no-repeat; height: 24px; line-height: 24px; padding-left: 70px; font-size: 14px; padding: 20px 0 20px 70px; border-bottom: 1px solid #ccc;}
.dpli04 a{ color: #0e6eb8;}
.dpli04 a:hover{ color: #ff3600;}

.sfxbox{ padding-bottom: 80px;}
.sfx{ height:1000px; position: relative;background: url(../img/sfx.jpg) no-repeat center center; }
.sfx01{ width: 135px; height: 135px; position: absolute;}
.sfx01 a{ line-height: 135px; font-size: 20px; width: 135px; display: block;  border-radius: 10px; color: #fff; text-align: center;}
.sfx01 a:hover{ background-color: #0014d1;}
#sfx01{ left: 184px; top:292px}
#sfx02{ left: 184px; top:431px}
#sfx03{ left: 324px; top:570px}
#sfx04{ left: 45px; top:708px}
#sfx05{ left: 462px; top:16px}
#sfx06{ left: 462px; top:156px}
#sfx07{ left: 462px; top:708px}
#sfx08{ left: 462px; top: 432px;}
#sfx09{left: 602px; top: 155px;}
#sfx010 {
	left: 602px;
	top: 568px;
}
#sfx011{left: 602px;top: 708px;}
#sfx012 {
	left: 602px;
	top: 846px;
}
#sfx013 {
	left: 742px;
	top: 18px;
}
#sfx014 {
	left: 742px;
	top: 152px;
}
#sfx015 {
	left: 742px;
	top: 708px;
}
#sfx016 {
	left: 878px;
	top: 431px;
}
#sfx017 {
	left: 1018px;
	top: 295px;
}
#sfx018 {
	left: 1018px;
	top: 708px;
}

.xatxt{ width:0;height:135px;background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/;position:absolute;left:135px;bottom:0;color:#fff; overflow: hidden; /*background-color: #0e6eb8;*/ z-index: 999;}
.xatxt p{ padding: 20px; font-size: 16px; line-height: 28px;}

.circleCarouselDiv > .yhgd {
	position: absolute;
	top: 10rem;
	left: 10rem;
}

.circleCarouselDiv .yhgd > .cards_list {
	width: 20rem;
	display: flex;
}

.circleCarouselDiv .yhgd > .cards_list > div {
	background-size: 100% 100%;
	overflow: hidden;
}

.circleCarouselDiv .yhgd > .cards_list > div > .cards_list_p {
	font-weight: 300;
	position: absolute;
	width: 70%;
	top: 40%;
	left: 10%;
	text-align: center;
}

.dac{ background-color: #f5f5f5;}
.dacli{ float: left; background-color: #fff; width: 360px; margin: 10px; display:inline; padding: 10px;}
.dac3{ width: 360px; height: 240px; overflow: hidden; margin-bottom: 15px;}
.dac3 img:hover {
	transform: scale(1.1);
}
.dac3 img{ width: 360px; height: 240px;transition: all .5s ease-out; height: 240px;}
.dac1{ height: 40px; padding: 10px 0;}
.dac1z{ float: left; font-size: 16px; color: #999;}
.dac1y{ text-align: right; color: #999; font-size: 14px;}
.dpc2{ font-size: 18px; color: #3DA1D2; padding-bottom: 20px; line-height: 32px; height: 64px;}
.dpc4{ background: url(../img/aaa.jpg) no-repeat center right; height: 40px; margin-bottom: 20px; font-size: 14px; text-align: right; padding-right: 80px; line-height: 40px;}
.dac a{color: #3DA1D2; }
.dac a:hover{color: #ff3600; }

.xfsab{background: #f5f5f5;}
.sdfbb{overflow: hidden;}
.yhkka{ height: 300px;width: 1200px; position: relative;overflow: hidden;}
.yhkka a{ color: #fff;}
.yhkkb{ float: left; height: 300px; width: 300px; background: #0e6eb8;}

.ccstg{ position: relative; z-index: 999;color: #fff;text-align:center; padding:50px 30px 40px 30px;height: 210px; width: 240px;background: #0e6eb8; }
.ccstg h3{ font-size: 16px; line-height: 28px;}
.ccstg p{ padding-top: 20px;font-size: 14px; line-height: 24px;}
.yhkkd{
	position: absolute;
	left: -1200px;
	top: 0;
	width: 100%;
	height: 240px;
	padding-top: 60px;
	color: #fff;
	background: #0e6eb8;
}
.yhkkda{
	position: absolute;
	right: -1200px;
	top: 0;
	width: 100%;
	height: 240px;
	padding-top: 60px;
	color: #fff;
	background: #0FB2B9;
}
.yhkkc{ float: left;}
.yhkkc img{ width: 900px; height: 300px;}
.yhkke{ margin-left: 310px; padding-right: 50px; border-left: 1px solid #fff; padding-left: 40px; font-size: 14px; line-height: 26px;}

.yhrr{background: #0FB2B9;}
.yhrr .yhkkba{float: right;background: #0FB2B9; height: 300px; width: 300px; }
.yhrr .ccstg{background: #0FB2B9;}
.yhkkda .yhkkea{margin-right: 310px; padding-left: 50px; border-right: 1px solid #fff; padding-right: 40px; font-size: 14px; line-height: 26px;}

















































.zxhd{ width: 1160px; margin: 0 auto; position: relative; }
.zxhdli{ position: absolute; top: 40px; right: 10px; width: 300px; height: 380px; padding:0 20px 20px 20px; /*background-color:rgba(255,255,255,.9);*/ background: #fff; z-index: 9999;border-radius: 8px;}
.hdone{ padding-bottom: 13px;}
.hdone img{ width: 300px; height: 160px; display: block;}
.hdone h3{ font-size: 16px; padding: 14px 0 10px 0;}
.hdone p{ font-size: 13px; line-height: 24px; color: #999;}
.hdone p .iconfont{font-size: 14px; padding-right: 6px;}
.hdlic{ border-top:1px dotted #ccc; padding-top: 13px;}
.hdlic li{ font-size: 14px; line-height: 28px; height: 28px; overflow: hidden;}
.hdxyd{ padding: 0 5px; color: #999;}



.itop{text-align:center; padding:40px 0;}
.itop h2{ font-size:24px; font-weight:normal;}
.itop h2 span{font-size: 36px; font-weight: bold; color: #ff5000;}
.itop p{ font-size:16px; padding-top:10px; color:#999;}
.imtbox{}
.imtboxz{float: left; width: 500px; padding-top: 80px;}
.imtboxz p{font-size: 16px; color: #666; line-height: 38px;}
.imtboxy{float: right; width: 600px;}
.h02{ padding-left: 20px; padding-top: 20px;}
.h02 li{ float: left; }
.h02 li a{display: block;width: 140px; height: 110px; border-radius: 50%; text-align: center; margin: 20px 40px; background: #f2f2f2;color:#9ba8b5;padding-top: 30px;}
.h02 li a:hover{ background: #ff9000; color: #fff;}
.h02 li .iconfont{ font-size: 48px; line-height: 48px;}
.h02 li p{font-size: 16px; padding-top: 5px; line-height: 2em;}

.ixlbtn { font-size:16px; padding:6px 30px; border:2px solid #fff; border-radius:25px;display:inline-block;  position:relative}
.imore{ text-align:center; padding: 25px 0;}
.au_more {display:inline-block;padding:10px 30px;color: #fff;background:#238ae2;font-size:16px;text-align: center;border-radius:20px;}
.au_more:hover{ color:#fff; background:#116bb8;}

.i02img{ padding-bottom: 20px;}
.i02li{ float:left; width:360px; height:420px; overflow:hidden; margin-left:40px; background:#fff;box-shadow: 0px 2px 10px #ddd; position:relative; }
.i02li img{ width:360px; height:230px;}
.iml0{ margin-left:0;}
.i02li:hover{box-shadow: 0px 2px 14px #bbb;}
.che01{ padding:5px 10px; background:#fff;}
.che01 h3{ font-size:16px; margin:10px 0 10px 0; height: 24px; line-height: 24px; overflow: hidden;}
.che01 p{ font-size:14px; color:#999; line-height:24px;}
.che01 p .iconfont{ font-size: 14px;}
.ijg{ font-size:14px; color:#666; padding-top:5px;}


.i02hs{ background:#f5faff;}
.wsxzt {text-align:center; height:80px; padding-top:10px;}
.wsxzt ul li {list-style-type:none; display:inline; margin:0 15px;}
.wsxzt ul li a{ font-size:18px; padding:12px 30px; background-color:#fff;border-radius:25px; border: 1px solid #66a7ff; color: #66a7ff;}
.wsxzt ul li a:hover{ background: #66a7ff; color: #fff;}
.wsxzt ul .ctgo a{ color:#fff;background:#29A05C;}

.i02list{ padding-left: 25px;}
.i02list li{ float: left; width: 200px; border: 1px solid #e6e6e6; margin: 0 25px 25px 0;}
.i02list li img{ width: 200px;}

.iys{ position: relative; background: url(../img/i2.jpg) 210px 0px no-repeat; height: 620px;}
.iysbox{ position: absolute; width: 210px; min-height: 100px;}
.iysbox h3{ font-size: 20px; padding-bottom: 8px;}
.iysbox p{ font-size: 16px; color: #999; line-height: 24px;}
.iyys-1{ left: 50px; top: 40px; text-align: right;}
.iyys-2{ right: 120px; top:40px;}
.iyys-3{ right: 30px; top: 250px;}
.iyys-4{ left: 0px; top: 250px; text-align: right;}
.iyys-5{ right: 120px; bottom: 60px;}
.iyys-6{ left: 70px; bottom: 60px; text-align: right;}


.idx_case{ border: 1px solid #199fff; height: 80px; margin: 20px 0; padding: 20px; border-radius: 5px;}
.idx_case .info{}
.idx_case .column{float: left;}
.idx_case .column .num{font-size: 46px;color: #199fff;float:left;margin-right: 15px;}
.idx_case .column em{font-size: 30px;font-style: normal;}
.idx_case .column .font{font-size: 16px;color: #333333;margin-top: 5px;}
.idx_case .column .fz{font-size: 14px;color: #888888;margin-top: 8px;}
.idx_case .line{padding: 20px 0 0 20px;float: left;width: 40px;margin: 0 20px;}
.idx_case .line em{width: 1px;height: 48px;transform: rotate(45deg);display: block;background: #ddd;}
.idx_case .column1{width: 300px; padding-left: 10px;}
.idx_case .column2{width: 300px;}
.idx_case .column3{width: 290px;}

.idx_case .list{margin-top: 85px;}
.idx_case .list .item .img1{display: none;}
.idx_case .list .item:hover .img2{display: none;}
.idx_case .list .item:hover .img1{display: block;}


.i04list{ text-align: center;}
.i04list li{ float:left; width:272px; height:252px; background:#fff; margin-right:24px;box-shadow: 0px 2px 10px #ddd; overflow:hidden; margin-bottom: 30px;}
.i04list li img{ width:272px; height:186px;}
.i04list .imr0{ margin-right:0;}
.i04list li p{ padding:8px 8px 0 8px; font-size:14px; color:#999; line-height:22px;}
.ftbb li{ height: 232px;}
.idhe{ border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; line-height: 24px;}
.idhe .name{padding: 0; font-size: 16px;}
.idhe .more{ padding-right: 0;}
.i05li { float: left; width: 315px; height: 230px; border-radius: 8px; padding: 20px; border:1px solid #d8e4f0;margin-left: 25px; display: inline; background: #fff;}
.i05li ul{ padding-top: 10px;}
.i05li li{ height: 30px; line-height: 30px; font-size: 14px; overflow: hidden;}
.i05li li .xdd{color: #409fff; padding-right: 5px;}

.picScroll{ margin:0px auto;  position:relative; width:1000px;  padding:0px 0 10px 80px; overflow:hidden;}
.picScroll .prev,
.picScroll .next{ display:block; position:absolute; top:100px; left:0px; width:22px; height:31px; background:url(../ssimg/yzy.png) no-repeat;   }
.picScroll .next{ left:auto; right:0px; background-position:0 -31px;}
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ width:920px; float:left; overflow:hidden; margin: 0; }
.picScroll ul li h3{ margin: 10px 0; border-bottom: 1px solid #e4e4e4; padding-bottom: 15px; font-size: 16px;}
.picScroll ul li h3 span{ padding-left: 20px;}
.picScroll ul li p{ line-height:22px; margin: 0; padding: 0; font-size: 12px; color: #999;}

.ccyy {transition: all 0.2s;}
.ccyy:hover {
	transform: scale(1.1);
}
.yj_img {
	display:block;
	width:272px;
	height:186px;
	overflow: hidden;
}
.cc_img {
	display:block;
	width:360px;
	height:230px;
	overflow: hidden;
}

.fbg{ height:420px; text-align:center; color:#fff;}
.fbg h3{ font-size:46px; font-weight:normal;text-shadow: #666 0px 1px 0px; padding-top:130px; }
.fbg p{ font-size:22px; line-height:30px; margin-top:20px;text-shadow: #666 0px 1px 0px;  }

#mainBody
{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
.bgb{ background:#fff;box-shadow: 0px 2px 10px #ddd; margin:20px 0; padding:0 20px 20px 20px;}


/* 媒体邀请 */


.h1f{max-width:900px; color: #fff; margin: 0 auto; padding-top: 240px;}
.h1f h3{ font-size:54px; font-weight:normal;text-shadow: #333 1px 1px 1px; }
.h1f p{ font-size:22px; line-height:30px; margin-top:20px;text-shadow: #333 1px 1px 1px; }

.q01{background: #fff; padding: 20px 0;}
.q02{background: #f9f9f9; padding: 20px 0 40px 0;}
.q03{background: #fff; padding: 20px 0;}
.mt01{ padding-left: 20px;}
.mt01 li { float: left; width:33.33%;  text-align: center;  color:#9ba8b5;padding-top: 30px;}
.mt01 li img{ width: 140px; height: 140px;}
.mt01 li h3{ font-size: 20px; padding-top: 10px;}
.mt01 li p{font-size: 16px; padding-top: 10px; line-height: 2em; padding: 10px 35px;}
.mtitle{text-align:center; padding:30px 0;}
.mtitle h2{ font-size:24px; font-weight:normal; color: #f7ab00;}
.mtitle h2 span{font-size: 36px; font-weight: bold; color: #20bea7;}
.mtitle p{ font-size:16px; color:#999; padding: 10px 120px 0 120px; line-height: 28px;}
.mtzs{ text-align: center; padding: 10px 0;}

.mtzysm{position: relative; height: 1080px; background: url(../img/9.jpg) 50px 0 no-repeat;}
.mtsc{ background: #444; width: 180px; height: 180px; border-radius: 50%; color: #fff; text-align: center;}
.mtsc h3{ font-size: 22px; padding-top: 30px;}
.mtsc p{font-size: 16px;line-height: 26px; padding: 10px 20px;}
.mtsc p span{ padding: 0 5px; color: #f7ab00;}
.mtwz1{ position:absolute; top: 80px; left: 470px;}
.mtwz2{ position:absolute; top: 490px; left: 470px;}
.mtwz3{ position:absolute; bottom: 50px; left: 470px;}

.dht{}
.dhth3{ font-size: 24px; padding-bottom: 20px; padding-top: 30px; text-align: center; font-weight: 300;}
.dhtz{ float: left; width: 520px; padding-left: 20px;}
.dhty{float: right; width: 600px; padding-top: 78px; text-align: center;}
.dhtlc{background: #007EBD;border-radius: 4px; color: #fff;padding: 14px 20px;font-size: 15px;}
.dhtjt{text-align: center; padding: 5px 0;}
.dhtjt .iconfont{ font-size: 26px; color: #007EBD;}
/* 媒体资源 */
.w01{background: #fff; padding: 30px 0 0 0 0;}
.tabbe{ border-right: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4; text-align: center;}
.tabbe td{border-left: 1px solid #e4e4e4;border-top: 1px solid #e4e4e4; padding: 10px; font-size: 16px;}
.qtitle{text-align:center; padding:30px 0;}
.qtitle h2{ font-size:24px; font-weight:normal; color: #f7ab00;}
.qtitle h2 span{font-size: 36px; font-weight: bold; color: #20bea7;}
.qtitle p{ font-size:16px; color:#999; padding: 10px 120px 0 120px; line-height: 28px;}

/* 客户端推荐 */
.ktitle{text-align:center; padding:30px 0;}
.ktitle h2{ font-size:24px; font-weight:normal; color: #333;}
.ktitle h2 span{font-size: 36px; font-weight: bold; color: #ba292c;}
.ktitle p{ font-size:16px; color:#999; padding: 10px 120px 0 120px; line-height: 28px;}
.kh01{ width: 1200px; margin: 0 auto;}
.kh01 img{ display: block;}

/* 外媒发稿 */
.hw01{ padding: 30px 0; background: #fff;}
.hw02{ padding: 30px 0;}

.htitle{text-align:center; padding:30px 0;}
.htitle h2{ font-size:24px; font-weight:normal; color: #f7ab00;}
.htitle h2 span{font-size: 36px; font-weight: bold; color: #007EBD;}
.htitle p{ font-size:16px; color:#999; padding: 10px 120px 0 120px; line-height: 28px;}
.hwbox{position: relative;}
.hw3{ position: relative; float: left; width: 456px; margin: 0 20px; padding: 20px 0 20px 80px;}
.hw3 .iconfont{ position: absolute; font-size: 50px; color: #007EBD; left: 0; top: 20px;}
.hw3 h3{font-size: 18px;font-weight: 300;}
.hw3 p{font-size: 14px; color: #999; line-height: 24px; padding-top: 8px;}
.hwtp{ padding: 20px 0;}
.hwtp img{}
.hwinfo{ font-size: 16px; line-height: 28px; text-align: center; padding: 20px;}
.hwinfo img{max-width: 100%;}
.hwinfo h2{ border-left:5px solid #0077AA; padding-left: 10px; font-size: 16px; margin-bottom: 10px;}
.hwinfo p{ margin-bottom: 15px;}
.wssq{ width: 600px; margin:0 auto; padding: 40px 0;}


/* 新闻发布首页 */
.n01{ background: #fff; border: 1px solid #e4e4e4; padding: 20px;}
.qunar { width: 1120px; position: relative; overflow: hidden; }
.qunar .e_pic_wrap { z-index: 1; white-space: nowrap; width: 1120px; height: 420px; }
.qunar .e_pic_wrap li {position:relative;  display: inline; width: 1120px; height: 420px; overflow: hidden; }
.qunar .e_pic_wrap li img{ width: 1120px; height: 420px;}
.qunar .e_pic_wrap li a{ color: #fff;}
.qunar .e_bg_flt { position: absolute; right: 0; top: 0; width: 330px; height: 420px; background: #000; filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; z-index: 10; }
.qunar .e_flt_inf { position: absolute; right: 0; top: 0; width: 285px; height: 395px; padding: 25px 28px 10px 15px; overflow: hidden; z-index: 20; color: #fff; white-space: normal; word-wrap: break-word; }
.e_flt_inf h2{ font-size: 18px; font-weight: 500; padding-top: 20px;}
.qunar .e_flt_inf p { line-height: 20px;  font-size: 13px; padding-top: 10px;}
.qunar .e_flt_inf .t_info{ padding-top: 30px;}
.btn-hd{ width:120px; margin: 0 auto; height:38px; line-height: 38px; font-size: 16px; border:1px solid #fff; display:block; text-align:center; border-radius:4px;  color:#fff;}
.btn-hd:hover{color: #FFFF00;}

.qunar .prev, .qunar .next { position: absolute; z-index: 30; display: block; }
.qunar .prev { top: 185px; left: 10px; }
.qunar .next { top: 185px; right: 10px; }
.qunar .prev a, .qunar .next a { display: block; width: 25px; height: 32px; overflow: hidden; background: url(../ssimg/ico_prevnext.png) no-repeat scroll 0 0; _background-image: url(../ssimg/ico_prevnext_ie6.png); }
.qunar .prev a { background-position: 0 0; }
.qunar .prev a:hover { background-position: 0 -40px; }
.qunar .next a { background-position: 0 -80px; }
.qunar .next a:hover { background-position: 0 -120px; }

.n02{ background: #fff; border: 1px solid #e4e4e4; padding:10px 20px 0px 20px;}
.ndh {
	position: relative;
	height: 40px;
	line-height: 40px;
	color: #303030;
	padding-left: 12px;
	border-bottom: 1px solid #e4e4e4;
}
.ndh:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 16px;
	background: #f63756;
	left: 0;
	top: 12px;
}
.ndh .more{ font-size: 12px;}
.ndh .name{ font-size: 16px; padding-left: 0;}
.n02li ul{ padding: 20px 0 0 2px;}
.n02li li{ float:left; width:262px; height:252px; background:#fff; margin-right:22px;box-shadow: 0px 2px 10px #ddd; overflow:hidden; margin-bottom: 30px;}
.n02li li img{ width:262px; height:186px;}
.n02li .imr0{ margin-right:0;}
.n02li li p{ padding:8px 8px 0 8px; font-size:14px; color:#999; line-height:22px;}
.n02li .yj_img {
	display:block;
	width:262px;
	height:186px;
	overflow: hidden;
}



.cleft{ float:left; width:790px; overflow:hidden; background: #fff;border:1px solid #e1e1e1; padding: 0 20px; margin-bottom: 20px;}
.cright{ float:left; width:306px; border:1px solid #e1e1e1; background:#fff; margin-left:20px; display:inline; overflow:hidden; padding-bottom:20px; margin-bottom: 20px;}
/* 栏目筛选 */
.lmdh{ border:1px solid #dedede; padding:10px; background:#fff; margin-bottom: 20px;}
.lmlist{font-size:16px; margin-top:15px; padding-bottom:5px; }
.lmnone{ border-bottom:none;}
.lmlist li{float:left;}
.lmlist li span{ float:left; padding-left:10px; font-weight:bold; margin-top:5px;}
.lmlist li a{ float:left; display:block;padding:0 15px;  border:1px solid #E4E4E4; background:#f9f9f9; height:32px; line-height:32px; margin:0px 0 10px 10px; display:inline;}
.lmlist li a:hover{ background:#ab2e00; color:#fff; border:1px solid #710002;}
.lmlist li .curr{background:#ab2e00; color:#fff; border:1px solid #710002;}

/* 新闻列表 */
.column-wrap {
	position: relative;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	color: #303030;
	padding-left: 18px;
	border-bottom: 1px solid #e4e4e4;
}
.column-wrap:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 21px;
	background: #f63756;
	left: 0;
	top: 20px;
}
.xwcm{ width:1100px;}
.xnews{ width:1100px; height:200px; padding:20px 0; background:#fff; border-bottom:1px dotted #ccc;}
.ximg{ float:left; width:320px; height:200px;}
.ximg img{ width:300px; height:200px;}
.xlist{ float:left; width:780px; height:140px;}
.xlist h2{ height:24px; line-height:24px; font-size:20px; margin-bottom:10px; overflow:hidden;}
.jjb{ font-size:14px; color:#333; padding-bottom:6px; border-bottom:1px dotted #ccc;}
.pms{ color:#666; font-size:14px; line-height:24px; padding-top:10px;}
.pms span a{ color:#06C; padding-left:5px;}
.pmore{ font-size:14px; font-weight:bold;color:#b90009; text-align:right;}
.sjj{ padding-top:6px; color:#999; font-size:12px;}
.sjj .iconfont{ font-size: 12px;}
.prbox{ padding:0px 20px;}
.prdh{ height:42px; line-height:42px;}
.prdh .name{ font-size:20px; font-weight:normal; padding-left:0px;}
.ppimg{ width:278px; padding-top:10px;}
.ppimg li{ float:left; width:124px; height:116px; display:inline;}
.ppimg li img{ width:124px; height:78px;}
.pml{ margin-left:20px;}
.ppimg li p{ line-height:28px; height:28px; overflow:hidden; text-align:center;}
.psfx{ border-top:1px solid #e1e1e1; padding-top:8px;}
.ppyd{}
.ppyd li{ height:16px; line-height:16px; margin:18px 0; overflow:hidden;}
.ppyd li em{ width: 16px; height: 16px; font-size: 11px; float: left; background: #aaa; line-height: 16px; margin: 0 10px 0 2px; color: #fff; text-align: center; font-style: normal; }
.ppyd li .em01{background: #b50000;}

.tcsmbox{ display: none;}
.wbtyx{ padding: 20px;}


/*分页样式*/
.epages{ padding:0 20px; text-align:center; }
.pagination ul {margin: 30px 0 30px 0; position: relative;width: 100%;}
.pagination ul li{list-style-type:none; display:inline;}
.pagination ul li a {padding: 5px 10px;display: inline-block; margin-right: 5px;background: #eee;color: #333;text-decoration: none;font-size:14px;}
.pagination ul li a:hover{ color:#fff; background:#169fe6;}
.pagination ul li:first-child a{  border-radius: 4px 0px 0px 4px;}
.pagination ul li:last-child a{   border-radius: 0px 4px 4px 0px;}
.pagination .current{background:#169fe6; color:#fff;}
.pagination ul .active a{background:#169fe6; color:#fff;}

.askbox{ background: #fff; border: 1px solid #e4e4e4; padding: 30px;}
.askbox h3{font-size: 20px; text-align: center; padding-bottom: 30px;}
.sakbb{ width: 600px; margin: 0 auto;}
.twask{ font-size: 14px;}
.twask td{padding:10px;}
.twtxt{ width: 300px; border: 1px solid #ccc; padding:8px; height: 20px; line-height: 20px;}
.twtxt01{ width: 450px; height: 120px; border: 1px solid #ccc; padding:8px;}
.btn-tw{ width:160px; height:45px; font-size: 16px; border: none; cursor:pointer; display:block; text-align:center; background:#ff6e00; display:block; border-radius:4px;  color:#fff;}
.btn-tw:hover{ background: #dc5f00;}
/* 报名 */
.dzjlbbox{ padding-top: 20px; background: #fff; padding: 0 20px; border: 1px solid #e4e4e4; margin-top: 20px; margin-bottom: 20px;}
.zhlist{ margin-bottom: 20px;}
.zhlist li{ float: left; width: 262px; height: 320px; border: 1px solid #E9E9E9; margin-top: 20px; margin-right: 20px; display: inline;}
.zhlist li img{ width: 262px; height:196px;}
.zhlist .yj_img {
	display:block;
	width:262px;
	height:196px;
	overflow: hidden;
}
.zhlist .zhmr0{ margin-right: 0;}
.zhlist h3{ font-size: 16px; margin: 0 10px 10px 10px; line-height: 44px; height: 44px; overflow: hidden; border-bottom: 1px solid #e9e9e9;}
.zhlist .iconfont{font-size: 12px; padding-right: 5px;}
.zhsj{ font-size: 12px; padding: 0 10px; color: #999;}
.zhdz{ padding: 10px; color: #999; font-size: 12px;}



.bmbox{background:#fff;box-shadow: 0px 2px 10px #ddd; margin:0px 0 20px 0; padding:20px 20px 30px 20px;}
.info01{}
.infoimg{ float:left; width:520px;}
.infoimg img{ width: 500px; height: 320px;}
.info01r{ float:left; width:600px;}
.xh2{ line-height:30px; font-size:24px; font-weight:500;}
.hs999{ color:#999;}
.xjg{color:#f60; font-size:28px; padding:0 4px;}
.xp1{ border-bottom:1px dotted #ccc; padding:10px 0; margin-bottom:8px;}
.xp2{ padding:5px 0; font-size:14px; color:#666;}
.gxq{padding-top: 10px;font-size: 12px; color: #999;}

.xlbtn{ margin-top:5px; width:160px; height:45px; padding-top:10px; font-size: 16px;}
.ydbtn{ padding:10px 35px; text-align:center; background:#ff6e00; display:block; border-radius:4px;  color:#fff;}
.ydbtn:hover{  background:#f86600; color:#fff;}
.dzbtn{ padding:10px 45px; text-align:center; background:#f9f9f9; border:1px solid #dedede; display:block; border-radius:4px; color:#333;}
.dzbtn:hover{  background:#f1f1f1; color:#333;}
.fxal{ margin-top:10px;}
.fxal .yh001{ color:#999; font-weight:normal;}


.bbbox{ padding: 20px 0;}
.bmxh2 {
	position: relative;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #303030;
	padding-left: 18px;
	border-bottom: 1px solid #e4e4e4;
}
.bmxh2:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 18px;
	background: #f63756;
	left: 0;
	top: 10px;
}
.xlbody{ padding:20px 5px; font-size: 16px;}
.xlbody p{ font-size:16px; margin-bottom:10px; line-height:1.8em;}
.xlbody hr{ height:1px;border:none;border-top:1px dashed #ccc; margin:20px 0;}
.xlbody img{ max-width: 1000px;}






/* 文章内容样式 */
.dqwz{ height:32px; line-height:32px; font-family:"宋体"; padding:10px 4px; color:#999; font-size: 12px;}
.dqwz a{ color:#999;}
.dqwz a:hover{ color:#900;}
.news_view { padding:20px;}
.news_view .tilte { font-size:22px;  padding-bottom:4px; line-height:32px; font-weight:500; text-align:center;}
.news_view .ftilte{ color:#999; font-size:12px; font-weight:500; height:36px; line-height:36px;font-family:Arial, Helvetica, sans-serif; border-bottom:1px dotted #ccc; text-align:center}
.news_view .ftilte em { padding:0 10px;}
.red{ color:#C00}
.news_view .body { margin-top:18px; font-size:16px; line-height:30px;}
.news_view .body p { margin-bottom:15px;}
.updo{ color:#666; line-height:22px; border-top:1px dotted #ccc; padding-top:8px;}

.xgzx{border-top:1px dotted #ccc; margin-top:8px;}
.xgzx h2{ line-height:42px; height:42px; font-size:16px;}
.xgzx ul li{height:28px; line-height:28px; font-size:14px; background:url(../../ssimg/icon/1.gif) 5px 11px no-repeat; padding-left:14px;font-family:"宋体"; }
.xgzx ul li a{ color:#069}

.idimg{ margin-top:20px;}

.dybody{ margin: 20px 0; background: #fff; padding: 20px; font-size: 14px; line-height: 28px;}
.dybody p {}
.dybody hr{height:1px;border:none;border-top:1px dashed #e4e4e4;}

.x06li{}
.x06li li{ border: 1px dashed #ccc; background: #fff; padding: 10px; margin-bottom: 20px;}
.x06li li h4{ font-size: 16px; padding-bottom: 10px;}
.x06li li p{font-size: 14px; line-height: 24px;}

.aleft{ float:left; width:260px; border:1px solid #e1e1e1; background:#fff; display:inline; overflow:hidden; padding-bottom:20px; margin-bottom: 20px;}
.aright{ float:right; width:840px; overflow:hidden; background: #fff;border:1px solid #e1e1e1; padding: 0 20px; margin-bottom: 20px;}
.gybox{position: relative; padding:12px 20px 0 20px;}
.yhzzg {
	position: relative;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #303030;
	padding-left: 15px;
}
.yhzzg:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 16px;
	background: #f63756;
	left: 0;
	top: 12px;
}
.gybox li{ padding: 5px 0 5px 15px;}
.gybox li a{ color: #666;}
.gybox li a:hover{ color: #AB2E00;}

/* 20220512 */
.xm02{ background-color: #1D1F3A; height: 1050px;}

.new-actives { width: 1200px; height: 650px; position: relative; zoom: 1; top: -300px;}
.new-actives .tab-hd{color:#fff; position: absolute; height: 70px; width: 660px; left: 0; bottom: 0;}
.new-actives .pageState{ color: #999; font-size: 16px; padding: 10px 0 0 50px;}
.new-actives .pageState span{  color:#fff; font-size: 36px;}
.new-actives .tab-bd { padding: 0;}
.new-actives .step { position: absolute; right: 20px; bottom: 25px; width: 130px;}
/* .new-actives .step a { float: left; width: 24px; height: 22px; border: 1px solid #d8d8d8; margin-left: -1px; text-align: center;background-color: #fff}
.new-actives .step a.prev{ border-radius: 4px 0 0 4px;}
.new-actives .step a.next{ border-radius: 0 4px 4px 0;} */
.new-actives .step a.prevStop,
.new-actives .step a.nextStop{ filter:alpha(opacity=40); opacity: 0.4; cursor: auto }
.xma01{ width: 1200px; height: 510px; padding: 70px 0; position: relative; z-index: 0;}
.xmaabox{width: 1200px;height: 510px;background: #FFFFFF;box-shadow: 10px 50px 59px 0px rgba(60, 78, 105, 0.1);border-radius: 55px; position: relative;}
.xma01z{width: 550px; padding: 50px;}
.xma01y{ position: absolute; width: 556px; height: 650px; top: -70px; right: 0;}
.xma01y img{width: 556px; height: 650px; border-radius: 92px;  }
.xmcq{ font-size: 16px; color: #3C4E69; padding-bottom: 10px;}
.hhxxh2{ font-size: 36px; color: #5A5757;}
.xmfg{width: 41px;height: 2px;background: #D8D8D8; margin: 20px 0;}
.xmcq1{ color: #999; font-size: 16px; line-height: 24px;}
.aali{ padding-top: 40px;}
.aali p{ float: left; width: 240px; padding-right: 30px; font-size: 14px;color: #5A5757; height: 20px; line-height: 20px; margin-bottom: 15px;}


.tabbox{padding:10px 0 0 0;}
.tnews{ float: left; width: 500px; padding: 17px 20px 18px 10px; height: 50px; position: relative; border-bottom: 1px dashed #ddd;}
.tnewsz{ width: 50px; height: 50px; background-color: #21242b; color: #fff; text-align: center;}
.ttp1{ font-size: 28px; line-height: 28px; padding-top: 2px; font-weight: bold;}
.ttp2{letter-spacing: -0.8px;}
.tnewsy{ height: 50px; line-height: 50px; font-size: 18px; position: absolute; top: 17px; left: 80px;text-overflow: ellipsis; white-space: nowrap;overflow:hidden; width: 430px;}
.tnews:hover .tnewsz{ background-color: #0d349a;}

.gdinfo{ padding-top: 10px;}

.xm03{ background-color: #f7f7f7; }
.icax{ width: 1290px; margin: 0 auto; position: relative; height: 460px;}
.xm03box{width: 1290px; position: absolute; left: 0; top: -640px;}
.xm03h1{ padding: 50px 0; color: #fff; text-align: center;}
.xm03h1 p{ font-size: 24px;text-transform: uppercase;}
.xm03h1 h3{font-size: 48px;}

.slideTxtBox{ width:100%;}
.slideTxtBox .hd{ height:48px; line-height:48px; position:relative; text-align: center; padding: 40px 0;}
.slideTxtBox .hd ul{ height:48px; }
.slideTxtBox .hd ul li{ padding:0 60px; cursor:pointer; font-size: 48px; position: relative; list-style-type: none; display: inline;}
.slideTxtBox .hd ul li a{color: #fff; }
.slideTxtBox .hd ul li.on{ height:48px;  color: #F4933C; font-weight: bold;}
.slideTxtBox .hd ul li.on a{color: #F4933C; }
.slideTxtBox .bd{  zoom:1;}

.hddtbox{  padding: 0;}
.hddtbox .inhd{ height:48px; line-height:48px; position:relative;text-align: center; }
.hddtbox .inhd ul{ height:48px; }
.hddtbox .inhd ul li{ padding:0 65px; cursor:pointer; font-size: 38px; list-style-type: none; display: inline;}
.hddtbox .inhd ul li.on{ height:34px;  color: #F4933C; }
.hddtbox .inhd ul li a{ color: #fff;}
.hddtbox .inbd{  zoom:1; padding-top: 80px;}
.hddtbox .inhd ul li.on a{color: #F4933C;}
.drdy{ padding-left: 30px;}
.drliimg{ float: left; margin-left: 20px;; position: relative; width: 282px; height: 366px; border-radius: 24px; box-shadow: 3px 4px 4px 0px rgb(60 78 105 / 5%); overflow: hidden; background-color: #fff;}
.drtit{ padding: 20px; height: 90px;}
.drtit h3{ font-size: 20px;}
.drtit p{font-size: 14px; color: #666; padding-top: 15px;}
.drliimg:hover{ color: #fff; background-color: #3DA1D2;}
.drliimg:hover p, .drliimg:hover h3{ color: #fff;}
.drtp{ width: 282px; height: 236px; overflow: hidden;}
.drtp img{width: 282px; height: 236px; border-radius: 0 0 24px 24px; display: block;}
.drdr{ padding: 80px 0;}
.drli5{ float: left; margin-left: 20px; position: relative; width: 198px; height: 256px; border-radius: 24px; box-shadow: 3px 4px 4px 0px rgb(60 78 105 / 5%); overflow: hidden; background-color: #fff;}
.drli5 .drtit{ padding: 15px; height: 68px;}
.drli5 .drtit h3{ font-size: 18px;}
.drli5 .drtit p{padding-top: 8px;}
.drli5:hover{ color: #fff; background-color: #3DA1D2;}
.drli5:hover p, .drli5:hover h3{ color: #fff;}
.drli5 .drtp{ width: 198px; height: 158px;}
.drli5 .drtp img{width: 198px; height: 158px;}

.xm04{ background-color: #fff; padding: 40px 0;}
.kmrow{ float: left; width: 200px; text-align: center; padding: 20px;}
.sz{ color: #F4933C; font-size: 42px; font-weight: bold;}
.sztit{ color: #666; font-size: 16px; padding-top: 20px;}
.kmsm{ color: #999; font-size: 16px; text-align: center; padding: 20px 0;}
.xm05{ height: 200px; background: url(../img/xin/a3.jpg) no-repeat;}
.hsmb{ background-color: rgba(22, 38, 65, 0.76);}
.xm05box{ width: 1200px; height: 200px; margin: 0 auto; color: #fff; text-align: center;}
.xm05box h3{ font-size: 24px; padding-top: 40px;}
.xm05box p{ font-size: 16px; padding-top: 10px;}
.xm05al{ padding-top: 30px; height: 40px;}
.lsbtn{font-size: 16px; padding: 10px 50px; background-color: #3DA1D2; border-radius: 25px;  color: #fff;}
.lsbtn:hover{color: #fff; background-color: #258cbf;}
.xm05al:hover{-webkit-animation-name:shake;animation-name:shake;}
.xm06{ background-color: #f7f7f7; padding: 20px 0;}
.xm07{background: url(../img/i4.jpg) no-repeat center bottom; padding: 50px 0;}
.qcp{ padding: 50px 0 0 0;}
.lbtit{ font-size: 24px; text-align: center; color: #666;}
.xm06hh{ border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; padding: 25px 0; width: 800px; margin: 20px auto;}
.xm06hh h3{ font-size: 32px; color: #666; }
.xm06hh p{ font-size: 18px; color: #666; padding-top: 10px;}
.xm08{ background-color: #f7f7f7; padding: 20px 0;}
.nltab{ width:100%;}
.nltab .xhd{ height:52px; line-height:50px; position:relative;  text-align: center;}
.nltab .xhd ul li{ padding:0 60px; border-radius: 30px; cursor:pointer; font-size: 20px; position: relative; list-style-type: none; display:inline-block; font-weight: bold;}
.nltab .xhd ul li.on{  border:1px solid #3DA1D2; color: #3DA1D2;}
.nltab .xhd ul li a {color: #666;}
.nltab .xhd ul li.on a{color: #3DA1D2; }
.nltab .bd{  zoom:1;}

.ixxcon{width:100%; padding: 20px 0;}
.ixxsm{ width: 1200px; margin: 0 auto; padding-bottom:20px;}
.ixxsm3{ float: left; width: 33%; padding: 20px;box-sizing:border-box;}
.ixxsm3z{ float: left; width: 50%;box-sizing:border-box; padding-right: 20px; color: #3DA1D2; font-size: 32px; font-weight: bold; text-align: right;}
.ixxsm3y{ float: left; width: 50%;box-sizing:border-box; color: #666; font-size: 14px; line-height: 22px;}
.ixx5{float:left;position:relative;overflow:hidden;cursor:pointer; width: 20%; box-sizing:border-box; padding: 10px;}
.ixxbox{background: #FFFFFF;box-shadow: 4px 5px 5px 0px rgba(60, 78, 105, 0.05);border-radius: 24px;}
.ixx5img img{ width: 100%; display: block; border-radius: 24px 24px 0 0;}

.ixx5:hover{transform:translatey(-40px);-webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); transition: all .5s;}
.icc5info{ padding: 20px 30px;}
.icc5info h3{ font-size: 24px; color: #333;}
.icc5info p{ font-size: 15px; color: #666; padding-top: 20px; line-height: 24px;}

.imgtab{ position:relative; padding: 0;  overflow:hidden;}
.imgtab .prev,
.imgtab .next{ display:block; position:absolute; top:86px; left:5px; width:23px; height:23px; background:url(images/btns.png) no-repeat;   }
.imgtab .next{ left:auto; right:5px; background-position:-25px 0; }
.imgtab .prev:hover{ background-position:0 -30px; }
.imgtab .next:hover{ background-position:-25px -30px; }
.imgtab .inbda{width: 100%;}
.ccss{ padding: 50px 0 20px 0;}
.ixxhd{ text-align: center;}
.ixxhd a{ padding: 0 10px;}
.ixxhd a.prevStop,
.ixxhd a.nextStop{ filter:alpha(opacity=40); opacity: 0.4; cursor: auto }
.xm09{ background-color: #f7f7f7;}
.ic1100{ width: 1100px; margin: 0 auto;}
.xm09z{ float: left; width:638px; padding-top: 40px;}
.xm09zimg{ width: 638px; height: 422px; overflow: hidden;}
.xm09zimg img{width: 638px; height: 422px; display: block;}
.xm09zwz{ padding: 20px 0;}
.xm9p{ color: #AEB7C1; font-size: 16px;padding-top: 10px;}
.xm9h3{ font-size: 32px; color: #333; padding-top: 15px;}
.xm9p2{ font-size: 15px; color: #666; line-height: 24px; padding-top: 20px;}
.xm09al{ background: url(../img/xin/djty.png) 60px 2px no-repeat;}
.xm09y{ float: right; width: 430px; padding-top: 40px;}
.xm09li{ height: 160px; width: 430px; margin-bottom: 20px;}
.xm09liz{float: left; width: 160px; height: 160px; overflow: hidden;}
.xm09liz img{width: 160px; height: 160px; border-radius: 24px;}
.xm09liy{ float: right; height: 160px; width: 245px;}
.xmyp1{ font-size: 16px; color: #999; margin-bottom: 10px;}
.xmyp2{ font-size: 20px; line-height: 28px; color: #333;}
.xm10{ padding: 40px 0;}
.xm10w{ text-align: center; padding: 40px 0;}
.xm10p{ font-size: 30px; color: #666;}
.xm10p2{ font-size: 20px; color: #888; padding-top: 30px;}
.xm10box{ padding: 20px 0;}
.xm10tab{ padding: 30px 0;}
.xm10tab .hd{ float: left; width: 400px; border-radius: 24px 0 0 24px; background-color: #fff;}
.xm10tab .hd li{ height: 90px; border-bottom: 1px solid #D8D8D8; text-align: center; color: #22242A; font-size: 20px; line-height: 90px; cursor:pointer;}
.xm10tab .hd li:last-child{ border-bottom: none;}
.xm10tab .hd li.on{ background-color: #D8D8D8;}
.xm10tab .hd li.on:first-child{ border-radius: 24px 0 0 0;}
.xm10tab .hd li.on:last-child{ border-radius: 0 0 0 24px;}
.xm10tab .bd{ float: left; width: 700px;}
.xm10info{ width: 700px; height: 546px; border-radius: 0 24px 24px 0; text-align: center; position: relative;}
.xm10tt img{width: 700px; height: 546px;border-radius: 0 24px 24px 0; }
.xm10ww{ position: absolute; top: 0px; left: 0; width: 100%; height: 546px; background: rgba(0, 0, 0, 0.2); border-radius:0 20px 20px 0;}
.ccchhbbs{ padding: 100px 50px 50px 50px;}
.ccchhbbs h3{ color: #fff; font-size: 24px;}
.xm10p1{ color: #fff; font-size: 18px; padding-top: 15px; line-height: 30px;}
.xm10p3{ color: #fff; font-size: 18px; padding-top: 15px;}
.xm10p3 a{ color: #3DA1D2;}

.xm11tt{ font-size: 20px; color: #666; text-align: center; line-height: 30px; padding: 30px 0 60px 0;}
.xmfwbox{ position: relative; height: 420px;}
.xmfwx{ position: absolute; left: 0; top: 161px; width: 1180px;height: 2px;background-image: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(153, 153, 153, 0.4) 16%, rgba(153, 153, 153, 0.4) 51%, rgba(153, 153, 153, 0.4) 82%, rgba(255, 255, 255, 0) 100% );}
.xmft{ width: 128px; height: 140px; background: url(../img/xin/q1.png) no-repeat; color: #333; padding: 20px; position: absolute;}
.xmft:hover{background: url(../img/xin/q2.png) no-repeat; color: #fff;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
.xmft h3{ font-size: 16px; padding-bottom: 5px;}
.xmft p{ font-size: 14px; line-height: 24px;}
.xmfb{ width: 128px; height: 122px; background: url(../img/xin/q3.png) no-repeat; color: #333; padding: 68px 20px 0 20px; position: absolute;}
.xmfb:hover{background: url(../img/xin/q4.png) no-repeat; color: #fff;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.xmfb h3{ font-size: 16px; padding-bottom: 5px;}
.xmfb p{ font-size: 14px; line-height: 24px;}
.xmjl01{ left: 220px; top: 0px;}
.xmjl02{ left: 500px; top: 0px;}
.xmjl03{ left: 780px; top: 0px;}
.xmjl04{ left: 80px; top: 145px;}
.xmjl05{ left: 360px; top: 145px;}
.xmjl06{ left: 640px; top: 145px;}
.xmjl07{ left: 920px; top: 145px;}
.xmxwtab{ padding: 20px 0;}
.xmxwtab .hd{ text-align: center;}
.xmxwtab .hd li{list-style-type: none; display:inline-block; font-size: 36px; margin: 0 40px;}
.xmxwtab .hd li.on{ font-size: 48px; font-weight: bold;}
.xxxbox{ padding: 50px 0;}
.imxlist{border-bottom: 1px solid #D6D5D5; padding: 30px 0; height: 120px;}
.imxliz{ float: left; width: 130px; height: 120px; color: #999;}
.xm12p{ font-size: 80px; height: 60px; line-height:60px; display: block;}
.xm12p1{font-size: 24px; padding-top: 10px;}
.imxlic{ float: left; width:740px;}
.imxlic h3{ font-size: 20px; padding-bottom: 15px;}
.imxlic p{ font-size: 14px; line-height: 22px; color: #999;}
.imxlic a{ color: #333;}
.imxlic a:hover{ color: #3DA1D2;}

.imxliy{ float: right; width: 180px; height: 120px;}
.imxliy img{ width: 180px; height: 120px; border-radius: 24px;}

.footer{color:#fff; background:#363636;}
.footer a{ color:#fff;}
.footer a:hover{color:#FF0;}

.foot{width:1360px; margin:0 auto; padding: 50px 0 20px 0;}
.footz{ float: left; width: 380px;}
.footy{ float: right;width: 940px;}

/* 在线客服 */
.zxkfaa{ position: fixed; padding: 10px 15px; z-index:999; height: 555px; text-align: center; border-radius: 24px; background-color: rgba(255, 255, 255, 1); width: 90px;right: 60px;top: 160px;box-shadow: 3px 4px 4px 0px rgb(60 78 105 / 5%);}
.zxkfnav{padding: 0;}
.zxkfnav li{ height: 40px; line-height: 40px; border-bottom: 1px solid #DFDFDF; font-size: 14px;}
.zxkfnav li a{ display: block;}
.kf2wm{ padding-top: 10px;}
.kf2wm img{ width: 76px; height: 76px;}
.sskfdh{  font-size: 12px; padding: 10px 0;}
.khly{ font-size: 16px;}
.khly a{ color: #3DA1D2;}
.zxgb{ position: absolute; right: -10px; top: -10px; width: 30px; height: 30px; border: 1px solid #dedede; background-color: #fff; border-radius: 50%; line-height: 30px;}
.zxgb a{display: block;}
.zxgb .iconfont{ color: #ccc;}
/* 页脚 */
.footlogo{ width: 160px; height: 60px;}
.footlogo img{ width: 127px;height: 57px;}
.fzyxl{ font-size: 18px; color: #fff; padding: 10px 0;}
.fggg{ width: 41px; height: 2px; background-color: #D8D8D8;}
.footznr{ padding: 20px 0; font-size: 18px; line-height: 32px;}
.footnav{ position: relative;}
.ffddnav{ font-size: 18px; color: #fff; padding-bottom: 20px;}
.ffddnav a{ color: #fff;}
.ffyyya{ float: left; width: 100px; line-height: 40px;}
.ffzznav{ float: left; width:840px;}
.ffzznav li{float: left; padding: 0 15px; line-height: 40px; height: 40px; color: #999; font-size: 16px;}
.ffzznav li a{ color: #999;}
.footbbtt{ padding: 30px 0; background-color: #222222; color: #666666; font-size: 14px; text-align: center;}
.footbbtt a{ color: #999;}

/* 关于我们 */
.intabaa{ width: 100%; position:relative;  height:550px; overflow:hidden;}
.intabaa .bd{ position:relative; z-index:0;  }
.intabaa .bd ul{ width:100% !important;  }
.intabaa .bd li{ width:100% !important;  height:550px; overflow:hidden; text-align:center;}
.intabaa .bd li .siteWidth{ width:100%; position:relative;  margin:0 auto;  height:550px; z-index: 999;/*background: rgba(0, 0, 0, 0.2);*/}
.intabaa .bd li .siteWidthx{ width:100%; position:relative;  margin:0 auto;  height:550px; z-index: 999;}
.intabaa .bd li a{ display:block; height:565px; }
.intabaa .hd{ width:100%;  position:absolute; z-index:1; bottom:52px; left:0; height:30px; line-height:30px; text-align:center; }
.intabaa .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:6px; border-radius: 4px; margin:8px; background: rgba(255, 255, 255, 0.6); overflow:hidden;
	line-height:9999px;
}
.intabaa .hd ul .on{ background:#fff }
.intabaa .prev,
.intabaa .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:0;  z-index:1; width:40px; height:60px; background:url(../ssimg/d/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.intabaa .next{ left:auto; right:0; background-position:-6px -137px; }
.xmbg{ background-color: #f7f7f7;}
.xmcc{ width: 1100px; margin: 0 auto;}
.xmp01{ padding-top: 50px;}
.xma01tit{ text-align: center;}
.xma01tit h2{  font-size: 40px; color: #5A5757; padding: 20px 0;}
.xmfgx{width: 41px;height: 2px;background: #D8D8D8; margin: 0 auto;}
.xmabody{ min-height: 300px; font-size: 14px; line-height: 28px; color: #666; padding: 40px 0;}
.mxababing{ float: left; margin-right: 40px;}
.xmsxgg{ padding: 50px 0 0 10px 0;}
.xmxtwo{ float: left; width: 480px; height: 220px; padding: 30px 0;}
.pmt{ margin-left: 140px;}
.xmxtz{ float: left; width: 260px;}
.xmxty{ float: right; width: 170px; height: 170px; overflow: hidden;border-radius: 20px;}
.xmxty img{ width: 170px; height: 170px; border-radius: 20px;}
.xmxtz h3{ font-size: 24px;}
.xmxfgx{ height: 2px; width: 28px; background-color: #979797; margin: 15px 0;}
.xmap1{ font-size: 16px; color: #666;}
.xmap2{font-size: 14px; color: #999; padding-top: 15px; line-height: 22px;}
.xmnewli{ padding: 40px 0;}
.xmnewbox{float: left; width: 352px;height: 422px;background: #FFFFFF;box-shadow: 4px 5px 5px 0px rgba(60, 78, 105, 0.05); margin-right: 22px; margin-top: 22px;border-radius: 15px;}
.xmxhing{ width: 352px; height: 300px; overflow: hidden;border-radius: 15px 15px 0 0;}
.xmxhing img{ width: 352px; height: 300px; border-radius: 15px 15px 0 0;}
.xnxkh{ padding: 15px 20px;}
.xnxkh h3{font-size: 18px; padding-top: 5px;}
.xnxkh p{ color: #999; font-size: 14px; padding-top: 10px; line-height: 24px;}

/* 优势 */
.mysbs{ background-color: #fff; padding: 20px 0;}
.myysbox{ padding: 50px 0; position: relative; overflow: hidden; height: 750px; min-width: 1300px; margin: 0 auto;}
.mywk{ width: 460px; position: absolute;}
.myystx{ width: 100px; height: 100px;}
.myystx img{ width: 100px; height: 100px; border-radius: 50%;}
.myysry{ position: relative;cursor: pointer;    filter:alpha(Opacity=50); -moz-opacity:0.5;opacity: 0.5;}
.myysry:hover{ filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}
.myysnr{ position: absolute; left: 120px; top: 0;}
.talkbubble {margin-left:30px;background: #bcd3e1;position: relative;border-radius: 10px; padding: 20px;box-shadow: 4px 5px 5px 0px rgb(60 78 105 / 5%);}
.talkbubble p{font-size: 16px; line-height: 26px;}
.talkbubble:before {content:"";position: absolute;right: 100%;top: 26px;width: 0;height: 0;border-top: 13px solid transparent;border-right: 26px solid #bcd3e1;border-bottom: 13px solid transparent;}
/* .myss01{ left: 10%; top: 18%;}
.myss02{ left: 2%; top: 2%;}
.myss03{ left: 38%; top:5%;}
.myss04{ right: 33%; top: 45%;}
.myss05{ left: 50%; top: 30%;}
.myss06{ left: 10%; top:40%;}
.myss07{ left: 50%; top: 62%; }
.myss08{ right:0; top:15%;}
.myss09{ left: 15%; bottom:10%;}
.myss010{ left: 0%; bottom:30%;}
.myss011{ right:0%; bottom:42%;}
.myss012{ right:10%; bottom:8%;} */
.myss01{ left: 10%; top: 120px;}
.myss02{ left: 2%; top: 5px;}
.myss03{ left: 38%; top:15px;}
.myss04{ right: 33%; top: 300px;}
.myss05{ left: 50%; top: 150px;}
.myss06{ left: 10%; top:260px;}
.myss07{ left: 50%; top: 450px; }
.myss08{ right:0; top:40px;}
.myss09{ left: 15%; top:560px;}
.myss010{ left: 0%; top:400px;}
.myss011{ right:0%; top:302px;}
.myss012{ right:10%; top:590px;}

.myss02 .talkbubble, .myss05 .talkbubble, .myss04 .talkbubble, .myss09 .talkbubble{background: #e4e7eb;}
.myss02 .talkbubble:before, .myss05 .talkbubble:before, .myss04 .talkbubble:before, .myss09 .talkbubble:before{border-right: 26px solid #e4e7eb;}
.myss04 .myysry, .myss03 .myysry, .myss07 .myysry{filter:alpha(Opacity=100); -moz-opacity:1;opacity: 1;}
.myyd2{ background-color: #f4f4f4; padding: 50px 0;}
.myyd2box{ width: 1260px; margin: 0 auto;}
.myyd2boxz{ float: left; width: 838px; height: 781px; background: url(../img/xin/a1/ysbg1.jpg); position: relative;}
.myyd2boxy{ float: right; width:362px;}
.myydli{ background-color: #fff; padding: 20px 30px; position: relative; font-size: 18px; color: #4671a2; margin-bottom: 30px;}
.myyyyd{ position: absolute; left: -13px; top: -13px; width: 26px; height: 26px; border-radius: 50%;}
.mys01{ background-color: #0168b7;}
.mys02{ background-color: #019feb;}
.mys03{ background-color: #50c4f7;}
.mys04{ background-color: #8ed8fb;}

/* 案例 */
.an08{background-color: #f7f7f7;}
.mxal01{ padding: 80px 0 0 0;}
.mxaltb{background-color: #3DA1D2; height: 92px;}
.mxal02{ height: 92px; line-height: 92px; font-size: 18px; background-color: #3DA1D2; width: 1100px; margin: 0 auto; color: #fff; font-weight: bold;}
.mxal02z{float: left; width: 280px; text-align: center;}
.mxal02y{ float: left; width: 700px; text-align: center;}
.mxallist{padding: 0;}
.mxalbox{ padding: 40px 0;}
.alls{ background-color: #e5eff4;}
.mxalh{ width: 1100px; margin: 0 auto;}
.mxalz{ float: left; width: 260px; height: 142px; overflow: hidden;}
.mxalz img{width: 260px; height: 142px; border-radius: 12px;}
.mxaly{ float: right; width: 800px; font-size: 16px; line-height: 26px;}
.mxalb{ float: left; width: 1100px; padding-top: 30px; font-size: 14px; color: #999; line-height: 24px;}

/* 海外团队 */
.td08{background-color: #f7f7f7;}
.tdcc{  width: 1290px; margin: 0 auto; position: relative;}
.tdbbftab .hd ul li a{ color: #000;}
.tdbbftab .bd{ padding: 60px 0 0 0;}
.tdanhh{ text-align: center; padding-bottom: 40px;}
.tdanhh a{ color: #3DA1D2; font-size: 20px;}
.tdbbftab .drdr{ padding-bottom: 40px;}
.tdbox02{ position: relative; padding: 120px 0;}
.tdbox02z{ float: left; width: 660px;  position: relative; height: 400px;}
.tdbg01{ position: absolute; width: 652; height: 384px; left: 0; top: 0;}
.tdbg02{position: absolute; width: 495; height: 342px;left: -300px; top: -100px;z-index: 29;}
.tdtx01{left: 0; bottom: 13px; position: absolute; z-index: 999;}
.tdbox02y{ float: right; width: 540px;}
.tdbox02y h3{ font-size: 40px; font-weight: normal; margin-bottom: 40px;}
.tdbox02y p{ font-size: 18px; line-height: 32px; margin-bottom: 10px;}
.tdbox03{background-color: #f7f7f7;}
.tdh3s{ text-align: center; font-size: 40px; padding: 0px 0 60px 0;}
.tdboxfx{width: 1290px; margin: 0 auto;}
.tdboxli{ float: left; width: 442px; min-height: 160px; background-color: #fff; border-radius: 24px; padding: 20px; margin-left: 120px;}
.tdtxhimg{float: left;  width: 120px; height: 120px; overflow: hidden; margin-left: -80px;}
.tdtxhimg img{ width: 120px; height: 120px; border-radius: 50%;}
.tdnrhh{ float: left; width: 340px; padding-left: 40px;}
.tdxzh3{ font-size: 32px;}
.tdp1{ font-size: 16px; color: #FA6400; padding-top: 10px;}
.tdp2{ font-size: 16px; color: #666; padding-top: 10px; line-height: 24px;}
.tdfgd{ margin-top: 60px;}
.xxlsh{ background-color: #d1e5ef; }
.xxlsh .tdp1{color: rgba(0, 145, 255, 1);}
/* 3+2 */
.td32{ background-color: #eee; position: relative;}
.td32box{ width: 1290px; height: 644px; position: relative; background: url(../img/xin/a1/s32.jpg) no-repeat center top;}
.shhhxxgg{ position: absolute; width: 300px;}
.shhiccimg{ position: absolute; right: 0; top: 0; }
.shhiccimg img{ width: 200px; height: 200px;}
.td32li{ position: absolute; left: 0; top: 140px;}
.td32li a{ display: block; font-size: 18px; padding: 0 40px; color: #02a0ea; border-radius: 25px; font-weight: bold; line-height: 48px; height: 48px; border: 1px solid #ccc; background-color: #fff;}
.td32li a:hover{ background-color: #3DA1D2; color: #fff; border: 1px solid #3DA1D2;}
.td32li:hover{-webkit-animation-name:shake;animation-name:shake;}
.tdrr01{left: 60px; top: 40px;}
.tdrr02{left: 30px;top: 270px;}
.tdrr03{left: 94px; top: 480px;}
.tdrr04{right: 50px;top: 80px;}
.tdrr05{ right: 50px; top: 460px;}
.tdrr04 .td32li{ right: 0; left: auto;}
.tdrr05 .td32li{ right: 0; left: auto;}
.tdrr04 .shhiccimg{ right: auto; left: 0;}
.tdrr05 .shhiccimg{ right: auto; left: 0;}
.tdbbb{ position: absolute; width: 50%; left: 0; top: 180px; height: 320px; background-color: #f8f8f8; border-radius: 0 200px 200px 0;}
.tdssr{ float: left; width:700px;}
.tdssyy{ float: right; width: 550px; padding-top: 50px;}
.tdssyy h3{ font-size: 40px; margin-bottom: 15px;}
.tdssyy p{color: #666; font-size: 18px; line-height: 34px; margin-bottom: 10px;}

/* 学子评价 */
.xzbg{ background-color: #f7f7f7;}
.ili3{ padding-left: 15px; padding-top: 50px;}
.ili3 li{float: left; width: 352px; height: 408px; margin: 0 0 30px 30px; display: inline; position: relative;}
.ili3 li img{width: 352px; height: 248px; border-radius: 15px;}
.xzhhff{width: 352px; height: 248px; overflow: hidden;border-radius: 15px;}
.ili3 li .bfanx{left: 140px; top: 70px; width: 80px; height: 80px; position: absolute;}
.ili3 li .bfanx .iconfont{ font-size: 80px;color: rgba(255, 255, 255, 0.4);}
.ili3 li a{ color: #fff;}
.ili3 li a:hover{ color: #0e6eb8;}
/* 服务 */
.fw1100{ width: 1100px; margin: 0 auto;}
/* 智友干货 */
/* 智友头条 */
.ttrlist {text-align:center; height:40px; padding-top:10px;}
.ttrlist ul li {list-style-type:none; display:inline; margin:0 2px;}
.ttrlist ul li a{ font-size:18px; padding:15px 40px; border-radius:35px; }
.ttrlist ul li a:hover{color: #3DA1D2; border: 1px solid #3DA1D2;}
.ttrlist ul .ctgo a{ color: #3DA1D2; border: 1px solid #3DA1D2;}

/* 头条 */
.lxttc{ width: 1220px; margin: 0 auto;}
.lxttlist{ padding: 40px 0;}
.lxttbox{ float: left; width: 280px; height: 290px; margin: 0 10px; background-color: #fff; border-radius: 10px; margin-bottom: 20px;border: 1px solid #E9EAED;}
.lxttimg { width: 280px; height: 185px; border-radius: 10px 10px 0 0; overflow: hidden;}
.lxttimg img{width: 280px; height: 185px; border-radius: 10px 10px 0 0;}
.lxtitit{ padding: 15px 15px 0 15px;}
.lxtitit h3{ font-size: 16px; line-height: 24px;}
.lxrq {padding: 0 15px; position: relative; height: 40px; line-height: 40px;}
.lxal{ position: absolute; right: 15px; bottom: 8px; width: 66px;height: 28px;}
.ckbtn{ display: block;background-color: #3DA1D2; color: #fff; height: 28px; line-height: 28px; text-align: center; border-radius: 6px;}
.ckbtn:hover{color: #fff; background-color: #298cbc;}

.fwddhhss{ padding: 80px 0;}
.fwdetab{ width:1200px; margin: 0 auto; position: relative; }
.fwdetab .hd{ float: left; width: 310px; position:relative; }
.fwdetab .hd ul li{ margin-bottom: 20px; cursor:pointer}
.fwdetab .hd ul li { display: block; min-height: 68px; border-radius: 16px; background-color: #3DA1D2; margin-bottom: 20px; padding:10px 10px 10px 80px; color: #fff;}
.wfxtt{ font-size: 12px; padding-top: 10px;}
.fwdtx{ font-size: 18px; padding-top: 6px;}
.fwdetab .hd ul li.on{ background:#1e7ead;}
.fwdetab .bd { float: right; width:840px;}
.fwrrhhp {box-shadow: 0px 2px 7px 2px rgba(223, 223, 223, 0.5); background-color: #fff; padding: 40px; min-height: 1520px;}
.fwhhph3{ font-size: 32px; text-align: center;}
.fwxxfnn{ padding: 30px 0;}
.fwhgk{ min-height: 60px; padding-bottom: 20px;}
.wfszz{ float: left; margin-right: 20px;  width: 60px; height: 60px; background-color: #F4933C; border-radius: 50%; line-height: 60px; font-size: 32px; text-align: center; color: #fff;}
.fwhgk p{ line-height: 60px; font-size: 18px; color: #233D63;}
.hhrmpf{ font-size: 16px; padding: 30px 0;}
.hhrmpf p{ line-height: 32px; margin-bottom: 15px;}
.fwxxhg{ width: 1200px; margin: 0 auto; padding: 150px 0;}
.fwxxhgz{ float: left; width: 660px; height: 450px; position: relative;}
.fwxxkk{width: 638px;height: 426px;background: #EAEDFF;border-radius: 20px;}
.fsssccx{position: absolute; left: 0; bottom: 22px;}
.fwxxhgy{ float: right; width: 500px;}
.fwxxhgy h3{ font-size: 32px; margin-bottom: 20px;}
.fwxxhgy p{ font-size: 18px; line-height: 32px; margin-bottom: 15px;}

/* 20220622 */
.dtxrr{position: absolute; text-align: center; font-size: 18px;}
.dtx1{ top:212px; left:278px;}
.dtx2{ top:5px; left:110px;}
.dtx3{ top:35px; right:80px;}
.dtx4{ top:340px; left:26px;}
.dtx5{ bottom:30px; left:270px;}
.dtx6{ right:130px; bottom: 40px;}
.dtx7{ right:50px; top:300px;}

#totop{position:fixed;top:740px;right:60px;z-index:999;width:120px; height: 60px; cursor:pointer; display:none; background-color: #fff; border-radius: 22px;box-shadow: 3px 4px 4px 0px rgb(60 78 105 / 5%);}
*html #totop{position:absolute;cursor:pointer;right:150px; display:none;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-100+"px")}
#totop a{display:block;width:120px;height:20px; font-size: 14px; padding-top:33px;background:url(../img/xin/cctop.png) 54px 10px no-repeat;text-align:center;color:#888}
.xm12{
	display: flex;
	justify-content: center;
	align-items: center;
}
.xm13{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;
}
.xm13cell{
	flex: 0 0 calc(33.33% - 20px); /* 减去一些间距 */
	box-sizing: border-box;
	margin-right: 10px; /* 添加间距 */
	background-color:rgba(22, 109, 241, 0.09);
	display: flex;
	align-items: center;
	padding: 20px 20px;
	margin-bottom: 20px;
	font-size: 1.2em;
}
.xm13cell:nth-child(3n) {
	margin-right: 0;
}
.xm13cell a{
	width: 50%;
}
.xm13cell img{
	width: 100%;
}
.xm13right{
	width: 50%;
	text-align: center;
	line-height: 1.5;
}

.xm13-buttom{
	display: flex;
	width: 100%;
	justify-content: center;
}

.xm13-buttom-button{

	display: flex;
	width: 10%;
	background-color: rgba(62, 161, 210, 1);

	height: 48px;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	font-weight: 600;
	color: #ffffff;
	border-radius: 50px;
}

.xm14{
	display: flex;
	width: 80%;
	justify-content: space-between;
	margin: 20px auto;
}

.xm14-left{
	width: 34%;
	display: flex;
	flex-direction: column;
	align-items: center;

}
.xm14-left img{
	margin-top: 20px;
	width: 100%;height: 100%;
}
.xm14-right{
	width: 65%;
	display: flex;
	flex-direction: column;
	align-items: center;

}

.xm14-right img{
	width: 100%;height: 90%;
}


.xm14-buttom{
	display: flex;
	width: 100%;
	justify-content: center;
}

.xm14-buttom-button{

	display: flex;
	width: 10%;
	background-color: rgba(62, 161, 210, 1);
	height: 48px;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	font-weight: 600;
	color: #ffffff;
	border-radius: 50px;
	margin-bottom: 50px;
	font-size:1.1em;
	flex-wrap: nowrap;
}


.tab_menu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:0 60px;

}
.tab_menu li{
	display: flex;
	font-size: 20px;
	height: 30px;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	border-radius: 40px;
}
.tab_active{
	background-color: #3EA1D2;
	color: #ffffff;
}
.tab_menu li:hover{
	cursor: pointer;
}
.tab-content {
	display: none;
}
.tab-content.active {
	display: flex;
	margin: 0px 40px;
	justify-content: space-between;
	padding-top: 20px;
	padding-bottom: 50px;
}
.tab-content-col{
	flex: 0 0 calc(33.33% ); /* 减去一些间距 */
	margin-right: 20px;
	line-height: 2.4;
	font-size: 15px;
	position: relative; /* 设置为相对定位，以便子元素可以相对于它进行定位 */
	display: inline-block; /* 确保div的大小适应其内容，即图片大小 */
	height: 230px;
}
.tab-content-col li:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent black;
	margin-right: 5px;
	vertical-align: middle;

}
.tab-content-col img{
	width: 100%;
	height: 100%;
	display: block; /* 确保图片占据整个div的宽度 */
}
.tab-content-col span{
	position: absolute; /* 绝对定位，相对于最近的相对定位祖先元素（.tab-content-col） */
	bottom: 0; /* 放置在图片的底部 */
	left: 0; /* 放置在图片的左侧 */
	right: 0; /* 水平居中，如果需要 */
	padding: 0px 5px; /* 为文本添加一些内边距，看起来更美观 */
	background-color: rgba(0, 0, 0, 0.5); /* 透明的白色背景，你可以调整透明度 */
	color: #000; /* 文本颜色，根据需要调整 */
	text-align: left; /* 文本居中显示 */
	color: #ffffff;
	font-size: 15px;
}

.head_banner {
	width: 100%;
}

.list_title {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0px;
}

.list_content {
	position: relative; /* 使得子元素可以相对于它进行定位 */
	display: flex;
	justify-content: space-between; /* 可选，用于在列表项之间添加一些间距 */
	width: 80%;
	margin: 40px auto;
	border-top: 1px solid #D8D8D8;
	padding-top: 40px;
	padding-right: 4%;
}

.list_content ul {
	list-style: none; /* 移除默认的列表样式 */
	padding: 0; /* 移除默认的列表内边距 */
	margin: 0; /* 移除默认的列表外边距 */
	display: flex;
	flex-wrap: wrap;
}

.list_content li {
	position: relative; /* 允许子元素（如图片）相对于此元素定位 */
	width: 10%; /* 假设你想要每行显示5张图片，所以每张图片占据20%的宽度 */
	margin-bottom: 40px; /* 可选，用于在图片之间添加一些垂直间距 */
}

.list_content li img {
	width: 150%; /* 图片宽度等于其父元素（li）的宽度 */
	height: auto; /* 保持图片的宽高比 */
	transition: transform 0.3s ease; /* 可选，添加过渡效果 */
}

/* 可选，添加鼠标悬停效果 */
.list_content li:hover img {
	transform: scale(1.2); /* 鼠标悬停时放大图片 */
}

.more_show {
	position: absolute; /* 相对于最近的定位祖先（不是 static）进行定位 */
	bottom: 0; /* 距离父容器底部为 0 */
	right: 0; /* 距离父容器右边为 0 */
	/* 可能需要设置一些宽度和高度，或者使用 padding 和 box-sizing 来确保 .more_about 可见 */
	width: 170px; /* 示例宽度 */
	height: 257px; /* 示例高度 */
	margin: 20px; /* 示例内边距 */
	box-sizing: border-box; /* 包含 padding 和 border 在定义的宽度和高度内 */
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Modal Base Styles */
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}

/* Modal Content Styles */
.modal-content {
	background-color: #fefefe;
	margin: 2% auto;
	border: 1px solid #888;
	width: 30%;
}

.mode-head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 10px;
}

/* Modal Close Button Styles */
.close {
	color: #aaaaaa;
	font-size: 20px;
	margin-top: 10px;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.modal-mid{
	width: 90%;
	margin: 10px auto;
	border-top: 1px solid #D8D8D8;
}
.modal-mid-up{
	margin: 10px auto;
	display: flex;
	justify-content: center;
}
.modal-mid-up img{
	width: 90%;
	height: auto; /* 保持图片的宽高比 */
	margin: 0 auto;
}
.modal-mid-down{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.modal-mid-down p{
	margin: 5px 5px;
}
.modal-mid-down a{
	color: #3DA1D2;
}
.offerdetail-content{
	width: 80%;
	margin: 20px auto;
	padding-bottom: 5px;
	border-bottom:1px solid #CCCCCC;
}
.head_title{
	font-size: 25px;
	font-weight: 600;
}
.head-banner{
	display: flex;

	margin: 40px 0px;
}
.head-banner-left{
	width: 25%;
	background-color: #F4F4F4;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	display: flex;
	justify-content: center;
}
.head-banner-left img{
	width: 50%;
	height: auto;
	margin: 20px auto;
}
.head-banner-mid{
	width: 50%;
	background-color: #3DA1D2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #ffffff;
}
.head-banner-mid-big{
	font-size: 30px;
	margin-top: 10px;
	font-weight: 600;
}
.head-banner-mid-nor{
	margin-top: 5px;
	font-size: 15px;
}
.head-banner-mid-button{
	margin-top: 10px;
	background-color: #FF8C00;
	padding: 5px 30px;
	border-radius: 20px;
	font-size: 15px;
}
.head-banner-mid-button:hover{
	cursor: pointer;
}
.head-banner-right{
	width: 25%;
	background-color: #F4F4F4;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #3DA1D2;
}
.head-banner-right-bottom span{

	font-size: 15px;
	color: #ffffff;
	background-color: #3DA1D2;
	padding: 2px 10px;
	border-radius: 20px;
}
.head-banner-right-bottom span:hover{
	cursor: pointer;
}
.content-mid{
	display: flex;
	justify-content: space-between;
}
.content-mid-left{
	width: 49%;
}

.content-mid-left img{
	max-width: 100%; /* 图片最大宽度不超过容器宽度 */
	height: auto; /* 保持图片的宽高比 */
}

.content-mid-right{
	width: 49%;
	display: flex;
	justify-content: center;

}
.content-mid-right img{
	width: 100%;
	min-height: 600px;
	max-height: 800px;
}
.content-bottom{
	display: flex;
	margin-top: 80px;
}
.content-bottom-left{
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #F4F4F4;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	color: #3DA1D2;
	padding: 20px 0px;
}
.content-bottom-right{
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #3DA1D2;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	color: #ffffff;
	padding: 20px 0px;
}
.content-bottom-left span{
	font-size: 15px;
	color: #ffffff;
	background-color: #3DA1D2;
	padding: 2px 10px;
	border-radius: 20px;
}
.content-bottom-right-image{
	margin-top: 20px;
	display: flex;
	width: 80%;
	background-color: #ffffff;
	border-radius: 20px;
	color: #000000;
	padding: 20px 0px;
}
.content-bottom-right-image-left{
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.content-bottom-right-image-left img{
	width: 50%;
	height: auto;
}

.content-bottom-right-image-right{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.content-bottom-right-image-right span{
	font-size: 15px;
	color: #ffffff;
	background-color: #3DA1D2;
	padding: 2px 10px;
	border-radius: 20px;
}
.content-bottom-right-image-right span:hover{
	cursor: pointer;
}
.bottom-banner{
	margin-top: 40px;
	padding: 20px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #3DA1D2;
	border-radius: 10px;
}
.bottom-banner-left{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-size: 16px;
}

.bottom-banner-mid{
	width: 20%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.bottom-banner-mid span{
	margin-top: 10px;
	background-color: #FF8C00;
	padding: 5px 30px;
	border-radius: 20px;
	font-size: 15px;
	color: #ffffff;
}
.bottom-banner-mid span:hover{
	cursor: pointer;
}
.bottom-banner-right{
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.bottom-banner-right span{
	margin-top: 10px;
	background-color: #67DCBB;
	padding: 5px 30px;
	border-radius: 20px;
	font-size: 15px;
	color: #ffffff;
}
.page-content{
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 80px;
}

.college-contain{
	width: 80%;
	margin: 0 auto;
}
.collegelist-head{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: 5px;
	margin-top: 50px;
}
.head-intro{
	font-size: 15px;
	margin:20px auto;
}
.search-form{
	display: flex;
}
.search-form-grid{
	width: 20%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 10px 10px;
}
.search-form-grid label{
	margin: 10px 0px;
}
.select-type{
	background-color: #3DA1D2;
	border-radius: 20px;
	border: 0px;
	font-size: 15px;
	color: #ffffff;
	padding: 5px 10px;
}
.college_input{
	-webkit-appearance: none; /* 移除默认的外观 */
	-moz-appearance: none; /* Firefox */
	appearance: none; /* 标准语法 */
	border: none; /* 移除边框 */
	outline: none; /* 移除轮廓 */
	box-shadow: none; /* 移除阴影 */
	background-color: transparent; /* 移除背景色 */
	border-bottom: 1px solid #000; /* 设置底部边框线的样式 */
	font-size: 16px;
	padding: 5px 5px;
}

table {
	width: 100%; /* 表格宽度自适应屏幕大小 */
	border-collapse: collapse; /* 合并相邻的边框 */
	margin-top: 20px;
	font-size: 15px;
}
table img{
	width: 25px;
	height: auto;

}
table tr:hover{
	cursor: pointer;
}



td {
	padding:3px 5px; /* 设置单元格内边距 */
	text-align: center; /* 文本左对齐 */
	border: 1px solid gainsboro;
}

thead th{
	border: 1px solid gainsboro;
	background-color:#3DA1D2;
	padding: 10px; /* 设置单元格内边距 */
	text-align: center; /* 文本左对齐 */
	color: white;
	flex: 1;
}

tr:nth-child(even) {
	background-color: white; /* 单色背景色 */
}

tr:nth-child(odd) {
	background-color: #F5F5F5; /* 双色背景色 */
}






.triangle-up,
.triangle-down {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	margin: 0 3px; /* 调整三角形与文本之间的间距 */

}

.triangle-up {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid white; /* 设置向上的三角形颜色 */
	position: relative;
	top: -1px;
}

.triangle-down {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid white; /* 设置向下的三角形颜色 */
	position: relative;

}

.set-font-color{
	color: #3DA1D2;
}

.page_show{
	display: flex;
	justify-content: center;
	margin-top: 10px;
	font-size: 20px;
}
.page_show p{
	margin: 0px 10px;
}
.page_show p:hover{
	cursor: pointer;
}
.page_content{
	width: 80%;
	margin: 20px auto;
	padding: 20px 0px;
	border-bottom: 1px solid gainsboro;
}
.page_content img{
	width: 100%;
	height: auto;

}

.banner_color{
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #3DA1D2;
	font-size: 16px;
	margin: 10px 0;
	color: #ffffff;
}

.page_bottom{
	width: 80%;
	margin: 20px auto;
}
.bottom-list{
	width: 80%;
	margin: 20px auto;
}
.post_ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
.post_ul li{
	width: 16%;
	margin: 10px 10px;
	position: relative;
}
.post_ul li img{
	width: 100%;
	height: 150px;
}
.img_post_title{
	position: absolute; /* 绝对定位，相对于最近的相对定位祖先元素（.tab-content-col） */
	bottom: 0; /* 放置在图片的底部 */
	left: 0; /* 放置在图片的左侧 */
	right: 0; /* 水平居中，如果需要 */
	padding: 0px 10px; /* 为文本添加一些内边距，看起来更美观 */
	background-color: rgba(0, 0, 0, 0.5); /* 透明的白色背景，你可以调整透明度 */
	color: #000; /* 文本颜色，根据需要调整 */
	text-align: left; /* 文本居中显示 */
	color: #ffffff;
	font-size: 16px;

}