@charset "gb2312";
/* CSS Document */
body {font-family:"Microsoft Yahei", Arial, Tahoma,"Microsoft Yahei";margin:0;padding:0;font-size:12px;color:#000; background:#fff;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, code, em, img, q, s, strike, strong, syt, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, footer, header, nav, section, audio, video, button, input {-webkit-font-smoothing: antialiased; font-style:normal;}
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
img{border:0; vertical-align:middle;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
header, section, footer, aside, nav, main, article, figure { display: block; }
/* Link */
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:none;-webkit-transition: .4s;}
/* Other */
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.f_left{float:left;}
.f_right{float:right;}
.img{vertical-align:middle;}

.over-banner,.over-speech{ width:100%; height:auto; margin:0 auto; text-align:center; min-width:1200px; background:#fff; overflow:hidden;}
.year-banner01{ width:100%; background:url(../images/banner_01.jpg) center no-repeat; height:148px;}
.year-banner02{ width:100%; background:url(../images/banner_02.jpg) center no-repeat; height:148px;}
.year-banner03{ width:100%; background:url(../images/banner_03.jpg) center no-repeat; height:148px;}
.year-banner04{ width:100%; background:url(../images/banner_04.jpg) center no-repeat; height:148px;}
.year-banner05{ width:100%; background:url(../images/banner_05.jpg) center no-repeat; height:148px;}
.year-center{ width:1200px; height:auto; margin:0 auto; text-align:center; position:relative;}
.year01{ display:inline-block; margin-top:40px; float: left; margin-left: 528px;}
.year-link{ font-size:20px; color:#fff; width:346px; height:91px; line-height:78px; background: url(../images/link.png) center no-repeat; display:inline-block; margin-top:10px;}
.year-img01{ float:left; margin-top:6px; margin-left:-106px;}
.year-img02{ float:right; margin-top:-48px; margin-right:-66px;}

.year-zhou{ width:100%; background: url(../images/zhou02_02_02.jpg) center no-repeat; height:784px;}
.zhou-title{ font-size:32px; color:#fef457; font-weight:bold; display:inline-block; margin-top:34px;}

.show span{ font-size:22px; color:#fef457; position:absolute; z-index:5;top: 108px; left: 38px;}
.in-bottom .show span{ display:none;}
.black-link{ font-size:22px; color:#f7c995; width:943px; height:66px; line-height:66px; border:3px #f4c890 solid; border-radius:40px; margin:0 auto; text-align:left; padding-left:40px; margin-top: 164px;}
.black-link a{ font-size:22px; color:#a91313; width:194px; height:48px; line-height:48px; float:right; background:#f4c993; border-radius:40px; box-shadow:0 7px 13px rgba(0,0,0,0.39); margin-top:9px; margin-right:30px; text-align:center;}

.want-to{ width:100%; height:840px; background:url(../images/back01.jpg) center no-repeat;}
.want-title{ display: inline-block; font-size:42px; color:#fef457; margin-top:140px;}
.want-title02{ font-size:22px; color:#fff; display:block; margin-top:20px;}
.want-kuang{ width:540px; height:363px; background:#fff; border-radius:6px; display:inline-block; margin:0 17px;  margin-top:66px;  -webkit-transition:.8s;}
.want-top{ width:540px; height:90px; border-radius:6px 6px 0 0; background:#f1f1f1; -webkit-transition:.8s;}
.want-top span{ float:left; font-size:16px; color:#fff; width:157px; height:42px; line-height:42px; border-radius:20px 0 0 20px; background:#f92f3b; margin-left:44px; margin-top:24px;  margin-right:30px;}
.want-top em{ font-style:normal; font-size:20px; color:#f92f3b; float:left; line-height:90px;}
.want-down{ width:540px; height:auto; margin-top:14px;}
.want-down p{ font-size:14px; color:#838181; line-height:30px; margin-left:40px;  text-align:left;}
.want-red{ color:#f92f3b !important;}
.want-link{ font-size:14px; color:#999; width:121px; height:31px; line-height:31px; border:1px #c9c9c9 solid; border-radius:6px; display:inline-block; text-align:center; margin-right:54px; margin-top:20px;}
.want-link02{ font-size:14px; color:#fff; width:123px; height:33px; line-height:33px; border-radius:6px; display:inline-block; text-align:center; background:#f92f3b; margin-top:20px;}
.want-kuang:hover{ padding:14px 21px; -webkit-transition:.8s; box-shadow:0 12px 27px rgba(0,0,0,0.23);}
.want-kuang:hover .want-top{margin-left: -20px;  margin-top: -14px; padding:14px 20px;-webkit-transition:.8s;}
.want-hold{ margin-top:70px;}

.quality{ background:url(../images/back02.jpg) center no-repeat; width:100%; height:890px;}
.update-all{ width:1155px; height:363px; background:#de1b27; margin:0 auto; overflow:hidden;   box-shadow:0 7px 29px rgba(0,0,0,0.19) inset; border-radius:12px; display:inline-block; margin-top:20px;}
.update-ul{ width:1155px; height:auto;}
.update-ul li{width: 1100px; display: table; height: 363px;}
.update-tab{ width:1100px; height:363px; position:relative; margin:0 auto;}
.update-anter{ width:53px; height:25px; position:absolute; top:28px; right:2px; z-index:2;}
.update-zuo{ width:26px; height:25px; float:left; background:url(../images/zuo02.png) center no-repeat;}
.update-zuo:hover{ background: url(../images/zuo.png) center no-repeat;}
.update-you{width:26px; height:25px; float:left; background:url(../images/you02.png) center no-repeat;}
.update-you:hover{ background: url(../images/you.png) center no-repeat;}
.update-ul img{ float:left; margin-top:36px; margin-right:62px; margin-left:7px;}
.quality-right{ float:left; text-align:left; margin-top:36px;}
.quality-right span{ font-size:22px; color:#fef102; display:block; margin-top:32px; margin-bottom:30px;}
.quality-right p{ font-size:14px; color:#fff; line-height:30px; width:819px;}
.quality-qu{}
.quality-qu span{ font-size:34px; color:#c81823; display: inline-block; margin: 0 24px; margin-top:44px;}
.nc01{position: relative; left: 2px;}
.qua01{ font-size:14px; color:#f9cd93; line-height:26px; width:750px; text-align:left; margin-left:64px; margin-top:30px;}
.qua01 span{ color:#fef102;}
.qua-img{ position:absolute; bottom:14px; right:90px; z-index:2;}
.year-bottom{ width:100%; height:440px; background:#c80d18;}
.year02{ font-size:34px; color:#fff; text-shadow:0 3px 3px rgba(0,0,0,0.35); line-height:60px; padding-top:30px; margin-bottom:57px;}
.year-link02{ background:url(../images/link02.png) center no-repeat; width:461px; height:90px; display:block; margin:0 auto; line-height:74px; font-size:20px; color:#fef102; font-weight:bold;}
.year-link:hover{ margin-top:20px; -webkit-transition:none;}
.black-link a:hover{ margin-top:12px; -webkit-transition:none;}
.want-link:hover{ position:relative; top:4px;}
.want-link02:hover{ position:relative; top:4px;}
.year-link02:hover{ margin-top:67px; -webkit-transition:none;}
.year03{ color:#fff; font-size:14px; background:#e11b26; box-shadow: 0 2px 5px rgba(0,0,0,0.44); border-radius: 40px; float: right; width: 110px; height: 42px; line-height: 42px;  margin-top: 75px; margin-right: 48px;}
.year03:hover{ margin-top:80px; -webkit-transition:none;}