/* hender */
.fl1{ width:100%; position:relative; display:table;}
.text{position:absolute;width:100%;height:auto;left:50%; margin-left:-50%; top:23%; display:block;overflow:hidden;display:table;}
.text2{vertical-align:middle; display:table-cell; text-align:left; padding-left:11.3%;}
.text3{display:inline-block; color:#fff; font-size:16px;}
.text3 hr{ width:130px; background:Rgba(200,200,200,0.5); height:3px; border:none; margin-bottom:30px;}
.fl1 h1{ color:#fff; font-size:43px;font-weight:normal; padding-bottom:5px;}
.fl1 img{ max-width:100%;}
.fl2 img{ max-width:100%; height:100%;}

.fl2{background:url(../images/c1.jpg) center no-repeat fixed; width:100%; height:100%; min-width:1200px;
	background-size:cover;}
.fl2 h1{ color:#fff; font-size:52px; padding-bottom:20px; font-weight:normal;}


@media only screen and ( max-width: 1200px) {
  .fl2 h1{ zoom: 0.8; -moz-transform: scale(0.8); max-width:100%;}
  .fl2 .text3{ zoom: 0.8; -moz-transform: scale(0.9); max-width:90%;}
  
}
.sidebar{position:fixed;right:0;bottom:0%;margin-bottom:2%;width:55px;background:url(../images/slide_bar_bg.png);border-radius:8px 0 0 8px;z-index:999;}
.sidebar li{height:50px;width:160px;padding-left:17px;border-radius:8px 0 0 8px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sidebar li img{display:block;}
.sidebar li:hover{margin-left:-105px;background:url(../images/slide_bar_bg.png);}
.query-cover{position:fixed;left:0;top:0;z-index:10000;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);display:none;}
.query-pop{position:fixed;left:50%;top:37%;z-index:20000;width:340px;height:390px;padding-top:15px;margin-left:-200px;margin-top:-120px;background:#fff;display:none;color:#666; text-align:center;}
.query-pop .close-btn{position:absolute;top:325px;right:92px;font-size:15px;width:150px;height:39px;overflow:hidden;background:#777; line-height:39px; color:#FFF;}

footer{ background-color: #fff; width: 100%; min-width:1200px;}
footer.active{ z-index: 8;}
footer .box{ width:85%;  margin: 0 auto; position: relative;}
footer .box a{ color:#666;}
footer .footer-bq{ border-top:1px solid #ccc; margin-top:25px; padding-top:15px;}

.infonav{ width:100%;height:45px;background:#666; min-width:1200px;}
.infonav ul{ margin:0 auto;width:99%;}
.infonav ul li{ float:left;  line-height:45px; text-align:center;width:24.9%;}
.infonav ul li a{ color:#fff;font-size:16px; display:block;}
.infonav ul li a:hover{ background:#d70b13;}
#dqnav{background:#d70b13;}
.nav{ position: relative; z-index:1000; display:block;}
.infonav2{ width:100%; height:90px;}
.infonav2 ul{ margin:0 auto;width:100%;}
.infonav2 ul li{ float:left;  line-height:45px; text-align:center;width:16.666666%;background:#666;}
.infonav2 ul li a{ color:#fff;font-size:16px; display:block;}
.infonav2 ul li a:hover{ background:#d70b13;}

.infonav3{ width:100%;height:45px;background:#f4f4f4; min-width:1200px;}
.infonav3 dl dt{ float:left; padding-left:8.3%; color:#333; line-height:45px; font-size:18px;}
.infonav3 dl dd{ float:right; padding-right:7.2%;}
.infonav3 dl dd a{ float:left; color:#333;line-height:45px; padding:0 15px; font-size:14px;}
.infonav3 dl dd a:hover{ color:#e60012;}
#alst li{ font-size:0; border:none; margin:0; padding:0; overflow:hidden;}
#alst li img{max-width:100%; overflow:hidden; display:block; border-bottom:none; vertical-align:top; margin:0; padding:0; overflow:hidden;}
#sjks{ margin:0 auto; width:1200px; padding:40px 0; font-size:15px; color:#000; line-height:24px; min-width:1200px;}

.page{text-align:center; padding-top:20px; padding-bottom:30px;}
.page ul{float:left; position:relative; left:50%;padding-bottom:12px;}
.page ul li{position:relative; right:50%; float:left; margin-right:4px; text-align:center; }
.page ul li a{display:block;color:#666;width:40px; height:40px; line-height:40px; text-align:center; border: 1px solid #e1e1e1;transition: 1s;}
.page ul li a:hover{background:#e71e14;color:#FFF;width:40px; height:40px; line-height:40px; text-align:center; display:block;border: 1px solid #e71e14;transition: 1s;}
#page-dq{ background:#e71e14;}
#page-dq a{color:#FFF;border: 1px solid #e71e14;}
#page-dq a:hover{background: none;}

.main-right-ok-newtou{ font-size:30px; color:#000; text-align:center; font-weight:bold;}
.main-right-ok-time{ padding-top:5px; text-align:center; color:#888; padding-bottom:15px; font-size:13px; border-bottom:1px solid #eaeaea;}
.main-right-ok-nr{ padding:20px 55px 0 55px; line-height:24px; font-size:15px;color:#000;}
.main-right-ok-nr a{ color:#000;}
.main-right-ok-nr a:hover{ color:#000;}
.main-right-ok-nr img{ max-width:100%; padding:10px 0;}

.fh{ height:65px;margin-top:25px; border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea; padding:0 55px;padding-top:8px; }
.fh-left{ float:left; font-size:13px; line-height:24px;color:#666;}
.fh-left a{color:#666;}
.fh-left a:hover{color:#e71e14;}
.fh-right{ float:right; margin-top:10px;width:124px; height:33px;background:#f4f4f4; text-align:center;}
.fh-right a{ line-height:33px; color:#333; font-weight:bold; font-size:13px; display:block;}
.fh-right a:hover{ line-height:33px;background:#e71e14;color:#fff;display:block;opacity: 1;transition-duration:1s;}

.info{ min-width:1200px; width:100%;}
.infook{ margin:0 auto; width:1200px; padding-top:45px; font-size:16px; color:#000; line-height:26px; overflow:hidden; min-width:1200px;}
.infook img{ max-width:100%; overflow:hidden;}
.infook2{ margin:0 auto; width:1200px; padding-top:45px; font-size:16px; color:#000; line-height:26px; overflow:hidden;}
.infobt{ text-align:center; font-size:40px; color:#000; padding-top:40px; background:url(../images/btxt.jpg) center bottom no-repeat; padding-bottom:20px; margin-bottom:30px;}
.infobt p{ font-size:16px; color:#666; padding-top:5px;}
.green-body{ min-width:1200px;}
.green-body .greenBox4 { background: url(../images/jjd.jpg) no-repeat center; position: relative; height: 634px; background-attachment: fixed }
.green-body .greenBox4 ul {height: 100% }
.green-body .greenBox4 ul li { float: left; width:33%; color: #fff; height: 100%; position: relative }
.green-body .greenBox4 ul li .title { margin-top:40%; position: relative; z-index: 15 }
.green-body .greenBox4 ul li .title span { display: block; transition: all .5s; -webkit-transition: all .5s }
.green-body .greenBox4 ul li .title .ch { font-size:43px; display: block; text-align: center; position: absolute; top: 0; width: 100% }
.green-body .greenBox4 ul li .title .border { width: 30px; height: 1px; display: block; background: #fff; left: 50%; margin-left: -15px; position: absolute; top: 50px }
.green-body .greenBox4 ul li .title .ch { display: block; text-align: center; position: absolute; width: 100%; top: 85px; transition: all .5s; -webkit-transition: all .5s }
.green-body .greenBox4 ul li .summary { position: absolute; width: 80%; top:64%; text-align: center; left:10%; font-size:15px; line-height:27px; opacity: 0; filter: alpha(opacity=0); z-index: 15; transition: all 1.5s; -webkit-transition: all 1.5s }
.green-body .greenBox4 ul li .title .en b { display: block; text-align: center; font-size:20px; font-weight:normal;}
.green-body .greenBox4 ul li:after { position: absolute; content: ''; height: 100%; background: #d70b13; opacity: 0; filter: alpha(opacity=0); right: 50%; top: 0; width: 30%; transition: all .8s; -webkit-transition: all .8s }
.green-body .greenBox4 ul li:before { position: absolute; content: ''; height: 100%; background: #d70b13; opacity: 0; filter: alpha(opacity=0); left: 50%; top: 0; width: 30%; transition: all .8s; -webkit-transition: all .8s }
.green-body .greenBox4 ul li:hover:after { opacity:1; filter: alpha(opacity=100); width: 60% }
.green-body .greenBox4 ul li:hover:before { opacity:1; filter: alpha(opacity=100); width: 60% }
.green-body .greenBox4 ul li:hover .summary { opacity: 1; filter: alpha(opacity=100); transform: translateY(-100px); -webkit-transform: translateY(-100px) }
.green-body .greenBox4 ul li:hover .title .en { transform: translateY(-90px); -webkit-transform: translateY(-90px) }
.green-body .greenBox4 ul li:hover .title .ch { transform: translateY(-150px); -webkit-transform: translateY(-150px) }
.green-body .greenBox4 ul li:hover .title .border {transform: translateY(-40px); -webkit-transform: translateY(-40px)}


.twoCultrue{ min-width:1200px;}
.twoCultrue dd { float: left; display: block; position: relative; width: 50%; *width: 49.99%; }
.twoCultrue .blue { background: none rgba(20,20,20,0.9); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); opacity: 0; visibility: hidden; }
.twoCultrue .img { width: 100%; display: block; }
.twoCultrue .con { width: 100%; height: 70%; position: absolute; left: 0px; top: 30%; text-align: center; color: #fff; font-size: 14px; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .by { color: #d70b13; font: 20px/1.4 "futura_lightregular","times new roman","microsoft yahei"; }
.twoCultrue .by1 { text-transform: uppercase; margin-bottom: 4%; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .t .txt { font-size: 20px; padding: 12px 0px; display: block; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .t .bot { width: 22px; margin: 0px auto; display: block; height: 2px; background-color: #fff; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .by2 { text-transform: uppercase; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; opacity: 0; visibility: hidden; }
.twoCultrue .c { width: 90%; margin: 0px auto; height: 50px; overflow: hidden; display: none; transition: 300ms ease 0ms; -webkit-transition: 300ms ease 0ms; }
.twoCultrue .lico { height: 1px; background-color: #fff; width: 0px; position: absolute; left: 50%; bottom: 8%; transition: 300ms ease 100ms; -webkit-transition: 300ms ease 100ms; }
.twoCultrue dd:hover .con { top: 16%; }
.twoCultrue dd:hover .blue { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
.twoCultrue dd:hover .by1 { opacity: 0; transform: translate(0px,-50px); -webkit-transform: translate(0px,-50px); height: 0px; margin-bottom: 0px; overflow: hidden; }
.twoCultrue dd:hover .by2 { opacity: 1; margin: 3% auto 6%; visibility: visible; }
.twoCultrue dd:hover .t .bot1 { visibility: hidden; opacity: 0; }
.twoCultrue dd:hover .t .txt { padding: 0px 0px 12px; }
.twoCultrue dd:hover .c { display: block; }
.twoCultrue dd:hover .lico { width: 66px; margin-left: -33px; }
.pmoreBox { padding: 34px 0px 70px; }
.inner { width: 1200px; margin: 0px auto; min-width:1200px; }
.pmore:hover { color: #d70b13; right: -10px; padding-right: 67px; }
.pmore { padding-right: 47px; line-height: 47px; width: 67px; display: block; position: relative; height: 47px; color: #646464; font-size: 14px; right: 0px; }
.pmore i { background: url(../images/pmore.png) no-repeat; width: 47px; height: 47px; display: block; position: absolute; right: 0px; top: 0px; }
.r { float: right; display: inline-block; }

.info-xw{ margin:0 auto; width:1200px; overflow:hidden; padding:20px 0 35px 0; }
.info-xw dl{height:183px; overflow:hidden; background:#FFF; padding:15px;transition: 1s; padding-right:25px;}
.info-xw dl:hover{box-shadow: 0px 10px 26px Rgba(0,0,0,0.1);transition: 1s;}
.info-xw dl dt{ float:left; width:277px; height:183px; overflow:hidden;}
.info-xw dl dt a{ width:277px; height:183px; display:block; overflow:hidden;}
.info-xw dl dt img{
	max-width:277px;   /* 宽度 */ 
	max-height:183px; /* 高度 */ 
	vertical-align:middle;
	-ms-interpolation-mode: bicubic; overflow:hidden;
	}
.info-xw dl img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease;}
.info-xw dl:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease;}
.info-xw dl dd{ float:right; width:850px;height:143px; padding-top:20px;}

.time{ color:#666;font-size:12px;}
.info-xw dl dd h1{ font-size:17px; color:#333;display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.info-xw dl dd  a h1{color:#333;}
.info-xw dl dd h1 a:hover{color:#70bb2b;}

.info-xw dl dd h4{ font-weight:normal; padding-top:2px;font-size:13px; line-height:20px; color:#666;}
.newsmore{ padding-top:8px; background:url(../images/sj.jpg) left 14px no-repeat; padding-left:10px; height:15px; line-height:15px;font-size:12px;}
.newsmore a{ color:#333;}
.newsmore a:hover{ color:#000;}

.joinIForm {margin-bottom:25px;  position: relative; }
.joinIForm .jtxt {border:0px none; background-color:#f4f4f4; width:28%; padding:20px 2%; margin:0px 2% 0px 0px; float:left; display:block; height:20px; line-height:20px; }
.joinIForm .jtxt2 {border:none; background-color:#f4f4f4; width:96%; padding:20px 2%; margin:10px 0 0px 0px; float:left; display:block; line-height:20px; height:130px;}
.joinIForm .jbtn{height:45px; line-height:45px; text-align:center; color:#333; background-color:#eee; width:198px; border:none; margin-top:20px; margin-left:500px;}
.joinIForm .jbtn:hover {background-color:#d70b13; cursor:pointer; color:#fff;}
input.jtxt:focus {background-color:#dcdada; }
textarea.jtxt2:focus {background-color:#dcdada; }
.trans3 {-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; }