@charset "utf-8";

body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*??????????*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.banner{height: 680px;position: relative; }
.bdu{width: 100% !important;height: 680px;}
.bdu li{width: 100% !important;height: 680px;position:relative;}
.bdu li a{display: block;height: 680px;}
.bdu li img{height:680px;margin-left: -960px;position:absolute;left:50%;}
.hdu{position: absolute;width: 100%;height: 10px;left: 0;bottom: 45px;text-align: center;}
.hdu li{display: inline-block;width: 50px;height: 10px;background: #fff;margin:0 5px;border-radius: 20px;}
.hdu li.on{background: #bb0327;}
/**/
.tils{height:404px; overflow: hidden;    margin: 70px auto!important;}
.tils h3{ float: left; padding: 0 0 0 21px; width: 552px;background: url(../images/about.png) no-repeat bottom;    height: 399px;}
.tils h3 img{ width: 552px;}
.tils p{ width: 590px; float: right;}
.tils p i{ display: block; padding-top: 94px; line-height: 100%; color: #333333; font-size: 34px; font-weight: bold;
	background:url(../images/a_ti.jpg) no-repeat 0 30px; height: 75px;}
.tils p span{ display: block; font-size: 15px; color: #666; line-height: 25px; height: 223px;background:url(../images/a_it.jpg) no-repeat right bottom;}
/**/
.diz{background:url(../images/diz1.jpg) repeat; padding-top: 71px; height: 1217px; overflow: hidden;}
h2{text-align: center; line-height: 100%; margin-bottom: 43px; font-size: 20px; color: #333;}
h2 i{ display: block; line-height: 100%; color: #222; font-size:50px; padding-top: 39px;font-weight: normal;background:url(../images/d_h.png) no-repeat center 0;}
h2 i em{ color: #bb0327; padding-left: 15px;}
h2 span{ display: block;font-weight: normal; padding-top:22px; letter-spacing: 2px;}
.diz ul{ overflow: hidden; position: relative;}
.diz ul li{ float: left; font-size: 0; position: relative; margin-bottom: 23px; width:378px; height:212px; overflow: hidden;}
.diz ul li img{ display: inline-block;transition: all 0.3s linear 0s;}
.diz ul li:hover img{transform: scale(1.05);}
.diz ul li:first-child{ margin-right: 22px;width: 800px; height: 447px; overflow: hidden;}
.diz ul li:last-child{ margin-right:0; position: absolute; bottom: 0; right: 0;width: 800px; height: 447px; overflow: hidden;}
.diz ul li:nth-child(5){ clear: both;}
.diz ul li span{ display: inline-block; position: absolute; top: 15px; left: 15px; color: #0c0c0c; font-size: 18px;background:url(../images/spm.png) repeat; padding: 25px 12px 17px; width: 26px; text-align: center; line-height: 120%;}
.diz ul li:nth-child(4) span,.diz ul li:nth-child(5) span{ left: 313px;}
.diz ul li:nth-child(1) span{ left: 40px; top: 39px; font-size: 28px; padding:24px 26px;}
.diz ul li:nth-child(6) span{ left:673px; top: 39px; font-size: 28px; padding:24px 26px;}
.diz h3{ padding-top: 11px; text-align: center;}
.diz h3 a{ display: inline-block; font-weight: normal; color: #bb0327; font-size: 18px; width: 204px; height: 57px; line-height: 57px; padding-left: 81px;background:url(../images/d_btn.png) no-repeat; text-align: left;transition: all 0.3s linear 0s;}
.diz h3 a:hover{transform: translateX(5px);}
.diz ul li:hover span{background:url(../images/spm2.png) repeat;  color: #fff;}
/**/
.lisn{background:url(../images/diz.jpg) no-repeat  bottom ;height:853px; overflow: hidden; }
.lisn h3{ padding-top: 57px; height: 91px; font-weight: normal; font-size: 32px; color: #333;}
.lisn h3 span{ display: inline-block; float: right; padding-top: 28px;}
.lisn h3 span a{ display: inline-block; margin-left: 50px;}
.lisn h3 em{ display: inline-block; padding-top: 33px; line-height: 100%;background:url(../images/l_h2.png) no-repeat;}
.lisn h3 em i{ color: #bb0327;}
.lisn ul{ overflow: hidden; height: 437px;}
.lisn ul li{ float: left; width: 284px; margin-right:21px; text-align: center; height: 193px; background: #fff; font-size: 0;}
.lisn ul li span{ display: block; line-height: 46px; font-size: 18px; color: #333;}
.lisn ul li:hover{ background: #bb0327;}
.lisn ul li:hover span{ color: #fff;}
.lisn p{ color: #fff; font-size: 46px; letter-spacing: 3px;}.lisn p em{ display: block; padding-bottom: 17px;    margin-top: 63px;}.lisn p em span{font-weight: bold;}
.lisn p i{ display: inline-block; font-size: 28px; height: 61px; line-height: 61px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;  width: 502px; text-align: center;letter-spacing: 16px;}
    /**/


    /**/
.dont{ height: 769px;background:url(../images/news.jpg) no-repeat center 0;overflow: hidden; padding-top: 1px;}
.dont_l{background:url(../images/n_l.jpg) no-repeat; width: 259px; height: 502px; margin-top: 215px; text-align: center;}
.dont_l h3{ padding-top: 80px;}
.dont_l h3 span{ display: block; font-weight: normal; color: #fff; font-size: 20px; letter-spacing: 3px; line-height: 100%; padding-top: 7px;}
.dont_r{ width: 837px; padding-top: 332px;}
.dont_r h3{ line-height: 100%; height: 44px;}
.dont_r h3 i a{ font-size: 22px; color: #333; font-weight: bold;}
.dont_r h3 span{ display: inline-block; float: right; width: 63px; height: 17px; line-height: 17px; border-radius: 17px; border: 1px solid #c9c9c9; font-family: Arial; font-size:12px; text-transform: uppercase; font-weight: normal; text-align: center;}
.dont_r h3 span a{ color: #999999;}
.dont_r h3 span a:hover{ color: #333;}
.dont_r dl{ overflow: hidden; height: 150px;}
.dont_r dl dt{ float: left; width: 215px; height: 143px; overflow: hidden;}
.dont_r dl dt img{ width: 215px; height: 143px;}
.dont_r dl dd{ float: right; width: 590px;}
.dont_r dl dd h4{font-weight: normal; height: 30px; line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dont_r dl dd h4 a{ font-size: 18px; color: #333;}
.dont_r dl dd h4 a:hover{ color: #bb0327;}
.dont_r dl dd p{ font-size: 14px; color: #999; line-height: 26px; padding: 6px 0;}
.dont_r dl dd em{ display: block; text-align: right; font-family: Arial; font-size: 12px; color: #999999;}
.dont_r ul{ overflow: hidden;}
.dont_r ul li{ width: 373px; float: left; margin-bottom: 26px;}.dont_r ul li:nth-child(2n){ float: right;}
.dont_r ul li i{ display: inline-block; float: left; width: 62px; height: 65px; text-align: center; border: 4px solid #999; font-family: Arial; font-size: 12px; color: #999;}
.dont_r ul li i span{ display: block; padding-top: 13px; line-height: 88%; font-size: 35px; font-weight: bold;}
.dont_r ul li em{ display: inline-block; float: right; width: 275px; color: #808080; font-size: 14px; line-height: 22px;}
.dont_r ul li em a{ display: block; font-size: 18px; color: #333; line-height: 30px; padding-bottom: 5px;}
.dont_r ul li:hover i{border: 4px solid #bb0327;  color: #bb0327;}
.dont_r ul li:hover a,.dont_r ul li:hover em{  color: #bb0327;}
    /**/
.qau{ width: 1200px; margin: 0 auto 90px; height: 134px; background: #f6f6f6; overflow: hidden;}
.qau h3{ background: #313131; width: 261px; height: 134px; text-align: center; float: left;}
.qau h3 i{ display: block; line-height: 100%; padding-top: 38px; padding-bottom: 15px;}.qau h3 i a{ font-size: 22px; color: #fff;}
.qau h3 em img{ display: inline-block; padding: 0 13px;}
.qau ul{ float: right; width: 939px;}
.qau ul li{ float: left; padding-left:53px; width: 392px;}
.qau ul li a{ display: block; padding-left: 28px; font-size: 16px; color: #333; margin-top: 28px; margin-bottom: 10px;background:url(../images/w_a.png) no-repeat; height: 21px; line-height: 21px; overflow: hidden;}
.qau ul li:hover a{ color: #bb0327;}
.qau ul li span{ display: block; padding-left: 28px; font-size: 14px; color: #999; line-height: 24px; padding-top: 3px;}
    /**/
.abo{background:url(../images/story.jpg) repeat; overflow: hidden; padding: 90px 0;}
.abo h2{ height: 150px; margin-bottom: 0;}.abo h2 i em{ padding-left: 0;}
.abo h2 i{background:url(../images/s_o.png) no-repeat center 0; padding-top:41px;}
.abo p{ height: 214px; font-size: 16px; color: #666; line-height: 24px; text-align: center;}
.abo p span{ display: block;}
.abo p em{ display: block; margin-top: 25px;}
.abo p a{ display: inline-block; font-weight: normal; color: #bb0327; font-size: 18px; width: 204px; height: 57px; line-height: 57px; padding-left: 81px;background:url(../images/d_btn.png) no-repeat; text-align: left;}
.abo ul{ overflow: hidden; position: relative;width: 1920px; margin:0 auto;    left: 50%;  margin-left: -960px;}
.abo ul li{ font-size: 0; width: 472px; float: left; margin-bottom: 15px; font-size: 0; margin-right: 0.8%;}
.abo ul li:last-child{ width:466px; float: left; margin-right: 0; position: absolute; top: 0; right: 0;}
.abo ul li:first-child{ width: 24.3%; float: left;}
    /**/
/**/

.link{height:80px; line-height: 80px; background: #0a0a0a; overflow: hidden;}
.link h3{ float:left;color: #5c5c5c; font-size: 16px;background:url(../images/link.png) no-repeat 0 30px;  padding-left: 29px;line-height: 79px;}
.link p{ float: right; width: 1072px;line-height: 79px;}
.link a{font-size: 14px;color: #5c5c5c; display: inline-block; float: left; padding: 0 35px;}
.link a:hover{ color: #939292;}