@charset "utf-8";
/*总定义*/
html{ overflow-x:hidden;}
body,h1,h2,h3,h4,h5,h6,p,ul,li,p,span,input,button,textarea,form,img,dl,dt,dd{ margin:0; padding:0; border:0; line-height:normal; list-style:none; font-family:微软雅黑; font-size:18px; color: #000;}
strong{ font-weight:bold;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
body{ background:#ffffff; min-width:1200px;}
a{ text-decoration:none; color: #000; margin: 0; padding: 0; }
a:hover{ color: #e42817;}
img{ display:block;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.ellipsis{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;} 
.ellipsiss{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.clear{ clear:both;}

.floatwin{ position: fixed; top: 430px; right: 30px; width: 150px; z-index: 9999; text-align: center; }
.floatwin>div{ height: 330px; border: #eaeaea solid 1px; background: #fff;}
.floatwin>div>img{ margin: 0 auto; margin-top: 20px;}
.topbigbox{ height: 360px; background: url(../images/topbg.jpg) no-repeat top center; overflow: hidden;}
.floatwin>a{ cursor: pointer;}
.topbox{ margin: 0 auto; width: 1200px; height: 150px; }
.search{ width: 1200px; margin: 10px 0 170px 0; overflow: hidden;}
.search input{ float: right; height: 30px; line-height: 30px; border: #eaeaea solid 1px;padding: 0 8px; }
.search input:nth-of-type(1){ background: #f7f7f7; width: 60px; height: 32px; cursor: pointer;}
.search input:nth-of-type(2){ width: 200px; font-size: 14px;}
.topbox img:nth-of-type(1){ float: left; margin: 0 0 0 30px;}
.topbox img:nth-of-type(2){ float: right; margin: 0;}
.navbox{ height: 70px; background: #8d060d; }
.nav{ width: 1200px; height: 70px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.nav>a{ font-size: 22px; color: #fff; font-weight: bold; }
.nav>a:hover{ text-decoration: underline; }

.headlinesbox{ width: 1200px; margin: 0 auto; margin-top: 30px; background-color: #8d060d; overflow: hidden;}
.headlinesbox-list{ float: right; width: 540px; margin: 15px 15px 0 15px; height: 370px; position: relative; }
.headlinesbox-list h3{ max-height: 80px; font-size: 26px; line-height: 45px; padding: 0 0 20px 0; font-weight: bold; overflow: hidden;}
.headlinesbox-list h4{ max-height: 80px; font-size: 26px; line-height: 45px; padding: 10px 0 20px 0; overflow: hidden; }
.headlinesbox-list h3 a{ color: #fff; }
.headlinesbox-list h4 a{ color: #fff; }
.more{ display:block; width: 75px; color: #fff; text-align: center; position: absolute; bottom: 10px; right: 0px; }

.newsbox{ width: 1200px; margin: 0 auto; margin-top: 30px; overflow: hidden; }
.news{ width: 577px; float: left; }
.classtitle{ padding-bottom: 5px; border-bottom: #c31f0b solid 2px; overflow: hidden; }
.classtitle h3{ float: left; height: 35px; line-height: 35px; font-size: 30px; }
.classtitle a{ float: right; width: 74px; height: 34px; line-height: 34px; text-align: center; background-color: #f1f1f1; margin: 5px 0 0 0; }
.news ul{ padding: 15px 0; border-bottom: #e0e0e0 solid 1px; }
.news ul:nth-of-type(3){ border-bottom:none; }
.news ul li{ height: 40px; line-height: 40px; padding: 0 0 0 15px; background: url(../images/point.png) no-repeat 0px 18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.project{ width: 592px; float: right; }
.project-list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.project-list a{ display: block; margin-bottom: 7px; width: 592px; height: 90px; overflow: hidden;}
.project-list a img{ width: 592px; transition: all .3s; }
.project-list a:hover img{ transform: scale(1.05);}
.syjb-btn{ margin: 10px 0; display: flex; justify-content: space-between; }
.syjbfs{ margin-top: 10px; }
.syjbfs-header{ font-size: 24px; border-bottom: #e0e0e0 solid 1px; }
.syjbfs-content{ overflow: hidden; }
.syjbfs-content p{ margin-top: 15px; font-size: 16px; line-height: 40px; }
.syjbfs-code{ float: right; margin-top: 25px; text-align: center; font-size: 14px; }
.syjbfs-code img{ margin-bottom: 10px;}

.workbox{ width: 1200px; margin: 0 auto; margin-top: 30px; overflow: hidden; }
.workbox-classtitle{ padding-bottom: 5px; overflow: hidden; }
.workbox-classtitle h3{ float: left; height: 35px; line-height: 35px; font-size: 30px; }
.workbox-classtitle a{ float: right; width: 30px; height: 30px; margin-top: 2px; }
.workbox-classtitle span{ float: left; display: block; width: 1015px; height: 2px; margin-top: 16px; margin-left: 15px; background-color: #c31f0b; }
.workbox-classtitle i{ float: left; display: block; width: 10px; height: 36px; margin-right: 10px; background-color: #c31f0b; }

.worknews{ display: flex; justify-content: space-between; padding: 25px 0 0 0; }
.worknews-box{ width: 577px;}
.worknews-box .tab{ display: flex; }
.worknews-box .tab a{ font-size: 20px; font-weight: bold; margin-right: 35px; padding-bottom: 8px; }
.worknews-box .tab a:last-child{ margin-right: 0;}
.worknews-box .tab .selected{ color: #c31f0b; border-bottom: #c31f0b solid 3px; }
.worknews-box .tab a:hover{ color: #c31f0b; border-bottom: #c31f0b solid 3px; }
.worknews-box .content .one{}
.worknews-box .content .one .topnews{ margin-top: 20px;}
.worknews-box .content .one .topnews h3{ font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.worknews-box .content .one .topnews p{ font-size: 14px; color: #666; line-height: 22px; margin-bottom: 10px; }
.worknews-box .content .one .list a{ display: block; padding: 0 0 0 15px; line-height: 50px; font-size: 18px; border-bottom: #e0e0e0 solid 1px; background: url(../images/point.png)no-repeat 0px 22px;; }

.work-list{display: flex; justify-content: space-between; flex-wrap: wrap;}
.work{ float: left; width: 380px; margin: 20px 0 0 0;}
.worktitle{ overflow: hidden;}
.worktitle img{ float: left; }
.worktitle h3{ margin: 5px 0 0 0; float: left; height: 35px; line-height: 35px; font-size: 24px; font-weight: bold;}
.worktitle a{margin: 10px 0 0 0;  float: right; width: 30px; }
.work ul li{ height: 50px; line-height: 50px; padding: 0 0 0 15px; border-bottom: #e0e0e0 solid 1px; background: url(../images/point.png) no-repeat 0px 22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cleanbox{ width: 1200px; margin: 0 auto; margin-top: 30px;  overflow: hidden; }
.cleanbox-btn{ height: 55px; border-bottom: #c31f0b solid 2px; padding: 0 0 0 20px; margin: 20px 0 0 0; }
.cleanbox-btn a{ display:block; float: left; width: 136px; height: 55px; line-height: 55px; background: #fff;font-size: 20px; text-align: center; cursor: pointer;}
.cleanbox-btn .cleanon{ height: 53px; border-radius: 6px 6px 0 0; border-top: #c31f0b solid 2px; border-left: #c31f0b solid 2px; border-right: #c31f0b solid 2px; border-bottom:#fff solid 2px; color: #c31f0b; font-weight: bold; text-align: center; }
.cleanbox-content{ height: 205px; margin: 30px 0 0 0;}
.cleanbox-content-list{ overflow: hidden; }
.cleanbox-content-list img{ display: block; float: left; }
.cleanbox-content-list ul{ margin: -10px 0 0 0; display: block; float: right; width: 790px; }
.cleanbox-content-list ul li{ float: left; width: 380px; height: 52px; line-height: 52px; border-bottom: #e0e0e0 solid 1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cleanbox-content-list ul li:nth-of-type(2n){ margin-left:30px; }

.linkbox{ background: #fbf7f0; margin: 40px 0 30px 0; overflow:hidden;}
.linkbox-list{ width: 1200px; margin: 0 auto; margin-top: 40px; }
.linkbox-list>h3{height: 60px;line-height: 60px; font-size: 24px; float: left; margin: 0 auto; padding: 0 0 0 20px; border-left: #c31f0b solid 10px;}
.linkbox-list a{ display: block; float: left; margin: 0 0 10px 10px; }
.linkbox-word{ width: 100%;display: block; float: left; margin: 30px 30px 0 0; overflow: hidden; }
.linkbox-word>h3{ float: left; margin-right:50px; padding: 0 30px 0 0; font-size: 22px; font-weight: bold; cursor: pointer;}

.linkbox-word-on{ color: #c52916; background: url(../images/t-red.png) no-repeat right;}
.wordlinebox{ width: 1200px; float: left; margin: 20px 0 40px 0; }
.wordlinebox a{ padding: 0 10px; font-size: 16px; }

.bottombox{ margin: 40px 0 0 0; text-align: center; line-height: 24px; font-size: 16px; }
.bottombox a{ display: flex; justify-content: center; align-items: center; font-size: 16px; }

/*内页*/
.positionbox{ margin: 0 auto; padding: 0 0 0 30px; width: 1170px; height: 80px; line-height: 80px; border-bottom: #eaeaea solid 1px; background: url(../images/position.png) no-repeat 0 25px;}
.middlebox{ width: 1200px; margin: 0 auto; margin-top: 20px; overflow: hidden; }
.leftbox{ width: 250px; float: left; }
.leftbox>h2{ height: 86px; line-height: 86px; background: #f1f1f1; }
.leftbox>h2>span{ border-left:#064ec0 solid 10px; font-size: 30px; margin-left: 20px; padding-left: 15px;}
.leftbox ul{ margin: 1px 0 0 0; background: #f1f1f1;}
.leftbox ul li{ height: 60px; line-height: 60px; padding: 0 20px; background: url(../images/t-blue.png) no-repeat 215px 25px; cursor: pointer;}
.leftbox ul li:hover{ background: url(../images/t-white.png) #064ec0 no-repeat 215px 25px; color: #fff;}
.leftbox ul li:hover a{ color: #fff;}
.leftbox ul .leftbox-on{ background: url(../images/t-white.png) #064ec0 no-repeat 215px 25px; color: #fff;}
.leftbox ul .leftbox-on a{ color: #fff;}

.rightbox{width: 870px; float: right; overflow: hidden;}
.rightbox-title{ height: 86px; line-height: 86px; }
.rightbox-title span{ border-left:#c31f0b solid 10px; font-size: 30px; padding-left: 15px;}
.rightbox-newslist{ width: 870px; overflow: hidden;}
.rightbox-newslist li{ height: 60px; line-height: 60px; border-bottom: #eaeaea solid 1px; background: url(../images/point-red.png) no-repeat 0 28px; padding: 0 0 0 15px;}
.rightbox-newslist li a{ display: block; width: 700px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.rightbox-newslist li span{ float: right; line-height: 60px;}

.pagebox{ width: 870px; margin: 0 auto; margin-top: 30px; display: flex; justify-content: center;}
.pagebox a{ display: block; float: left; margin: 0 5px; padding: 8px 16px; border: #eaeaea solid 1px; }
.pagebox a:hover,.pagebox .hover{ background-color: #064ec0; color: #fff;}
.pagebox span{ display: block; float: left; padding: 10px 10px;  margin: 0 5px;}
.pagebox input{ width: 40px; height: 40px; display: block; float: left; margin: 0 5px; border: #eaeaea solid 1px;text-align: center; }
.pagebox .prevpage{ height: 24px; background: url(../images/prevpage.png) no-repeat 0 13px; border: none;}
.pagebox .nextpage{ height: 24px; background: url(../images/nextpage.png) no-repeat 0 13px; border: none;}
.pagebox em{ font-style: normal; float: left; line-height: 40px;}
.pagebox .trunpage{ background: #eaeaea;}

.detailsbox{ width: 1200px; margin: 0 auto; border: #eaeaea solid 1px; box-shadow: 0 3px 15px #f3f3f3;}
.detailsbox h2{ width: 1000px; margin: 0 auto; margin-top: 50px; font-size: 30px; font-weight: bold; color: #1f5781; text-align: center;}
.label{ width: 1000px; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; display: flex; justify-content: center; font-size: 16px;}
.label span{ padding: 0 30px; color: #666;}
.article{ width: 1000px; margin: 0 auto; padding: 40px 0 100px 0; border-top: #eaeaea solid 1px;}
.article p{ font-size:16px !important;line-height:1.8 !important;font-family: 'Microsoft Yahei'!important;}
.article span{ font-size:16px !important;line-height:1.8 !important;font-family: 'Microsoft Yahei'!important;}
.article img{ max-width: 1000px; height: auto;display: initial;}
.inforbox{ width: 1080px; margin: 0 auto; margin-top: 30px; padding: 40px 60px; display: flex; justify-content: space-between; flex-wrap: wrap; border: #eaeaea solid 1px;}
.inforbox a{ width: 330px; height: 138px; margin-bottom: 30px; background: url(../images/inforbg.png) repeat-x; border: #ede2ce solid 1px; box-shadow: 0 3px 15px #f3f3f3;  }
.inforbox a:hover span{ color: #c31f0b; }
.inforbox a span { display: block; margin: 0 auto; margin: 48px 0 0 70px; font-size: 26px; background: url(../images/more.png) no-repeat 170px 5px; }

.rightbox-titlebox{ margin: 20px 0 0 0; }
.rightbox-titlebox span{ display: block; float: left; border-left:#c31f0b solid 10px; font-size: 24px; padding-left: 15px;}
.rightbox-titlebox a{ display: block; width: 75px; height: 34px; line-height: 34px; float: right; background: #f1f1f1; text-align: center; }

.supervisionbox{ width: 1200px; margin: 0 auto; margin-top: 30px; border: #eaeaea solid 1px; box-shadow: 0 3px 15px #f3f3f3;}
.supervision{ width: 1060px; margin: 0 auto; margin-top: 50px; overflow: hidden;}
.supervision p{ height: 50px; line-height: 50px; font-size: 20px; padding: 0 0 0 40px;}
.supervision p:nth-of-type(1){ background: url(../images/s-mail.png) no-repeat 0 10px;}
.supervision p:nth-of-type(2){ background: url(../images/s-visite.png) no-repeat 0 10px;}
.supervision p:nth-of-type(3){ background: url(../images/s-tel.png) no-repeat 0 10px;}
.supervision p:nth-of-type(4){ background: url(../images/s-net.png) no-repeat 0 10px;}
.supervisioncode{ width: 122px; margin: 20px 0 0 35px; text-align: center; }
.supervisionbtn{ margin: 20px 0 0 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.supervisionbtn a{ float: left; margin: 0px 25px 30px 25px; }
.projectbox{ width: 1200px; margin: 0 auto; margin-top: 30px; padding-bottom: 20px; }
.projectbox>a{ display: block; width: 1200px; height: 150px; margin-bottom: 20px; background: url(../images/a6.png) no-repeat; }
.projectbox>a>.img{ width: 592px; height: 90px; margin: 28px 0 0 28px; float: left; }
.projectbox>a>.img img{ width: 592px; height: 90px; object-fit: contain;}
.projectbox>a>h3{ width: 500px; height: 150px; margin-left: 60px; float: left; display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 26px;}
.projectbox>a:hover>h3{ color: #c31f0b;}
.projectbox>h2{ padding: 30px 0; margin: 0 0 30px 0; font-size: 36px; text-align: center; border-bottom: #e0e0e0 solid 1px;}
.projectbox-titlebox{ width: 1200px; margin: 0 auto; overflow: hidden;}
.projectbox-titlebox>span{ display: block; float: left; border-left:#c31f0b solid 10px; font-size: 24px; padding-left: 15px;}
.projectbox-titlebox>a{ display: block; width: 75px; height: 34px; line-height: 34px; float: right; background: #f1f1f1; text-align: center; }
.projectbox-newslist{ display: block; width: 1200px; margin: 0 auto; margin-bottom: 30px; overflow: hidden;}
.projectbox-newslist>dt{ height: 60px; line-height: 60px; border-bottom: #eaeaea solid 1px; background: url(../images/point-red.png) no-repeat 0 28px; padding: 0 0 0 15px;}
.projectbox-newslist>dt>a{ display: block; width: 700px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.projectbox-newslist>dt>span{ float: right; line-height: 60px;}
.messagebox{width: 1200px; margin: 0 auto; padding-bottom: 30px; border: #eaeaea solid 1px; box-shadow: 0 3px 15px #f3f3f3;}
.messagebox-instructions{ width: 1100px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; line-height: 35px; }
.messageform{ width: 1100px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; line-height: 30px; border-bottom: #eaeaea solid 1px; overflow: hidden; }
.bt{ margin-bottom: 20px;}
.bt>span.txt{ display: block; float: left; width: 120px; line-height: 40px; text-align: right;}
.bt>span.txt>i{ color: #ff0000;}
.bt>input{ width: 904px; height: 40px; border: #eaeaea solid 1px;padding: 0px 8px;}
.zx{ margin-bottom: 20px;}
.zx>span.txt{ display: block; float: left; width: 120px; line-height: 40px; text-align: right;}
.zx>span.txt>i{ color: #ff0000;}
.zx>textarea{ width: 904px; height: 80px; line-height: 35px; border: #eaeaea solid 1px;padding: 0px 8px;}
.xm{ margin-bottom: 20px;float: left;}
.xm:nth-of-type(1n){margin-right: 38px;} 
.xm>span.txt{ display: block; float: left; width: 120px; line-height: 40px; text-align: right;}
.xm>span.txt>i{ color: #ff0000;}
.xm>input{ width: 360px; height: 40px; line-height: 35px; border: #eaeaea solid 1px;padding: 0px 8px;}
.yz{ margin-bottom: 20px;float: left;}
.yz:nth-of-type(1n){margin-right: 47px;} 
.yz>span.txt{ display: block; float: left; width: 120px; line-height: 40px; text-align: right;}
.yz>span.txt>i{ color: #ff0000;}
.yz>input{ width: 100px; height: 40px; line-height: 35px; border: #eaeaea solid 1px;padding: 0px 8px;}
.submit{ display: block; width: 160px; height: 55px; margin: 0 auto; line-height: 55px; background: #ff7200; text-align: center; color: #fff;
    border: none;
    cursor: pointer;}
.messagelist-head{ margin: 30px 0 20px 0; height: 60px;background: #064ec0; overflow: hidden;}
.messagelist-head h3{ margin: 0 0 0 40px; float: left; font-size: 24px; color: #fff; line-height: 60px;}
.messagelist-head a{ display: block; float: right; margin: 10px 20px 0 0; width: 75px; height: 35px; line-height: 35px; background: #fff; text-align: center;}
.messagelist-box{ width: 1100px;  margin: 0 auto; }
.messagelist-box ul li{ margin-bottom: 15px; padding-bottom: 10px; border: #eaeaea solid 1px; overflow: hidden; }
.messagelist-box ul li h3{ margin: 1px 1px 0 1px; padding: 0 0 0 60px; background: #ddf0ff; overflow: hidden; }
.messagelist-box ul li h3 span{display: block; float: left; padding: 10px 0 10px 0; width: 850px; line-height: 30px; color: #1f5781; font-weight: bold; }
.messagelist-box ul li h3 font{display: block; float: left; width: 65px; color: #ff0000; line-height: 50px; }
.messagelist-box ul li h3 i{display: block; float: left; line-height: 50px;  font-style: normal; }
.messagelist-box ul li h4 { padding: 10px 0 10px 60px; line-height: 30px; background: url(../images/q.png) #f3faff no-repeat 18px 5px; font-size: 16px;}
.messagelist-box ul li h5{ float: left; width: 48px; height: 40px; padding: 10px 0 0 60px; background: url(../images/a.png) no-repeat 18px 5px;font-size: 16px; }
.messagelist-box ul li p{ float: left; width: 950px; padding: 10px 0 0 0;font-size: 16px; }
.messagebox-list{ display: block; width: 1036px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; overflow: hidden;}
.messagebox-list dt{ height: 60px; line-height: 60px; border-bottom: #eaeaea solid 1px; background: url(../images/point-red.png) no-repeat 0 28px; padding: 0 0 0 15px;}
.messagebox-list dt a{ display: block; width: 700px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.messagebox-list dt span{ float: right; line-height: 60px;}
.messagebox-article{ margin: 40px 0; overflow: hidden; }
.messagebox-article h2{ width: 1000px; margin: 0 auto; margin-bottom: 15px; font-size: 24px; font-weight: bold; color: #1f5781;}
.messagebox-article h3{ width: 1000px; margin: 0 auto; margin-bottom: 10px; font-size: 18px; }
.messagebox-article span{ display: block; width: 1000px; margin: 0 auto; margin-bottom: 10px; font-size: 18px; }
.messagebox-article h4{ float: left; width: 60px; margin: 20px 0 0 100px; }
.messagebox-article p{ float: left; width: 940px; margin: 20px 0 0 0; line-height: 30px; }

/*新闻图片*/
.imgNews{ float: left; width: 610px; margin: 10px; }
.banner_0{ position:relative; z-index:100;} 
.banner_0_top{ position: relative; width: 610px; height: 360px;}
.banner_0_top li{ position:absolute; left:0; top:0; width:100%; text-align:center; }
.banner_0_top li img{ position:relative; width: 610px; height: 360px; }
.banner_0_top li .tit{ position: absolute; left:0; bottom: 0px; font-size: 20px; height: 40px; line-height: 40px; width:100%; text-align:center; background-color: rgba(0,0,0,.6); }
.banner_0_top li .tit a{ color:#fff;}
.banner_0_top li .tit a:hover{ text-decoration:underline;}
.banner_0_bottom { margin: auto; margin-top: 0px; width:100%; left: -3px; text-align:center; z-index:20; height: 10px; line-height: 5px; }
.banner_0_bottom span{ background:url(../images/imgnews_dot.png) left top no-repeat; width: 118px; height: 5px; line-height: 5px; display:inline-block; cursor:pointer; margin:0 2px;}
.banner_0_bottom span.on{ background:url(../images/imgnews_dot.png) right top no-repeat;}
.banner_0 .pre{ background:url(../images/pre.png) no-repeat; width: 22px; height:42px; position:absolute; left: 5px; top:37%; opacity:0.7; cursor:pointer; z-index:20;}
.banner_0 .next{ background:url(../images/next.png) no-repeat; width:22px; height:42px; position:absolute; right: 5px; top:37%; opacity:0.7; cursor:pointer; z-index:20;}
.banner_0 .pre:hover{ background:url(../images/pre.png) no-repeat; width:22px; height:42px; position:absolute; left: 5px; top:37%; /*opacity:0.7;*/ cursor:pointer; z-index:20;}
.banner_0 .next:hover{ background:url(../images/next.png) no-repeat; width:22px; height:42px; position:absolute; right: 5px; top:37%; /*opacity:0.7;*/ cursor:pointer; z-index:20;}

#play {width:920px;text-align:center;position:relative;overflow:hidden;margin:10px auto;}
#play .change_a {width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;background:url(about:blank);}
#play .prev_a {left:0;}
#play .next_a {right:0}
#play .change_a span {width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none}
#play .prev_a span {background:url(../images/s_gallery_2012110702.png) no-repeat 0px -50px;left:0;}
#play .next_a span {background:url(../images/s_gallery_2012110702.png) no-repeat -30px -50px;right:0;}
#play .img_ul {position:relative;z-index:1;}
#play .img_ul li a img{margin:0 auto}

.img_hd  {width:640px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#eee;overflow:hidden;height:66px;padding:2px 0;margin-top:15px;margin:5px auto;position:relative;}
.img_hd ul {position:absolute;z-index:1}
.img_hd ul li {float:left;width:80px;height:60px;border:3px solid #eee;cursor:pointer;margin:0 3px 0 1px;overflow:hidden;*display:inline;padding:1px;text-align:center}
.img_hd ul li img {height:60px;margin: 0 auto;}
.img_hd ul li.on{ border-color:rgb(45, 150, 233);}
.img_hd .bottom_a {background:url(../images/s_gallery_2012110702.png) no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10}
.img_hd .prev_a { background-position:0 -24px;left:5px;}
.img_hd .next_a { background-position:-30px -24px;right:5px;}

.clearfix {
    display: block;
    clear: both;
}
.link_list_2 {
    margin: auto;
    height: 30px;
}.link_list_2 ul {
    margin: auto;
    height: 30px;
}.link_list_2 ul li {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #af090b;
    padding-right: 10px;
}.link_list_2 ul li a {
    color: #af090b;
}
 .link_list_4 {
    margin: auto;
    margin-left: 50px;
}.fixed {
    display: block;
    min-height: 1%;
}.fixed:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}.link_list_4 li {overflow: hidden;
    float: left;
    width: 375px;
    height: 305px;
    border-bottom: 1px solid #e8dfd2;
    margin-top: 50px;
}.link_list_4 li dl {
    margin: auto;
    width: 375px;
    height: 305px;
}.link_list_4 li dl dt {
    margin: auto;
    width: 340px;
    height: 183px;
}.link_list_4 li dl dd {
    margin: auto;
    width: 340px;
    font-size: 18px;
    color: #2c2c2c;
    line-height: 35px;
    margin-top: 10px;
}

/*会员中心*/
.hydl{ width: 1200px; height: 560px; margin: 0 auto; border: #eaeaea solid 1px; box-sizing: border-box; background: url(../images/hyzx1.png) no-repeat bottom; }
.hydl .hydl-center{ width: 530px; margin: 0 auto; margin-top: 60px;}
.hydl .hydl-center .title{ margin-bottom: 50px; font-size: 30px; text-align: center; }
.hydl .hydl-center .input-line{ display: flex; margin-bottom:20px;}
.hydl .hydl-center .input-line span{ display: block; padding-left: 50px; width: 70px; height: 54px; line-height: 54px; border: #dddddd solid 1px; }
.hydl .hydl-center .name span{background: url(../images/hyzx2.png) no-repeat 15px 10px;}
.hydl .hydl-center .pass span{background: url(../images/hyzx3.png) no-repeat 15px 10px;}
.hydl .hydl-center .code span{background: url(../images/hyzx4.png) no-repeat 15px 10px;}
.hydl .hydl-center .input-line input{ flex: 1; padding-left: 10px; border: #dddddd solid 1px; box-shadow: 0px 10px 5px #f5f5f5 inset;}
.hydl-btn{ display: block; margin: 0 auto; margin-top: 40px; width: 150px; height: 50px; line-height: 50px; text-align: center; color: #ffffff; background-color: #c31f0b; }

.hyzx{ width: 1200px; margin: 0 auto; border: #eaeaea solid 1px; box-sizing: border-box;}
.hyzx .hyzx-head{ margin: 0 auto; margin-top: 20px; width: 1160px; height: 90px; background-color: #f1f1f1;}
.hyzx .hyzx-head .icon{ float: left; margin: 30px 10px 0 25px;}
.hyzx .hyzx-head .name{ float: left; margin: 33px 10px 0 0;}
.hyzx .hyzx-head .time{ float: right; margin: 33px 25px 0 0;}

.hyzx-btns{ width: 1160px; margin: 0 auto; display: flex; justify-content: space-between; margin-top: 40px; margin-bottom: 50px; }
.hyzx-btns a{ width: 270px; height: 220px; box-shadow: 0 0 15px #ddd; text-align: center; font-size: 24px;}
.hyzx-btns a img{ display: block; margin: 0 auto; margin-top: 35px; margin-bottom: 15px; }

.hyzx .hyzx-headjj{ margin: 0 auto; margin-top: 20px; width: 1160px; height: 40px;}
.hyzx .hyzx-headjj .icon{ float: left; margin: 10px 10px 0 0;}
.hyzx .hyzx-headjj .name{ float: left; margin: 13px 10px 0 0;}
.hyzx .hyzx-headjj .time{ float: right; margin: 13px 0 0 0;}
.hyzx .hyzx-content{ display: flex; margin: 0 auto; margin-top: 20px; width: 1160px;}
.tab-left{ width: 115px; }
.tab-left span{ display: block; margin-bottom: 10px; width: 116px; height: 60px; line-height: 60px; font-size: 16px; text-align: center; background-color: #f1f1f1; cursor: pointer; }
.hyzx-left-selected{ background-color: #ffffff!important; color: #064ec0; font-weight: bold; font-size: 20px!important; border-left: #eaeaea solid 1px; border-top: #eaeaea solid 1px; border-bottom: #eaeaea solid 1px; border-right: #fff solid 1px; box-sizing: border-box; }
.tab-right{ width: 1040px; margin-bottom: 30px; border: #eaeaea solid 1px; }
.tab-right .intro{ margin: 20px; padding: 20px 30px; width: 940px; background-color: #f1f1f1; }
.tab-right .intro .intro-title{ margin-bottom: 10px; text-align: center; font-size: 20px; font-weight: bold; }
.tab-right .intro .intro-content{ font-size: 14px; }
.tab-right .formbox{ margin: 0 auto; width: 1000px;}
.tab-right .formbox .input-line{ display: flex; margin-bottom:10px;}
.tab-right .formbox .input-line span{ display: block; width: 100px; height: 54px; line-height: 54px; text-align: center; font-size: 16px; border: #dddddd solid 1px; }
.tab-right .formbox .input-line input{ flex: 1; padding-left: 10px; line-height: 54px; font-size: 16px; border: #dddddd solid 1px; box-shadow: 0px 10px 5px #f5f5f5 inset;}
.tab-right .formbox .input-line i{ display: block; font-size: 16px; font-style: normal; position: absolute; right: 15px; top: 18px; color: #666; }
.tab-right .formbox .uploadfile{ position: relative;}
.tab-right .formbox .nr{ width: 1000px; margin: 0 auto; }
.tab-right .formbox .nr>span{ color: #999; font-size: 16px; overflow: hidden; }
.tab-right .formbox .nr .nr-bjq{ margin: 5px 0 20px 0; background-color: #f5f5f5;}
.tab-right .formbox .subbtn{ margin: 0 auto; margin-bottom: 30px; display: block; width: 150px; height: 50px; line-height: 50px; text-align: center; color: #ffffff; font-size: 16px; background-color: #c31f0b; }
.tab-right .myfile-top{ margin: 0 auto; margin-top: 20px; width: 1000px; position: relative; }
.tab-right .myfile-top .myfile-top-tab{ width: 100%; display: flex; border-bottom: #c31f0b solid 1px; }
.tab-right .myfile-top .myfile-top-tab span{ display: block; margin-left: 20px; padding: 10px 40px; cursor: pointer; }
.hyzx-list-selected{ font-weight: bold; background-color: #c31f0b; color: #fff;}
.tab-right .myfile-top .myfile-top-search{ display: flex; position: absolute; right: 0; top: 0; }
.tab-right .myfile-top .myfile-top-search input{ width: 200px; height: 32px; padding-left: 10px; line-height: 32px; border: #dddddd solid 1px; font-size: 14px; }
.tab-right .myfile-top .myfile-top-search a{ display: block; width: 45px; height: 32px; border: #dddddd solid 1px; background: url(../images/hyzx11.png) no-repeat center; }
.tab-right .myfile-bottom{ margin: 0 auto; margin-bottom: 30px; width: 1000px; }
.tab-right .myfile-bottom .table-head{ width: 100%; display: flex; justify-content: space-between; background-color: #f1f1f1; }
.tab-right .myfile-bottom .table-head span{ padding-left: 20px; height: 50px; line-height: 50px; font-size: 16px;}
.tab-right .myfile-bottom .table-head span:nth-of-type(1){ width: 460px;}
.tab-right .myfile-bottom .table-head span:nth-of-type(2){ width: 180px;}
.tab-right .myfile-bottom .table-head span:nth-of-type(3){ width: 130px;}
.tab-right .myfile-bottom .table-head span:nth-of-type(4){ flex: 1;}
.table-list .one{ width: 100%; display: flex; justify-content: space-between; border-bottom: #f1f1f1 solid 1px;}
.table-list .one span{ padding-left: 20px; height: 80px; line-height: 80px; font-size: 16px;}
.table-list .one span:nth-of-type(1){ width: 460px;}
.table-list .one span:nth-of-type(2){ width: 180px;}
.table-list .one span:nth-of-type(3){ width: 130px;}
.table-list .one span:nth-of-type(4){ flex: 1;}
.table-list .one span .edit{ display: inline-block; margin-right: 10px; width: 60px; height: 26px; line-height: 26px; text-align: center; font-size: 14px; background-color: #064ec0; color: #ffffff;}
.table-list .one span .delete{ display: inline-block; width: 60px; height: 26px; line-height: 26px; text-align: center; font-size: 14px; background-color: #c31f0b; color: #ffffff;}
.table-list .one span .look{ display: inline-block; width: 60px; height: 26px; line-height: 26px; text-align: center; font-size: 14px; background-color: #f1f1f1;}

.changepass{ width: 1000px; margin: 0 auto; margin-top: 60px;}
.changepass .formbox{ width: 500px;}