@charset "utf-8";
/* css reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin: 0;padding: 0;}
body{background: #000;color: #333;font-size: 14px;font-family:"微软雅黑", Verdana, Arial, Helvetica, sans-serif;}
td, th, caption{font-size: 14px;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: 100%;}
address, caption, cite, code, dfn, em, strong, th, var{font-style: normal;font-weight: normal;}
a{color: #555;text-decoration: none;}
a:hover{text-decoration: none;}
img{border: none;}
.fl{ float:left;}
.fr{ float:right;}
ol, ul, li{list-style: none;}
input, textarea, select, button{font: 14px "微软雅黑",Verdana, Helvetica, Arial, sans-serif;}
table{border-collapse: collapse;}
html{overflow-y: scroll;}
/* css common */
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{*zoom:1;}
/* */


.wrap{width:1000px; position:relative; margin:auto}
.lnbw{width:220px; position:absolute; left:50%; top:0; background:rgba(255,255,255,0.8); background:#fff;filter:alpha(opacity=80);opacity:.8; z-index:900; margin:0 0 0 -500px}
.logo{ display: inline-block;overflow:hidden; padding:40px 0 0 40px;}
.lnb{padding:20px 0 10px 0}
.lnb li{padding:0 0 0 40px; line-height:35px; position:relative; height:34px; line-height:34px; overflow:hidden;}
.lnb li a{ color:#000;}
.lnb li a:hover{border-bottom:1px solid #dab866;}
.loginw{ background:#ad915a; padding:20px;line-height:30px; font-size:12px; color:#fff;}
.loginw h2{ font-size:14px; padding:0 0 10px 0}
.footerw{ background:#000; height:130px; position:fixed; bottom:0px; right:0; z-index:2; width:100%;}
.footer{ width:1000px; margin:auto;}
.footerl{ float:right; padding:35px 0 0 0;}
.footerl .code{width:71px; height:71px; float:left; margin:0 10px 0 0}
.footerl .copy{ white-space: nowrap; width:320px; padding-left:15px; padding-top:25px;  overflow:hidden; color:#a9a9a9; float:left; }
.copy a{ color:#a9a9a9;}


@media screen and (min-width:20px) and (max-width:1366px){
.banner{position:relative;height:648px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides li{height:648px;}
}
@media screen and (min-width:1367px) and (max-width:1440px){
.banner{position:relative;height:780px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides li{height:780px;}
}
@media screen and (min-width:1441px) and (max-width:1920px){
.banner{position:relative;height:960px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides li{height:960px;}
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.banner{position:relative;height:538px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides li{height:538px;}
  }

.slides{position:relative;z-index:1;}
.flex-control-nav{position:absolute;bottom:140px;z-index:10;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:50px;height:3px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:50px;height:3px;overflow:hidden;background:#fff;cursor:pointer;}
.flex-control-nav .flex-active{background:#ff8400;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:38px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev_icon.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next_icon.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}

.container{position:relative;}
@media screen and (min-width:20px) and (max-width:1366px){
.container{ background-size:cover; min-height:648px;}
}
@media screen and (min-width:1367px) and (max-width:1440px){
.container{ background-size:cover; min-height:786px;}
}
@media screen and (min-width:1441px) and (max-width:1920px){
.container{ background-size:cover; min-height:966px;}
}

.container {min-width:1200px;}
.w1000{ width:1200px; overflow:hidden; margin:auto;}
.content{ /*background:rgba(0,0,0,0.6); background:#000;filter:alpha(opacity=60);opacity:.6;*/ background:url(../images/b.png) repeat; float:right; margin:70px 0 0 0; width:760px; padding:40px; color:#c8c8c8; height:446px; overflow-y:auto; line-height:25px; font-size:12px;}

.content::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);border-radius: 10px;background-color: #44494b;margin:50px;}
.content::-webkit-scrollbar{width: 12px;}
.content::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);	background-color: #ad915a;}
.content_h1{ font-size:26px; color:#ad915a; padding:0 0 20px 0}
.w500{ width:660px; height:350px;}
.brand{ background-size:cover;}
.brand_ul{ float:right; width:86px; margin:120px 0 0 0; background:rgba(0,0,0,1)}
.brand_ul .on{ background:rgba(255,255,255,1)}
.brand_ul li{ margin:0; width:86px; height:86px;}
.zixun li a{ color:#ad915a; text-align:center; display:block; padding:15px 5px 0 5px;}

.brand_ul2{ width:840px; float:right; margin:40px 0 0 0;height:34px; overflow:hidden;}
.brand_ul2 li{ float:left; /*background:rgba(0,0,0,1);*/ background:url(../images/b.png) repeat; font-size:18px; padding:5px 10px; margin-right:1px;}
.brand_ul2 li a{ color:#ad915a}
.brand_ul2 .on{ background:rgba(255,255,255,1); background:#fff;}
.cooperation{ margin:0;}

.news_ul{border-top:1px solid #ad915a; padding:10px 0 10px 0}
.news_ul li{}
.news_h2{ font-size:18px; color:#ad915a; height:30px; line-height:30px; overflow:hidden;}
.news_h2 a{ color:#ad915a}
.news_p{ text-indent:20px; color:#c8c8c8; height:45px; line-height:22px; overflow:hidden;}
.news_p2{ text-align:right}

.hauto{ height:auto}

.Page{width:90%; text-align:center; padding:50px 0px; margin:0 auto;}
.Page a{display:inline-block;width:65px;background: rgba(0,0,0,0.7);height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#fff; outline:none;}
.Page a:hover{ background:#ad915a; color:#FFF;background-repeat:no-repeat; }
.Page span{display:inline-block;min-width:45px; padding:0 10px;background: rgba(0,0,0,0.7);height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;float:left;}
.Page span.current{ background:#ad915a; color:#FFF}
.prolist{ width:auto;}
.prolist ul{ width:auto;}
.prolist ul li{ float:left; margin-right:40px;}
.prolist ul li span{ display:block; width:100%; overflow:hidden; height:40px; line-height:40px; text-align:center; font-size:14px;}

a{color: #fff;text-decoration: none;}
.clr{clear: both;}
.main{position:relative; width:680px; margin: 0 auto;}

.view{width: 340px; height: 220px; margin: 10px; float: left; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; cursor: default; }
.view .mask,.view .contenta{width: 340px; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0;}
.view img{display: block; position: relative;}
.view h2{text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; height:30px; line-height:30px; overflow:hidden;}
.view p{font-family: Georgia, serif; height:50px; line-height:24px; overflow:hidden;font-size: 12px; position: relative; color: #fff; padding: 10px 20px 20px; text-align: center;}
.view a.info{display: inline-block; text-decoration: none; margin-top:15px; padding: 7px 14px; padding-bottom:7px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000;}
.view a.info: hover{-webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000;}

.view-second img{-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.view-second .mask{background-color: rgba(115,146,184, 0.7); width: 300px; padding: 60px; height: 300px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translate(265px, 145px) rotate(45deg); -moz-transform: translate(265px, 145px) rotate(45deg); -o-transform: translate(265px, 145px) rotate(45deg); -ms-transform: translate(265px, 145px) rotate(45deg); transform: translate(265px, 145px) rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.view-second h2{border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 40px 0px 40px; -webkit-transform: translate(200px, -200px); -moz-transform: translate(200px, -200px); -o-transform: translate(200px, -200px); -ms-transform: translate(200px, -200px); transform: translate(200px, -200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.view-second p{-webkit-transform: translate(-200px, 200px); -moz-transform: translate(-200px, 200px); -o-transform: translate(-200px, 200px); -ms-transform: translate(-200px, 200px); transform: translate(-200px, 200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.view-second a.info{-webkit-transform: translate(0px, 100px); -moz-transform: translate(0px, 100px); -o-transform: translate(0px, 100px); -ms-transform: translate(0px, 100px); transform: translate(0px, 100px); -webkit-transition: all 0.2s 0.1s ease-in-out; -moz-transition: all 0.2s 0.1s ease-in-out; -o-transition: all 0.2s 0.1s ease-in-out; -ms-transition: all 0.2s 0.1s ease-in-out; transition: all 0.2s 0.1s ease-in-out;}
.view-second:hover .mask{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translate(-80px, -125px) rotate(45deg); -moz-transform: translate(-80px, -125px) rotate(45deg); -o-transform: translate(-80px, -125px) rotate(45deg); -ms-transform: translate(-80px, -125px) rotate(45deg); transform: translate(-80px, -125px) rotate(45deg);}
.view-second:hover h2{-webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -o-transform: translate(0px,0px); -ms-transform: translate(0px,0px); transform: translate(0px,0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s;}
.view-second:hover p{-webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -o-transform: translate(0px,0px); -ms-transform: translate(0px,0px); transform: translate(0px,0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s;}
.view-second:hover a.info{-webkit-transform: translate(0px,0px); -moz-transform: translate(0px,0px); -o-transform: translate(0px,0px); -ms-transform: translate(0px,0px); transform: translate(0px,0px); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s;}
.tx{ margin-bottom:50px;}
.contit{ width:100%; line-height:30px; text-align:center; font-size:22px;}
.time{ line-height:30px; text-align:center; color:#666;}
.conpic{ width:100%; text-align:center; margin-top:40px; margin-bottom:20px; overflow:hidden;}
.conpic img{ max-width:720px; overflow:hidden;}
.conexp{ line-height:30px;}
.uppage{ width:100%; margin-top:50px;}
.up{ width:49%; height:30px; line-height:30px; overflow:hidden;}
.up a{ color:#a9a9a9;}

.foot{ width:100%; height:30px;/* background: rgba(0,0,0,0.6);filter:alpha(opacity=60);*/opacity:.6; background:url(../images/b.png) repeat;position:fixed; bottom:0px;}
.fotw{ overflow:hidden; width:840px; float:right;height:30px; margin-right:70px; line-height:30px;}
.di{ color:#a9a9a9;}
.di a{ color:#a9a9a9;}