@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;}
/* -- 页面整体布局 -- */
.content1{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit b{display:inline-block;font-size: 40px;color: #333;line-height: 40px;position: relative;}
.tit b:before{position: absolute;width: 17px;height: 1px;background: #002248;content: "";left: -45px;top: 20px;}
.tit b:after{position: absolute;width: 17px;height: 1px;background: #002248;content: "";right: -45px;top: 20px;}
.tit i{display:block;font-size: 20px;color: #333;line-height: 20px;padding-top: 10px;}

.banner{height: 640px;position: relative;}
.bdu{width: 100% !important;height: 640px;}
.bdu li{width: 100% !important;height: 640px;position:relative;}
.bdu li a{display: block;height: 640px;}
.bdu li img{height:640px;margin-left: -960px;position:absolute;left:50%;}
.hdu{position: absolute;width: 100%;height: 13px;right: 0;bottom: 44px;text-align: center;}
.hdu li{display: inline-block;width: 17px;height: 17px;background: #2a273a;margin:0 10px;border-radius:17px;}
.hdu li.on{background: #c49c61; border: 2px solid #c49c61; box-sizing: border-box; }

.us{height:445px; overflow: hidden; background: #f4f4f4; padding-top: 50px;}
.us p{ float: left; width: 513px; padding: 62px 0 0 0;}
.us p em{ display: block; color: #c39967; font-size: 36px; font-weight: normal; padding-bottom: 29px; line-height: 100%;}
.us p em strong{ line-height: 100%; display: inline-block;}
.us p span{ display: block; font-size: 16px; color: #666; line-height: 26px;}
.us p i{ display: block; text-align: right; padding-top: 33px;}
.us h3{ float: right; margin-right:-65px;}
.us h3 img{ transition: all 0.3s linear 0s;}
.us h3 img:hover{ transform: translateX(-5px);}
/**/
.ys1{ padding-top: 87px; height: 899px;}
.ys1   h3{ text-align: center;font-weight: normal; font-size: 40px; padding-bottom: 88px; background:url(../images/p_h.jpg) no-repeat center 50px; line-height: 100%; text-transform: uppercase;}
.ys1 dl{ float: left; width:600px; height: 600px; background:url(../images/p_mr.jpg) no-repeat;}
.ys1 dl dt{ padding-left: 59px; padding-top:102px; font-size: 28px; color: #333;font-weight: bold; margin-bottom: 45px; display: block; line-height: 100%;}
.ys1 dl dd h4{ margin: 0 60px; color: #333333; font-size: 24px; font-weight: normal;}
.ys1 dl dd h4 span{ display: block;}
.ys1 dl dd p{ font-size: 16px; color: #666666; margin: 0 48px 0 60px; line-height: 26px; padding-top: 15px; height:209px;}
.ys1 dl dd em{ display: block; margin: 0 60px; text-align: right;}
.ys1 dl dd em a{font-weight: bold; color: #ccab7d;font-family: Arial; font-size: 18px; text-transform: capitalize;transition: all 0.3s linear 0s; display: inline-block;}
.ys1 dl dd em a:hover{transform: translateX(-10px);}
.hjs{ overflow: hidden; height: 91px; margin-left: 393px;}
.hjs ul li{ width: 193px; height: 57px; text-align: center; line-height: 46px;float: left; margin-right: 29px; font-size: 24px; color: #fff;background:url(../images/p_li.jpg) no-repeat;}
.hjs ul li.on{background:url(../images/p_lic.jpg) no-repeat;}
    /**/
.ys2{background:url(../images/pro2.jpg) no-repeat center 0; height: 611px; padding-top:79px;}
.ys2 dl{ float: left; width:388px; }
.ys2 dl dt{ padding-left: 59px; padding-top: 70px; font-size: 28px; color: #333;font-weight: bold; margin-bottom: 45px; display: block; line-height: 100%;}
.ys2 dl dd h4{ margin: 0 60px; color: #333333; font-size: 24px; font-weight: normal;}
.ys2 dl dd h4 span{ display: block;}
.ys2 dl dd p{ font-size: 16px; color: #666666; margin: 0 48px 0 60px; line-height: 26px; padding-top: 15px; height:209px;}
.ys2 dl dd em{ display: block; margin: 0 60px; text-align: right;}
.ys2 dl dd em a{font-weight: bold; color: #ccab7d;font-family: Arial; font-size: 18px; text-transform: capitalize;transition: all 0.3s linear 0s; display: inline-block;}
.ys2 dl dd em a:hover{transform: translateX(-10px);}
.y_on1{ margin: 0 10px; overflow: hidden; position: relative; width: 531px; float:left;}

.y_onnsw1{ margin: 0 10px; overflow: hidden; position: relative; width: 654px; float:left;}
.yy_unsw1{ position: absolute; top: 171px; left: 3px; z-index: 55;}
.yy_dnsw1{ position: absolute; top: 175px; right: 2px; z-index: 55;}

.yy_u{ position: absolute; top: 246px; left: 20px; z-index: 55;}
.yy_d{ position: absolute; top: 246px; right: 20px; z-index: 55;}
.y_on1 ul li{ overflow: hidden; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.y_on1 ul li i{ display: block; width: 100%;  height: 60px; line-height: 60px; position: absolute; left: 0; bottom: 0;background:url(../images/spm.png) repeat; font-size: 16px; color: #fff; text-align: center;}
.y_on2 ul li{ overflow: hidden; position: relative; font-size: 0; line-height: 0; margin-bottom: 11px;}
.y_on2 ul li i{ display: block; width: 100%;  height: 60px; line-height: 60px; position: absolute; left: 0; bottom: 0;transition: all 0.15s linear 0s;background:url(../images/spm.png) repeat; font-size: 16px; color: #fff; text-align: center;}
.y_on2 ul li:hover i{background:url(../images/spn2.png) no-repeat; height: 260px; box-sizing: border-box;padding-top:142px;}
.ys1 img,.ys2  img,.ys3  img{transition: all 0.3s linear 0s;}
.ys1 img:hover,.ys2 img:hover,.ys3 img:hover{transform: scale(1.03);}
    /**/
.ys3{ padding-top: 75px; height: 516px; border-bottom: 1px solid #e5e5e5; margin-bottom: 78px; overflow: hidden;}
.ys3 ul{ float: left; width: 667px;}
.ys3 ul li{ float: left; border: 1px solid #e5e5e5; width: 326px; height: 435px; overflow: hidden; position: relative;}
.ys3 ul li:first-child{ margin-right: 11px;}
.ys3 ul li i{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 59px; line-height: 59px; background: #7f7f7f; text-align: center; font-size: 16px; color: #fff; }
.ys3 ul li:hover i{ background: #c49c61;}
.ys3 dl{ float: right; width: 521px; height: 437px;background:url(../images/yi1.jpg) no-repeat;}
.ys3 dl dt{ padding-left: 59px; padding-top: 47px; line-height: 38px; font-size: 28px; color: #333;font-weight: bold; margin-bottom: 45px;}
.ys3 dl dd h4{ margin: 0 60px; color: #333333; font-size: 24px; font-weight: normal;}
.ys3 dl dd p{ font-size: 16px; color: #666666; margin: 0 60px; line-height: 26px; padding-top: 15px; height: 160px;}
.ys3 dl dd em{ display: block; margin: 0 60px; text-align: right;}
.ys3 dl dd em a{font-weight: bold; color: #ccab7d;font-family: Arial; font-size: 18px; text-transform: capitalize;transition: all 0.3s linear 0s; display: inline-block;}
.ys3 dl dd em a:hover{transform: translateX(-10px);}

    /**/
.seas{background:url(../images/case.jpg) no-repeat center 0; height: 766px; overflow: hidden; padding-top: 97px;}
.seas h3{ text-align: center;font-weight: normal; font-size: 40px; padding-bottom: 88px; background:url(../images/s_h.png) no-repeat center 50px; line-height: 100%; margin-bottom: 38px;}
.s_li{ overflow: hidden;}
.s_li li{ overflow: hidden;}
.s_li li b{ display: inline-block; float: left; overflow: hidden;}
.s_li li b img{transition: all 0.3s linear 0s;}
.s_li li b img:hover{transform: scale(1.03);}
.s_li li em{ display: inline-block; float: right; width: 303px; padding-right: 44px; padding-top: 49px;}
.s_li li em i{ display: block; font-size: 20px; color: #333;}
.s_li li em i strong{ display: block; font-size: 28px; padding-bottom:3px;}
.s_li li em span{ display: block; padding-top: 33px; color: #7e7e7e; font-size: 16px; line-height: 26px;}
.s_on{ position: absolute; left: 805px;top:576px;}
.s_on ul li{ float: left; width: 80px; padding-top: 10px; height: 80px; text-align: center; font-size: 18px; color: #fff; line-height: 80px;background:url(../images/s_li.jpg) no-repeat 0 bottom; margin-right: 1px;}
.s_on ul li.on{background:url(../images/s_lic.png) no-repeat 0 bottom;}
/**/
.zil{ height: 745px; position: relative;}
.zil h3{ text-align: center;font-weight: normal; font-size: 40px; padding-bottom: 88px; background:url(../images/z_h3.png) no-repeat center 50px; line-height: 100%; text-transform: uppercase;}
.z_u{ position: absolute; left: -73px; top: 338px; z-index: 5; cursor: pointer;}
.z_d{ position: absolute; right: -73px; top: 338px; z-index: 5; cursor: pointer;}
.zil h4{background:url(../images/n_btn.jpg) no-repeat; width: 128px; height: 35px; line-height: 38px; margin:40px auto 0; transition: all 0.3s linear 0s;}
.zil h4 a{ display: block; font-weight: normal; padding-left: 24px; font-size: 14px; color: #333; transition: all 0.3s linear 0s;}
.zil h4:hover{background:url(../images/n_btn2.png) no-repeat;  }
.zil h4:hover a{color: #c49c61;}
.zil ul{ overflow: hidden;}
.zil ul li{ float: left; width: 383px; margin-right: 25px; height: 461px; background: #f4f4f4;}
.zil ul li b{ display: block; overflow: hidden;}
.zil ul li b img{ display: inline-block; width: 383px;transition: all 0.3s linear 0s;}
.zil ul li b:hover img{transform: scale(1.03);}
.zil ul li em{ display: block; margin:26px; font-size:20px; color: #333; margin-bottom:21px;}
.zil ul li em span{ display: block;}
.zil ul li:hover em a{ color: #c49c61;}
.zil ul li i{ display: block; margin: 0 25px; color: #7e7e7e; font-size: 14px; line-height: 24px; height: 97px;}
.zil ul li i span{ display: block;}
.zil ul li strong a{ display: block; text-align: right; margin-right: 25px; font-family: Arial; font-size: 15px; color: #c49c61; text-transform: capitalize; transition: all 0.3s linear 0s;}
.zil ul li strong a:hover{  transform: translateX(-10px);}
    /**/
.shilu{ overflow: hidden; height: 868px;background:url(../images/jz.jpg) no-repeat center bottom; padding-top: 78px; border-top: 1px solid #e5e5e5;}
.shilu h3{ text-align: center;font-weight: normal; font-size: 40px; padding-bottom: 88px; background:url(../images/n_h.jpg) no-repeat center 50px; line-height: 100%; text-transform: uppercase;}
.sli_o{ position: relative;}
.sli_o img{ display: inline-block; position: absolute; right: -360px; transition: all 0.3s linear 0s;}
.sli_o img:hover{transform: scale(1.01);}
.sli_o1{ overflow: hidden;}
.sli_o h4{font-weight: normal; font-size: 28px; color: #fff; padding-top: 102px;}
.sli_o h4 span{ display: block; line-height: 100%; color: #c49c61;font-weight: bold; font-size:67px; padding-bottom: 15px;}
.sli_o h4 strong{ display: block; font-size: 28px;}
.sli_o p{ display: block; font-size: 16px; color: #ccc; padding-top: 31px; width: 450px; line-height: 26px;}
.sl_iin{ overflow: hidden; position: absolute; left: 0; top:629px; background: #fff;background:url(../images/som.jpg) no-repeat; height: 168px; width:1197px;}
.sl_iin ul li{ float: left; width: 25%; text-align: center; color: #333;  font-size: 19px; padding-top: 116px; box-sizing: border-box;}
.sl_iin ul li.on{background:url(../images/som2.jpg) no-repeat; height: 168px; font-weight: normal; color: #fff;}
.sl_iin ul li:nth-child(2).on{background:url(../images/som2.jpg) no-repeat -300px 0;}
.sl_iin ul li:nth-child(3).on{background:url(../images/som2.jpg) no-repeat -600px 0;}
.sl_iin ul li:nth-child(4).on{background:url(../images/som2.jpg) no-repeat -900px 0;}
    /*news*/
.news{ padding-top: 97px;height:708px; overflow: hidden;}
.news h3{ text-align: center;font-weight: normal; font-size: 40px; padding-bottom: 88px; background:url(../images/n_h.jpg) no-repeat center 50px; line-height: 100%;}
.news h3 a{ color: #333;}
.news dl{ float: left; background: #f4f4f4; width: 780px; height: 390px;}
.news dl dt{ float: left; width: 390px; overflow: hidden;}
.news dl dt img{ width: 390px; display: inline-block;transition: all 0.3s linear 0s;}
.news dl dt img:hover{transform: scale(1.03);}
.news dl dd{ float: right; width: 315px; padding: 52px 037px 0 0;}
.news dl dd h5{font-weight: normal;}
.news dl dd h5 a{ display: block; font-size: 18px; color: #333;}
.news dl dd h5 a:hover{ color: #c49c61;}
.news dl dd p{ padding-top: 27px; color: #7e7e7e; font-size: 14px; line-height: 27px;}
.news dl dd p span{ display: block; padding: 40px 0;}
.news dl dd em{ display: block; text-align: right;}

.news ul{ float: right; width: 352px;background: #f4f4f4; padding: 10px 28px 0; height: 380px;}
.news ul li{ display: block; padding: 30px 0; border-bottom: 1px solid #dcdcdc;}
.news ul li:last-child{ border-bottom: none;}
.news ul li a{ display: block; padding-left: 14px; font-size: 18px; color: #333;background:url(../images/n_ivo.jpg) no-repeat 0 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news ul li a:hover{ color: #c39967;}
.news ul li span{ display: block; color: #7e7e7e; font-size: 14px; padding-top: 15px;}

.news h4{background:url(../images/n_btn.jpg) no-repeat; width: 128px; height: 35px; line-height: 38px; margin:40px auto 0; transition: all 0.3s linear 0s;}
.news h4 a{ display: block; font-weight: normal; padding-left: 24px; font-size: 14px; color: #333; transition: all 0.3s linear 0s;}
.news h4:hover{background:url(../images/n_btn2.png) no-repeat;  }
.news h4:hover a{color: #c49c61;}
    /**/
.abt{ background:url(../images/a_bg.jpg) no-repeat center 0;height:225px; padding-top:566px; margin-bottom: 20px;}
.abt_con{ padding-top:530px;;}
.abt dl{ height:223px ; width: 1200px;background:url(../images/zjik.png) no-repeat center 0; overflow: hidden;}
.abt dl dt{ float: left; padding: 75px 0 0 72px; width: 245px; color: #fff;}
.abt dl dt i{ display: block; font-weight: bold; font-size: 48px; line-height: 100%; padding-bottom:7px;}
.abt dl dt a{ display: block; font-family: Arial; font-size: 16px;font-weight: bold; text-transform: capitalize; color: #fff; padding-top: 7px;}
.abt dl dd{ float: right; width: 750px; padding:37px 75px 0 0;}
.abt dl dd h3{font-weight: normal; font-size: 24px;}
.abt dl dd h3 a{ color: #333;}
.abt dl dd h3 span{ display: block;}
.abt dl dd p{ color: #666666; font-size: 14px; line-height: 26px; padding-top: 16px;}
.abt dl dd p em{ display: block; padding-right: 42px; text-align: right; margin-top: 12px;}
.abt dl dd p em a{ color: #3d4146; font-size: 18px;}
/**/
.ys1 .y_on1{ margin: 0; position: relative;}
.pages{ position: absolute; top: 25px; right: 35px; color: #666;  z-index: 555; font-size: 18px; font-weight: bold;}
.pages span{font-weight: bold; color: #c49c61; font-size: 36px; font-weight: bold; font-family: Arial; padding-right: 5px;}
    /**/

 
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;
    }
}