@charset "utf-8";
/****************************************************************************
CSS RESET   Author: DBS
****************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl,textarea,
dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas,button,select,
details, embed,  figure, figcaption, footer, header,   menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; padding: 0;border: 0; font-style: normal;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header,  menu, nav, section { display: block; }
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
sub{vertical-align: sub;font-size: smaller;}
sup{vertical-align: super;font-size: smaller;}
::-moz-selection { background: #328efe; color: #fff; text-shadow: none; }
::selection { background: #328efe; color: #fff; text-shadow: none; }
/****************************************************************************
BASIC STYLES
****************************************************************************/
body{background: #02b2a7;color:#3b3b3b;font:14px "PingFang SC",Arial,"Microsoft yahei", Helvetica, sans-serif;height:100%;min-width: 1200px}
a { text-decoration: none; color: #4b4b4b;}
a:hover, a:active,a:hover i{ outline: 0; color: #f00;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.ellipsis{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.un{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.wrap{width: 1202px;margin: 0 auto; }
.wraper{width: 100%;min-width: 1200px;}
.none{display: none;}
.fl{float: left;}
.fr{float: right;}

.header{line-height: 80px;margin: 40px auto 39px auto;width:1100px;}
.header span{color: #fff}
.bg{background:url(/yxb/01/images/bg.png) center top no-repeat;position: absolute; left:0; top:0;height: 585px;z-index: 1}
.title{background:url(/yxb/01/images/tit.png) center top no-repeat;height: 154px;z-index: 2;position: relative;}
.indrbox{background:rgba(255,255,255,.2);position: absolute;left:5px;top: 5px;width:980px;height: 100%; border-radius: 4px}
.indrtxt{padding: 30px; line-height: 22px;color: #fff;text-indent: 2em;background:rgba(255,255,255,.1);border:1px solid #fff;position: relative; border-radius: 4px;
	width:920px;margin: 0 auto}
.indrtxt p{font-size: 14px}
.titime{margin: 50px auto 20px auto; text-align:center; color:#FFF; font-size:16px;font-weight:bold;}
.tit01{background:url(/yxb/01/images/tit1.png) center top no-repeat;width: 208px;height: 48px;margin: 100px auto 20px auto}
.tit02{width: 276px;height:71px;background:url(/yxb/01/images/tit2.png) center top no-repeat;margin: 92px auto 40px auto;font-weight: 700;
	color: #fff;font-size: 44px;padding: 5px 0 0 46px}
.tit03{width: 226px;height:71px;background:url(/yxb/01/images/tit3.png) center top no-repeat;margin: 90px auto 60px auto;font-weight: 700;
	color: #fff;font-size: 44px;padding: 5px 0 0 96px;position: relative;left:-50px;}

.point{margin: 0 auto;width:1100px;}
.point li{width:156px; height: 124px; text-align: center;color: #16b8ae;font-size: 18px;padding-top: 32px;border: 7px solid #1d9890;background:#fff;
	border-radius: 50%;cursor: pointer;margin-right:16px }
.point li:last-child{margin-right: 0}
.point li.two{margin-top: 70px}
.point li:hover{background:#06a79d;border-color: #9ae0dc;color:#fff;}
.box{width:51px; height:58px;margin: 0 auto;}
.icon01{background:url(/yxb/01/images/icon1.png) center top no-repeat;}
.icon02{background:url(/yxb/01/images/icon2.png) center top no-repeat;}
.icon03{background:url(/yxb/01/images/icon3.png) center top no-repeat;}
.icon04{background:url(/yxb/01/images/icon4.png) center top no-repeat;}
.icon05{background:url(/yxb/01/images/icon5.png) center top no-repeat;}
.icon06{background:url(/yxb/01/images/icon6.png) center top no-repeat;}
.point li:hover .icon01{background:url(/yxb/01/images/icon10.png) center top no-repeat;}
.point li:hover .icon02{background:url(/yxb/01/images/icon20.png) center top no-repeat;}
.point li:hover .icon03{background:url(/yxb/01/images/icon30.png) center top no-repeat;}
.point li:hover .icon04{background:url(/yxb/01/images/icon40.png) center top no-repeat;}
.point li:hover .icon05{background:url(/yxb/01/images/icon50.png) center top no-repeat;}
.point li:hover .icon06{background:url(/yxb/01/images/icon60.png) center top no-repeat;}

.list{margin: 0 auto; width:1100px;}
.list dt{background:url(/yxb/01/images/line.png) center no-repeat; line-height: 50px; text-align: center; color: #f3d426;font-size: 40px;font-weight: 700;
	width: 100%;min-width: 1100px}
.list dd{width: 260px;margin-right: 19px;margin-top: 20px;margin-bottom:56px;height: 333px}
.list dd:last-child{margin-right: 0}
.list dd a{display: block;width:200px; }
.list dd h1{font-size: 20px;font-weight: 700;color: #fff;position: relative;margin-bottom: 30px}
.list dd h1 span{font-weight: normal;font-size: 12px;color: #fff}
.list dd h1 b{display: block;width: 16px;height: 1px; overflow:hidden;background:#fff;bottom: -15px;position: absolute;}
.list dd img{display: block;/* height: 200px; */position: relative;width: 260px;}
.list dd{background:#05c3b7;}
.list dd p{font-size: 12px;color: #fff}
.imgbox{width: 168px; padding:20px 16px;}

.bottom{border-top:1px solid #81d9d3;margin-top: 60px;
	color: #FFFFFF;font-size: 14px;text-align: center;padding:30px;box-sizing: border-box;}



.principal,.expert,.content{margin-top: 50px;}
.principal h1,.bright h1,.expert h1,.content h1{width: 902px;height: 98px;margin: 0 auto;background: url(/yxb/01/images/decorate.png) no-repeat top;text-align: center;line-height: 94px;color: #FFFFFF;font-size: 46px;font-weight: bold;}
.layui-carousel{margin: 40px auto 0 auto;}
.layui-carousel-arrow{background-color:transparent;color:#fff;width: 36px;height: 70px;}
.layui-carousel-arrow:hover{background-color:transparent;}
.layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{right: -65px;background: url(/yxb/01/images/button.png) -47px 1px;;}
.layui-carousel[lay-arrow=always] .layui-carousel-arrow{left: -65px;background: url(/yxb/01/images/button.png) -1px 1px;}
.layui-carousel-ind{top:20px}

.principal-banner{width: 100%;height: 100%;background:url(/yxb/01/images/principal-frame.png) no-repeat top #05c3b7;position: relative;}
.principal-banner h2{width: 552px;color: #FFFFFF;font-size: 38px;font-weight: bold;height: 115px;line-height:60px;margin:0 0 0 60px ;padding-top:45px ;
  overflow: hidden;}
.principal-banner b{margin:35px 0 35px 57px;display: block;}
.principal-banner b span{width: 35px;height:1px;background: #FFFFFF;}
.principal-banner b em{width: 100px;height: 1px;background: #a5b6e2;}
.principal-banner p{width: 500px;height: 150px;overflow: hidden;color: #FFFFFF;line-height: 30px;font-size: 20px;margin-left:57px ;}
.principal-banner img{width: 350px;height:380px;position: absolute;right: 30px;bottom:20px;}