course-listhtml {overflow-x:hidden;}
body{ background: #fff; min-width: 1200px;}
.clearfix{clear: both;}
body,h1,h2,h3,h4,h5,h6,p,ul,li,p,span,input,button,textarea,form,img,dl,dt,dd,select{margin:0;padding:0;font-family:"微软雅黑";line-height:normal;list-style: none; font-size: 14px;}
a{ color: #333; text-decoration:none;}
a:hover{ color: #0070b2; }
input{outline: none; border: 0;}
button{outline: none; cursor: pointer;}
select{outline: none}
textarea{outline: none}
img{display: block;max-width: 100%}
.fl {float:left;}
.fr {float:right;}
.ellipsis {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ellipsiss{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsisss{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.col{overflow: hidden;}
.w1200{width: 1200px;margin: 0 auto;}
em{font-style: normal;}
.clearfix{clear:both;}
/*首页*/
/*头部*/
.header{ width: 100%; background: #fff;}
.header .headerTop{ width: 100%; background: #f5f5f5;}
.header-link{ height: 36px; color: #666; }
.header-link span{ display: block; float: left; line-height: 36px; color: #666;}
.header-link-left{ float: left;}
.header-link-left>i{ float: left; display: block; margin: 13px 14px; width: 1px; height: 12px; background: #cccccc;}
.header-link-left>a{ float: left; display: block; line-height: 36px; color: #666;}
.header-link-left>a:nth-of-type(1),.header-link-left>a:nth-of-type(2){ color: #0070b2; }
.header-link-right{ float: right;}
.header-link-right>i{ float: left; display: block; margin: 13px 14px; width: 1px; height: 12px; background: #cccccc;}
.header-link-right>a{ float: left; display: block; line-height: 36px; color: #666;}
.header-link-right>a:nth-of-type(3){ margin-left: 25px;}
.header-link-right>a:hover{ color: #0070b2; }
.headerbox{ padding: 20px 0; overflow: hidden;}
.headerbox .logo{ margin-top: 5px;}
.headerbox .headerCenter{ width: 350px; float: right; }
.search-type{ width:95px; height: 38px; background: #f5f5f5; position: absolute; margin: 3px 0 0 3px; font-size: 14px; color: #333; text-align: center; border: 0;}
.search-type option{ height: 35px; text-align: center; border: 0;}
.headerbox .headerCenter .search-input{ height: 38px;}
.headerbox .headerCenter .search-input .searchTxt{ float: left; width: 260px; padding-left: 10px; font-size: 14px; color: #666; line-height: 36px; outline: none; height: 36px; border: 1px solid #ff7800; border-right: 0;}
.headerbox .headerCenter .search-input .searchSub{ float: left; width: 78px; height: 38px; background: #ff7800; color: #fff; font-size: 16px; text-align: center; line-height: 38px; outline: none; cursor: pointer; border-radius: 0 1px 1px 0;}
.headbox-search-choose{ margin-bottom: 5px; overflow: hidden; }
.headbox-search-choose li{ width: 50px; height: 30px; float: left; text-align: center; line-height: 23px; font-weight: bold; color: #666; }
.headbox-search-choose-on{ background: url(../images/2.png) no-repeat; color: #fff !important; }
.headbox-search-choose-on a{color: #fff !important; }
.online-service{ float: right; margin: 20px 20px 0 20px; }
.top-tel{ float: right; margin-top: 15px; padding-left: 45px; background: url(../images/4.png) no-repeat; background-position: 0 5px;}
.top-tel span{ display: block; color: #ff8400; font-size: 20px; font-weight: bold; }
.nav{ width: 100%; height: 60px; background: #0071b3; }
.nav h2{ float: left; width: 240px; font-weight: normal; background: url(../images/5.png) no-repeat #ff9c32; background-position: 15px 22px; font-weight: bold; }
.nav h2 a{ display: block; margin: 0 0 0 50px; font-size: 16px; color: #fff; line-height: 60px; }
.nav-list{ height: 60px; float: left;}
.nav-list a{ float: left; display: block; width: 105px; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #fff; transition: all .3s;}
.nav-list a:hover{ background: #ff9c00;}
/*banner上菜单*/
.sybanner .pros{ position: relative;}
.course-nav{ width: 240px; height: 500px; background:#f5f5f5; position: absolute; top: 0; left: 0; z-index: 10;}
.course-nav ul li{ margin-bottom: 1px;}
.course-nav ul li .course_a{ display: block; z-index: 99; }
.course-nav ul li .course_a:hover h3{ color: #0071b3; }
.course-nav ul li .courseName{ width: 100%; padding: 5px 0; overflow: hidden;}
.course-nav ul li img{ float: left; margin-left: 15px;}
.course-nav ul li h3{ margin-left: 10px; font-size: 14px; color: #333; font-weight: normal; float: left;}
.course-nav ul li h3 span{ display: inline-block; margin: 0 10px; width: 1px; height: 14px; background-color: #999;}
.course-nav .coursePen{display: none; width: 400px; height: 500px; background: #fff; position: absolute; left: 240px; top: 0; z-index: 5;}
.course-nav .coursePen>h3{ width: 100%; font-size: 14px; margin: 15px 0 0 20px; font-weight: bold; color: #999;}
.coursePen-left{ float: left; margin: 20px 20px 0 20px; font-size: 12px; display: flex; flex-wrap: wrap; }
.coursePen-left>a{ padding: 5px 15px; border: #eaeaea solid 1px; float: left; margin-right: 10px; margin-bottom: 10px; }
.coursePen-left>a:hover{ border: #0071b3 solid 1px; }
.coursePen-left-best{ margin-bottom: 10px;}
.coursePen-left-best>a{ display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; margin: 0 10px 10px 0; color: #fff; background: #5f4f4f;}
.coursePen-left-list{ margin:0 0 15px 10px; overflow: hidden; }
.coursePen-left-list>h5{ width: 60px; float: left; height: 14px; margin: 0 10px 0 0; text-align: right; font-size: 12px; color: #666;}
.coursePen-left-list>span{ display: block; float: left; width: 600px; border-bottom: #e0e0e0 dashed 1px; overflow: hidden; }
.coursePen-left-list>span>a{ padding: 0 10px; margin: 0 0 15px 0; color: #666; border-right: #e0e0e0 solid 1px; float: left; height: 14px;}
.coursePen-left-list>span>a:first-child{border-left: #e0e0e0 solid 1px;}
.coursePen-left-list>span>a:last-child{border-right:none;}
.coursePen-left-list>span>a:hover{ color: #f04e14; }
/*广告*/
.ad-img{ width: 230px; position: absolute; right: 0; z-index: 9;}
.ad-img img{ margin-bottom: 3px;}
.login-box{
width: 230px;
height: 108px;
/*border:5px solid #0071B3;
background-image: url(../images/26.png); */
background-color: #fff;
position: absolute;
top: 384px;
right: 0;
z-index: 10;
}
.login-box span
{
display: block;
font-size:14px;
/*color:#0071B3;*/
width: 100%;
position: relative;
text-align: center;
margin-top: 20px;
}
.login-box p{
display: flex;
justify-content: center;
}
.login-box a{ margin:20px 5px; }
.login-box a:nth-of-type(1){ display: block; width: 85px; height: 30px; background-color: #0071b3; color: #fff; text-align: center; line-height: 30px;}
.login-box a:nth-of-type(2){ display: block; width: 83px; height: 28px; border: #0071b3 solid 1px; color: #0071b3; text-align: center; line-height: 28px;}
.ad-line{ margin: 0 auto; width: 1200px; margin-top: 20px;clear: both;}
/*banner*/
.slideBanner{ width: 100%; height: 500px; position: relative; overflow: hidden;}
.slideBanner .hd ul{ width: 100%; height: 15px; position: absolute; bottom: 15px; text-align: center; z-index: 5;}
.slideBanner .hd li{ display: inline-block; margin: 0 5px; width: 11px; height: 11px; border: 2px solid #fff; border-radius: 100%; cursor: pointer;}
.slideBanner .hd li.on{ width: 12px; height: 12px; background: #fff;}
.slideBanner .bd{ position:relative; height:100%; z-index:0;}
.slideBanner .bd li{ zoom:1; vertical-align:middle; width: 100%; height:500px;}
.slideBanner .bd li a{ height:500px; display:block;}
/*展会列表*/
.box{ width: 1220px; margin: 0 auto; margin-top: 20px;}
.zhanhu-box-header{ width: 1200px; margin: 0 auto; height: 56px; box-shadow: 0 0 5px #eee; overflow: hidden;}
.zhanhu-box .zhanhu-box-header .zhanhu-box-title1{ float: left; width: 220px; height: 56px; line-height: 56px; padding-left: 55px; background: url(../images/28.png) no-repeat; color: #fff; font-size: 24px; font-weight: bold;}
.zhanhu-box .zhanhu-box-header .zhanhu-box-title2{ float: left; width: 220px; height: 56px; line-height: 56px; padding-left: 55px; background: url(../images/30.png) no-repeat; color: #fff; font-size: 24px; font-weight: bold;}
.zhanhu-box .zhanhu-box-header .zhanhu-box-title3{ float: left; width: 220px; height: 56px; line-height: 56px; padding-left: 55px; background: url(../images/31.png) no-repeat; color: #fff; font-size: 24px; font-weight: bold;}
.zhanhu-box-style{ float: right; margin-top: 12px; }
.zhanhu-box-style span{ display: block; float: left; padding: 5px 15px; margin: 0 10px; cursor: pointer;}
.style-select{ background-color: #0071b3; color: #fff;}
.zhanhu-box-list{ width: 1200px; margin: 0 auto; }
.zhanhu-box-list-div ul{ overflow: hidden;}
.zhanhu-box-list-div ul li{ float: left; margin-top: 10px; margin-right: 10px; width: 230px; padding: 0 0 10px 0; border: #e9e9e9 solid 1px; }
.zhanhu-box-list-div ul li>img{ width: 230px; height: 144px;}
.zhanhu-box-list-div ul li:nth-of-type(5n){ margin-right: 0;}
.zhanhu-box-list-div ul li a h4{ padding: 10px 10px; height: 43px; line-height: 24px; background-color: #f8f8f8; border-bottom: #e9e9e9 solid 1px; border-top: #e9e9e9 solid 1px; font-weight: normal; }
.zhanhu-box-list-div ul li a span{ display: block; padding: 10px 5px 0 15px; color: #999; width: 100%;overflow: hidden}
.zhanhu-box-list-div ul li a span img{ float: left; margin-right: 5px;}
.zhanhu-box-list-div ul li a:hover h4{ color: #0071b3; }
.see-more{ display: block; float: right; margin: 12px 10px 0 0; width: 60px; height: 32px; line-height: 32px; background: #0071b3; color: #fff; text-align: center; }
.see-more:hover{ color: #fff;}
/*资讯*/
.news-box{ width: 1200px; margin: 0 auto; }
.news-box>div{ float: left; margin-right: 15px; margin-bottom: 15px; width: 390px; box-shadow: 0 0 5px #eee; overflow: hidden; }
.news-box>div:nth-of-type(3n){ margin-right: 0;}
.news-box-header{ height: 50px; border-bottom: #eeeeee solid 1px; background: url(../images/34.png) top no-repeat; overflow: hidden;}
.news-box-header h4{ margin: 15px 0 0 10px; font-size: 16px; float: left; font-weight: normal;}
.news-box-header a{ margin: 15px 10px 0 0; font-size: 14px; float: right; color: #0071b3;}
.news-box-list {height: 320px}
.news-box-list a{ display: block; width: 350px; margin: 0 auto; line-height: 40px;}
.news-box-list a span{ display: inline-block; margin-right: 5px; width: 20px; height: 18px; background: #cccccc; color: #fff; text-align: center; font-size: 12px }
.news-box-list a:nth-of-type(-n+3) span{ background: #ff8400; }
.advantage-box{ margin-top: 20px; height: 307px; background: url(../images/35.png) center top no-repeat;}
.advantage-box-tel{ width: 1200px; margin: 0 auto; position: relative;}
.advantage-box-tel i{ position: absolute; top: 190px; left: 100px; font-size: 16px; font-style: normal;}
.advantage-box-tel span{ position: absolute; top: 215px; left: 100px; font-size: 30px; font-weight: bold; color: #ff8400;}
.flinkbox{ background: url(../images/36.png) top center no-repeat;}
.flinkbox-list{ width: 1200px; margin: 0 auto; overflow: hidden;}
.flinkbox-list h3{ color: #0071b3; font-size: 16px; float: left; margin: 18px 30px 0 0; }
.flinkbox-list div{
float: left;
margin: 20px 0 20px 0;
overflow: hidden;
width: 1050px;
}
.flinkbox-list div a{
float: left;
margin: 0 0 10px 30px;
}
.bottombox{ background: #38454b; overflow: hidden; }
.bottombox-content{ width: 1200px; margin: 0 auto; margin-top: 40px; overflow: hidden; }
.bottombox-content div{ float: left; width:165px; }
.bottombox-content div h3{ height: 30px; font-size: 14px; color: #fff; font-weight: normal;}
.bottombox-content div a{ margin: 20px 0; display: block; color: #999999; font-size: 14px; }
.bottombox-content span{ display: block; float: left; margin-left: 90px; width: 350px; height: 40px; color: #fff; }
.bottombox-content span a{ float: left; margin-right: 15px; color: #fff; }
.bottombox-content span i{ float: left; display: block; margin-right: 15px; width: 1px; height: 15px; background-color: #21af59;}
.bottombox-content div:nth-of-type(n+6){ width: 165px; float: right; color: #999999; text-align: center;}
.bottombox-content div:nth-of-type(6){ margin-left: 36px;}
.floatstyle{ position: fixed; left: 50%; margin-left: -680px; z-index: 1500; top:60px}
.style-box{ width: 65px; box-shadow: 0 0 5px #eee; background-color: #fff; }
.style-box h5{ height: 45px; padding-top: 5px; color: #fff; background-color: #0071b3; font-weight: normal; text-align: center;}
.style-box>a{ display: block; padding: 3px 12px; text-align: center; border-bottom: #dddddd solid 1px; font-size: 14px; color: #999;margin: 0 auto}
.style-box>a:hover{ color: #0071b3; }
.gotop{ display: block; text-align: center; padding: 25px 0 10px 0; background: url(../images/38.png) #00abe3 no-repeat; color: #fff; background-position: center 10px;}
.gotop a{ display: block; color: #fff;}
.service-box{ display: none; position: fixed; right: 30px; top:calc(50% - 185px); z-index: 1600; }
.service-box-tab{ width: 80px; box-shadow: 0 0 5px #eee; background-color: #fff; }
.service-box-tab>div{ text-align: center; padding: 10px 0; cursor: pointer;}
.service-box-tab>div img{ display: block; margin: 0 auto;}
.service-box-content{ width: 150px; position: absolute; left: -150px; top: 0; }
.service-box-content div{ padding: 10px; border-top: #00abe3 solid 5px; border-left: #ddd solid 1px; border-right: #ddd solid 1px; border-bottom: #ddd solid 1px; box-shadow: 0 0 5px #eee; background-color: #fff; }
.service-box-content div:nth-of-type(2){ margin-top: 90px; }
.service-box-content div:nth-of-type(3){ margin-top: 170px; }
.service-box-tab-on{ color: #00abe3; }
.menu-select{ color: #fff !important;background: #ff9c32e6}
/*首页End*/
/*内页*/
.nymenu-box{ width: 1200px; position: relative; margin: 0 auto; }
.ny-stylebox{ width: 1200px; margin: 0 auto; }
.ny-style-list{ width: 385px; float: left; margin: 0 22px 20px 0; box-shadow: 0 0 5px #ddd; }
.ny-style-list:nth-of-type(3n){ margin: 0 0 20px 0;}
.ny-style-list-title{ height: 56px; background: url(../images/60.png) no-repeat; }
.ny-style-list-title img{ float: left; margin: 10px 0 0 6px;}
.ny-style-list-title h3{ float: left; margin: 18px 0 0 50px ; font-size: 16px; font-weight: normal; }
.ny-style-list-title h3 span{ display: inline-block; margin: 0 12px; width: 1px; height: 15px; background-color: #333; vertical-align: middle;}
.ny-style-list-content{ min-height: 300px; }
.ny-style-list-content a{ display: block; width: 105px; height: 35px; line-height: 34px; border: #eaeaea solid 1px; text-align: center; float: left; margin: 10px 0 0 16px;}
.ny-style-list-content a:hover{ background-color: #0071b3; color: #fff;}
.nyposition{ width: 1200px; margin: 0 auto; margin-top: 15px; margin-bottom: 15px;}
.sxtj-box{ width: 1200px; margin: 0 auto;}
.hy-box{ display: flex; overflow: hidden;}
.hy-box-title{ width: 103px; padding: 10px; background-color: #f5f5f5; border: #eaeaea solid 1px; font-size: 16px; text-align: center;}
.hy-box-style{ width: 1100px; border-right: #eaeaea solid 1px; border-top: #eaeaea solid 1px; border-bottom: #eaeaea solid 1px; }
/* .hy-box-style-tab{ padding: 10px; overflow: hidden; }
.hy-box-style-tab>span{ display: block; float: left; margin: 5px; padding: 3px 5px; cursor: pointer;} */
.hy-box-style-tab>span a:hover{color: #fff}.hy-box-style-tab>span{ display: block; float: left; margin: 5px; padding: 3px 5px; cursor: pointer;}
.hy-box-style-tab{ padding: 10px; overflow: hidden; }
.hy-box-style-tab>span{ display: block; float: left; width:250px ; margin: 5px 0; padding: 0 5px; cursor: pointer;}
.hy-box-style-tab>span>i{ font-style: normal;}
.hy-box-style-tab>span:hover{color: #fff}
.sxtj-select{ background-color: #ff8400; color: #fff;}
.hy-box-style-content{ position: absolute; width: 1030px; padding: 10px; border: #eaeaea solid 1px; background-color: #fff;box-shadow: 3px 3px 3px #eee}
.hy-box-style-content>div>a{ display: block; float: left; margin: 2px 3px; padding: 2px 5px; font-size: 12px; }
.hy-box-style-content>div>a:hover{ background-color: #ff8400; color: #fff; }
.gj-box{ display: flex; overflow: hidden;}
.gj-box-title{ width: 103px; padding: 10px; background-color: #f5f5f5; border-left: #eaeaea solid 1px; border-right: #eaeaea solid 1px; font-size: 16px; text-align: center;}
.gj-box-style{ width: 1100px; border-right: #eaeaea solid 1px; }
.gj-box-style-tab{ padding: 10px; overflow: hidden; }
.gj-box-style-tab>span{ display: block; float: left; margin: 5px; padding: 3px 5px; cursor: pointer;}
.gj-box-style-content{ position: absolute; width: 1030px; padding: 10px; border: #eaeaea solid 1px; background-color: #fff;;box-shadow: 3px 3px 3px #eee}
.gj-box-style-content>div>a{ display: block; float: left; margin: 2px 3px; padding: 2px 5px; font-size: 12px; }
.gj-box-style-content>div>a:hover{ background-color: #ff8400; color: #fff; }
.selected-box{ display: flex; overflow: hidden;}
.selected-box-title{ width: 103px; padding: 10px; background-color: #f5f5f5; border: #eaeaea solid 1px; font-size: 16px; text-align: center;}
.selected-box-style{ width: 1100px; border-right: #eaeaea solid 1px; border-top: #eaeaea solid 1px; border-bottom: #eaeaea solid 1px; }
.selected-box-style-tab{ float: left; width: 950px; padding: 10px; overflow: hidden; }
.selected-box-style-tab>span{ display: block; float: left; margin: 5px; padding: 3px 5px; cursor: pointer; }
.selected-box-style-tab>span:hover i{ background-color: #ff8400; color: #fff; }
.selected-box-style-tab span i{ height: 23px; line-height: 23px; padding: 0 5px; float: left; font-style: normal; border-left: #ff8400 solid 1px; border-top: #ff8400 solid 1px; border-bottom: #ff8400 solid 1px; }
.selected-box-style-tab span img{ float: left; }
.clear-selected{ float: right; margin: 20px 10px 0 0; color: #ff8400; cursor: pointer;}
.nyzh-box{ width: 1200px; margin: 0 auto;}
.pagebtn{ text-align: center; margin-top: 20px; text-align: center; }
.pagebtn li{display:inline-block}
.pagebtn a,.pagebtn span{ display:inline-block; padding: 7px 12px; margin: 0 5px; border: #e1e1e1 solid 1px;}
.pagebtn a:hover{ background: #0071b3; color: #ffffff; }
.pagebtn .active span{ background: #0071b3; color: #ffffff;}
.page-on{ background: #0071b3; color: #ffffff; }
.nyzh-box-title{ height: 56px; background-color: #0071b3; margin-top: 15px; overflow: hidden; }
.nyzh-box-title h3{ float: left; font-size: 24px; color: #fff; margin: 10px 0 0 20px; font-weight: normal;}
/*.nyzh-box-title a{ float: right; margin: 12px 12px 0 0;}*/
.nyzh-box-title span{ float: right; margin: 12px 10px 0 0;color:#fff;}
.nyzh-box-title span p{display: inline-block;position: relative;}
.nyzh-box-title span a{display: block;color: #ccc}
.nyzh-box-title span .active{color: #fff}
.zhxq-top{ width: 1158px; padding: 20px; margin: 0 auto; border: #eaeaea solid 1px; overflow: hidden;}
.picFocus{ float: left; width:500px; position:relative; overflow:hidden; zoom:1; }
.picFocus .hd{ width:100%; padding-top:5px;height: 80px; overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px; overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left; text-align:center; }
.picFocus .hd ul li img{ width:118px; height:74px; border:1px solid #ddd; cursor:pointer; margin-right:6px; }
.picFocus .hd ul li.on{ background: url(../images/64.gif) no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60; }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:500px; height:313px; display:block; }
.zhxq-top-right{ float: right; width: 630px; }
.zhxq-top-right>h2{ height: 80px; margin-top: -8px; font-size: 30px;}
.zhxq-top-right>h4{ margin-top: 10px; font-size: 16px; font-weight: normal;}
.zhxq-top-right-zhld{ margin: 20px 0; height: 80px; background: url(../images/65.png) no-repeat #f8f0e8; background-position: 20px 10px; overflow: hidden;}
.zhxq-top-right-zhld h5{ margin: 12px 0 0 45px; font-size: 14px; color: #ff8400;}
.zhxq-top-right-zhld p{ width: 610px; margin: 4px 0 0 20px;}
.zhxq-top-right-cs{ display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden;}
.zhxq-top-right-cs span{ width: 280px; height: 20px; margin:0 0 10px 0; color: #999999;}
.zhxq-top-right-cs div{margin:0 0 10px 0; color: #999999;}
.zhxq-top-right-btn{ margin-top: 14px; display: flex; justify-content: space-between; overflow: hidden;}
.zhxq-top-right-btn a{ width: 105px; height: 40px; line-height: 40px; color: #fff; border-radius: 3px;}
.zhxq-top-right-btn a img{ float: left; margin: 10px 5px 0 10px;}
.zhxq-top-right-btn a:nth-of-type(1){ background-color: #ff7200;}
.zhxq-top-right-btn a:nth-of-type(2){ background-color: #52c34f;}
.zhxq-top-right-btn a:nth-of-type(3){ background-color: #00abe3;}
.zhxq-top-right-btn a:nth-of-type(4){ background-color: #ffffff; border: #999999 solid 1px; color: #999999;}
.zhxq-top-right-btn a:nth-of-type(5){ background-color: #ffffff; border: #999999 solid 1px; color: #999999;}
.zhxq-bottom{ width: 1200px; margin: 0 auto; margin-top: 20px; overflow: hidden;}
.zhxq-tab{ height: 60px; background: #f5f5f5; border: #eaeaea solid 1px;}
.zhxq-tab span{ display: block; float: left; width: 135px; height: 60px; line-height: 60px; font-size: 18px; text-align: center; cursor: pointer;}
.zhxq-selected{ background: #0071b3; color: #fff !important;}
.zhxq-selected a{color: #fff}
.zhxq-bottom-left{ width: 890px; padding: 30px; float: left; border: #eaeaea solid 1px; margin-top: 15px;}
.zhxq-content-part{ }
.zhxq-content-part-header{ padding-bottom: 10px; border-bottom: #eaeaea solid 1px;}
.zhxq-content-part-header h3{ padding-left: 10px; border-left: #0071b3 solid 6px; color: #0071b3; font-size: 18px; }
.zhxq-content-part-content{ margin-bottom: 20px; padding: 15px 0; }
.zhxq-content-part-content p{ line-height: 35px;}
.zhxq-content-part-content p span{color: #999}
.zhxq-st{ overflow: hidden; }
.zhxq-st>div{float: left; margin-right: 25px; margin-bottom: 20px;}
.zhxq-st>div:nth-of-type(3n){margin-right: 0px; }
.zhxq-tz{ overflow: hidden;}
.zhxq-tz span img{ width: 285px; height: 174px; float: left;}
.zhxq-tz .getmap{ float: right; display: block; width: 38px; height: 125px; padding-top: 50px; color: #fff; background-color:#0071b3; text-align: center;}
.zhxq-ztxd{ width: 890px; height: 120px; margin-bottom: 20px;/* background: url(../images/78.png) no-repeat; */position: relative;}
.zhxq-ztxd a:nth-of-type(1){ position: absolute; top:65px; left: 30px; }
.zhxq-ztxd a:nth-of-type(2){ position: absolute; top:65px; left: 180px; }
.zhxq-swqz{ width: 890px; height: 120px; margin-bottom: 20px;/* background: url(../images/82.png) no-repeat; */position: relative;}
.zhxq-swqz a:nth-of-type(1){ position: absolute; top:65px; left: 30px; }
.zhxq-swqz a:nth-of-type(2){ position: absolute; top:65px; left: 180px; }
.zhxq-zpys{ width: 890px; height: 120px; margin-bottom: 20px;/* background: url(../images/88.png) no-repeat;*/ position: relative;}
.zhxq-zpys a:nth-of-type(1){ position: absolute; top:65px; left: 30px; }
.zhxq-zpys a:nth-of-type(2){ position: absolute; top:65px; left: 180px; }
.zhxq-zwdj{ width: 890px; height: 120px; margin-bottom: 20px;/* background: url(../images/92.png) no-repeat;*/ position: relative;}
.zhxq-zwdj a:nth-of-type(1){ position: absolute; top:65px; left: 30px; }
.zhxq-zwdj a:nth-of-type(2){ position: absolute; top:65px; left: 180px; }
.zhxq-zlxz{ margin-top: 20px; }
.zhxq-zlxz ul li{ margin-bottom: 15px; width: 890px; height: 45px; border: #eaeaea solid 1px;}
.zhxq-zlxz ul li h3{ float: left; margin-left: 15px; width: 750px; line-height: 45px; font-size: 14px; font-weight: normal;}
.zhxq-zlxz ul li a{ float: right; width: 80px; line-height: 45px; color: #0071b3; border-left: #eaeaea solid 1px; text-align: center;}
.zhxq-bottom-right{ margin-top: 15px; float: right;}
.zhxq-bottom-right-header{ height: 230px; height: 47px; background-color: #f5f5f5; border: #eaeaea solid 1px; overflow: hidden;}
.zhxq-bottom-right-header h3{ float: left; margin-left: 15px; line-height: 47px; font-size: 16px;}
.zhxq-bottom-right-header a{ float: right; margin-right: 15px; line-height: 47px; font-size: 14px; color: #0071b3;}
.zhxq-bottom-right-list ul{ overflow: hidden;}
.zhxq-bottom-right-list ul li{ margin-top: 10px; width: 230px; padding: 0 0 10px 0; border: #e9e9e9 solid 1px; }
.zhxq-bottom-right-list ul li a h4{ padding: 10px 10px; height: 43px; line-height: 24px; background-color: #f8f8f8; border-bottom: #e9e9e9 solid 1px; border-top: #e9e9e9 solid 1px; font-weight: normal; }
.zhxq-bottom-right-list ul li a span{ display: block; padding: 10px 0 0 15px; color: #999; }
.zhxq-bottom-right-list ul li a span img{ float: left; margin-right: 5px;}
.zhxq-bottom-right-list ul li a:hover h4{ color: #0071b3; }
.zhxq-xgzh{ width: 1200px; margin: 0 auto; margin-top: 20px;}
.zhxq-xgzh-tab{ height: 60px; background: #f5f5f5; border: #eaeaea solid 1px;}
.zhxq-xgzh-tab span{ display: block; float: left; width: 135px; height: 60px; line-height: 60px; font-size: 18px; text-align: center; cursor: pointer;}
.zhxq-xgzh-tab>a{ color: #0071b3; float: right; margin: 20px 15px 0 0;}
.zhxq-xgzx{ width: 1200px; margin: 0 auto; margin-top: 20px; box-shadow: 0 0 5px #eee; overflow: hidden; }
.zhxq-xgzx-header{ height: 50px; border-bottom: #eeeeee solid 1px; background: url(../images/95.png) top no-repeat; overflow: hidden;}
.zhxq-xgzx-header h4{ margin: 15px 0 0 10px; font-size: 16px; float: left; font-weight: normal;}
.zhxq-xgzx-header a{ margin: 15px 10px 0 0; font-size: 14px; float: right; color: #0071b3;}
.zhxq-xgzx-list{ width: 1160px; margin: 0 auto; padding-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden;}
.zhxq-xgzx-list a{ display: block; width: 550px; height: 24px; margin: 15px 0 0 0; }
.zhxq-xgzx-list a h3{ width: 360px; float: left; font-weight: normal;}
.zhxq-xgzx-list a i{ float: left; font-style: normal; color: #ff8400;}
.zhxq-xgzx-list a span{ float: right; color: #999999;}
.ztxc-list{ width: 950px; }
.ztxc-list-header{ height: 56px; background: #f5f5f5; border: #eaeaea solid 1px; overflow: hidden;}
.ztxc-list-header span{ display: block; float: left; margin: 10px 10px 0 10px; width: 40px; height: 40px; line-height: 40px; font-size: 24px; border-radius: 20px; text-align: center; background: #0071b3; color: #fff;}
.ztxc-list-header h3{ float: left; font-size: 18px; color: #0071b3; margin: 15px 0 0 0;}
.ztxc-list-content{ padding-bottom: 20px; margin-bottom: 20px; border-left: #eaeaea solid 1px; border-right: #eaeaea solid 1px; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.ztxc-list-content li{
display: inline-flex;
width: 172px;
margin: 20px 0 0 20px;
}
.ztxc-list-content li a{display: block;}
.ztxc-list-content li a img{ float: left; width: 80px; height: 50px; border: #eee solid 1px;}
.ztxc-list-content li a div{ float: left; width: 80px; margin-left: 10px; }
.ztxc-list-content li a div h4{ font-weight: normal; }
.ztxc-list-content li a div span{ font-size: 12px; color: #999; }
/*
.ztxc-list-content a{ display: block; width: 172px; float: left; margin: 20px 0 0 20px;}
.ztxc-list-content a:nth-of-type(5n){ margin: 20px 0 0 0; }
.ztxc-list-content a img{ float: left; width: 80px; height: 50px; border: #eee solid 1px;}
.ztxc-list-content a div{ float: left; width: 80px; margin-left: 10px; }
.ztxc-list-content a div h4{ font-weight: normal; }
.ztxc-list-content a div span{ font-size: 12px; color: #999; }
*/
.ztxc-right{ width: 230px; float: right; margin: 15px 0;}
.ztxc-right-news{ margin-top: 20px; border: #eaeaea solid 1px;}
.ztxc-right-news .news-box-list { padding: 0 10px;}
.ztxc-right-news .news-box-list a{ width: 210px;}
.ztxc-xq-top{ width: 1158px; margin: 0 auto; margin-top: 20px; padding: 20px; border: #eaeaea solid 1px; overflow: hidden;}
.ztxc-xq-top>img{ float: left; width: 176px; height: 108px; margin: 0 20px 0 0;}
.ztxc-xq-top h3{ font-size: 24px; margin-top: -5px;}
.ztxc-xq-top span{ display: block; margin-top: 10px; font-size: 16px; }
.ztxc-xq-top a{ display: block; margin-top: 15px; float: left; margin-right: 20px; }
.ztxc-xq-ad{ width: 1200px; margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}
.ztxc-xq-ad img{ width: 1200px; height: 200px;}
.ztxc-xq-tab{ width: 1200px; margin: 0 auto; margin-top: 20px; background: #f5f5f5; border: #eaeaea solid 1px; overflow: hidden;}
.ztxc-xq-tab span{ display: block; float: left; padding: 0 30px; height: 60px; line-height: 60px; font-size: 18px; text-align: center; cursor: pointer;}
.zhxq-selected{ background: #0071b3; color: #fff;}
.ztxc-xq-content{ width: 1200px; margin: 0 auto;}
.ztxc-xq-list ul li{ border-bottom: #dddddd dashed 1px; overflow: hidden;}
.ztxc-xq-list ul li .img{float: left; width: 160px; height: 100px; margin: 10px 0; }
.ztxc-xq-list ul li .img img{width: 100%}
.ztxc-xq-list ul li .tit{position: relative; float: left;width:700px; margin-top: 20px;margin-left:20px;height: 100px;}
.ztxc-xq-list ul li .tit h3{ font-size: 18px; font-weight: normal;word-wrap: break-word; word-break: normal;}
.ztxc-xq-list ul li .tit span{ font-size: 16px; line-height: 40px; color: #999;position: absolute;bottom: 0px;}
.ztxc-xq-list ul li a.btn-book{ float: right; width: 120px; height: 36px; line-height: 36px; background: #ff7200; font-size: 16px; text-align: center; color: #fff; border-radius: 3px; margin-right:35px;}
.xq-bottom{ width: 1140px; margin: 0 auto; padding: 20px 30px; margin-top: 10px; border: #dddddd solid 1px; }
.xwfy-xq-top{ width: 1200px; margin: 0 auto; display: flex; }
.xwfy-xq-top-left{ width: 140px; text-align: center; background-color: #0071b3; color: #ffffff; position: relative; }
.xwfy-xq-top-left h3{ position: absolute; top: 50%; transform: translateY(-50%); left: 25px; color: #fff; font-size: 18px; font-weight: normal; }
.xwfy-xq-top-right{ border: #eaeaea solid 1px; }
.xwfy-xq-top-right div { width: calc( 1200px - 160px ); padding: 10px 20px; overflow: hidden; }
.xwfy-xq-top-right div span { display: inline-block; margin-left: 20px; }
.xwfy-xq-bottom{ width: 1200px; margin: 0 auto; overflow: hidden;}
.ztxc-left{ float: left; }
.ztxc-left-bottom{ width: 890px; border: #eaeaea solid 1px; padding: 20px 30px; }
.ztxc-left-top{ width: 890px; border: #eaeaea solid 1px; padding: 20px 30px; margin: 15px 0; overflow: hidden; }
.ztxc-left-top h3{ font-size: 18px; color: #0071b3; }
.ztxc-left-top p{ margin: 20px 0;}
.ztxc-left-top a{ float: left; margin-right: 20px;}
.hczg-box{ width: 1200px; margin: 0 auto; overflow: hidden;}
.hczg-box-left{ float: left; margin-top: 15px; }
.hczg-box-left-header{ width: 925px; height: 56px; padding-left: 20px; line-height: 56px; background: #f5f5f5; border: #eaeaea solid 1px; }
.hczg-box-left-header-list{ width: 945px;padding-bottom: 20px; border-left: #eaeaea solid 1px; border-right: #eaeaea solid 1px;border-bottom: #eaeaea solid 1px; }
.hczg-box-left-header-list>a{ display: block; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.hczg-box-left-header-list>a img{ float: left; margin: 20px;width:250px}
.hczg-box-left-header-list>a h3{ font-size: 20px; margin: 16px 0 5px 0; }
.hczg-box-left-header-list>a h4{ font-size: 16px; font-weight: normal; color: #666666; }
.hczg-box-left-header-list>a span{ display: block; float: left; width: 600px; padding: 15px 0 0 0; }
.hczg-box-left-header-list>a span i{ color: #999; margin: 0 30px 0 0; font-style: normal;}
.hczg-xx{ width: 1200px; margin: 0 auto;overflow: hidden; }
.hczg-xx-top{ width: 1198px; border: #dddddd solid 1px; overflow: hidden;}
.hczg-xx-top>img{ float: left; margin: 20px;}
.hczg-xx-top>h3{ font-size: 24px; margin: 16px 0 5px 0; }
.hczg-xx-top>h4{ font-size: 16px; font-weight: normal; color: #666666; }
.hczg-xx-top>span{ display: block; font-size: 16px; padding: 15px 0 0 0; }
.hczg-xx-top>span i{ color: #999; font-size: 16px; margin: 0 30px 0 0; font-style: normal;}
.hczg-images{ float: left; width: 1160px; margin: 0 10px 0 20px; overflow: hidden;}
.hczg-images img{ float: left; margin-right: 10px; margin-bottom: 10px; width: 181px; height: 113px;}
.hczg-images img:nth-of-type(1){ width: 381px; height: 236px; margin-right: 10px; }
.hczg-images img:nth-of-type(2){ width: 381px; height: 236px; margin-right: 10px; }
.hczg-images img:nth-of-type(4){ margin-right: 0; }
.hczg-images img:nth-of-type(6){ margin-right: 0; }
.hczg-xx-left{ float: left;}
.hczg-xx-right{ float: right; margin-top: 15px;}
.hczg-xx-left-js{ margin-top: 15px; width: 890px; padding: 20px 30px 0 30px; border: #dddddd solid 1px;}
.hczg-bottom-right{ margin-top: 15px; float: right;}
.hczg-bottom-right-header{ height: 230px; height: 47px; background-color: #f5f5f5; border: #eaeaea solid 1px; overflow: hidden;}
.hczg-bottom-right-header h3{ float: left; margin-left: 15px; line-height: 47px; font-size: 16px;}
.hczg-bottom-right-header a{ float: right; margin-right: 15px; line-height: 47px; font-size: 14px; color: #0071b3;}
.hczg-bottom-right-list ul{ overflow: hidden;}
.hczg-bottom-right-list ul li{ margin-top: 10px; width: 230px; border: #e9e9e9 solid 1px; }
.hczg-bottom-right-list ul li a h4{ padding: 10px 10px; height: 43px; line-height: 24px; background-color: #f8f8f8; border-top: #e9e9e9 solid 1px; font-weight: normal; }
.hczg-bottom-right-list ul li a span{ display: block; padding: 10px 0 0 15px; color: #999; }
.hczg-bottom-right-list ul li a span img{ float: left; margin-right: 5px;}
.hczg-bottom-right-list ul li a:hover h4{ color: #0071b3; }
.hzsj-list{ width: 948px; border: #eaeaea solid 1px; padding-bottom: 20px; }
.hzsj-list>a{ width: 910px; display: block; margin: 0 auto; padding-bottom: 15px; border-bottom: #dddddd dashed 1px; overflow: hidden; }
.hzsj-list-left{ float: left; width: 192px; height: 120px; margin: 15px 20px 0 0; }
.hzsj-list-right{ float: left; width: 690px; height: 120px; margin: 12px 0 0 0; }
.hzsj-list-right>h3{ font-size: 18px; margin-bottom: 15px;}
.hzsj-list-right>p{ color: #999; }
.hzsj-list-right>div{ margin-top: 20px; overflow: hidden; }
.hzsj-list-right>div>i{ display: inline-block; width: 1px; height: 14px; background-color: #ddd; margin: 0 15px; }
.hzsj-list-right>div>span{ color: #0070B2;}
.hzsj-list-right>div>span:nth-of-type(2){ float: right; color: #999;}
.hzsj-box{ width: 1200px; margin: 0 auto; overflow: hidden;}
.hzsj-xx{ float: left; width: 948px; border: #eaeaea solid 1px;}
.hzsj-xx-top{ width: 880px; margin: 0 auto; margin-top: 30px; }
.hzsj-xx-top h3{ font-size: 24px; text-align: center; }
.hzsj-xx-top-bq{ display: flex; margin:20px 0 10px 0; padding-bottom: 10px; justify-content: space-between; border-bottom: #dddddd dashed 1px; overflow: hidden;}
.hzsj-xx-top-bq span{ color: #999999; }
.hzsj-xx-hz{ width: 875px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; border: #eaeaea solid 1px; background: #f8f8f8; overflow: hidden;}
.hzsj-xx-hz>img{ width: 224px; height: 140px; float: left; margin: 20px;}
.hzsj-xx-hz-wz{ width: 470px; margin-top: 20px; float: left;}
.hzsj-xx-hz-wz h3{ font-size: 16px; }
.hzsj-xx-hz-wz span{ display: block; margin-top: 10px; }
.hzsj-xx-hz-wz span i{ font-style: normal; margin-right: 15px; color: #999999; }
.hzsj-xx-hz>a{ float: right; display: block; margin: 70px 20px 0 0; width: 85px; height: 36px; line-height: 36px; color: #fff; background-color: #ff7200; text-align: center; border-radius: 3px;}
.hzsj-xx-content{ width: 875px; margin: 0 auto;}
.hzsj-xx-content img{ max-width: 800px; display:inline; }
.hzsj-xx-other{ width: 875px; margin: 0 auto; margin-top: 30px; }
.hzsj-xx-other a{ display: block; padding: 15px 20px; background-color: #f5f5f5; margin-bottom: 1px; color: #0071b3;}
.hzsj-xx-other a span{ margin-right: 20px; color: #333;}
.hzsj-xx-mz{ width: 875px; margin: 0 auto; margin-top: 20px; margin-bottom: 30px; font-size: 12px; color: #666;}
/*会员登录*/
.member-top{
width: 1200px;
height: 102px;
margin: 0 auto;
}
.member-top img{
float: left;
margin: 15px 0 0 0;
}
.member-top>a{ display: block; margin: 30px 0 0 20px; float: right; padding: 5px 15px; border-radius: 30px; background-color: #0071b3; color: #ffffff;}
.member-top span{
display: block;
float: right;
margin-top: 36px;
font-size: 14px;
}
.member-top span a{
color: #ff8400;
}
.member-middle{
height: 550px;
background: url("../images/122.jpg") no-repeat center;
overflow: hidden;
}
.member-middle-login{
width: 1200px;
margin: 0 auto;
}
.login-content{
width: 430px;
height: 420px;
background: #fff;
margin: 90px 0 0 770px;
overflow: hidden;
}
.login-title{
width: 350px;
margin: 0 auto;
margin-top: 30px;
display: flex;
justify-content: space-between;
border-bottom: #eaeaea solid 1px;
overflow: hidden;
}
.login-title span{
display: block;
text-align: center;
font-size: 18px;
color: #0071b3;
border-bottom:#0071b3 solid 1px;
font-weight: bold;
padding-bottom: 10px;
}
.login-form{
width: 350px;
margin: 0 auto;
margin-top: 20px;
}
.logo-inputline input{
width: 310px;
height: 48px;
border: #d0d0d0 solid 1px;
margin-bottom: 20px;
padding-left: 40px;
overflow: hidden;
}
.logo-inputline:nth-of-type(1) input{
background: url("../images/123.png") no-repeat 10px 12px;
}
.logo-inputline:nth-of-type(2) input{
background: url("../images/124.png") no-repeat 10px 12px;
}
.logo-inputline:nth-of-type(3) input{
width: 175px;
background: url("../images/125.png") no-repeat 10px 12px;
}
.login-code{
float: right;
width: 132px;
height: 50px;
}
.login-btn{
display: block;
width: 350px;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
background: #0071b3;
font-size: 18px;
}
.login-btn:hover{
color: #fff;
}
.login-getpassword{
float: right;
margin: 10px 0 0 0;
}
.login-bg{
background: #fff;
}
.member-bottombox {
height: 250px;
background: #fff;
overflow: hidden;
}
.member-bottom {
width: 1200px;
margin: 0 auto;
margin-top: 40px;
overflow: hidden;
}
.member-bottom-left {
float: left;
}
.member-bottom-left-link {
float: left;
margin-right: 100px;
}
.member-bottom-left-link h3 {
margin-bottom: 20px;
height: 20px;
color: #333333;
}
.member-bottom-left-link a {
margin-bottom: 15px;
display: block;
color: #999999;
}
.member-bottom-left-wz p {
margin-top: 40px;
color: #666666;
font-size: 16px;
line-height: 30px;
}
.member-bottom-right {
float: right;
}
.member-bottom-right span {
float: left;
margin-left: 50px;
color: #999;
}
.member-bottom-right img {
width: 120px;
height: 120px;
margin-bottom: 10px;
}
.member-registered{
background: url("../images/127.jpg") no-repeat center;
overflow: hidden;
}
.registered-box{ width: 1200px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; overflow: hidden; background: url(../images/126.png) no-repeat #fff; background-position: 450px 100px;}
.registered-title{width: 350px; margin: 30px; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.registered-title span{ display: block; width: 75px; font-size: 18px;color: #0071b3;border-bottom:#0071b3 solid 1px;font-weight: bold;padding-bottom: 10px;}
.registered-form{ margin: 20px 30px 50px 30px;}
.input-line{ margin-bottom: 10px; overflow: hidden;}
.input-line input{ float: left; padding-left: 20px; height: 43px; line-height: 43px; border: #d0d0d0 solid 1px;}
.yz-code{ float: left; height: 43px; margin-left: 10px; }
.dx-btn{ float: left; width: 135px; height: 45px; margin-left: 10px; background: #0071b3; color: #fff; line-height: 43px; text-align: center; border: none;}
.lx-choose{ width: 350px; height: 45px; }
.check-line{ margin-bottom: 10px; overflow: hidden; }
.check-line input{ float: left; margin: 10px 15px 0 0;}
.check-line>div{ float: left; margin: 7px 0 0 0;}
.check-line>div>a{ color: #0071b3;}
.tj-submit{ width: 350px; height: 45px; line-height: 45px; color: #fff; text-align: center; background: #0071b3; border: none; font-size: 18px;}
.member-box{ background-color: #eaeaea;}
.member-center{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; overflow: hidden;}
.member-left{ width: 210px; margin: 20px 0; }
.member-left-header{ height: 100px; background: linear-gradient( 180deg,rgba(0,113,179),rgba(47,161,228)); border-top-left-radius: 6px; border-top-right-radius: 6px; overflow: hidden;}
.member-left-header h3{ color: #fff; font-size: 24px; text-align: center; margin-top: 25px;}
.member-left-header h4{ color: #fff; text-align: center; font-weight: normal;}
.nyproduct-left{ float: left; width: 210px; }
.nyproduct-left-menu{ border-bottom: #eeeeee solid 1px; width: 210px; background: #fff; overflow: hidden;}
.nyproduct-left-menu h3{ overflow: hidden; border-bottom: #f7f8fa solid 1px; cursor: pointer; background-color: #f8f8f8; }
.nyproduct-left-menu h3 span{ display: block; float: left; margin-left: 20px; height: 50px; line-height: 48px; font-size: 16px;}
.nyproduct-left-menu h3 img{ display: block; float: right; margin-right: 20px; margin-top: 15px; transition: all .3s; transform: rotate(180deg);}
.nyproduct-left-menu>a{ display: block; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; width: 150px; height: 36px; line-height: 34px; border: #eaeaea solid 1px; color: #666; text-align: center; }
.nyproduct-left-menu ul li{ width: 210px;}
.nyproduct-left-menu ul li a{ display: block; margin-left: 40px; height: 40px; line-height: 38px; font-size: 14px; color: #666; }
.nyproduct-left-menu ul li a:hover{ color: #0071b3;}
.nyproduct-left-menu-on a{ color: #0071b3!important;}
.member-right{ margin: 20px 0; width: 970px; overflow: hidden; background-color: #fff; border-radius: 6px;}
.member-right-header{ height: 50px; line-height: 50px; background: linear-gradient( 180deg,rgba(255,255,255),rgba(246,246,246)); overflow: hidden;}
.member-right-header h3{ margin: 15px 20px; padding-left: 10px; font-size: 16px; color: #0071b3; border-left:#0071b3 solid 5px;}
.member-right-content{ width: 840px; margin: 0 auto; margin-top: 50px; padding-bottom: 30px; border-bottom: #ddd solid 1px; overflow: hidden;}
.member-right-content>a{ float: left; width: 110px; height: 110px; border-radius: 110px; }
.member-wz{ float: left; margin-left: 30px; width: 450px;}
.member-wz h3{ font-size: 24px;}
.member-wz span{ display: block; margin-top: 16px;}
.member-wz span a{ margin-left: 15px; color: #0071b3; text-decoration: underline;}
.member-btn{ float: right;}
.member-btn a{ display: block; margin-bottom: 15px; padding: 10px 15px; color: #fff; background-color:#0071b3 ;}
.member-code{ width: 840px; margin: 0 auto; margin-top: 50px; overflow: hidden; }
.member-code>div{ float: left; margin-right: 20px; line-height: 24px;}
.member-btn-l{ float: left; width: 240px;}
.member-btn-l a{ display: block; margin-left: 15px; float: left; margin-bottom: 15px; padding: 10px 15px; color: #fff; background-color:#0071b3; text-align: center;}
.member-table{ width: 930px; margin: 0 auto; overflow: hidden;}
.member-table-header{ margin-top: 20px; padding-left: 1px; display: flex; height: 50px; background-color: #eaeaea;}
.member-table-header>span{ background-color: #f5f5f5; margin: 1px 1px 1px 0; padding-left: 15px; line-height: 50px; font-weight: bold; }
.member-table-header>span:nth-of-type(1){ flex: 4;}
.member-table-header>span:nth-of-type(2){ flex: 1;}
.member-table-header>span:nth-of-type(3){ flex: 2;}
.member-table-header>span:nth-of-type(4){ flex: 1;}
.member-table-header>span:nth-of-type(5){ flex: 1;}
.member-table-line{ padding-left: 1px; display: flex; height: 50px; background-color: #eaeaea;}
.member-table-line>span{ background-color: #fff; margin: 0 1px 1px 0; padding-left: 15px; line-height: 50px;}
.member-table-line>span>a{ margin: 5px; color: #0071b3;}
.member-table-line>span:nth-of-type(1){ flex: 4;}
.member-table-line>span:nth-of-type(2){ flex: 1;}
.member-table-line>span:nth-of-type(3){ flex: 2;}
.member-table-line>span:nth-of-type(4){ flex: 1;}
.member-table-line>span:nth-of-type(5){ flex: 1;}
.member-form{ margin: 20px 30px 50px 30px;}
.member-input-line{ margin-bottom: 10px; line-height: 45px; overflow: hidden;}
.member-input-line span{ float: left; width: 80px; margin-right: 20px; line-height: 45px; text-align: right;}
.member-input-line>span>i{ margin: 0 5px 0 0; color: #ff0000; font-style: normal;}
.member-input-line>input{ float: left; padding-left: 20px; height: 43px; line-height: 43px; border: #d0d0d0 solid 1px;}
.member-input-line>button{ position: relative; width: 50px; height: 45px; margin-left: 5px; background: linear-gradient( 180deg,rgba(255,255,255),rgba(246,246,246)); border: #e5e5e5 solid 1px;}
.yz-code{ float: left; height: 43px; margin-left: 10px; }
.dx-btn{ float: left; width: 135px; height: 45px; margin-left: 10px; background: #0071b3; color: #fff; line-height: 43px; text-align: center; border: none;}
.lx-choose{ width: 350px; height: 45px; }
.member-submit{ margin-left: 100px; margin-top: 20px; width: 100px; height: 36px; line-height: 36px; border-radius: 6px; color: #fff; text-align: center; background: #0071b3; border: none; font-size: 14px;}
/*弹窗*/
.alertbox{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index:9999;}
.alertbox-box{ width: 1100px; margin: 0 auto; margin-top: 5%; background: #fff; border-radius: 6px;}
.alertbox-box-header{ height: 60px; background: linear-gradient(180deg,rgba(255,255,255),rgba(238,238,238)); border-top-left-radius: 6px; border-top-right-radius: 6px; overflow: hidden;}
.alertbox-box-header h3{ float: left; margin: 15px 0 0 20px; padding: 0 0 0 10px; font-size: 20px; border-left: #0071b3 solid 8px;}
.alertbox-box-header button{ float: right; margin: 15px 15px 0 0; width: 32px; height: 32px; background: url(../images/132.png); cursor: pointer; border: none;}
.alertbox-box-middle{ overflow: hidden;}
.alertbox-box-middle-left{ float: left; margin: 20px;}
.alertbox-box-middle-left img{ width: 160px; height: 100px;}
.alertbox-box-middle-right{ float: left; margin-top: 20px; overflow: hidden; }
.alertbox-box-middle-right h4{ font-size: 20px; margin-bottom: 15px; }
.alertbox-box-middle-right span{ display: block; margin-bottom: 15px; }
.alertbox-box-form{ background-color: #f5f5f5; padding: 20px;}
.alertbox-input-line{ margin-bottom: 10px; line-height: 40px; display: flex; justify-content: space-between; overflow: hidden;}
.alertbox-input-line span{ float: left; min-width: 70px; margin-right: 10px; line-height: 40px; text-align: right;}
.alertbox-input-line>span>i{ margin: 0 5px 0 0; color: #ff0000; font-style: normal;}
.alertbox-input-line>input{ float: left; padding-left: 20px; height: 43px; line-height: 43px; border: #d0d0d0 solid 1px;}
.alertbox-box-bottom{ overflow: hidden; }
.alertbox-box-bottom button{ display: block; margin: 0 auto; margin-top: 20px; width: 120px; height: 40px; line-height: 40px; color: #fff; text-align: center; border-radius: 3px; border: none; background-color: #0071b3;}
.alertbox-box-bottom p{ text-align: center; margin: 20px 0; }
.about-box{ width: 1200px; margin: 0 auto; overflow: hidden; }
.about-box-right{ float: right; width: 950px; border: #eaeaea solid 1px; }
.about-box-right-header{ width: 890px; margin: 0 auto; height: 45px; border-bottom: #eaeaea solid 1px;}
.about-box-right-header h3{ margin-top: 15px; padding-left: 10px; font-size: 24px; color: #0071b3; border-left: #0071b3 solid 10px;}
.about-box-right-content{ width: 890px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px;}
.about-box-right-content img{ max-width: 890px;}
.layui-form-label>i {
margin: 0 5px 0 0;
color: #ff0000;
font-style: normal;
}
/*弹窗*/
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 25vh;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
color: #333;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal h4{
font-size: 18px;
font-weight: normal;
}
.modal .close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.modal .btn{
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
color: #fff;
border-radius: 4px;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0,-25%);
-ms-transform: translate(0,-25%);
-o-transform: translate(0,-25%);
transform: translate(0,-25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
}
.modal-dialog {
width: 290px;
margin: 30px auto;
}
.czlc-xq-box{ display: flex; justify-content: space-between; overflow: hidden; }
.czlc-xq-box p{ display: flex; justify-content: center; flex-wrap: wrap; align-items:center; overflow: hidden; color: #0071b3;}
.czlc-xq-box p img{ display: block; margin: 15px 0; }
.czlc-xq-box strong{ width: 100%; color: #0071b3; text-align: center; font-weight: normal;}
.wz-xq-box{ margin-top: 20px;}
.h3-mode{ font-size: 16px; margin-bottom: 15px;}
.p-mode{ margin: 10px 0; font-size: 14px; }
.p-mode>span{ display: inline-block; margin-right: 5px; width: 18px; height: 18px; border-radius: 18px; border: #ff7200 solid 1px; color: #ff7200; text-align: center; line-height: 18px;}
.p-mode>strong{ display: inline-block; width: 10px; height: 10px; margin-right: 10px; background: url(/assets/theme/images/a14.png) no-repeat;}