@charset "utf-8";

body{min-width:1200px; background:#f6f6f6;}



.noticeModule{height: 24px;line-height: 24px;overflow: hidden;padding: 15px; border:1px solid #e1e1e1;font-size: 14px;}
.noticeModule b{background: url(../images/noticebg.png) no-repeat 0 50%;display: inline-block;font-weight: normal;padding: 0 12px 0 28px;}
.noticeModule a{}
.noticeModule a:hover{text-decoration: underline;}

.news-notice{ margin:20px 0;}
.indnews{width: 390px; height: 286px; float: left;}
.news-pic{width: 390px; height: 286px;}
.news-pic,.news-pic img{ width: 390px; height: 286px; overflow: hidden;}

.news-notice .news-txt{width:512px; height: 286px; float: left; margin-left: 20px;}
.news-txt{border:1px solid #efefef;}
.news-title{height:38px; background:#fafafa; border-bottom:1px solid #efefef; line-height:38px; position:relative;}
.news-title .name{position:absolute; left:-1px; top:-1px; height:39px; color:#701a1a; text-align:center; line-height:39px; font-size:15px; padding:0 15px; font-weight:bold;}
.news-name.tab-nav{position:absolute; left:-1px; top:-1px; height:39px; }
.news-name.tab-nav a{display:block; float:left; height:39px; line-height:39px;color:#333; text-align:center; line-height:39px; font-size:15px; padding:0 15px; margin:0; position:relative;}
.news-name.tab-nav a.current{ color:#701a1a; font-weight:bold;}
.news-name.tab-nav a i{width:9px; height:5px; background:url(../images/jtx.png) no-repeat; left:10px; bottom:-5px; display:none;}
.news-name.tab-nav a.current i{display:block;}
.news-title .name i{width:9px; height:5px; background:url(../images/jtx.png) no-repeat; left:10px; bottom:-5px; display:block;}
.news-title .more{position:absolute; right:10px; line-height:38px; top:0; font-size:12px; color:#999; transition:all .3s ease;}
.news-title .more:hover{color:#701a1a;}
.newslist{display:block; padding:10px 12px;}
.hotnews{margin:12px 12px 0 12px;}
.hotnews h1{font-size:16px; color:#701a1a; text-align:center; margin:0 10px; height:30px; line-height:30px;
word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden;}
.hotnews .hotcon{margin-top:12px; word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;}
.hotnews .hotcon a{ color:#999; line-height:24px; font-size:14px;}
.hotnews .hotcon a:hover{color:#701a1a;}
.newslist li{border-bottom:1px dotted #dedede; position:relative; padding:0 80px 0 14px; background:url(../images/jiantou.png) 2px  15px no-repeat;}
.newslist li a{display:block; height:36px; width:90%; line-height:36px; font-size:14px;word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden;}
.newslist li span{position:absolute; right:0; top:0; line-height:36px; color:#bbb; text-align:center;}
.newslist li:last-child{border:0;}

.login {
    float: left;
    border: 1px solid #dedede;
    margin-left: 20px;
    width: 254px;
    height: 284px;
    text-align: center;
    background: url(../images/shading.png);
}

.login .title {
    font-size: 18px;
    color: #ba9191;
    padding: 20px 0 30px
}

.login .pic {
    margin-bottom: 30px;
}

.login .pic img {
    width: 80px
}

.login a {
    display: inline-block;
    width: 100px;
    color: #fff;
    background: #ba9191;
    margin: 0 10px;
    line-height: 30px;
}

.login p {
    color: #999;
    margin-top: 30px;
}
.banner img{ width:1200px;height:100px}

.col-box{margin:20px 0;    width: 1220px;}
.news-txt.col-3{width:590px; height:280px; overflow:hidden; float:left; margin-right:15px; margin-bottom: 15px;}
.news-txt.col-3.last{margin-right:0;}
.smalllist{margin-left:100px;}
.smalllist a{line-height:39px; font-size:12px; color:#701a1a; margin:0 5px;}
.smalllist a:hover{color:#701a1a;}

.col-2-l{}
.col-2-l .tit{height:40px; background:url(../images/bmicon.png) 0 9px no-repeat; padding-left:30px; line-height:40px; color:#333; font-size:16px;}
.col-2-l .list a{float:left; text-align:center; color:#fff; transition:all .3s ease;}
.col-2-l .list .ct{width:162px; height:120px; float:left; margin-right:11px;}
.col-2-l .list .ct.last{margin-right:0;}
.col-2-l .list a.color_bj .pic{margin:24px auto 20px auto;}
.col-2-l .list a.color_bj{width:162px; height:120px; background:#e75603;}
.col-2-l .list a.color-1{background:#80ba4a;}
.col-2-l .list a.color-2{background:#e75603;}
.col-2-l .list a.color-3{background:#288fd2;}
.col-2-l .list a.color-4{background:#f3b548;}
.col-2-l .list a.color-5{background:#2876a2;}
.col-2-l .list a.color-6{background:#2bbe40;}
.col-2-l .list a.color-7{background:#b363c7;}
.col-2-l .list a.color-1:hover,.col-2-l .list a.color-2:hover,.col-2-l .list a.color-3:hover,.col-2-l .list a.color-4:hover,.col-2-l .list a.color-5:hover{background:#701a1a;}

.col-2-r{}
.gsht{float:left; width:400px;}
.col-2-r .tit{height:40px; background:url(../images/sficon.png) 0 9px no-repeat; padding-left:30px; line-height:40px; color:#333; font-size:16px; float:left; }
.sfbox{padding:0 10px 15px 5px; height:213px;}
.sftxt{float:left; width: 796px;height: 215px; position:relative;}
.sftxt .img{float:left;width:316px}
.sftxt .img img{ height:221px;width:316px}
.sftxt .info{ height:196px; line-height:24px; font-size:14px; color:#666;float:left; width:450px;
display:-webkit-box;
-webkit-line-clamp:9;
-webkit-box-orient:vertical;
overflow:hidden; margin-left:20px;}
.sftxt a{display:block; position:absolute; right:4px; bottom:-2px; text-align:center; color:#F30;}
.sftxt a:hover{color:#39F;}
.jisuan{float:right; padding-left:30px; width:270px; border-left:1px dashed #efefef; height:213px; }
.jisuan h1{color:#701a1a; line-height:30px; font-size:15px;}
.jsbox{position:relative; padding-left:65px; margin-top:8px;}
.jsbox span{position:absolute; left:0; top:0; line-height:27px; display:block; width:65px; color:#7e7e7e;}
.jsbox .jsq{border:1px solid #f0f0f0; height:19px; padding:3px 3px 3px 10px;border-radius:2px;}
.jsbox .jsq .ipt-jsq{border:0; height:19px; line-height:19px; width:100%; outline:none;}
.jsbox .jsq a{display:block; width:42px; height:19px; text-align:center; line-height:19px; background:#55aeec; position:absolute; top:4px; right:4px; color:#fff; border-radius:2px;}
.jsjg{background:#f0f0f0; padding:4px 8px; margin-top:10px; position:relative;}
.jsjg .tab{line-height:28px; border-bottom:1px solid #e2e2e2; color:#6a6a6a; height:28px; overflow:hidden;}
.jsjg .tab span{float:right;}
.jsjg .tab.last{border:0;}
.jsjg:before{content:''; width:9px; height:5px; background:url(../images/jtt.png) no-repeat; display:block; position:absolute; right:20px; top:-5px;}
.jisuan .smtxt{color:#55aeec; line-height:40px;}
.xxlinks {height:24px; overflow:hidden;}
.xxlinks a{color:#F33; line-height:24px;}
.xxlinks a:hover{color:#55aeec; text-decoration:underline;}

.newslist.htlist{padding:0; width:360px;}


.col-4{width:289px; float:left; margin-right:12px; border:1px solid #efefef;}
.col-4.last{margin-right:0;}
.news-title .name2{float:left; line-height:39px; font-size:15px; font-weight:bold; color:#701a1a; padding-left:20px; background:url(../images/shu.png) 8px 11px no-repeat;}

.linksbox{margin:20px 0; border:1px solid #efefef;}
.txtlisttit {height: 32px; position: relative; border-bottom:2px solid #701a1a;}
.txtlisttit.linktit span{color: #701a1a; font-size:15px; font-weight:bold; display:block; width:100px; height:33px; line-height:33px; text-align:center; position:absolute; left:0; top:-1px;}
.tab-nav{position: absolute; left: 100px; top: 0;}
.tab-nav a{float: left; line-height: 32px; font-size: 14px; margin: 0 20px;}
.tab-nav a.current{color: #FF080D;}
.linkcon{height:54px; margin:10px; overflow:auto;}
.linkslist li{float: left; margin:1px 20px;}
.linkslist li a{display:inline-block; line-height:25px;}

.ft-menu{height:230px; width:100%; background:url(../images/footbj.jpg) top center repeat-y; overflow:hidden;}
.menu{width:1000px; float:left; margin-top:40px;}
.menu dl{float:left; margin-right:20px; color:#fff;}
.menu dl dt{font-size:15px;}
.menu dl dd{margin-top:20px;}
.menu dl dd.last{margin-top:-3px;}
.menu dl dd a{display:block; font-size:12px; line-height:24px; color:#A0E3FF;}
.menu dl dd.last p{font-size:14px; line-height:26px;}
.menu dl dd a:hover{color:#FF0;}
.menu dl.last{ margin-left:100px;}
.menu dl dd p{color:#fff; line-height:24px;}
.ewm{float:right; width:125px; text-align:center; line-height:30px;margin-right: 70px; margin-top:40px; color:#fff;}



.mg-t-b{margin:20px auto;}
.page-left{width: 255px; float: left;background:#fff;}
.page-right{width: 900px; float: right; margin-right:15px;}
.pagelist .listbox{border:1px solid #efefef;}
.pagelist h1{ color: #fff; height: 45px; line-height: 45px; font-size: 18px; font-weight: 600; background: #701a1a; padding-left: 20px; margin-bottom: 5px;}
.pagelist li{border-top:1px solid #efefef; border-bottom:1px solid #efefef; margin-top:-1px;}
.pagelist li a{height: 35px; line-height: 35px; display: block; background:url(../images/sanjiao2.png) 220px 14px no-repeat #fafafa; font-size: 12px; color: #333; padding-left:20px;}
.pagelist li a:hover,.pagelist li.active>a{background:url(../images/sanjiao.png) 218px 14px no-repeat #fafafa; font-weight:bold;}

.pagelist li .dropdown{display:none;}
.pagelist li.active .dropdown{display:block;}
.pagelist li .dropdown li{ margin-left:10px; margin-right:10px;}
.pagelist li .dropdown li a{background:#fff; padding-left:40px;}
.pagelist li .dropdown li.active a{color:#b61412;}
.pagelist li .dropdown li:last-child{border-bottom:0;}
.hotarticl{margin-top:20px;}
.hottit{border-bottom:1px solid #efefef; line-height:40px; font-size:16px; color:#F30; margin:12px 12px 0 12px;}
.pagelujing{height:40px; border-bottom:2px solid #efefef; position:relative;}
.pagelujing .name{position:absolute; left:0; top:0; height:40px; border-bottom:2px solid #F33; line-height:40px; font-size:16px; font-weight:bold;}
.pagelujing span{position:absolute; right:0; line-height:40px; color:#888;}
.news-txt.ny,.newslist.ny{border:0; padding:0;}
.news-txt.ny{min-height:600px;}
.newslist.ny li:last-child {
   border-bottom:1px dotted #efefef;
}

.liuyantab{border:1px solid #f5f5f5; background:#f8f8f8; margin-top:20px; padding:20px;}
/*分页*/

.biaoti{font-size: 18px; color: #333;  text-align: center; margin: 0 20px; font-weight: 600; margin-top:30px;}
.sshuomign{color: #888; font-size: 12px; line-height: 30px; text-align: center;}
.sshuomign span{margin: 0 10px;}
.article_txt{font-size: 14px; line-height: 28px; color: #454545; margin-top: 20px; overflow:hidden; padding: 10px;}

.tcdPageCode{padding: 15px 20px;text-align: left;color: #ccc;text-align:center; margin-top: 30px;}
.tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.article_txt{font-size: 14px; line-height: 28px; color: #454545; margin-top: 20px; overflow:hidden}
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #428bca;}
.tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #428bca;	border: 1px solid #428bca;border-radius: 4px;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}

.client{padding: 30px 0;}
.client .hd{text-align: center;font-weight: 700;}
.client .hd ul{display: inline-flex;}
.client .hd li{display: inline-block;}
.client .hd .title{color: #701a1a;font-size: 22px;}
.client .hd .sub{color: #999;font-size: 20px;}
.client .hd .bg{height: 66px;width: 282px;}
.client .hd .left{background: url(../images/bgleft.png) no-repeat 0 50%;margin-right: 70px;}
.client .hd .right{background: url(../images/bgright.png) no-repeat 0 50%;margin-left: 70px;}
.client .content{padding-top: 50px;}

.list-logo ul li {float: left;width: 200px;border: 1px solid #cccccc;border-radius: 3px;text-align: center;margin-left: 26px;margin-top: 20px;height: 103px;}
.list-logo ul li img {width: 200px;height: 103px;}

.common_banner{ height:200px;width:100%}
.mod{padding: 30px 0;}
.mod .hd{text-align: center;font-weight: 700;}
.mod .hd ul{display: inline-flex;}
.mod .hd li{display: inline-block;}
.mod .hd .title{color: #701a1a;font-size: 22px;}
.mod .hd .sub{color: #999;font-size: 20px;}
.mod .hd .bg{height: 66px;width: 282px;}
.mod .hd .left{background: url(../images/bgleft.png) no-repeat 0 50%;margin-right: 70px;}
.mod .hd .right{background: url(../images/bgright.png) no-repeat 0 50%;margin-left: 70px;}

.about_mod{ margin: 30px 0;}
.introduce{font-size: 16px; line-height: 36px; padding:0 150px}
.introduce p{ padding-bottom: 20px;text-indent: 28px;}

.quility { padding:0 150px 0 100px;margin-bottom: 30px;}
.quility li{float: left;width: 266px;margin-left: 50px; margin-top: 30px;}
.quility dt{border: 1px solid #EFEFEF;background: #FFF;padding: 5px;}
.quility dt img{width: 254;height:177px}
.quility dt:hover{border: 1px solid #E5E5E5;}
.quility dd{;overflow: hidden;text-align: center;padding-top: 20px;font-size: 16px;}

.contact{padding: 50px 0;}
.contact .box{padding:0 100px;}
.contact .text{float: right;margin-left: -371px;position: relative;width: 371px;}
.contact .map{float: left;width:618px; background: #f7f7f7; height: 332px;}
.contact .content{color: #555;padding: 18px 15px 0 25px;}
.contact dt{font-size: 20px;font-weight: 700;line-height: 30px;padding-bottom: 6px;}
.contact dd{font-size: 14px;line-height: 22px;padding-bottom: 6px;}
.contact dd.english{padding-bottom: 24px;}

.jobsPage .lists{background: #FFF; margin-top: 30px;}
.jobsPage .listBox{border: 1px solid #EFEFEF;padding: 0 40px 40px;}
.jobsPage .lists li{float: left;font-size: 14px;}
.jobsPage .lists li.c1{width: 260px;}
.jobsPage .lists li.c2{width: 260px;}
.jobsPage .lists li.c3{width: 260px;}
.jobsPage .lists li.c4{width: 260px;}
.jobsPage .lists li.c5{width: 78px;}
.jobsPage .lists .hd{background: #ba9191;border: 1px solid #ba9191;color: #FFF;height: 56px;line-height: 56px;padding: 0 40px;}
.jobsPage .listBox ul{border-bottom: 1px dotted #DADADA;height: 28px;line-height: 28px;padding: 16px 0;}
.jobsPage .listBox li{color: #5a5a5a;}
.jobsPage .listBox li a{color: #C30;}
.jobsPage .listBox li a:hover{text-decoration: underline;}

.jobShow .hd{background: #ba9191;border: 1px solid #ba9191;color: #FFF;font-weight: normal;height: 56px;line-height: 56px;padding: 0 40px; margin-top: 30px;}
.jobShow .hd h1{font-size: 18px;}
.jobShow .hd span{color: #FE0;float: right;}
.jobShow .content{background: #FFF;border: 1px solid #EFEFEF;padding: 0 40px 120px;}
.jobShow li{border-bottom: 1px dotted #DADADA;color: #888;float: left;height: 28px;line-height: 28px;padding: 16px 0;width: 372px; font-size: 14px;}
.jobShow li b{color: #000;font-weight: normal;padding-right: 5px;}
.jobShow dl{border-bottom: 1px dotted #DADADA;}
.jobShow dt{border-bottom: 1px solid #EFEFEF;color: #000;height: 28px;line-height: 28px;padding: 16px 0;}
.jobShow dd{color: #888;line-height: 24px;padding: 16px 0;}
.jobShow .tips{border-bottom: 1px solid #EFEFEF;color: #C30;font-weight: 700;padding: 16px 0;}

.tr_list{padding:50px}

.tr_list li{ position: relative; padding:37px 0 37px 125px; min-height:50px; border-bottom:1px solid #e8e8e8; }
.tr_list li i { position: absolute; width:90px; height:125px; line-height:125px; text-align:center; display:block; left:0; top:29px; }
.tr_list li i img{ display:inline-block; vertical-align: middle; }
.tr_list li h4{ font-size:20px; padding-bottom:15px; }
.tr_list li p span{ padding-right:40px; display:inline-block; color:#707070; }
.tr_list li:hover{ border-bottom:2px solid #a40d21; }
.tr_map{ width:100%;height:350px;background: #eee;}
.tr_map #allMap{ width: 100%; height: 100%;}

.mod_nav{ width:1200px; text-align: left; margin: 50px 0;}
.mod_nav a{ padding:0 30px; color: #555;display: inline-block; height:42px;font-size: 16px; line-height: 42px;  background: #eee; margin-right: 30px; border-radius: 5px;}
.mod_nav a.cur,.mod_nav a:hover{ color: #fff; background: #794141; }

.projectList ul{ margin-left: -10px;}
.projectList li{float:left; width:267px;margin-left:30px; margin-bottom: 30px;}
.projectList li img{ width:267px; height:187px }
.projectList li .text{ font-size: 16px; margin-top: 15px; height:42px
 text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
  
  .xiangmutitle {
  height        : 30px;
  padding-left  : 400px;
  border-bottom : 0px #f0f0f0 solid;
  background    : #f6f6f6;
  line-height   : 30px;
	color: #999;
	font-size: 12px;
}

.xiangmutitle span {
  width       : 100px;
  float       : right;
  border-left : 0px #f0f0f0 solid;
  text-align  : center;
}
ul.newslists > li {
  position           : relative;
  padding            : 20px 10px 20px 10px;
  border-bottom      : 1px #f2f2f2 solid;
  line-height        : 20px;
  -moz-transition    : all 0.4s ease-out;
  -ms-transition     : all 0.4s ease-out;
  -o-transition      : all 0.4s 0.4s ease-out;
  -webkit-transition : all 0.4s ease-out;
}

ul.newslists > li h1 {
  width         : 1080px;
  padding-left  : 20px;
  color         : #000;
  overflow      : hidden;
  background    : url(../img/arrow.png) no-repeat 0 6px;
  text-overflow : ellipsis;
  font-size     : 18px;
  font-weight   : normal;
  white-space   : nowrap;
}

ul.newslists > li:hover {
  background : #f9f9f9;
  transition : all 0.1s linear;
}
ul.newsinfo {
  overflow : hidden;
}

ul.newsinfo li {
  float         : left;
  padding-top   : 15px;
  padding-right : 60px;
  padding-left  : 20px;
  color         : #666;
  border-bottom : 0px;
}

ul.newsinfo li span {
  color : #999;
}
.newsDate {
  position    : absolute;
  top         : 25px;
  right       : 20px;
  padding     : 5px;
  color       : #999;
  border      : 1px #f0f0f0 solid;
  background  : none;
  text-align  : right;
  font-size   : 12px;
  line-height : 15px;
}

.newsDateToubiao {
  position    : absolute;
  top         : 20px;
  right       : 20px;
  padding     : 5px;
  color       : #999;
  background  : none;
  text-align  : right;
  font-size   : 12px;
  line-height : 15px;
}

.newsDate div {
  color       : #333;
  font-size   : 14px;

}
.load {
	border-bottom: 1px #f0f0f0 solid;
	height: 50px;
	line-height: 50px;
	font-size: 12px;
	color: #999;
}

.load a {
	font-size: 12px;
	background: url(../images/arrow1.png) no-repeat right 5px;
	padding: 0 20px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

.Position {
	color: #ccc;
	padding-right: 20px;
	border-right: 1px #e0e0e0 solid;
	background-image: none;
	line-height: 12px;
}

.load span {
	padding: 0 20px;
}

.load a:hover {
	color: #0163bf;
}

.show_con{padding:30px 100px}
.show_con .show_tit h1{padding: 20px 0;line-height: 36px;font-size: 24px;}
.show_con .show_tit span{ font-size: 16px; color: #999;}
.show_con .show_tit{ border-bottom: 1px solid #eee; padding-bottom: 20px;}
.show_con .con{ margin-top: 30px;}

.joinTop{ margin-top: 50px;padding:0 30px}
.joinTop li{float: left;width: 50%;}
.joinTop li .hd{margin-bottom: 25px;padding-left: 68px;}
.joinTop li .hd h3{color: #333;font-size: 18px;}
.joinTop li .hd h4{color: #999;font-size: 12px;}
.joinTop li p{color: #666;font-size: 12px;line-height: 24px;text-align: justify;padding-bottom: 24px;}
.joinTop li.left .box{border-right: 1px solid #E5E5E5;padding-right: 100px;}
.joinTop li.right .box{padding-left: 100px;}
.joinTop li.left .hd{background: url(../images/join1.png) no-repeat 0 50%;}
.joinTop li.right .hd{background: url(../images/join2.png) no-repeat 0 50%;}

.zbtit{font-size: 18px; font-weight: bold; line-height: 48px; border-bottom: 1px solid #eee;}
.zbtit dt{float:left; width:580px}
.zbtit dd{float:left;width:170px; padding-left: 20px;}
.zbtit dd:nth-child(2){ width:220px}
.zblists{font-size: 16px; line-height: 68px;}
.zblists dl{ border-bottom: 1px dashed #ddd;}
.zblists dt{float:left; width:580px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.zblists dt a{ color: #313131;}
.zblists dd{float:left;width:170px; padding-left: 20px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.zblists dd:nth-child(2){ width:220px}
.zblists .lab{font-size: 14px; width:80px;height:36px;background: #55AEEC; color: #FFF; display: inline-block; line-height: 36px; text-align: center; border-radius: 3px;} 
.zblists .lab.s1{background: #30b372} 
.zblists .lab.s2{background: #ffaa00} 
.zblists .lab.s3{background: #aaaaaa}

.show_con .zbtit{ position: relative;}
.show_con .butbox{font-size: 18px; background: #ff8800; color: #fff; padding:0 20px; line-height: 48px; font-weight: 500; margin: 20px auto;width: 427px}
.show_con .butbox button{ background: #FFF; color: #ff8800; border: none; width:90px;margin-left: 10px;display: inline-block; height: 36px; border-radius:3px ; cursor: pointer;}
.zbtit h1{padding-bottom: 30px;}
.zbtit .butbox{position: absolute; bottom:20px; right:0; margin: 0;}

.tan{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);display: none;}
.tan .box{width: 380px;height: auto;overflow: hidden;background-color: #fff;border-radius: 3px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.tan .box .form{position: relative;width: 100%;height: 100%;padding: 40px 50px;text-align: center;overflow: hidden;box-sizing: border-box;}
.tan .box .form span.close{position: absolute;right: 16px;top: 5px;font-size: 14px;display: block;cursor: pointer;height: 8px;width: 8px;color: #b0b8bf;}
.tan .box .form span:hover{color: #808492;}
.tan .box .form form input{display: block;width: 100%;outline-style: none;height: 38px;margin-bottom: 10px;border-radius: 3px;border:1px solid #ccc;padding: 0 10px;box-sizing: border-box;}
.tan .box .form h3{font-size: 18px;
    color: #333437;font-weight: normal;margin-bottom: 8px;}
.tan .box .form p.desc{color: #0074fa;font-size: 12px;margin-bottom: 18px;}
.tan .box .form form input[name=valicode]{padding-right: 80px;box-sizing: border-box;}
.tan .box .form form input[type=submit]{background-color: #ff8800;color: #fff;border: 0;height: 40px;cursor: pointer;box-sizing: border-box;}
.tan .box .form form input[type=submit]:hover{background-color: #ffa61e;}
.tan .box .form form input.red{border-color: red;}
.tan .box .form form .valicode{position: relative;box-sizing: border-box;}
.tan .box .form form .valicode img{position: absolute;right: 8px;top: 2px;height: 35px;}
.tan .box .form p.reg{margin-top: 20px;}
.tan .box .form p.reg a{color: #333;font-size: 12px;float: right;}
.tan .box .form p.reg a:first-child{float: left;}
.tan .box .form form .error{height: 30px;line-height: 30px;text-align: left;color: red;font-size: 12px;display: none;}



.tan_v {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}

.tan_v .box {
    width: 50%;
    height: 50%;
    background-color: #fff;
    border-radius: 3px;
    padding-left: 25%;
    padding-right: 25%;
}

.tan_v .box .form {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 40px 50px;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
}

.tan_v .box .form span:hover {
    color: #808492;
}

.tan_v .box .form .txtbox {
    display: block;
    width: 100%;
    outline-style: none;
    height: 38px;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 0 10px;
    box-sizing: border-box;
}

.tan_v .box .form h3 {
    font-size: 18px;
    color: #333437;
    font-weight: normal;
    margin-bottom: 8px;
}

.tan_v .box .form .submit {
    background-color: #ff8800;
    color: #fff;
    border: 0;
    width: 100%;
    height: 40px;
    cursor: pointer;
    box-sizing: border-box;
}

.tan_v .box .form .submit:hover {
    background-color: #ffa61e;
}

.tan_v .box .form p.desc {
    color: #0074fa;
    font-size: 12px;
    margin-bottom: 18px;
}

.tan_v .box .form form input[name=valicode] {
    padding-right: 80px;
    box-sizing: border-box;
}

.tan_v .box .form form input.red {
    border-color: red;
}

.tan_v .box .form form .valicode {
    position: relative;
    box-sizing: border-box;
}

.tan_v .box .form form .valicode img {
    position: absolute;
    right: 8px;
    top: 2px;
    height: 35px;
}

.tan_v .box .form p.reg {
    margin-top: 20px;
}

.tan_v .box .form p.reg a {
    color: #333;
    font-size: 12px;
    float: right;
}