@charset "gb2312";
/* CSS Document */

/*通用*/
body{ margin: 0px; font-size: 12px; margin: 0 auto; font-family: "微软雅黑"}
img{ border: 0px; margin:0; padding:0;}
ul,li{ margin: 0; padding: 0; list-style: none;}
form,h1,h2,h3,h4,h5,p{ margin: 0; padding: 0;}
a{ color: #000; text-decoration: none;}
body{ width: auto; min-width: 1200px; background: #fff; background: url(../images/bj.jpg) center no-repeat;}
span{ font-weight: bold;}
.clear{ clear: both;}
input:focus{ outline:none;}

/*头部*/
.head{ width: 100%; height: auto; margin: 0 auto; min-width: 1200px; z-index: 9999;}
.head_bn1{ width: 100%; height: 170px; margin: 0 auto; min-width: 1200px; background: url(../images/banner_01.jpg) center no-repeat;}
.head_bn2{ width: 100%; height: 170px; margin: 0 auto; min-width: 1200px; background: url(../images/banner_02.jpg) center no-repeat;}
.head_bn3{ width: 100%; height: 170px; margin: 0 auto; min-width: 1200px; background: url(../images/banner_03.jpg) center no-repeat;}
.head_bn4{ width: 100%; height: 170px; margin: 0 auto; min-width: 1200px; background: url(../images/banner_04.jpg) center no-repeat;}

/*body*/
.body{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
.tybt{ width: 1200px; height: auto; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; float: left;}
.tybt p{ width: 1200px; height: 20px; font-size: 16px; line-height: 20px; margin-top: 10px; color: #d50000; text-align: center; letter-spacing: 15px;}
.bankuai{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}


/*板块1*/
.bankuai1{ width: 1220px; height: auto;}
.hbdbbottom{ width: 1220px; height: auto;}
.hbdbbottom img{ margin-right: 10px; margin-top: 10px; float:left; display: block;}
.hbdb{ width:1200px; height:auto; margin: auto;}
.hbdbtop{ width:1200px; height:278px; margin: auto;}
.hbdbtop1{ width:241px; height:278px; float:left;}
.hbdbtop2{ width:504px; height:278px; float:left; margin-left:7px;}
.hbdbtop3{ width:241px; height:278px; float:right; margin-left:7px;}
.yfqh{width:1200px; height:auto; margin: auto;}
#demo p{ width:425px; height:35px; line-height:35px; text-align:center; background:#fff;}
.tghk,.hbfy{width:1200px; height:auto; margin: auto;}
.tiejun img{ float:left}

/*板块2*/
.bankuai2{ width: 1220px;}
.bankuai2 table{ width: 1200px; margin: 0; padding: 0;}
.bankuai2 .img1{ margin-top: 10px; margin-right: 10px; float: left;}
.bankuai2ul{ width: 1936px; height: 150px; float: left;}
.bankuai2ul li{ width: 230px; height: 150px; margin-right: 12px; float: left;}

.slider{position: relative}
.slider div{position: relative;text-align: left;padding: 0px;list-style-type: none;margin: 0px;width:1200px;background: #ffffff;height: 600px;overflow: hidden;}
.slider span{z-index: 99;position: absolute;text-align:left;width:1200px;bottom: 10px;color: #ffffff;font-size:18px; text-align: center; font-weight:normal}
.slider .txtbg{position: absolute;filter: alpha(opacity=50);width: 100%;bottom: 0px;background: #000;height:40px;padding-top: 5px;left: 0px;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5}
.slider .txtbg img{width: 1200px;height: 600px;}
.hdnum{width: 1200px;height: 128px;overflow: hidden;padding-top: 2px}
.hdnum li{padding:1px;background-color: #000;width: 230px;float: left;margin:8px 0 0 9px;overflow: hidden;}
.hdnum li img{width: 230px;height: 115px;filter: alpha(opacity=50);opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5}
.hdnum li.on{padding: 0;background-color: #d30001;width:234px;}
.hdnum li.on img{border: #d30001 2px solid;filter: alpha(opacity=100);width:230px;height:115px;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1}

/*板块3*/
.bankuai3{ width: 1212px; height: auto;}
.bankuai3 img{ margin-right: 12px; margin-bottom: 12px; float: left;}
.bankuai3div{ width: 338px; height: 382px; float: left; margin-bottom: 12px;}
.bankuai3ul{ width: 154px; height: 14px; margin: 0 auto; margin-top: 20px;}
.bankuai3ul li{ width: 14px; height: 14px; border-radius: 7px; background: #dec788; margin-right: 14px; float: left;}
.bankuai3ul .hover{ width: 28px; height: 14px; border-radius: 7px; background: #d50000; margin-right: 14px; float: left;}

/*板块4*/
.bankuai4{ width: 1220px; height: auto;}
.bankuai4 img{ margin-right: 20px; margin-bottom: 20px; float: left; display: block;}
.bankuai4 .img1{margin-bottom: 0; float: left;}
.container{ width: 780px; height: 500px; float: left;}
.example1 .sly{ width: 780px; height: 440px;}
.example1 .sly ul{ width: 3900px; height: 440px;}
.example1 .sly ul li { float: left; width: 780px; height: 440px;}
.scrollbar { width: 780px; height: 16px; margin-top: 24px; background: url(../images/hua.png) center no-repeat; float: left; }
.scrollbar .handle { border-radius: 7px; width: 100px; height: 100%; background: #d50000; cursor: pointer;}

/*板块5*/
.bankuai5{ width: 1215px; height: auto;}
.bankuai5 ul{ width: 1215px; float: left;}
.bankuai5 ul li{ width: 390px; height: 330px; margin-right:15px; float: left;}
.bankuai5 ul div{ width: 390px; height: 280px; position: relative; overflow: hidden;}
.bankuai5 ul li p{ width: 390px; height: 20px; margin-top: 10px; line-height: 20px; text-align: center; font-size: 16px; color: #d50000; overflow: hidden;}
.bankuai5 ul li img:hover{ width: 430px; height: 330px; position: absolute; top: -18px; left: -20px;}

/*板块6*/
.bankuai6{ width: 1220px; height: auto;}
.bankuai6 img{ margin-right: 20px; margin-bottom: 20px; float: left;}
.bankuai6 .img1{ margin-bottom: 0;}

/*板块9*/
.haibin{ width: 1220px; height: auto;}
.haibin img{ margin-right: 10px; float: left;}
.haibin .img1{ margin-top: 10px;}
.zt_1024{ width:1200px; height:400px;overflow:hidden; margin-bottom:10px;}
.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.icon-arrow-a-left { background-position: 0 0; height: 60px; width: 50px; background: url(../images/left.png);}
.icon-arrow-a-right { background-position: -120px 0; height: 60px; width: 50px; background: url(../images/right.png);}
#main {overflow: hidden; zoom: 1; position: relative; margin:0 auto;}
#index_b_hero { width: 600px; height: 400px; margin: auto; position: relative; }
#index_b_hero p{ width: 600px; height: 35px;background:#000; color:#fff; font:16px; line-height:20px;position: absolute; bottom:0; text-align:center;filter: alpha(Opacity=70); opacity: .7; margin:0 auto; line-height:35px;}
#index_b_hero img {height: 400px;}
#index_b_hero b{ font-size:16px}
#index_b_hero .heros { width: 600px; height: 400px; }
#index_b_hero .hero-wrap { overflow: visible; position: absolute; }
#index_b_hero .next, #index_b_hero .prev { filter: alpha(Opacity=70); opacity: .7; position: absolute; top: 50%; margin-top: -25px; background-color: #303030; z-index: 3; }
#index_b_hero .next:hover, #index_b_hero .prev:hover { background-color:#864731; }
#index_b_hero .next { margin: -25px 10px 0 0; right: 0; }
#index_b_hero .disabled { background-color: #eee; }
#index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero {background-color:#fff5dd;  z-index: 1; position: absolute; top: 0; left: 0; width: 590px; height: 400px; overflow: hidden; left: 1200px; }
#index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -600px; filter: alpha(Opacity=30); opacity: .3; background: #fff; overflow: hidden; }
#index_b_hero .mask-right { left: 600px; }
#index_b_hero .active { z-index: 2; left: 0; }
.zt_1024_1{ font-size:12px; text-align:center; border-top: #ccc 1px solid; margin-top:30px; padding:10px; }
.zt_1024_1 p{ font-size:12px; text-align:center;  margin-top:10px;  }
.hbdb{ width:1200px; height:auto; margin: auto;}
.hbdbtop{ width:1200px; height:315px; margin: auto; margin-bottom: 10px;}

/*板块11*/
.bankuai11{ width: 1200px; height: auto; float: left;}
.bankuai11 .tupian{ width: 6000px; height: 580px; margin-bottom: 20px;}
.bankuai11 .tupian li{ width: 1200px; height: 580px; float: left;}
.bankuai11ul{ width: 154px; height: 14px; margin: 0 auto;}
.bankuai11ul li{ width: 14px; height: 14px; border-radius: 7px; background: #dec788; margin-right: 14px; float: left;}
.bankuai11ul .bankuai11li{ width: 28px; height: 14px; border-radius: 7px; background: #d50000; margin-right: 14px; float: left;}

#wrapper{ width:1200px; margin:0 auto; height:580px; position:relative; color:#fff; text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;}
#slider-wrap{ margin:0 auto; width:1200px; height:580px; position:relative; overflow:hidden;}
#slider-wrap ul#slider{ width:100%; height:100%; position:absolute; top:0; left:0;}
#slider-wrap ul#slider li{ float:left; position:relative; width:1200px; height:580px;}
#slider-wrap ul#slider li > div{ position:absolute; top:20px; left:35px;}
#slider-wrap ul#slider li > div h3{ font-size:36px; text-transform:uppercase;}
#slider-wrap ul#slider li > div span{ font-family: Neucha, Arial, sans serif; font-size:21px;}
#slider-wrap ul#slider li i{ text-align:center; line-height:400px; display:block; width:100%; font-size:90px;	}
/*btns*/
.btns{ position:absolute; width:50px; height:60px; top:50%; margin-top:-25px; line-height:57px; text-align:center; cursor:pointer; background:rgba(0,0,0,0.1); z-index:100; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease; transition: all 0.1s ease;}
.btns:hover{ background:rgba(0,0,0,0.3);}
#next{right:-50px; border-radius:7px 0px 0px 7px;}
#previous{left:-50px; border-radius:0px 7px 7px 7px;}
#counter{ top: 30px; right:35px; width:auto; position:absolute;}
#slider-wrap.active #next{right:0px;}
#slider-wrap.active #previous{left:0px;}
/*bar*/
#pagination-wrap{ min-width:20px; margin-top:550px; margin-left: auto; margin-right: auto; height:15px; position:relative; text-align:center;}
#pagination-wrap ul { width:100%;}
#pagination-wrap ul li{ margin: 0 4px; display: inline-block; width:5px; height:5px; border-radius:50%; background:#fff; opacity:0.5; position:relative;
 top:0;}
#pagination-wrap ul li.active{ width:12px; height:12px; top:3px; opacity:1; box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;	}
/*ANIMATION*/
#slider-wrap ul, #pagination-wrap ul li{ -webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1); -moz-transition: all 0.3s cubic-bezier(1,.01,.32,1); -o-transition: all 0.3s cubic-bezier(1,.01,.32,1); -ms-transition: all 0.3s cubic-bezier(1,.01,.32,1); transition: all 0.3s cubic-bezier(1,.01,.32,1);	}

/*板块12*/
.bankuai12{ width: 1220px; height: auto;}
.bankuai12 ul{ width: 1220px; height: 500px;}
.bankuai12 ul li{ width: 590px; height: 90px; margin-right: 20px; margin-bottom: 10px; float: left;}
.bankuai12 span{ width: 140px; height: 90px; font-size: 26px; line-height: 90px; text-align: center; color: #fff; background: #d50000; display: block; float: left; font-weight: 200;}
.bankuai12 div{ width: 418px; height: 68px; background: #fff; border: solid 1px #d50000; padding: 10px 15px; float: left;}
.bankuai12 div b{ width: 418px; height: 28px; line-height: 28px; font-size: 16px; overflow: hidden;}
.bankuai12 div p{ width: 418px; height: 36px; line-height: 18px; font-size: 14px; color: #666; overflow: hidden;}

/*浮动*/
.fudong{ width: 128px; height: 360px; position: fixed; top: 240px; right: 0px; text-align: center; display: none;}
.fudong li{ width: 100px; height: 24px; float: right; margin-left: 120px; margin-bottom: 8px; border-radius: 12px; background: #d50000;}
.fudong li a{ font-size: 14px; line-height: 24px; color: #fff;}
.fudong li:hover{ background: #666;}

#footer{ width:1200px;  margin-top:5px; font-size:14px; margin:auto; padding-bottom:10px;}
#footer .footerCont{width:1200px;margin:0 auto;text-align:center;line-height:22px;}
#footer .footerCont img{ display:inline-block}
#footer .footerCont p{border-bottom:1px dashed #ccc;padding:5px 0;margin-bottom:10px;}
#footer .footerCont p a{color:#333333;}
#footer .footerCont p a:hover{color:#F00;}
#footer .footerCont a.lvse{ color:#009933; font-weight:bold;}
#footer .footerCont a.lvse:hover{ color:#F00;}
#footer .footerCont div a{color:#000;padding:5px 0;margin-bottom:10px;}
#footer .footerCont div a:hover{ color:#F00;}

/*内容页*/
#form1{ background: #fff;}
.Tip{ width: 1200px; height: 24px; line-height: 24px; margin: 0 auto;}
.Tip .left{ float: left;}
.Tip .right{ float: right;}
.main{ width:1200px; height:auto; margin:0 auto;}
.thought { height:100%; margin-top: 50px;}
.thought  h1{text-align:center;padding:20px 0;font-size:35px;color: # 333; font-family: "微软雅黑"; font-weight:bold; text-align:center}
.thought  .Cont{line-height:24px;font-size:16px;padding:10px 50px;color:#666; line-height:25px;}
.thought  .Cont p{margin-bottom:15px; text-indent:28px;}
.thought  .Cont img{padding:5px;border:1px #cccccc solid; display:block; margin:20px auto 0 auto}
.tq{height:40px;line-height:40px;font-size:12px;color:#999;margin:10px 40px 0 48px;}
.up_down{line-height:24px;padding:20px 0 50px 0;clear:both;color:#333; overflow:hidden;font-size:14px; text-align:right;border-top:1px dotted #ccc}
.up_down a{color:#333}
.up_down .up-btn{display:block;}
.up_down .down-btn{display:block;}

#footer{ width:1200px;  margin-top:5px; font-size:14px; margin:auto; padding-bottom:10px;}
#footer .footerCont{width:1200px;margin:0 auto;text-align:center;line-height:22px;}
#footer .footerCont img{ display:inline-block}
#footer .footerCont p{border-bottom:1px dashed #ccc;padding:5px 0;margin-bottom:10px;}
#footer .footerCont p a{color:#333333;}
#footer .footerCont p a:hover{color:#F00;}
#footer .footerCont a.lvse{ color:#009933; font-weight:bold;}
#footer .footerCont a.lvse:hover{ color:#F00;}
#footer .footerCont div a{color:#000;padding:5px 0;margin-bottom:10px;}
#footer .footerCont div a:hover{ color:#F00;}
