@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{ word-spacing:-1.5px;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:628px;position: relative;background:url(../images/banner.jpg) no-repeat center 0; overflow: hidden;}
.bdu{width: 100% !important;height: 628px;}
.bdu li{width: 100% !important;height: 628px;position:relative;}
.bdu li a{display: block;height: 628px;}
.bdu li img{height:600px;margin-left: -960px;position:absolute;left:50%;}
.hdu{position: absolute;width: 100%;height: 13px;right: 0;bottom:37px;text-align: center;}
.hdu li{display: inline-block;width: 17px;height: 17px;background: #c39a49;margin:0 10px;border-radius:17px; border: 1px solid #fff; box-sizing: border-box;}
.hdu li.on{background: #7f252f; border: 2px solid #7f252f; box-sizing: border-box; }

/**/
.us{height:450px; overflow: hidden;background:url(../images/tils.jpg) no-repeat center 0;padding-top:73px; box-sizing: border-box; }
.us dl{ overflow: hidden;}
.us dl dd{ float: right;}
.us dl dt{ float: left; width: 600px;background:url(../images/til_h.png) no-repeat left 21px;}
.us dl dt h3 i{ display: block; padding: 63px 0 0 153px; font-size: 30px; color: #333; line-height: 100%;}
.us dl dt h3 span{ display: block; padding: 21px 0 43px 0;font-weight: normal; color: #333; font-size: 24px;}
.us dl dt p{ color: #666; font-size: 16px; line-height: 27px;}
    /**/
.pro{background:url(../images/pro.jpg) no-repeat center 0; height:858px; overflow: hidden;padding-top: 80px;}
h2{ text-align: center;font-weight: normal; font-size: 16px; color: #666; padding-bottom: 28px;}
h2 i{ display: block; font-size: 42px; color: #333; line-height: 100%; padding-bottom: 28px;background:url(../images/ti_lin.png) no-repeat center 55px; }
.pro ul{ overflow: hidden; height: 502px;}
.pro ul li{float:left; margin-right: 20px; position: relative; overflow: hidden;}
.pro ul li:last-of-type{ margin-right: 0;}
.pro ul li h3{ position: absolute; top: 93px; left: 49px;background:url(../images/p_tx1.png) no-repeat; height: 288px; width: 288px; font-size: 28px; color: #000; letter-spacing: 9px; padding-top: 148px; box-sizing: border-box; padding-left: 78px; line-height: 100%;transition: all 0.3s linear 0s;}
.pro ul li:hover h3{ transform: translateY(-7px);}
.pro ul li:nth-child(2) h3{background:url(../images/p_tx2.png) no-repeat;}
.pro ul li:nth-child(3) h3{background:url(../images/p_tx3.png) no-repeat;}
.p_key{background:url(../images/p_tr.jpg) no-repeat center 0; height:122px; overflow: hidden; text-align: left;}
.p_key h4{ padding: 0 0 0 55px;font-weight: normal; overflow: hidden;}
.p_key h4 i{ display: inline-block;float: left; font-size: 16px; font-weight: bold; padding-top:31px;}
.p_key h4 span{ display: inline-block;float: right; font-size: 16px; color: #333; line-height: 36px; width: 1058px; padding-top:4px;}
.p_key h4 span a{float: left; font-size: 16px; color: #333; line-height: 35px; margin: 0 22px;display: inline-block;}
.p_key h4 span a:hover{ color: #7f252f; text-decoration: underline;}
    /**/
.yos{background:url(../images/lcv.jpg) no-repeat center 0; height:743px; overflow: hidden; box-sizing: border-box; padding-top: 68px; margin-bottom: 143px;}
.yos h2{ color: #fff; padding-bottom: 38px;}
.yos h2 i{ color: #fff;background:url(../images/ti_lin2.png) no-repeat center 55px; }
.pin_m{ display:inline-block;width: 1200px;height: 443px;overflow: hidden;}
.pin_m ul li{float: left;width: 165px;position: relative; overflow: hidden; margin-right: 4px;}
.pin_m ul li:last-of-type{ margin-right: 0;}
.pin_m h3{font-weight: normal;width: 165px;height: 443px;float: left; text-align: center; }
.pin_m h3 a{display: block;font-size: 20px;color: #fff;background: rgba(255,255,255,0.65);width: 165px;height: 443px;}
.pin_m h3 a i{ display: block; padding-top: 60px; color: #666;font-size: 45px; line-height: 100%;font-weight: bold; font-family: Bernard MT; height:28px; overflow: hidden;}
.pin_m h3 a em{ display: block; color: #454545; font-size: 20px; height: 213px;}
.pin_m .cur h3 a,.pin_m h3 a:hover{ background:#7f252f; text-decoration:none; width: 99px;}

.pin_m p{width:608px;height: 443px;float: left;position: absolute;top: 0;left: 165px; background: #fff;}
.pin_m p img{width: 608px;height:246px;}
.pin_m p i{display: block;overflow: hidden; padding: 35px 0 0 55px; color: #454545; font-size: 22px; padding-bottom: 10px;}
.pin_m p span{ padding-left: 55px; font-size: 14px; color: #7d7d7d; line-height: 24px; display: block; width: 483px;}
.pin_m ul li.pin_li01{width:691px;}
.pin_m ul li.pin_li01 p{ left: 99px;}
.pin_m ul li.pin_li01 h3 b,.pin_m .cur h3 a b,.pin_m h3 a:hover b{ display: none;}
.pin_m ul li.pin_li01 h3 i,.pin_m .cur h3 a i,.pin_m h3 a:hover i{ color: #fff; padding-top: 167px; color: #8f4b51; height: 53px;}
.pin_m ul li.pin_li01 h3 em,.pin_m .cur h3 a em,.pin_m h3 a:hover em{ color: #fff; line-height: 100%;}
.pin_m ul li.pin_li01 h3 em span,.pin_m .cur h3 a em span,.pin_m h3 a:hover  em span{ display: block;}
.pin_m ul li.cur h3{ width: 99px;}
.pin_m ul li.cur p{ left:99px;}
.pin_m ul li.cur{ width: 691px;}
    /**/
.baoz{background:url(../images/bzz.jpg) no-repeat center bottom; height: 1185px;}
.baoz h2{ padding-bottom: 28px;}
.baoz ul li{ float: left; width: 560px; height: 516px;}
.baoz ul li:nth-child(2n){ float: right; margin-right: 1px;}
.baoz ul li span{ display: block; overflow: hidden; width: 548px; height: 303px; margin: 6px 0 0 5px;}
.baoz ul li h4{ color: #313131; font-size: 26px; line-height:100%; padding: 33px 0 10px 0;}
.baoz ul li i{ display: block; color: #535353; font-size: 14px; line-height: 28px;}
    /**/
.tt{background:url(../images/tt.jpg) no-repeat center bottom; height: 399px; margin-bottom: 119px;}
.tt p{ padding-top: 106px; color: #fff; text-align: center;background:url(../images/t_t.png) no-repeat center 135px;}
.tt p b{ display: block;font-weight: normal; font-size: 26px; letter-spacing:4px; padding: 8px 0 13px 0; line-height: 100%;}
.tt p strong{ display: inline-block; font-size: 16px; color: #fff; background: #7e262f; height: 36px; line-height: 36px; padding: 0 22px; border-radius:8px;font-weight: normal; letter-spacing: 2px;}
.tt p i{ display:inline-block;position: relative;}
.tt p i em{ line-height: 100%; font-family: Arial;font-weight: bold; font-size: 109px; min-width: 296px; display: inline-block;    padding-left: 86px; color: #dbb362;}
.tt p i span{ display: inline-block; position: absolute; top:26px; left:68px;}
    /**/
.hez{ overflow: hidden; height: 688px;}
.hez h2{ padding-bottom: 30px;}
.h_l{ width: 104px; float: left;}
.h_l h3{background:url(../images/h_lin.jpg) no-repeat 17px 0; overflow: hidden;}
.h_l h3 a{ display: block; margin-left: 25px; margin-bottom: 303px;}
.h_l h3 span{ float: left; display: inline-block; cursor: pointer; margin-right: 6px;}
.h_on{ float: right; width: 1096px;}
.h_on ul li{ float: left; width: 339px; background: #eee; padding: 7px; height: 434px; margin-right: 17px;}
.h_on ul li h4{ overflow: hidden; padding: 32px 0 12px 0; line-height: 100%; margin-left: 16px;}
.h_on ul li h4 span{ display: inline-block;font-weight: normal; font-size: 18px; color: #333; padding-right: 46px;background:url(../images/h_m2.jpg) no-repeat right 0; min-height: 19px;}
.h_on ul li i{ display: block; margin:0 10px 016px; font-size: 14px; color: #666; line-height: 24px;}
.h_on ul li h4:hover span{ color: #7e262f;font-weight: bold;}
    /**/
.tt2{background:url(../images/tt2.jpg) no-repeat center 0; height: 391px; overflow: hidden; margin-bottom: 119px;}
.tt2 h3{ padding: 118px 0 0 1022px; height: 123px; color: #7f252f;font-weight: normal; font-size: 12px;}
.tt2 h3 span{ display: block; font-size: 25px; font-family: Arial;font-weight: bold; line-height: 100%;}
.tt2 p{ overflow: hidden;}
.tt2 p b{ display: inline-block; float: left; width: 107px; height: 102px; background: #fff; text-align: center; color: #7f252f; font-size: 30px; font-weight: bold; line-height: 100%;}
.tt2 p b span{ display: block; padding: 17px 0 6px 0;}
.tt2 p em{ display: inline-block; float: right;background:url(../images/ttb.png) no-repeat; width: 1083px; height: 102px; color: #fff;font-weight: bold; font-size: 18px; font-weight: bold;}
.tt2 p em i{ display: inline-block; float: left; padding: 30px 0 0 23px;}
.tt2 p em i span{ display: block; }
.tt2 p em i:first-of-type{ padding-right: 107px;}
.tt2 p em i:nth-of-type(2){ padding-right: 100px;}
.tt2 p em i:nth-of-type(3){ padding-right: 100px;}
.tt2 p em i:nth-of-type(4){ padding-right: 100px;}
.tt2 p em i:nth-of-type(5){ padding-right: 105px;}
.tt2 p em i:nth-of-type(6){ padding-right: 103px;}
    /**/
.xinw{ height: 762px;background:url(../images/xe.jpg) no-repeat center 123px;}
.xinw h2{ padding-bottom: 30px;}
.x_l{ width: 545px;}
.x_l dl{ height: 400px; border-bottom: 1px solid #e5d4d5; margin-bottom:35px;}
.x_l dl dt{ font-size: 0; line-height: 0; overflow: hidden;}
.x_l dl dd{ padding: 24px 0 0 16px;}
.x_l dl dd h3 a{ display: block; overflow: hidden; color: #1b1b1b; font-size: 16px; font-weight: bold;}
.x_l dl dd h3:hover a{ color: #7e262f;}
.x_l dl dd p{ font-size: 14px; color: #666; line-height: 24px; padding-top: 16px;}
.x_l ul{ margin-left: 16px;}
.x_l ul li{ overflow: hidden; margin-bottom: 24px;}
.x_l ul li a{ display: block; overflow: hidden; font-size: 14px; color: #333; line-height: 100%;}
.x_l ul li a:hover{color: #7e262f;}
.x_r{ width: 550px;}
.x_r ul li{ padding-bottom: 35px;}
.x_r ul li h4{ font-size: 16px; color: #1b1b1b; font-weight: bold; overflow: hidden;  }
.x_r ul li span{ display: block; padding-top: 11px; font-size: 14px; color: #666; line-height: 25px;}
.x_r ul li:hover h4{ color: #7e262f;}
.x_r h4{ position: relative;}
.x_r h4 i{ display: block; position: absolute; right: 0; top: 0; width: 200px; height: 56px; line-height: 56px; background: rgba(213,168,77,0.7); text-align: center; font-weight: normal; font-size: 18px; color: #fff;}
    /**/
.zji{ background:url(../images/zji.jpg) no-repeat center 0; height: 659px; margin-bottom: 71px; overflow-x: hidden;}
.zji .content{ position: relative;}
.zji p{ position: absolute; right: -360px; top: 0;}
.zji h3{ padding: 180px 0 0 99px; width: 409px;background:url(../images/zjik.png) no-repeat 99px 180px;font-weight: normal; color: #fff;}
.zji h3 i{ display: block; font-size: 49px; letter-spacing: 6px;}
.zji h3 i span{ display: block; font-size: 18px; letter-spacing: 4px; padding-top: 3px;}
.zji h3 em{ display: block; color: #b89698; line-height: 28px; font-size: 14px; letter-spacing: 2px;}
.zji h3 em a{ display: block; margin-top: 27px;}
.zji h3 i{ display: block; padding-top:27px; height: 125px;}
    /**/
    /**/
    /**/
    /**/
.links{ overflow: hidden; height:51px; line-height: 51px;background:#7e262f;}
.links h3{ float: left; width: 87px; color: #fff; font-size: 14px;font-weight: normal;}
.links p{ float: left;  width: 1104px;}
.links p a{ display: inline-block; color: #fff; display: inline-block; margin-right:50px;font-size: 14px;}
.links p a:hover{text-decoration: underline;}
/**/
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,8px);-ms-transform: translate(0,8px);-o-transform: translate(0,8px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
/**/
/**/
html {font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}