@charset "utf-8";

.banner { position:relative; width:1920px; position: relative; left:50%; margin-left:-960px;}

.container .wrap {position: relative;padding-top: 50px; width:1200px; min-height:500px; margin:0 auto;}



@media screen and (max-device-width:640px){ 
	.container .wrap { min-height: 1000px; }
}


.sidebar { width:100%;position: relative;}
.sidebar:before {position: absolute;content: '';width: 100%;height: 1px;background: #d8d8d8;top: 107px;}
.side-wrap { margin: 0 auto; width: 1200px;overflow-y:visible; }
.breadcrumbs { float:left; margin: 15px 0 25px; padding-left: 25px; width: 725px; height: 31px; background: url(mb-icon-2.png) no-repeat left center; color:#c40201; font-size: 14px; line-height: 31px; }
.crumbs {position: relative;}
.breadcrumbs a { color:#9f9f9f;}
.breadcrumbs a:after { content: ">"; padding: 0 5px;}
.breadcrumbs a:hover { color:#c40201;}

.slide-menu { position: relative; clear: both;}
.slide-menu ul {  }
.slide-menu ul:after{content:'\20';display:block;height:0;clear:both}
.slide-menu ul {*zoom:1; width: auto!important;}
.slide-menu li { position: relative; float: left; width: 160px;}
.slide-menu li>a {border-left: 1px solid #d8d8d8;white-space: nowrap;padding:0 15px;display: block; line-height: 36px; color: #4e4e4e; font-size: 14px;overflow: hidden;text-overflow:ellipsis;}
.slide-menu li.current>a,.slide-menu li:hover>a { color: #c40201;}
.slide-menu li:hover {z-index: 3;}
.slide-menu li:hover>a {transition:.2s;overflow:visible;text-overflow:inherit;width: auto;background: #f7f7f7;padding-right: 40px;display: inline-block;opacity: .9}
.slide-menu dl { display: none; position: absolute; left: 0; top: 36px; width: 100%; background: #fff; border-top: 4px solid #00a0e9; z-index: 999;}
.slide-menu dd a { position: relative;display: block; padding: 11px 19px; border: 1px solid #b5b5b5; border-top: 0; color: #848484; font-size: 12px; line-height: 18px;}
.slide-menu dd.current a,.slide-menu dd:hover a { background: #f2f2f2;}

.tempWrap + .menu-prev,.tempWrap + .menu-prev  + .menu-next {position: absolute; top: -42px;width: 17px;background: #0099df; color: #fff; text-align: center;font-size: 14px; height: 19px;font-family: 'SimSun';}
.tempWrap + .menu-prev:before,.tempWrap + .menu-prev  + .menu-next:before {text-align: center;position: absolute; top: 0;left: 0;width: 100%;height: 100%;line-height: 19px;}
.tempWrap + .menu-prev:before {content: '<'}
.tempWrap + .menu-prev  + .menu-next:before {content: '>'}
.tempWrap + .menu-prev {right: 25px;}
.tempWrap + .menu-prev  + .menu-next {right: 0;}
.tempWrap + .menu-prev:hover,.tempWrap + .menu-prev  + .menu-next:hover {background: #0099df;}
.tempWrap + .prevStop,.tempWrap + .menu-prev  + .nextStop {background: #c6c6c6 !important;cursor: default;}

/* article */
.article { line-height:200%; word-wrap:break-word; text-align:justify; }
.article img,.article table { max-width: 100%;}
#dituContent img {max-width: 1500px;}

/* news */
.news { margin-top: -30px;}
.news li { clear: both; padding: 30px 0 24px; border-bottom: 1px dotted #949494;}
.news li img { float: left; padding-right: 30px;}
.news li h2 a { color: #535962; font-size: 14px; line-height: 14px; font-weight: normal; display: block; padding: 7px 0 10px}
.news li h2 a:hover {color: #c30201;}
.news li em { color: #a2a2a2; font-size: 12px; line-height: 12px; display: block; padding-bottom: 20px;}
.news li p { height: 67px; color: #a2a2a2; font-size: 12px; line-height: 20px;}
.news li a.more { color: #a2a2a2; font-size: 12px;}
.news li a.more:hover {color: #c30201;}

.news-tittle { margin-bottom: 25px; padding: 15px 0 35px; width: 100%; border-top: 4px solid #bebebe; border-bottom: 1px dotted #949494;}
.news-tittle h2 { float: left; color: #5e5e5e; font-size: 16px; line-height: 16px; font-weight: normal;}
.news-tittle p { float: right; color: #939393; font-size: 14px; line-height: 14px;}
.news-tittle a { padding: 0 30px 0 24px; background: url(../images/mb-icon-4.png) no-repeat left center;}
.news-tittle a:hover {color: #00a0e9;}
.news-tittle .date { padding: 0 30px 0 27px; background: url(../images/mb-icon-5.png) no-repeat left center; background-size: auto 16px;}
.news-tittle .yd { padding-left: 30px; background: url(../images/mb-icon-6.png) no-repeat left center;}
.news-tittle .wx { position: relative; float: right; display: block; margin-top: -1px; margin-left: 18px; width: 18px; height: 17px; background: url(../images/mb-icon-7.png) no-repeat left center; cursor: pointer;}
.news-tittle .wx img { display: none; position: absolute; left: 20px; top: -41px;}
.news-tittle .wx:hover img { display: block;}
.news-page { margin-top: 40px; padding-top: 32px; border-top: 1px solid #bebebe;}
.news-page a { float: left; display: block; width: 131px; height: 35px; border: 1px solid #d6d6d6; color: #5e5e5e; font-size: 14px; line-height: 35px;}
.news-page a:hover { border: 1px solid #00a0e9;}
.news-page a.np-prev:before { padding: 0 44px 0 15px; content: "<";}
.news-page a.np-next { float: right; text-indent: 23px;}
.news-page a.np-next:after { padding-left: 45px; content: ">";}


/* product-info */
.product-info h2 { color: #757575; font-size: 14px; line-height: 14px; font-weight: normal; padding: 65px 0 8px; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px;}
.product-info-list { position: relative; overflow: hidden;}
.product-info-list .slide {width: 1086px;margin:0 auto;overflow: hidden;}
.product-info-list li { float: left; width:355px; height: 107px; margin-right:10px;}
.product-info-list a.prev,.product-info-list a.next { font-family: 'SimSun';line-height: 30px;text-align: center;color: #fff;font-size: 20px;border-radius: 50%;position:absolute; left:0; top:50%;margin-top: -15px; display:block; width:30px; height:30px; background:#bcbcbc; cursor:pointer; }
.product-info-list a.next { right:0; left:auto;}
.product-info-list a.prev:hover { background:#00a0e9;}
.product-info-list a.next:hover { background:#00a0e9;}
.product-info-list li .text { float: left; width: 215px; height: 107px; padding: 26px 0 0 21px; background: #dddddd;}
.product-info-list li .text h3 { color: #5a5a5a; font-size: 12px; line-height: 12px; padding-bottom: 20px;}
.product-info-list li .text a.more { color: #00a0e9; font-size: 12px; line-height: 12px;}
.product-info-list li .text a.more:before { display: block; float: left; margin-top: 5px; content: ""; width: 0; height: 0; border-style: solid; border-width: 4px; border-color: transparent transparent transparent #00a0e9;}
/* productlist */

.productlist  { margin:20px 0 60px; }
.productlist .pic { width:800px; float: left;margin-right: 38px;}
.productlist .text { float: left; width: 240px; line-height:200%; word-wrap:break-word; text-align:justify;}
.productlist .picList { width:800px; height:553px; overflow:hidden; }
.productlist .picList ul { width:800px; height:553px !important; overflow:hidden; }
.productlist .picList li { padding:5px; border:1px solid #ddd; box-sizing: border-box; width:800px; height:auto; overflow:hidden; cursor: pointer; }
.soldWrap { position: relative; width:800px; height:59px;}
.soldWrap a.prev,.soldWrap a.next { position:absolute; left:0px; top:4px; display:block; width:15px; height:51px; background:url(../images/prev1.png) no-repeat; cursor:pointer; }
.soldWrap a.next { right:0px; left:auto; background:url(../images/next1.png) no-repeat; }
.sold { width:736px; height:auto; margin:24px auto 0; overflow:hidden; }
.sold ul { overflow:hidden; height:auto; }
.sold li { float:left; width:95px; height:59px; margin: 0 5px; display:inline; cursor: pointer; }
.tab-pro { padding-top:58px; }
.tab-pro .hd { border-bottom:1px solid #e3e3e3; }
.tab-pro .hd li { float:left; width:138px; height:28px; text-align:center; line-height:28px; border:1px solid #e3e3e3; border-bottom:none; margin-right:5px; display:inline; background:#e3e3e3; cursor:pointer; }
.tab-pro .hd li.on { background:#fff; border-bottom:1px solid #fff; margin-bottom:-1px; }
.tab-pro .txt { padding:20px; }


/* product-info-C */
.prod-c {position: relative;}
.prod-c .bd {margin-bottom: 20px;}
.prod-c .bd li {height: 480px;}
.prod-c .phd .tempWrap {margin-left: 20px;}
.prod-c .phd li {box-sizing: content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;width: 120px;float: left;margin-left:20px;border:1px solid transparent;opacity:0.7;filter:alpha(opacity=70);cursor:pointer;}
.prod-c .phd li.on {border:1px solid #2b49e4;opacity:1;filter:alpha(opacity=100);}
.prod-c .prev,.prod-c .next {position: absolute;width: 30px;height: 30px;}
.prod-c a.prev,.prod-c a.next { z-index: 99;position:absolute; left:0px; bottom:8px; display:block; width:15px; height:51px; background:url(../images/prev1.jpg) no-repeat; cursor:pointer; }
.prod-c a.next { right:0px; left:auto; background:url(../images/next1.jpg) no-repeat; }

/*hr*/
.hr { width: 100%; border: 1px solid #e0e0e0;}
.hr thead th { height: 45px; color: #7c7c7c; font-size: 12px; font-weight: normal; text-align: center; vertical-align: middle !important;}
.hr td {padding: 0 0.7rem !important; height: 45px; color: #7c7c7c; font-size: 12px; text-align: center; vertical-align: middle !important;}
.hr td a.more { display: block; margin: 0 auto; padding-left: 16px; width: 76px; height: 45px; background: url(../images/mb-icon-10.png) no-repeat left center; color: #7c7c7c; line-height: 45px;}
.hr td:hover a.more { background: url(../images/mb-icon-10-on.png) no-repeat left center; color: #00a0e9;}

/*hr-detail*/
.hr-detail-text { padding: 30px 0 80px; border-bottom: 1px dotted #c6c6c6; overflow: hidden;}
.hr-detail-text h2 { margin-bottom: 10px; color: #4e4e4e; font-size: 20px;}
.hr-detail-text dl { float: left; width: 500px;}
.hr-detail-text dl dt { margin-bottom: 10px; color: #4e4e4e; font-size: 14px; font-weight: bold;}
.hr-detail-text dl dd { color: #4e4e4e; font-size: 12px; line-height: 24px;}
.hr-form { padding-top: 50px;}
.hr-form label { display: block; float: left; padding: 0 15px; margin-top: 14px; height: 16px; border-right: 1px solid #c7c7c7; color: #5a5a5a; font-size: 14px; line-height: 16px;}
.hr-form .input { float: left; margin-bottom: 20px; width: 588px; height: 45px; background: #fff; border: 1px solid #d4d4d4;}
.hr-form .input .text { float: left; padding: 0 10px; width: 370px; margin-top: 14px; height: 16px; border: 0; color: #5a5a5a; font-size: 14px; line-height: 16px; outline: none;}
.hr-form p { float: left; margin-bottom: 20px; padding-left: 15px; width: 308px; height: 45px; background: #fff; border: 1px solid #d4d4d4; color: #5a5a5a; font-size: 14px; line-height: 45px;}
.hr-form .input1 { clear: both; width: 100%; background: #fff; border: 1px solid #d4d4d4; overflow: hidden;}
.hr-form .input1 .textarea { float: left; padding: 0 10px; margin: 14px 0; width: 930px; height: 250px; border: 0; outline: none; resize: none;}
.hr-form .input2 { float: right; margin-bottom: 20px; width: 664px; height: 45px; background: #fff; border: 1px solid #d4d4d4;}
#fileToUpload { display: none;}
.hr-form .input2 .text { float: left; padding: 0 10px 0 21px; width: 561px; margin-top: 14px; height: 16px; background: #fff; border: 0; color: #5a5a5a; font-size: 14px; line-height: 16px; outline: none;}
.hr-form .input2 button { float: right; margin-right: 8px; margin-top: 5px; width: 66px; height: 34px; border: 0; border-radius: 4px; background: #00a0e9; color: #fff; font-size: 14px; line-height: 34px; cursor: pointer; outline: none;}
.hr-form .input2 button:hover { opacity: 0.8;}
.hr-form .submit {clear: left; display: block; margin-top: 40px; width: 167px; height: 50px; border: 0; border-radius: 4px; background: #00a0e9; color: #fff; font-size: 14px; line-height: 50px; cursor: pointer; outline: none;}
.hr-form .submit:hover { opacity: 0.8;}
.hr-form .input:hover,.hr-form .input1:hover,.hr-form .input2:hover { border: 1px solid #00a0e9;}

/* form */
.form-panel label { display: block; float: left; padding: 0 15px; margin-top: 14px; height: 16px; border-right: 1px solid #c7c7c7; color: #5a5a5a; font-size: 14px; line-height: 16px;}
.form-panel .input { float: left; margin-bottom: 20px; width: 588px; height: 45px; background: #fff; border: 1px solid #d4d4d4;}
.form-panel .input .text { float: left; padding: 0 10px; width: 400px; margin-top: 14px; height: 16px; border: 0; color: #5a5a5a; font-size: 14px; line-height: 16px; outline: none;}
.form-panel p { float: left; margin-bottom: 20px; padding-left: 15px; width: 293px; height: 45px; background: #fff; border: 1px solid #d4d4d4; color: #5a5a5a; font-size: 14px; line-height: 45px;}
.form-panel .input1 { clear: both; width: 100%; background: #fff; border: 1px solid #d4d4d4; overflow: hidden;}
.form-panel .input1 .textarea { float: left; padding: 0 10px; margin: 14px 0; width: 910px; height: 250px; border: 0; outline: none; resize: none;}
.form-panel .input2 { clear: both; margin-bottom: 20px; width: 1200px; height: 45px; background: #fff; border: 1px solid #d4d4d4;}
#fileToUpload { display: none;}
.form-panel .input2 .text { float: left; padding: 0 10px 0 21px; width: 900px; margin-top: 14px; height: 16px; background: #fff; border: 0; color: #5a5a5a; font-size: 14px; line-height: 16px; outline: none;}
.form-panel .submit { display: block; margin-top: 40px; width: 167px; height: 50px; border: 0; border-radius: 4px; background: #00a0e9; color: #fff; font-size: 14px; line-height: 50px; cursor: pointer; outline: none;}
.form-panel .submit:hover { opacity: 0.8;}
.form-panel .input:hover,.form-panel .input1:hover,.form-panel .input2:hover { border: 1px solid #00a0e9;}

.fblist {padding-bottom: 30px;}
.i-message { margin-bottom: 20px; padding: 0 35px;}
.i-message-user { float: left; width: 45px; height: 45px; background: url(../images/mb-icon-12.png) no-repeat; border-radius: 50%; color: #fff; font-size: 24px; line-height: 48px; text-align: center;}
.i-message-text { position: relative; margin: 0 0 43px 63px; padding: 15px; background: #fff; border: 1px solid transparent; border-radius: 4px;}
.i-message-text:before { position: absolute; top: 18px; left: -10px; right: 100%; width: 0px; height: 0px; display: block; content: " "; border-color: #fff #fff transparent transparent; border-style: solid; border-width: 10px;}
.i-message-hd { margin-bottom: 15px; color: #4d4b50; font-size: 14px;}
.i-message-hd span { padding-right: 16px;}
.i-message-bd p { margin: 0; color: #4d4b50; font-size: 12px;}
.admin-message .i-message-user { float: right; background: url(../images/mb-icon-13.png) no-repeat;}
.admin-message .i-message-text { margin-left: 0; margin-right: 63px;}
.admin-message .i-message-text:before { left: auto; right: -10px; border-color: #fff transparent transparent #fff;}

/*contact*/
.map { margin-bottom: 33px; width: 1200px; height: 370px;}
.contact { border-top: 3px solid #949494;}
.contact li { height: 50px; line-height: 50px; background: #f7f7f7; border-bottom: 1px solid #dedede;}
.contact li span { display: block; float: left; padding-left: 42px; width: 162px;}
.contact li em { padding-left: 26px;}
.contact li.i1 span { background: url(../images/mb-c1.png) no-repeat 13px center #ededed;}
.contact li.i2 span { background: url(../images/mb-c2.png) no-repeat 16px center #ededed;}
.contact li.i3 span { background: url(../images/mb-c3.png) no-repeat 13px center #ededed;}
.contact li.i4 span { background: url(../images/mb-c4.png) no-repeat 12px center #ededed;}
.contact li.i5 span { background: url(../images/mb-c5.png) no-repeat 14px center #ededed;}
.contact li.i6 span { background: url(../images/mb-c6.png) no-repeat 16px center #ededed;}
.contact li.i7 span { background: url(../images/mb-c7.png) no-repeat 13px center #ededed;}
.contact li.i8 span { background: url(../images/mb-c8.png) no-repeat 14px center #ededed;}

/*download*/
.download li { padding: 24px 0 18px 34px; background: url(../images/mb-icon-3.png) no-repeat left 30px; border-bottom: 1px dotted #949494; color: #4f4f4f; font-size: 14px; line-height: 27px; overflow: hidden;}
.download li p { float: left;}
.download li a.more { display: block; float: right; width: 104px; height: 27px; background: #848484; color: #fff; font-size: 12px; text-align: center;}
.download li span { float: right; display: block; padding-right: 20px; margin-right: 22px; border-right: 1px solid #cbcbcb; color: #9c9c9c;}
.download li a.more:hover { background: #00a0e9;}



/*    pic-list    */
.pic-list ul {margin:-35px 0 0 -20px;}
.pic-list li {float: left;margin:35px 0 0 20px;position: relative;overflow: hidden;padding-bottom: 60px;}

/*.aaaaa li { width: 200px; }*/
.aaaaa li img { width: 224px; height: auto; }



.pic-list li .txt {background: #fff;line-height: 20px;color: #9d9d9d;position: absolute;width: 100%;transition:top .25s;height: 100%;top:100%;margin-top: -60px;}
.pic-list li .txt .content {padding: 0 13px;}
.pic-list li .txt h3 {color: #828181;font-size: 14px;font-weight: normal;line-height: 60px;border-bottom: 1px solid #ccc;margin-bottom: 26px;}
.pic-list li .txt h3 a {display: block;}
.pic-list li .txt i {font:normal 24px/60px 'SimSun';color: #B2B2B2;float: right;-margin-top: 19px;transition:.3s;}
.pic-list li .txt h3 a:hover i {transform:rotate(90deg);}
.pic-list li .txt .more {bottom:10%;line-height: 28px;border: 1px solid #dbdbdb;padding-left:11px;position: absolute;}
.pic-list li .txt .more span {font-family: 'SimSun';margin:0 20px 0 8px;display: inline-block;}
.pic-list li:hover .txt {top: 0;margin-top: 0;}
.pic-list li:hover h3 a {color: #c40201;}
.pic-list li:hover span {animation:arrMove 1.5s infinite;color: #c40201;}
.pic-list li .txt .more:hover {border-color: #c40201;color: #c40201;}
@keyframes arrMove {0 {opacity: 1;transform:translateX(0);}100% {opacity: 0;transform:translateX(24px);}}
.ibanner {height: 520px;     position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
   height: 520px;}


/* 头部新闻 */
.hotNews { margin-bottom:30px; background:#848484; overflow:hidden; }
.hotNews .pic { float:left; width:390px; height:250px; margin-right:5px; }
.hotNews .pic img { width:100%; height:100%; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:25px 20px 0 15px; line-height:22px; }
.hotNews dl dt { margin-bottom:13px; padding-left:10px; background:url(o_ico_05.png) no-repeat 0 13px; color:#fff; font-size:16px; line-height:30px; }
.hotNews dl dt a { color:#fff; }
.hotNews dl dt a:hover { color:#000; }
.hotNews dl .i { min-height:110px; padding-bottom:10px; padding-left:10px; font-size: 14px; color:#eee; }
.hotNews dl .m { width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center; }
.hotNews dl .m a { display:block; color:#333; }
.hotNews dl .m a:hover { background:#666; color:#fff; }

.list { padding:0 0 40px; }
.list li { padding:10px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_04.png) no-repeat 3px center; line-height:20px; font-size: 14px; }
.list li .d { float:right; color:#999; }
.list li a { padding-left:15px; }

/* 分页 */
.page { padding:50px 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #c40201; background:#c40201; color:#fff; }
.page span{margin-right:6px;}

/*图文模式*/
.article { padding:0 0 40px; line-height:2; font-size:14px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
/*新闻列表*/
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
.list { padding:0 0 40px; }
.list li { padding:9px 0 15px; border-bottom:1px dashed #e0e0e0; background:none; font-size:14px; line-height:20px; clear:both; margin-bottom:10px; }
.list li span {display: none; float:right; color:#999; font-size:12px; }
.list li a { padding-left:0px;margin-bottom:8px;  font-size: 16px;color:#333; display: block; }
/*.list li a:hover { text-decoration:underline; }*/
.list li .bbb { font-family: "微软雅黑"; color:#666; line-height: 20px; font-size: 12px; }



.hb {position: relative; margin-bottom: 50px!important;}
.hb .prev, .hb .next {position: absolute; z-index: 100; width: 36px; height: 36px; top: 185px; cursor: pointer; -webkit-transition: background 0.5s; -moz-transition: background 0.5s;  -o-transition: background 0.5s; transition: background 0.5s;}
.hb .prev {left: -60px; background: url(la1.png) no-repeat center;}
.hb .prev:hover {background: url(la2.png) no-repeat center;}
.hb .next:hover {background: url(ra2.png) no-repeat center;}
.hb .next {right: -60px; background: url(ra1.png) no-repeat center;}
.hb .bd a {position: relative; float: left; top: 0; width: 240px; line-height: 120px; /*margin-right: 24px; */text-align: center; -webkit-transition: box-shadow .5s, top .8s; -moz-transition: box-shadow .5s, top .8s;  -o-transition: box-shadow .5s, top .8s;  transition: box-shadow .5s, top .8s; margin-bottom: 20px;}
.hb .bd a:nth-child(6n) {margin-right: 0;}
.hb .bd a:hover {box-shadow: 0 0 2px 2px rgba(0,0,0,0.2); top: -10px;}
.hb .bd a img {vertical-align: middle;}
.hb .hd {z-index: 100; width: 100%; text-align: center;}
.hb .hd li {display: inline-block; width: 10px; height: 10px; background: #939393; margin: 0 3px; border-radius: 50%; font-size: 0; cursor: pointer;}
.hb .hd .on {background: #e10201;}

/*注册页面*/
.reg { background: #fff; }
.reg1 { width: 100%; height: 126px; box-sizing: border-box; padding:28px 0; background: #fff; }
.reg1 a.logo { display: block; float: left; width: 200px; height: 70px; overflow: hidden; }
.reg1 ul { float: right; text-align: right; }
.reg1 ul li { display: inline-block; height: 70px; margin-left:50px; line-height: 70px; font-size: 14px; }
.reg1 ul li a { color:#000000; }
.reg2 { margin:30px auto 50px; background: #fff; box-sizing: border-box; padding:28px 100px 55px; }
.reg3 h2 {margin-bottom:35px; font-size: 22px; color:#391d6e; text-align: center; }
.reg3 h2 span { display: inline-block; font-size: 14px;color:#333333; margin-left:26px; font-weight: normal; }
.reg3 h2 span a { color:#01c3ff; }
.reg3 p { font-size: 14px;color:#999999; border-bottom:1px dashed #dcdcdc; padding-bottom:8px; }
.reg3 p span { color:#ff0000; }
.reg4 { margin-top:50px; width: 440px; margin: 0 auto; text-align: center; }
.reg4 ul li { height: 38px; line-height: 38px; margin-bottom:25px; }
.reg4 ul li img { vertical-align: top; width: 70px;}
.reg4 ul li label {text-align: justify; height: 38px; float: left; display: inline-block; width: 70px; margin-right:10px; font-size: 14px;color:#333333; }
.reg4 ul li label:after {  display: inline-block;width: 100%;content: ''; }
.reg4 ul li label i { color:#ff0000; }
.reg4 ul li input {float: left; font-size: 14px;color:#999; box-sizing: border-box; padding-left:12px; outline: none; width: 350px; height: 38px; box-sizing: border-box; border:1px solid #dcdcdc; border-radius: 5px; }
.reg4 ul li select {float: left; font-size: 14px;color:#666; box-sizing: border-box; padding-left:12px; outline: none; width: 350px; height: 38px; box-sizing: border-box; border:1px solid #dcdcdc; border-radius: 5px; }
.reg4 ul li .sign { float: left; }
.reg4 ul li input.yzm {float: left; width: 200px; }
.reg4 ul li input.anniu {font-weight: bold; width: 140px; margin-right:10px; float: right; padding:0; cursor: pointer;font-size: 14px;color:#391d6e; }
.reg4 ul li input.acode { width: 100px; }
.reg4 ul li .input1 input { cursor: pointer; background: rgba(57,29,110,0.8); color:#fff; font-size: 16px; display: inline-block; width: 430px; height: 42px; border:none; box-sizing: border-box; }
.reg4 span { display: block; text-align: center; font-size: 15px;color:#000; }
.reg4 span a { color:#391d6e; font-weight: bold; }
.reg34 {text-align: left; padding:0 0 20px 80px; font-size: 13px;color:#333; }
.reg34 em { position: relative; color:#391d6e; display: inline-block; padding-right:30px;}
.reg34 em:after { content:'∨'; width: 20px; height: 20px; font-size: 20px; text-align: center; line-height: 20px; position: absolute;color:#391d6e; right:5px;top:50%; margin-top:-10px; }
.reg33 ul { display: none; }

/*登录页面*/
.login {position: relative; width: 1200px; height: 440px; background: url(lo1.jpg) no-repeat center; margin:30px auto 50px; }
.login .sform { padding:40px 30px 0; width: 381px; height: 440px; background: rgba(255,255,255,0.9); position: absolute; right:220px; top:0; box-sizing: border-box; }
.login .sform .hd {padding-bottom:10px; margin-bottom:20px; }
.login .sform .hd h2 { font-size: 22px;color:#391d6e; text-align: center; font-weight: normal;}
.login .sform li { position: relative; }
.login .sform li img { position: absolute; right:5px; top:9px; border:none;} 
.login .sform li .text { color:#666666; margin-bottom:16px; width: 100%; height: 50px; box-sizing: border-box; border:1px solid #dcdcdc; border-radius: 5px; outline: none; padding-left:60px; font-size: 14px; }
.login .sform li:nth-child(1) .text { background: url(lo2.png) no-repeat 17px center; }
.login .sform li:nth-child(2) .text { background: url(lo3.png) no-repeat 17px center; }
.login .sform li:nth-child(3) .text { background: url(lo4.png) no-repeat 17px center; }
.login .sform li .sub { width: 100%; height: 38px; box-sizing: border-box; border:none; background: rgba(57,29,110,0.8); font-size: 16px;color:#fff; cursor: pointer; border-radius: 5px; margin-top:8px; }
.login .sform p {text-align: center; margin-top:15px; font-size: 15px;color:#000; }
.login .sform p a { color:#391d6e; font-weight: bold; }
.log ul li { width: 50%; }



/*会员中心*/
.hs_people .hs_submitsLeft{ width: 222px; overflow: hidden;}
.hs_people .yonghu{ background: #fff; width: 222px;text-align: center; }
.hs_people .yonghuname{ margin: 0 auto; padding-top: 35px;padding-bottom: 20px;}
.hs_people .yonghuname p{ color: #000; font-size: 14px; text-align: center;padding-top: 10px; }
.hs_people .yonghuname div{color: #000; font-size: 14px;}
.hs_people .yonghuname div span{font-size: 14px;color: #ff0000;font-weight: bold;}
.hs_people .dingdan{background: #fff; width: 222px; height: auto;margin-top: 12px;padding-top: 12px;}
.hs_people .dingdan li{line-height: 43px;border-bottom: 1px solid #f2f2f5;}
.hs_people .dingdan li a{font-size:14px;color: #000;padding-left: 59px;display: block;}
.hs_people .dingdan li.li01 a{background: url(p1_03.png) no-repeat 17px center;}
.hs_people .dingdan li.li02 a{background: url(p3_08.png) no-repeat 17px center;}
.hs_people .dingdan li.li03 a{background: url(p4_10.png) no-repeat 17px center;}
.hs_people .dingdan li.li04 a{background: url(p5_12.png) no-repeat 17px center;}
.hs_people .dingdan li.li06 a{background: url(p6_03.png) no-repeat 17px center;}
.hs_people .dingdan li.li07{padding: 0; border-bottom:0;margin-top: 30px;padding-bottom: 70px;}
.hs_people .dingdan li.li07 a{width: 190px;height: 35px;display: block;background: #ff9900;color: #fff;font-size: 16px;line-height: 35px;text-align: center;border: 1px solid transparent; margin-left: auto;margin-right: auto;border-radius: 35px;padding-left: 0;}
.hs_people .dingdan li.li07 a:hover{background: #ea8e04;}

.hs_people .hs_submitsRight{background: #fff;padding-top: 28px; padding-left: 60px; padding-right: 60px;width: 796px;}
.hs_people .hs_submitsRight>ul>li{padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #e5e5e5;position: relative;}
.hs_submitsRight>h2{font-size: 16px; padding: 12px 20px;display: inline-block; border-bottom: #5ca61c 2px solid; }
.hs_submitsRight .ny_img01{ width: 113px; overflow: hidden; margin-right: 20px;}
.hs_submitsRight .ny_img01 img{transition: all 0.6s ease-in-out; }
.hs_submitsRight .ny_img01 img:hover{transform: scale(1.1);}
.hs_submitsRight .ny_tuw01{ margin-right: 192px; max-width: ;overflow: hidden; }
.hs_submitsRight .ny_tuw01 h2{padding-bottom: 15px;}
.hs_submitsRight .ny_tuw01 h2 a{font-size: 16px; font-weight: bold; color: #333;}
.hs_submitsRight  p{font-size: 12px; color: #999;}
.hs_submitsRight p.p01{ /*margin-right: 156px;*/margin-top: 20px; position: absolute;right: 110px;}
.hs_submitsRight p.fr{ margin-right: 46px; margin-top: 20px;}
.hs_page{ margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 25px;max-width: 216px;line-height: 36px;}
.hs_page a{padding: 0 5px;font-size: 12px; color: #333;}
.hs_page .page_prev,
.hs_page .page_next{display:inline-block; width: 33px; height: 33px; padding: 0;}
.hs_page .page_prev{ background: url(btns01.png) no-repeat center;margin-right: 44px;}
.hs_page .page_next{background: url(btns02.png) no-repeat center;}
.hs_page .page_prev:hover{background: url(btns01hover.png) ;}
.hs_page .page_next:hover{ background: url(btns02hover.png);}

.hs_people{background: #f6f6f6;padding-top: 32px;padding-bottom: 35px;}

.hs_people .hotel_registration {background: #fff;}
.hs_people .main{width: 965px;float: right;background: #fff;}

.hs_people  .four_btn{padding-bottom: 147px;}
.four_btn form ul li:nth-of-type(4){width: 310px; overflow: hidden; clear: both ;margin-top: 30px;padding-bottom: 108px;}
.four_btn form ul li:nth-of-type(4) label{display: none;}
.four_btn form ul li:nth-of-type(4) input[type="submit"]{width: 130px;height: 42px;display: block;background: #ff9900;color: #fff;font-size: 16px;line-height: 42px;text-align: center;border: 1px solid transparent; border-radius:6px;padding: 0;margin: 0;float: left;}
.four_btn form ul li:nth-of-type(4) input[type="submit"]:hover{background: #f19710;}

.four_btn form ul li:nth-of-type(4) input[type="reset"]{width: 130px;height: 42px;display: block;background: #cccccc;color: #fff;font-size: 16px;line-height: 42px;text-align: center;border: 1px solid transparent; border-radius: 6px;padding: 0;margin: 0; float: right;}
.four_btn form ul li:nth-of-type(4) input[type="reset"]:hover{background: #b6b6b6;}