﻿@charset "utf-8";
/*banner*/
.banner{ height:620px;clear:both;}
.banner a{ display:block;height:620px;}

.g_zj{background:url(Img/Index/abbg1.jpg) no-repeat center 0;height:690px;padding-top: 72px;}
.g_zj .zjle{float: left;width: 630px;}
.g_zj .zjle h2{height: 264px;font-size: 50px;line-height: 50px; color: #333333;text-transform: uppercase;}
.g_zj .zjle h2 em{display: block;font-size: 40px;color: #4f298b;}
.g_zj .zjle p{font-size: 14px;line-height: 26px;color: #666666;margin-bottom: 96px;width: 410px;}
.g_zj .zjno dl{float: left;width: 155px;text-align: center;font-size: 16px;line-height: 34px;color: #666666;margin-right: 22px;}
.g_zj .zjno dt{height: 54px;font-size: 50px;color: #252525;} 
.g_zj .zjno dt b{font-weight: normal;}
.g_zj .zjri{float: right;width: 566px;}
.g_zj .zjcp{height: 329px;}
.g_zj .zjcp li a{float: left;width: 110px;height: 40px;text-align: center;font-size: 16px;color: #252525; padding-top: 115px; margin-right: 92px;display: block;text-decoration: none;transition: all 0.8s ease 0s;}
.g_zj .zjcp li a:hover{transform: translateY(-10px);}
.g_zj .zjcp .abico1 a{background:url(Img/Index/abico1.jpg) no-repeat;}
.g_zj .zjcp .abico1 a:hover{background:url(Img/Index/abico1h.jpg) no-repeat;}
.g_zj .zjcp .abico2 a{background:url(Img/Index/abico2.jpg) no-repeat;}
.g_zj .zjcp .abico2 a:hover{background:url(Img/Index/abico2h.jpg) no-repeat;}
.g_zj .zjcp .abico3 a{background:url(Img/Index/abico3.jpg) no-repeat;margin-right: 0;}
.g_zj .zjcp .abico3 a:hover{background:url(Img/Index/abico3h.jpg) no-repeat;}
.g_zj .zjcp .abico4 a{background:url(Img/Index/abico4.jpg) no-repeat;}
.g_zj .zjcp .abico4 a:hover{background:url(Img/Index/abico4h.jpg) no-repeat;}
.g_zj .zjcp .abico5 a{background:url(Img/Index/abico5.jpg) no-repeat;}
.g_zj .zjcp .abico5 a:hover{background:url(Img/Index/abico5h.jpg) no-repeat;}
.g_zj .zjcp .abico6 a{background:url(Img/Index/abico6.jpg) no-repeat;margin-right: 0;}
.g_zj .zjcp .abico6 a:hover{background:url(Img/Index/abico6h.jpg) no-repeat;}
.g_zj .zjimg{width: 568px;height: 286px;overflow: hidden;}
.g_zj .zjimg img{transition: all 0.8s ease 0s;}
.zjtab{position: absolute;right: 13px;top: 180px;width: 15px;}
.zjtab li{width: 13px;height: 13px;background: #fff;border-radius: 50%;margin-bottom: 9px;}
.zjtab li.on,.zjtab li:hover{background: #4f298b;}



/* 厂房 */
.g_chanf{background:url(Img/Index/fcbg.jpg) no-repeat center top;height: 1235px;  overflow: hidden;}
.g_chanf .cfimg li{position: absolute;}
.g_chanf .cf01{left:-159px;top:0;}
.g_chanf .cf01{width: 776px;height: 390px;display: block;overflow: hidden;}
.g_chanf .cf01 img{transition: all 0.3s linear 0s;width: 776px;height: 390px;display: block;}
.g_chanf .cf01:hover img{transform: scale(1.1);}
.g_chanf .cf02{right:0;top:0;width: 559px;height: 390px;overflow: hidden;}
.g_chanf .cf02 img{transition: all 0.3s linear 0s;width: 559px;height: 390px;display: block;}
.g_chanf .cf02:hover img{transform: scale(1.1);}
.g_chanf .cf03{left:0;top:408px;width: 380px;height: 390px;overflow: hidden;}
.g_chanf .cf04{left:402px;top:408px;width: 380px;height: 390px;overflow: hidden;}
.g_chanf .cf03 img,.g_chanf .cf04 img{transition: all 0.3s linear 0s;width: 380px;height: 390px;display: block;}
.g_chanf .cf03:hover img,.g_chanf .cf04:hover img{transform: scale(1.1);}
.g_chanf h2{position: absolute;left:860px;top:426px;font-size: 54px;color: #666666;text-transform: uppercase;line-height: 65px;}
.g_chanf h2 b{display: block;font-size: 54px;color: #452f7a;}
.g_chanf h2 i{display: block;font-size: 54px;color: #666666;font-style: normal;font-weight: normal;}
.g_chanf .cflst{position: absolute;left:865px;top:652px;}
.g_chanf .cflst li{height: 48px;line-height: 48px;padding-left: 52px;background:url(Img/Index/cfico.jpg) no-repeat;font-size: 24px;color: #666666;margin-bottom: 30px;}
.g_chanf .cflst li a{color: #666666;}



/* 我们的实力 */
.g_ys{background:url(Img/Index/ysbg.jpg) no-repeat center 200px;height: 1684px;}
.g_ys h2{text-align: center;font-size:48px;font-weight: bold;color: #452f7a;width: 1200px; }
.g_ys h2 em{display: block;font-weight: normal;font-size: 18px;color: #666666;padding-top: 16px;}
.g_ys h2 i{color: #c8caca;font-style:normal;display: inline-block; padding: 0 6px}

.g_ys .m_ysgy{position: absolute;}
.g_ys .m_ys1{left:690px;top:240px;}
.g_ys .m_ys2{left:0;top:770px;width: 522px;}
.g_ys .m_ys3{left:690px;top:1260px;}
.g_ys .m_ys1 h3 b{background:url(Img/Index/ysico1.jpg) no-repeat}
.g_ys .m_ys2 h3 b{background:url(Img/Index/ysico2.jpg) no-repeat}
.g_ys .m_ys3 h3 b{background:url(Img/Index/ysico3.jpg) no-repeat}
.g_ys .m_ysgy h3{height: 128px;}
.g_ys .m_ysgy h3 em{display: block;font-size: 40px;color: #452f7a;text-transform: uppercase;margin-bottom:12px;}
.g_ys .m_ysgy h3 b{display: block;padding-left: 68px;font-size: 40px;color: #333333;font-weight: normal;}
.g_ys .m_ysgy p{font-size: 14px;line-height: 30px;color: #575757; border-bottom: 1px solid #ebebeb;padding-bottom: 25px;margin-bottom: 24px;}
.g_ys .m_ysgy dl{float: left;width: 145px;text-align: center;font-size: 18px;color: #666666;margin-right: 35px;}
.g_ys .m_ysgy .lastdl{margin-right: 0;}



/* 我们的客户 */
.g_kf{background:#f9f9f9;padding-top: 120px;height: 940px;}
.g_kf h2{height: 145px;text-align: center;background:url(Img/Index/kftit.jpg) no-repeat center 112px;font-size: 48px;color: #452f7a;}
.g_kf h2 a{color: #452f7a;}
.g_kf h2 em{display: block;font-size: 20px;font-weight: normal;color: #666666;padding-top: 6px;}
.g_kf .kfhd{width: 100%;background: #fff;padding: 15px 0 0 0;height: 140px;}
.g_kf .kfhd ul{width: 1200px;margin: 0 auto;}
.g_kf .kfhd li{position: relative; float: left;width: 194px;margin-right: 7px;}
.g_kf .kfhd .lastli{margin-right: 0;}
.g_kf .kfhd li em{position: absolute;left:0;top:0;transform: scale(0);
    transition: all 0.3s ease-in-out 0s; opacity: 0;}
.g_kf .kfhd li span img{border: 1px solid #e9e9e9;}
.g_kf .kfhd li img{width: 190px;height: 114px;display: block;}
.g_kf .kfhd li:hover em,.g_kf .kfhd .cur em {transform: scale(1);opacity: 1;}
.g_kf .kfhd li:hover em img,.g_kf .kfhd .cur em img{display: block;border: 3px solid #662374;}
.g_kf .kfhd li:hover em{transform: scale(1);opacity: 1;}



.g_kf .kf1{height: 485px;padding-top: 112px;}
.g_kf .kf1 dl{margin: 0 0 0 534px;background: #fff;width: 664px;border: 1px solid #e8e8e8;height: 312px;position: relative;z-index: 10;opacity:0.7;}
.g_kf .kf1 dt{float: left;width: 278px;}
.g_kf .kf1 dt img{width: 278px;height: 312px;display: block;}
.g_kf .kf1 dd{float: left;width: 550px;padding-top: 50px;padding-left: 70px;}

.g_kf .kf1 h3{width: 310px; height: 120px;font-size: 32px;line-height: 48px;color: #452f7a;margin-bottom: 22px;}
.g_kf .kf1 h3 a{color: #452f7a;text-decoration: none;}
.g_kf .kf1 p{font-size: 14px;line-height: 24px; color: #666666;}
.g_kf .kf1 span{height: 66px;line-height: 66px;background: #e8e8e8;display: block;margin: 0 0 0 534px;position: relative;z-index: 10}
.g_kf .kf1 span a{display: block;width: 333px;text-align: center;font-size: 14px;color: #333333;float: left;}
.g_kf .kf1 span .btn1{background: #452f7a;color: #fff;}
.kfbg1{position: absolute;left:0;top:-112px;z-index: 0}



.g_pro{height: 1125px;background:url(Img/Index/sycpbg.jpg) no-repeat center top;padding-top: 45px;}
.g_pro h2{height: 105px;text-align: center;font-size: 48px;color: #452f7a;}
.g_pro h2 a{color: #452f7a;}
.g_pro .m_cpfl{height: 234px;}
.g_pro .m_cpfl dl{float: left;width: 49%;border: 1px solid #e8e8e8;margin-right: 16px;height: 215px;}
.g_pro .m_cpfl .lastdl{margin-right: 0;}
.g_pro .m_cpfl dt{float: left;width: 24%;padding: 50px 0 0 27px;height: 165px; border-right: 1px solid #e8e8e8;background:url(Img/Index/flico.jpg) no-repeat 34px 157px;font-size: 20px;line-height: 35px;color: #0b0b0b;font-weight: bold;}
.g_pro .m_cpfl dt a{color: #0b0b0b;text-decoration:none;}
.g_pro .m_cpfl dd{float: left;padding: 37px 0 0;width: 71%;}
.g_pro .lastdl dd{padding: 14px 0 0;}
.g_pro .m_cpfl dd a{display: block;float: left;height: 28px;line-height: 28px;font-size: 16px;color: #252525;margin-bottom: 12px;width: 33.3%;text-align:center;}
.g_pro .cpban{height: 408px;}
.g_pro .cpban li{position: absolute;}
.g_pro .cpban .cpban1{left:0;top:0;width: 902px;height: 400px;}
.g_pro .cpban .cpban1 img{width: 902px;height: 400px;display: block;}
.g_pro .cpban .cpban2{left:908px;top:0;}


.g_pro .cpban .cpban2 a,.g_pro .cpban .cpban3 a{position: relative;display: block;}
.g_pro .cpban .cpban2 a em,.g_pro .cpban .cpban3 a em{position: absolute;left:0;bottom:0;height: 52px;line-height: 52px;background:url(Img/Index/cpico.png) no-repeat 250px 16px;font-size: 14px;color: #252525;overflow: hidden;padding-left: 15px;padding-right: 55px; width: 220px;}



.g_pro .cpban .cpban3{left:908px;top:203px;}
.g_pro .cpban .cpban2 img,.g_pro .cpban .cpban3 img{width: 295px;height: 197px;display: block;}
.g_pro .cplst li{float: left;width: 24%;margin-right: 10.6px;border: 1px solid #e8e8e8;position: relative;height: 290px;}
.g_pro .cplst .lastli{margin-right: 0;}
.g_pro .cplst li em{position: absolute;left:0;bottom: 0;height: 52px;line-height: 52px;background:url(Img/Index/cpico.png) no-repeat 250px 16px;font-size: 14px;color: #252525;overflow: hidden;padding-left: 15px;padding-right: 55px; width: 220px;}
.g_pro .cplst li img{width: 290px;height: 290px;}

/* 新闻 */
.g_newcon{padding-top: 68px;height: 712px;background: #f9f9f9;}
.g_newcon h2{background:url(Img/Index/newtit.jpg) no-repeat;height: 149px;text-align: center;font-size: 48px;color: #452f7a;}
.g_newcon h2 a{color: #452f7a;}

.g_newcon .m_newl{float: left;width: 325px;position: relative;}
.g_newcon .m_newl dt{padding: 28px 0 0 25px;height: 116px;background: #452f7a;}
.g_newcon .m_newl dt h3{height: 36px;line-height: 36px;overflow: hidden;font-size: 18px;font-weight: bold;color: #fff;}
.g_newcon .m_newl dt h3 a{color: #fff;}
.g_newcon .m_newl dt em{display: block;height: 36px;line-height: 36px;overflow: hidden;font-size: 18px;font-weight: normal;color: #fff;}

.g_newcon .u_ljt,.g_newcon .u_rjt{ width:16px; height:32px; position: absolute; cursor:pointer;  display:block; z-index: 10;}
.g_newcon .u_ljt{left:240px;top:90px;}
.g_newcon .u_rjt{left:280px;top:90px;}
.g_newcon .u_ljt a{ background: url(Img/Index/jt4.jpg) no-repeat; width:16px; height:32px; display:block;}
.g_newcon .u_rjt a{ background: url(Img/Index/jt4.jpg) no-repeat right 0; width:16px; height:32px; display:block;}
.g_newcon .m_newl dd{height: 330px;}
.g_newcon .m_newl dd img{width: 325px;height: 184px;display: block;}
.g_newcon .m_newl dd p{padding: 25px 30px 0;font-size: 14px;line-height: 24px;height: 96px;overflow: hidden; color: #5c5c5c;}
.g_news{width:836px;padding-top: 35px; float: right;}
.g_news .newq{height: 32px;line-height: 32px;background: url(Img/Index/dtline.jpg) no-repeat 122px 9px;position: relative;}
.g_news .newq li{float:left; height:32px;font-size: 18px;color: #333333;width: 124px;text-align: center;}
.g_news .newq li a{display:inline-block; width:124px; height:32px;   color:#333333;text-decoration: none; }
.g_news .newq li a:hover,.g_news .newq li.cur a{color: #452f7a;font-weight: bold;background:url(Img/Index/dth.jpg) no-repeat 0 9px; }
.g_news .newq .more{position:absolute; top:13px; right:0;}
.g_news .newq .more a{font:14px/18px "Microsoft Yahei"; color:#000000; width: 100px;height: 18px;line-height: 18px;display: block;text-transform: uppercase;}
.g_news dl{padding: 25px 0 0 0;height: 110px;}
.g_news dd{float: left;width: 686px;height: 109px;border-bottom: 1px solid #dddde1;}
.g_news h3{height: 40px;line-height: 40px;overflow: hidden;font-size: 16px;font-weight: bold;color: #282828;}
.g_news h3 a{color: #282828;}
.g_news p{font-size: 14px;line-height: 22px;color: #666666;height: 44px;overflow: hidden;width: 650px;}
.g_news p a{color: #666666}
.g_news dt{float: left;width: 150px;text-align: center;padding: 10px 0 0 0;height: 100px;font-size: 16px;color: #5c5c5c; background: #e8e8ea;}
.g_news dt b{display: block;font-size: 48px;color: #a2a2a3;font-weight: normal;}
.g_news dl:hover dt{background: #452f7a;color: #fff;}
.g_news dl:hover dt b{color: #fff;}
.g_news dl:hover dd{border-bottom: 1px solid #452f7a;}










