﻿@charset "utf-8";
.g_pp{background:url(../images/ppbg.jpg) no-repeat center top;height: 523px;padding-top: 205px;}
.g_pp .m_ppl{float: left;margin-left: 50px; width:746px; }
.g_pp .m_ppl dl{height: 98px;width: 336px;}
.g_pp .m_ppl dt{float: left;width: 58px;margin-right: 12px;}
.g_pp .m_ppl dt img{width: 58px;height: 58px;display: block;transition: all 0.3s linear 0s;}
.g_pp .m_ppl dt:hover img{transform:rotate(360deg);}

.g_pp .m_ppl dd{float: right;width: 262px;padding-top: 12px;}
.g_pp .m_ppl dd h3{height: 70px;border-bottom: 1px dashed #dddddd;font-size: 16px;color: #212129}
.g_pp .m_ppl dd h3 em{display: block;font-size: 12px;color: #bfbfbf;font-weight: normal;letter-spacing: -1px;}
.g_pp .m_ppr{float: left;width: 356px;}
.g_pp .m_ppr h3{height: 125px;font-size: 30px;font-weight: bold;color: #212129;} 
.g_pp .m_ppr h3 em{display: block;font-size: 18px;color: #616161;font-weight: normal;letter-spacing: 10px;} 
.g_pp .m_ppr p{font-size: 14px;line-height: 24px;color: #939393;margin-bottom: 48px;height: 96px;overflow: hidden;}
.g_pp .m_ppr span{display: block;float: right;}

.g_an{background: #1c1c1c;padding: 58px 0 100px 0;}
.g_an h2{height: 96px;text-align: center;font-size: 30px;color: #fff;font-weight: bold;}
.g_an h2 a{color: #fff;}
.g_an h2 em{display: block;font-weight: normal;font-size: 18px;color: #bbb;padding-top: 12px;letter-spacing: 3px;}
.g_an .anfl{width: 1200px;margin: 0 auto;}
.g_an .anfl ul{margin-left: 25px;height: 130px}
.g_an .anfl li{float: left;padding: 0 28px;background:url(../images/anline.png) no-repeat right 58px;padding-top: 10px;font-size: 14px;color: #8a8a8a; }
.g_an .anfl li em{display: block;width: 48px;height: 43px;overflow: hidden;margin: 0 auto;}
.g_an .anfl li em img{width: 48px;height: 86px;display: block;transition: all 1s ease 0s;}
.g_an .anfl li:hover em img{margin-top: -43px;}
.g_an .anfl li:hover a{color: #f39800;}
.g_an .anfl li:last-child{background: none;}
.g_an .anlst{padding-bottom: 25px;}
.g_an .anlst dl{float: left;position: relative;width: 24.2%;margin: 0 1% 20px 0; overflow: hidden;}
.g_an .anlst .lastdl{margin-right: 0;}
.g_an .anlst dt{width: 100%;}
.g_an .anlst dt img{width: 100%;display: block;}
.g_an .anlst dd{position: absolute;left:0;top: -341px; width: 100%;height: auto;overflow: hidden; padding-bottom: 66.5%;padding-top: 5%;background: rgba(0,0,0,.8); border: 5px solid #f39800;box-sizing:border-box;}

.g_an .anlst h3{height: 40px;line-height: 40px;overflow: hidden;text-align: center;font-size: 22px;font-weight: bold;color: #fff;margin-bottom: 3%; margin-top: 8%;}
.g_an .anlst h3 a{color: #fff;}
.g_an .anlst p{padding: 0 30px;font-size: 13px;line-height: 24px;height: 72px;overflow: hidden;text-align: center;}
.g_an .anlst span{display: block;width: 40px;margin: 3% auto 0;}
.g_an .anlst span img{width: 40px;height: 40px;display: block;}

.g_an .item-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.g_an .anlst dl:hover dd{top:0;
     -webkit-transform: translateY(0%);    transform: translateY(0%); -webkit-transition:1s all ease;transition:1s all ease;}
.g_an .anmore a{display: block; height: 92px;line-height: 92px;background: #353535;text-align: center;font-size: 16px;color: #fff;}

.g_fz {background:url(../images/ysnowzbg.jpg) no-repeat center top;height: 221px;padding-top: 90px;}
.g_fz .ibrand-num li{float: left;font-size: 14px;color: #8c8c8c}
.g_fz .ibrand-num .li01{width: 174px;text-align: left;}
.g_fz .ibrand-num .li02{width: 237px;text-align: center;}
.g_fz .ibrand-num .li03{width: 256px;text-align: center;}
.g_fz .ibrand-num .li04{width: 290px;text-align: center;}
.g_fz .ibrand-num .lastli{width: 242px;text-align: center;}
.g_fz .ibrand-num li em{display: inline-block;font-size: 60px;color: #212129;}
.g_fz .ibrand-num i{font-size: 16px;font-style: normal;position: relative;top:0;color: #212129;padding-left: 8px;}
.g_fz .ibrand-num li span{display: block;}


.g_sjs{background:url(../images/kfbg.jpg) no-repeat center top;height: 770px;padding-top: 74px;}
.g_sjs h2{height: 124px;text-align: center;font-size: 30px;color: #212129;font-weight: bold;}
.g_sjs h2 a{color: #212129;}
.g_sjs h2 em{display: block;font-weight: normal;font-size: 18px;color: #616161;padding-top: 12px;letter-spacing: 3px;}
.g_sjs dl{float: left;width: 300px;}
.g_sjs dt{width: 300px;height: 400px;overflow: hidden;}
.g_sjs dt img{width: 300px;height: 400px;display: block;}
.g_sjs dd{background: #fff;padding: 20px 0 0 30px;height: 92px;position: relative;}
.g_sjs h3{width: 200px;height: 56px;line-height:28px;overflow: hidden;font-size: 20px;color: #4b504e;font-weight: normal;}
.g_sjs h3 a{color: #4b504e;}
.g_sjs h3 em{display: block;font-size: 14px;color: #8f8f8f;}
.g_sjs dl:hover dd{background: #f39800;}
.g_sjs dl:hover h3 a{color: #fff;}
.g_sjs dl:hover h3 em{color: #ffda9d;}
.g_sjs span{position: absolute;left:232px;top:35px;display: none;width: 40px;height: 40px;z-index: 111}
.g_sjs span img{width: 40px;height: 40px;display: block;}
.g_sjs dl:hover span{display: block;}

.g_sjs .u_ljt,.g_sjs .u_rjt{position: absolute;width: 18px;height: 28px;top:365px;}
.g_sjs .u_ljt{background:url(../images/ljt.png) no-repeat;left:-52px;}
.g_sjs .u_rjt{background:url(../images/rjt.png) no-repeat;right:-52px;}
.g_sjs .u_ljt:hover,.g_sjs .u_rjt:hover{background-position: -18px 0;}


.g_news{background:url(../images/newbg.jpg) no-repeat center top;height: 743px;padding-top: 85px;}
.g_news h2{height: 108px;text-align: center;font-size: 30px;color: #fff;font-weight: bold;}
.g_news h2 a{color: #fff;}
.g_news h2 em{display: block;font-weight: normal;font-size: 18px;color: #bbbbbb;padding-top: 12px;letter-spacing: 3px;}
.g_news .newhd{margin-left: 398px;height: 108px;}
.g_news .newhd li{height: 34px;line-height: 34px;background:url(../images/newline.png) no-repeat right 10px;text-align: center;font-size: 18px;color: #8a8a8a;float: left;padding: 0 35px;}
.g_news .newhd li a{color: #8a8a8a}
.g_news .newhd li a:hover,.g_news .newhd .on a{color: #f39800}
.g_news .newhd li:nth-child(3){background:none;}
.g_news dl{float: left;width: 570px;margin-right: 50px;height: 238px;}
.g_news .lastdl{margin-right: 0;}
.g_news dt{float: left;width: 160px;height: 160px;overflow: hidden;position: relative;}
.g_news dt img{width: 160px;height: 160px;display: block;}
.g_news dt:before { position: absolute; content: ""; width: 138px; height: 138px; margin-top: 10px; z-index: 10; border: 1px solid transparent; left: 10px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.g_news dl:hover dt:before { border: 1px solid rgba(255,255,255,.2); box-shadow: 6px 0px 30px rgba(0, 0, 0, 0.9); }
.g_news dd{float: right;width: 380px;}
.g_news .title {overflow: hidden; white-space: nowrap;font-size: 16px; line-height: 32px; color: #b7b7b7; transition: all 0.3s ease-out 0s; height: 32px;}
.g_news .description { margin-top: 20px; font-size: 13px; color: #777777; line-height: 24px;}
.g_news dl:hover .title{color: #f39800}
.g_news .date {font-family: "HELVETICANEUELTPRO-THEX", Arial; height: 45px; font-weight: 300;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: relative;}
.g_news .date .md { margin-right: 10px; transition: all 0.3s linear 0s;}
.g_news dl:hover .date{color: #DADADA;}
.g_news dl:hover .md{ margin-left: 80px;  }
.g_news .md:after { content: ''; display: block; border-bottom: 1px solid #454545; width: 30px; position: absolute; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.g_news dl:hover .md:after { width: 110px; }






/* 走进 */
.g_zj{height:892px;padding-top: 175px;background:url(../images/zjbg.jpg) no-repeat center top;}
.g_zj .u_dlst1{margin-left: 598px;width: 600px;height: 571px;}
.g_zj h3{height: 113px;font-size: 30px;font-weight: bold;color: #212129;}
.g_zj h3 a{color: #212129;text-decoration: none;}
.g_zj h3 em{display: block;font-size: 18px;color: #616161;font-weight: normal;padding-top: 8px;}
.g_zj p{height: 96px; overflow: hidden;font-size: 14px;line-height: 24px;color: #939393;margin-bottom: 62px;}
.g_zj span a{display: block;width: 184px;height: 54px;line-height: 54px;background: #f39800;text-align: center;font-size: 14px;color: #fff;text-transform: uppercase;font-weight: bold;}
.g_zs2{height:320px;}
.zz{width:1200px; height:320px; margin:0 auto; position:relative;}
.zz ul{height:48px;line-height: 48px;margin-bottom: 36px;}

.zz ul li{float:left; height:48px; width: 136px;line-height: 48px;text-align: center; font-size: 16px;color: #fff;margin-right: 30px; background: #7d8488;font-weight: bold;}
.zz ul li a{display:inline-block; width:136px; height:48px;line-height: 48px;  color:#fff;text-decoration: none; }
.zz ul li a:hover,.zz ul li.cur a{background: #f39800;}


.zz_box{ position: relative;}
.zz_box .ljt,.zz_box .rjt{position: absolute;width: 18px;height: 28px;top:75px;}
.zz_box .ljt{background:url(../images/ljt.png) no-repeat;left:-52px;}
.zz_box .rjt{background:url(../images/rjt.png) no-repeat;right:-52px;}
.zz_box .ljt:hover,.zz_box .rjt:hover{background-position: -18px 0;}


.zz-s{height:230px; overflow:hidden;}
.zz-s ol li{position: relative; float:left; width:286px;height:161px;overflow: hidden; margin-right:18px; *display:inline;background: none;padding: 0}
.zz-s ol li.no{margin:0;}
.zz-s ol li img{width:286px; height:161px; display: block;transition: all 0.3s linear 0s;}
.zz-s ol li em{position: absolute;left:0;top:0;background:rgba(0,0,0,.8);width: 288px;padding-top: 70px;height: 91px;text-align: center;font-size: 16px;color: #fff; display: none;}
.zz-s ol li:hover em{display: block;}
.zz-s ol li:hover img{transform: scale(1.1);}





/* 友情链接 */
.g_link{position: relative; width: 1200px;top:0; margin: 0 auto;}
.g_link .content{ right: 0;top:-55px;height: 25px;line-height: 25px; width: 430px;position: absolute;}
.g_link h2{float: left;width: 84px;font-size: 14px;color: #1c1c1c; font-weight: normal;}
.link_c{line-height:25px; overflow:hidden;float: left;width: 345px; font-size: 14px;color:#1c1c1c;}
.link_c a{ white-space:nowrap; padding:0 8px; display: inline-block; height: 25px; line-height:25px; color:#1c1c1c;}


