@charset "utf-8"; /*鍐呭鐩掑瓙*/ .header,.content,.footer{width: 1200px;margin: 0 auto;} /**/ .gs_div{width: 100%;height:892px;background:url(../images/index/gs_bg.jpg) no-repeat center 0;overflow: hidden;} .gs_div h3{width: 100%;display: block;background: url(../images/index/gs_t.jpg) no-repeat center bottom;font-size: 50px;text-align: center;line-height: 60px;padding-bottom: 35px;padding-top: 76px;margin-bottom: 45px} .gs_div h3 a{color: #c4261d} .gs_btn li{width: 109px;height: 109px;float: left;display: inline;margin-right: 46px;} .gs_btn li.non{margin-right: 0;} .gs_btn li a{font-size: 18px;color: #666666;text-align: center;display: block;background:url(../images/index/gf_lic.png) no-repeat center 0;padding: 30px 30px;line-height: 25px;font-weight: bold;height: 49px; } .gs_btn li.gslit a{padding: 30px 26px;} .gs_btn li a:hover{background:url(../images/index/gy_li.png) no-repeat center 0;color: #fff;} .gs_qh{ position: relative;clear: both; margin-top: 65px;height: 419px;} .gs_uu{ position: absolute; left:-40px; top: 207px;z-index:10;} .gs_dd{ position: absolute; right: -40px; top: 207px;z-index:10;} .gs_uu a,.gs_dd a{width: 29px;height: 25px;display: block;} .gs_uu a{background:url(../images/index/gs_zj.png) no-repeat center 0;} .gs_dd a{background:url(../images/index/gs_yj.png) no-repeat center 0;} .gs_qh ul li{ margin: 0 auto; width: 745px;} .gs_qh ul li img{ width: 745px; height: 419px;} .gslits{padding-top:40px;} .gsli{width:380px;float:left;margin-right:30px;display:inline;} .gsli p{display:block;line-height:40px;text-align:center;font-size:14px;color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:380px;} .gslits .non{margin-right:0;} .gsli img{width:380px;} #carouse1{width: 1200px;height: 419px;position: relative;} #carouse1 div img{background:#fff;width: 745px;height: 419px;opacity: 0.3;} #carouse1 div img.carousel-center{opacity: 1} #carouse1 div p{width: 681px;background:url(../images/index/tm_g.png) repeat 0 0;position: absolute;left: 228px;bottom: 0px;height: 46px;padding:0 32px;line-height:46px;font-size:16px;color:#fff;text-align:center;} #carouse1 div p em{color: #fff;font-size: 16px;display: block;line-height: 24px;padding-top: 7px;} #carouse1 div p i{display: block;font-size: 14px;line-height: 20px;color: #fff;} .sq_div{width: 100%;height:846px;background:url(../images/index/sq_bg.jpg) no-repeat center 0;overflow: hidden;} .sq_div h3{width: 100%;display: block;background: url(../images/index/sq_t.jpg) no-repeat center bottom;font-size: 50px;text-align: center;line-height: 60px;padding-bottom: 35px;padding-top: 86px;margin-bottom: 58px} .sq_div h3 a{color: #c4261d} .sq_znr,.sq_ynr{width: 571px;position: relative;height: 428px;margin-top: 18px;} .sq_slide{width: 571px;height: 428px;overflow: hidden;} .sq_slide img{width: 571px;height: 428px;} .sq_btn{position: absolute;left:17px;bottom: 23px;} .sq_btn li{float: left;width: 92px;height: 68px;border:2px solid #fff;margin-right: 14px;display: inline;} .sq_btn li a{width: 92px;height: 68px;display: block;position: relative;} .sq_btn li a img{width: 92px;height: 68px;} .sq_btn li a span{width: 92px;height: 68px;display: block;background:url(../images/index/tm_g.png) repeat 0 0;position: absolute;top: 0;left: 0;} .sq_btn li.cur a span,.sq_btn li a:hover span{display: none;} .sq_btn li.cur,.sq_btn li:hover{border-color: #c4261d} .sq_bty{width: 571px;background:url(../images/index/sq_bt.jpg) no-repeat 0 bottom; display: block;position: absolute;bottom: -58px;left: 0px;height: 78px} .sq_ynr .sq_bty{background:url(../images/index/sq_bt2.jpg) no-repeat 0 bottom; } .sq_bty a{font-size: 30px;color: #fff;display: block;width: 571px;} .sq_bty a span{font-size: 55px;font-weight: bold;display: inline-block;padding-left: 150px;line-height: 89px;float: left;} .sq_bty a i{display: inline-block;font-size: 30px;font-style: normal;padding-left: 5px;line-height: 36px;float: left;padding-top: 30px;} .sq_ynr .sq_bty a span{padding-left: 126px} .mt_div{width: 100%;height: 740px;background:url(../images/index/ys_bg.jpg) no-repeat center 0;overflow: hidden;} .mt_div h3{width: 100%;display: block;background: url(../images/index/mt_t.png) no-repeat center bottom;font-size: 50px;text-align: center;line-height: 60px;padding-bottom: 35px;padding-top: 86px;margin-bottom: 58px} .mt_div h3 a{color: #c4261d} .mt_div .mtp{display: block;text-align: center;} .mt_div .mtp a{padding-left: 42px;display: inline-block;font-size: 30px;color: #fff;line-height: 35px;height: 35px;margin-right: 29px;zoom:1;} .mt_div .mtp a.mta01{background:url(../images/index/mt1.png) no-repeat 0 0;} .mt_div .mtp a.mta02{background:url(../images/index/mt2.png) no-repeat 0 0;} .mt_div .mtp a.mta03{background:url(../images/index/mt3.png) no-repeat 0 0;} .mt_div .mtp a.mta04{background:url(../images/index/mt4.png) no-repeat 0 0;} .mt_div .mtp a.mta05{background:url(../images/index/mt5.png) no-repeat 0 0;} .mt_div em{display: block;text-align: center;font-size: 50px;font-weight: normal;font-style:normal;color: #fff;line-height: 60px;padding-top: 26px;} .mt_div ul{padding:140px 0 0;} .mt_div ul li{float: left;width: 230px;margin-left: 8px;display: inline;} .mt_div ul li a,.mt_div ul li a img{width: 230px;height: 173px;display: block;position: relative;} .mt_div ul li a{overflow: hidden;} .mt_div ul li a span{position: absolute; left: 0; bottom: 0; width: 230px; height: 30px; display: block; background: #000; text-align: center; line-height: 30px; font-size: 16px; color: #fff; opacity: 0.5;} .fb_div{width: 100%;height: 834px;background:url(../images/index/fb_bg.jpg) no-repeat center 0;overflow: hidden;} .fb_div h3{width: 100%;display: block;background: url(../images/index/cy_t.jpg) no-repeat center bottom;font-size: 50px;text-align: center;line-height: 60px;padding-bottom: 35px;padding-top: 75px;margin-bottom: 58px} .fb_div h3 a{color: #c4261d} .fb_div ul{padding-left: 14px} .fb_div ul li{width: 94px;overflow: hidden;height: 498px;float: left;margin-right: 1px;display: inline;} .fb_div ul li a{width: 100%;display: block;position: relative;} .fb_div ul li a img{position: absolute;top:0;left:0;z-index: 6;display: block;} .fb_div ul li a span{z-index:8;position: absolute;top:0;left:0;background: url(../images/index/cy_tm.png) no-repeat 0 0;width: 94px;display: block;height: 498px;font-size:24px;width: 24px;padding:144px 35px 0;color: #fff;line-height: 26px;} .fb_div ul li.cur{width: 885px} .fb_div ul li.cur span{display: none;} .kh_div{width: 100%;height: 749px;background:url(../images/index/hz_bg.jpg) no-repeat center 0;overflow: hidden;} .kh_div h3{width: 100%;display: block;background: url(../images/index/an_t.png) no-repeat center bottom;font-size: 50px;text-align: center;line-height: 60px;padding-bottom: 35px;padding-top: 65px;margin-bottom: 60px;} .kh_div h3 a{color: #c4261d} .kh_div .kh_qh{background:url(../images/index/kh_tm.png) no-repeat center 0;width: 1200px;height: 359px;} .kh_div .kh_qh li{float:left;border-right: 1px dashed #dddddd;width: 239px;} .kh_div .kh_qh li a{position: relative;width: 239px;height: 179px;border-bottom: 1px dashed #dddddd;display: block;} .kh_div .kh_qh li img{display: block;width: 239px;height: 179px;-webkit-animation-duration: 1s;-o-animation-duration: 1s;-ms-animation-duration: 1s;-moz-animation-duration: 1s;-khtml-animation-duration: 1s; animation-duration: 1s;} .kh_div .kh_qh li .imfz{ position: absolute;top: 0;left: 0;display: none; } .kh_div .kh_qh li a:hover .imfz{display: block; -webkit-animation-name:flipYIn; animation-name:flipYIn; } .kh_div .content{position: relative;} .kh_div .kh_qh li .non{border-bottom: 0} .kh_div .khzj,.kh_div .khyj{width: 32px;height: 65px;position: absolute;top:372px;display: block;} .kh_div .khzj{background: url(../images/index/kh_zj.png) no-repeat 0 0;left: -55px;} .kh_div .khyj{background: url(../images/index/kh_yj.png) no-repeat 0 0;right: -55px;} .td_div{width: 100%;height: 707px;background: #ffffff;overflow: hidden;} .td_div h3{width: 100%;display: block;background: url(../images/index/td_t.jpg) no-repeat center bottom;font-size: 50px;text-align: center;line-height: 60px;padding-bottom: 35px;padding-top: 80px} .td_div h3 a{color: #c4261d} .tdnr_z{width: 520px;padding-top: 68px;} .tdnr_z dl{height: 464px;} .tdnr_z dl dt{float: left;width: 258px;} .tdnr_z dl dt img{width: 258px;height: 464px;} .tdnr_z dl dd{float: right;width: 230px} .tdnr_z dl dd h4{display: block;font-size: 20px;padding-top: 56px;} .tdnr_z dl dd h4 a{color: #000000;line-height: 28px;} .tdnr_z dl dd h4 a b{font-size: 16px;font-weight: normal;padding-left: 20px} .tdnr_z dl dd h4 a i{display: block;font-size: 20px;color: #666666;font-weight: normal;} .tdnr_z dl dd p{display: block;font-size: 12px;color: #333333;line-height: 22px;padding-top: 20px} .tdbtn{position: absolute;bottom: 80px;right: 30px;z-index: 12} .tdbtn p{float: left;} .tdbtn p span{font-size: 40px;color: #cacaca;border-bottom: 3px solid #fff;line-height: 50px;margin-right: 25px;float: left;display: inline-block;cursor: pointer;} .tdbtn p span.cur{color: #000;border-color: #c4261d} .tdbtn .tdmor{font-size: 40px;color: #cacaca;display: block;float: left;line-height: 20px;height: 20px;padding-top: 15px;} .tdnr_y{width: 657px;padding-top: 65px;} .tdnr_y dt,.tdnr_y dt img{width: 657px;height: 314px;display: block;} .tdnr_y dd{display: block;height: 90px;border-left: 1px solid #b2b2b2;padding-left: 17px;margin-top: 10px} .tdnr_y dd h4{display: block;font-size: 20px;color: #000000;line-height: 36px;font-weight: normal;} .tdnr_y dd p{font-size: 14px;color: #333333;display: block;line-height: 24px;} .tx_div{width: 100%;background: url(../images/index/bn_bg.jpg) no-repeat center 0;height: 327px;} .tx_div p{width: 235px;font-size: 30px;color: #333333;font-weight: bold;line-height: 40px;padding-top: 120px} .tx_div p i{display: block;font-size: 20px;color: #c4261d;line-height: 24px;padding-top: 10px} .tx_div ul{padding-top: 83px;padding-left: 10px;} .tx_div ul li{float: left;width: 188px;margin: 0 27px;display: inline;height: 168px;text-align: center;font-size: 16px;color: #000000;line-height: 24px} .tx_div ul li.cur{background: #c4261d;color: #fff} .tx_div ul li.non{margin-right: 0;} .tx_div ul li span{display: block;padding-top: 64px} .tx_div ul li .txspn01{background:url(../images/index/bn01.png) no-repeat center 25px; } .tx_div ul li .txspn02{background:url(../images/index/bn02.png) no-repeat center 25px; } .tx_div ul li .txspn03{background:url(../images/index/bn03.png) no-repeat center 25px; } .tx_div ul li .txspn04{background:url(../images/index/bn04.png) no-repeat center 25px; } .tx_div ul li.cur .txspn01{background:url(../images/index/bn01h.png) no-repeat center 25px; } .tx_div ul li.cur .txspn02{background:url(../images/index/bn02h.png) no-repeat center 25px; } .tx_div ul li.cur .txspn03{background:url(../images/index/bn03h.png) no-repeat center 25px; } .tx_div ul li.cur .txspn04{background:url(../images/index/bn04h.png) no-repeat center 25px; } .nw_div{width: 100%;background: url(../images/index/zx_bg.jpg) no-repeat center 0;height: 767px;} .nw_div h3{width: 100%;display: block;background: url(../images/index/zx_t.jpg) no-repeat center bottom;font-size: 50px;text-align: center;line-height: 60px;padding-bottom: 35px;padding-top: 75px} .nw_div h3 a{color: #c4261d} .nw_div .nw_nrf{width: 302px;padding-top: 81px;} .nw_div .nw_nrf img{width: 302px;height: 402px} .nw_div .nw_nrr{width: 812px;padding-top: 77px;} .nw_btn ul{float: left;} .nw_btn ul li{float: left;padding-right: 60px} .nw_btn ul li a{font-size: 20px;color: #666666;line-height: 48px;height: 48px;display: inline-block;} .nw_btn ul li a:hover,.nw_btn ul li.cur a{color: #c4261d;font-weight: bold;border-bottom: 3px solid #c4261d} .nw_btn .nw_mor{float: right;color: #666666;font-size: 18px;margin-top: 20px;} .nw_qh dl{display: block;border-bottom: 1px dashed #e5e5e5;padding: 20px 0 16px;} .nw_qh dl.non{border: 0} .nw_qh dl dt{float: left;font-size: 64px;color:#666666;font-family: '[DINOT]';width: 78px;line-height: 64px;text-align: center;padding-right: 24px;} .nw_qh dl dt span{display: block;font-size: 18px;line-height: 24px} .nw_qh dl dd{width: 710px;float:right;} .nw_qh dl dd h4{display: block;font-size: 16px;font-weight: normal;line-height: 30px;padding-top: 5px;} .nw_qh dl dd h4 a{color: #666666} .nw_qh dl dd p{color: #666666;line-height: 24px;font-size: 12px;padding-top: 7px;} .nw_qh dl dd p a{color: #c4261d} .gy_div{width: 100%;background: url(../images/index/gy_bg.jpg) no-repeat center 0;height: 727px;} .gy_div h3{width: 100%;display: block;background: url(../images/index/gy_t.png) no-repeat center bottom;font-size: 50px;text-align: center;line-height: 60px;padding-bottom: 35px;padding-top: 75px} .gy_div h3 a{color: #c4261d} .gy_div dl{width: 610px;margin:0 auto;display: block;padding-top: 42px;} .gy_div dl dt{width:100%;height: 305px;} .gy_div dl dd{text-align: center;color: #fff;font-size: 12px;line-height: 24px} .gy_div dl dd h4{display: block;line-height: 30px;padding-top: 12px} .gy_div dl dd h4 a{color: #fff;font-size: 14px;} .fw_div{width: 100%;height: 296px;background: #f4f4f4} .fw_div h3{display: block;background: url(../images/index/fw_xh.jpg) no-repeat 0 bottom;height: 36px;color:#19191d;font-size: 20px;padding-left: 113px;line-height: 30px;padding-top: 78px} .fw_div h3 a{color:#19191d;} .fw_div ul li{float: left;width: 287px;height: 84px;display: inline;margin-right: 169px;padding-top: 52px} .fw_div ul li.non{margin-right: 0;} .fw_div ul li a{background: url(../images/index/fw_li.jpg) no-repeat 0 top;display: block;height: 78px;text-align: center;font-size: 24px;color: #ffffff;line-height: 30px;padding-top: 6px;} .fw_div ul li a i{display: block;font-size: 16px;} @-webkit-keyframes flipYIn { 0% { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 } 40% { -webkit-transform:perspective(400px) rotateY(-10deg); transform:perspective(400px) rotateY(-10deg) } 70% { -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg) } 100% { -webkit-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1 } } @keyframes flipYIn { 0% { -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0 } 40% { -webkit-transform:perspective(400px) rotateY(-10deg); transform:perspective(400px) rotateY(-10deg) } 70% { -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg) } 100% { -webkit-transform:perspective(400px) rotateY(0deg); transform:perspective(400px) rotateY(0deg); opacity:1 } }