/*banner*/



.banner{height: 670px;position: relative; }

.bdu{width: 100% !important;height: 670px;}

.bdu li{width: 100% !important;height: 670px;position:relative;}

.bdu li a{display: block;height: 670px;}

.bdu li img{height:670px;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: #F39800; border: 2px solid #F39800; box-sizing: border-box; }

h2.main_title {
    text-align: center;
}

.about h2 a, .about h2 span, .about h2 a:hover {
    color: #fff;
}
h2.main_title a {
    display: block;
    font-size: 38px;
    color: #333;
    line-height: 100%;
}


h2.main_title span {
    display: block;
    padding-top: 14px;
    margin-top: 19px;
    font-size: 20px;
    color: #666;
    line-height: 100%;
    font-weight: 400;
    position: relative;
}










/*搜索*/

.search{height: 90px;background: #fff;}

.search .keyword{float: left;margin-left: 150px;line-height:90px;max-width: 680px;height: 90px;overflow: hidden;}

.search .keyword b{color: #5C5C5C;margin-right:12px;}

.search .keyword a{color: #BFBFBF;margin-right:26px;}

.search .sou{float: right;height: 89px;border-bottom: 1px solid #0350a2;box-sizing: border-box;width: 300px;padding-top: 24px;}

.search .sou .txt{height: 24px;width:229px;line-height: 24px;color: #666;border: none;background: none;float: left;margin-top: 9px;border-right: 1px solid #E2E2E2;}

.search .sou .btn{display: block;width: 42px;height: 42px;background: url(../images/search.png) no-repeat;border: none;float: right;}





/*公共标题*/

.title-b{text-align: center;font-size: 40px;line-height: 40px;}

.title-b a{display: block;color: #333;}

.title-b:after{content: "";display: block;width: 74px;height: 3px;background: #F39800;margin: 12px auto 0;}



.title_01{

	

	padding-top: 73px;

    text-align: center;

    margin-bottom: 15px;

}

.title_01  em {

    font-size: 48px;

    color: #333333;

    display: block;

    line-height: 48px;

    font-weight: bold;

}

.title_01  span {

    font-size: 18px;

    color: #333333;

    display: block;

    line-height: 18px;

    font-weight: normal;

    padding-top: 16px;

    text-align: center;

}



.tit {

    background: url(../images/tt-s1.png) no-repeat center;

}

i, em {

    font-style: normal;

}












/*产品中心*/



.g_pro{height: 1333px;padding-top:84px;background: #f8f8f8;}

.g_pro h2{text-align: center;height: 147px;font-size: 52px;color: #000000;}

.g_pro h2 a{color: #000000;}

.g_pro h2 em{color: #122a88;font-weight: bold;}

.g_pro h2 span{display: block;font-size: 20px;color: #282828;font-weight: normal;padding-top: 6px;}





.g_pro .m_pro{float: left;width: 280px;}

.g_pro .m_pro h3{background:url(../images/flh2.jpg) no-repeat;height: 80px;padding-top: 20px; padding-left: 60px; font-size: 30px;font-weight: bold;color: #fff;position: relative;z-index: 1;line-height: 25px;}

.g_pro .m_pro h3 a{color: #fff;}

.g_pro .m_pro h3 em{display: block;font-size: 12px;color: #fff;font-weight: normal;text-transform: uppercase;letter-spacing: 6px;padding-top: 5px;}

.g_pro .m_pro .flc{background: #222222; border-radius: 0 0 5px 5px; padding-bottom: 30px;}

.g_pro .m_pro h5{height: 45px;line-height: 45px;padding-left: 26px; font-size: 18px;font-weight: bold;color: #fff; background:#393939;}

.g_pro .m_pro h5 a{color: #fff;} 

.g_pro .flst{padding: 15px 0 15px 15px;}

.g_pro .flst li{height: 24px;line-height: 24px; float: left;}

.g_pro .flst li a{display: block;height: 24px;line-height: 24px;background:url(../images/fclico.jpg) no-repeat 0 6px;font-size: 14px;color: #f0f0f0;padding-left: 20px; width: 110px;}

.g_pro .m_hotcp{float: right;width:920px;}



.g_pro .cptj{height: 442px;position: relative;margin-bottom: 18px; margin-left: 18px;}

.g_pro .cptj dt{width: 848px;height:442px;overflow: hidden;}

.g_pro .cptj dt img{width: 848px;height:442px;display: block;transition: all 0.3s linear 0s;}

.g_pro .cptj dt:hover img{transform: scale(1.2);}

.g_pro .cptj dd{position: absolute;left:0;bottom: 0;background:url(../images/cpsha.png) repeat;width: 813px;height: 145px; padding: 28px 0 0 35px;}

.g_pro .cptj h3{height: 40px;line-height: 40px;font-size: 24px;color: #fff;font-weight: bold;}

.g_pro .cptj h3 a{color: #fff;}

.g_pro .cptj p{font-size: 14px;height: 24px;line-height: 24px;overflow: hidden;width: 700px;color: #fff;}

.g_pro .cptj dd span{display: block;width: 188px;height: 38px;line-height: 38px; background:url(../images/anbtn.png) no-repeat; padding-left: 30px; font-size: 18px;color: #122a88; margin-top: 16px;font-weight: bold;}

.g_pro .cptj dd span a{color: #122a88;}

.g_pro .cplst{margin-left: 7px;}

.g_pro .cplst li{position: relative; float: left;width: 293px;margin-left: 11px;transition: all 0.3s linear 0s; margin-bottom: 10px;}

.g_pro .cplst .lastli{margin-right: 0;}

.g_pro .cplst li img{width: 293px;height: 210px;display: block;border: 1px solid #d4d4d4;}

.g_pro .cplst li em{display: block;height: 56px;line-height: 56px;background: #e0e0e0; overflow: hidden; text-align: center;font-size: 16px;color: #555555;width: 293px;border: 1px solid #d4d4d4;border-top: none; }

.g_pro .cplst li:hover em{background: #122a88;border: 1px solid #122a88; color: #fff;border-top: none;	}



.f_cb, .f_cbli li {

    zoom: 1;

}

.f_cb:after, .f_cbli li:after {

    display: block;

    clear: both;

    visibility: hidden;

    height: 0;

    overflow: hidden;

    content: ".";

}

/*我们的优势*/



.g_ys1{background:url(../images/ysbg1.jpg) no-repeat center 148px;height: 752px;margin-top: 60px;}

.g_ys1 h2{text-align: center;height: 210px;font-size: 52px;color: #000000;}

.g_ys1 h2 a{color: #000000;}

.g_ys1 h2 em{color: #122a88;font-weight: bold;}

.g_ys1 h2 span{display: block;font-size: 20px;color: #282828;font-weight: normal;padding-top: 6px;}

.g_ys1 .m_ys1{padding-left: 737px;}

.g_ys1 .m_ys1 h3{height: 100px;font-size: 40px;color: #fff;background: url(../images/ystit1.png) no-repeat;padding-left: 80px;

    padding-top: 7px;}

.g_ys1 .m_ys1 h3 em{font-size: 16px;color: #f8f8f8;line-height: 30px;font-weight: normal;}

.g_ys1 .m_ys1 h3 b{color: #fff;}

.g_ys1 .m_ys1 h4{width: 380px;

    height: 44px;

    line-height: 44px;

    padding-left: 14px;

    font-size: 24px;

    color: #333;

    font-weight: normal;

    margin-bottom: 22px;

    padding-left: 82px;

   

    margin-top: -30px;

    border-bottom: 2px solid #eee;}

.g_ys1 .m_ys1 p{height: 32px;line-height: 32px;padding-left: 35px;background:url(../images/ysico.png) no-repeat 12px 10px;font-size: 18px;color: #494949;}

.g_ys1 .m_ys1 span{display: block;margin-top: 26px;width: 440px;height: 176px;overflow: hidden;}

.g_ys1 .m_ys1 span img{width: 440px;height: 176px;display: block;}





.g_ys2{background:url(../images/ysbg2.jpg) no-repeat center 0;height: 347px; padding-top: 100px;}

.g_ys2 .m_ys2{padding-left: 107px;}

.g_ys2 .m_ys2 h3{height: 100px;font-size: 40px;color: #fff;background: url(../images/ystit2.png) no-repeat;padding-left: 80px;

    padding-top: 7px;}

.g_ys2 .m_ys2 h3 em{font-size: 16px;color: #f8f8f8;line-height: 30px;}

.g_ys2 .m_ys2 h3 b{color: #fff;}

.g_ys2 .m_ys2 h4{

	width: 380px;

    height: 44px;

    line-height: 44px;

    padding-left: 14px;

    font-size: 24px;

    color: #333;

    font-weight: normal;

    margin-bottom: 22px;

    padding-left: 82px;

   

    margin-top: -30px;

    border-bottom: 2px solid #eee;}

.g_ys2 .m_ys2 p{height: 32px;line-height: 32px;padding-left: 35px;background:url(../images/ysico.png) no-repeat 12px 10px;font-size: 18px;color: #494949;}





.g_ys3{background:url(../images/ysbg3.jpg) no-repeat center 0;height: 542px; padding-top: 110px;}

.g_ys3 .m_ys3{padding-left: 730px;}

.g_ys3 .m_ys3 h3{height: 100px;font-size: 40px;color: #fff;background: url(../images/ystit3.png) no-repeat;padding-left: 80px;

    padding-top: 7px;}

.g_ys3 .m_ys3 h3 em{font-size: 16px;color: #fff;line-height: 30px;}

.g_ys3 .m_ys3 h3 b{color: #fff;}

.g_ys3 .m_ys3 h4{width: 380px;

    height: 44px;

    line-height: 44px;

    padding-left: 14px;

    font-size: 24px;

    color: #fff;

    color: #fff;

    font-weight: normal;

    margin-bottom: 22px;

    padding-left: 82px;

   

    margin-top: -30px;

    border-bottom: 2px solid #eee;}

.g_ys3 .m_ys3 p{height: 32px;line-height: 32px;padding-left: 35px;background:url(../images/ysico.png) no-repeat 12px 10px;font-size: 18px;color: #fff;}

.g_ys3 .m_ys3 p b{color: #fffc00;}

.g_ys3 .m_ys3 span{display: block;margin-top: 26px;width: 554px;height: 188px;overflow: hidden; position: relative;right: 30px;}

.g_ys3 .m_ys3 span img{width:554px;height: 188px;display: block;}





.g_ys4{background:url(../images/ysbg4.jpg) no-repeat center 0;height: 543px; padding-top: 88px;}

.g_ys4 .m_ys4{padding-left: 107px;}

.g_ys4 .m_ys4 h3{height: 100px;font-size: 40px;color: #fff;background: url(../images/ystit1.png) no-repeat;padding-left: 80px;

    padding-top: 7px;}

.g_ys4 .m_ys4 h3 em{font-size: 16px;color: #f8f8f8;line-height: 30px;}

.g_ys4 .m_ys4 h3 b{color: #fff;}

.g_ys4 .m_ys4 h4{width: 380px;

    height: 44px;

    line-height: 44px;

    padding-left: 14px;

    font-size: 24px;

    color: #333;

   

    font-weight: normal;

    margin-bottom: 22px;

    padding-left: 82px;

   

    margin-top: -30px;

    border-bottom: 2px solid #eee;}

.g_ys4 .m_ys4 p{height: 32px;line-height: 32px;padding-left: 35px;background:url(../images/ysico.png) no-repeat 12px 10px;font-size: 18px;color: #494949;}

.g_ys4 .m_ys4 span{display: block;margin-top: 26px;width: 440px;height: 176px;overflow: hidden;}

.g_ys4 .m_ys4 span img{width: 440px;height: 176px;display: block;}







/*货架案例*/

.g_antit{height: 310px;margin-top: 60px;}

.g_antit h2{text-align: center;height: 150px;font-size: 52px;color: #000000;}

.g_antit h2 a{color: #000000;}

.g_antit h2 em{color: #122a88;font-weight: bold;}

.g_antit h2 span{display: block;font-size: 20px;color: #282828;font-weight: normal;padding-top: 6px;}

.g_antit .antit li{float: left;background:url(../images/antit.jpg) no-repeat 0 62px;text-align: center;width: 171px;font-size: 18px;color: #222}

.g_antit .antit li a{color: #222;font-size: 18px;}

.g_antit .antit li em{width: 90px;height: 45px;overflow: hidden;margin: 0 auto 13px;display: block;}

.g_antit .antit li:hover em img{margin-top: -45px;}

.g_antit .antit li i{display: block;font-style: normal;font-size: 12px;color: #bcbcbc;}

.g_antit .antit li:hover a{color: #122a88}



.g_anshow{height: 840px;}

.g_anshow dl{position: relative;width: 1200px;height: 522px;margin-bottom: 20px;}

.g_anshow dt{width: 1200px;height: 522px;overflow: hidden;}

.g_anshow dt img{width: 1200px;height: 522px;display: block;}

.g_anshow dd{position: absolute;left:0;bottom: 0;background:url(../images/ansha.png) repeat;padding: 26px 485px 0 35px;width:680px; height: 115px; }

.g_anshow h3{height: 36px;line-height: 36px;overflow: hidden;font-size: 24px;color: #fff;font-weight: bold;margin-bottom: 8px;}

.g_anshow h3 a{color: #fff;}

.g_anshow p{font-size: 14px;line-height: 20px;height: 40px;overflow: hidden;color: #fff;}

.g_anshow span{position: absolute;left:798px;top:50px;}

.g_anshow span a{display: block;float: left;width: 171px;height: 40px;line-height: 40px;border: 1px solid #fff;border-radius: 20px;text-align: center;font-size: 16px;color: #fff;margin-right: 20px;}

.g_anshow span .btn2{background: #fff;color: #122a88;}

.anshd li{float: left;width: 292px;margin-right: 8px;}

.anshd li em{display:block;height: 54px;line-height: 54px;background: #eee;text-align: center;font-size: 16px;color: #222222;overflow: hidden;}

.anshd li img{width: 292px;height: 152px;display: block;}

.anshd li.on em{background: #122a88;color: #fff;}





/*四大保障*/





.sl{height: 940px;background: url(../images/sl_1.jpg) repeat-x;position: relative;padding-top:60px;}





.al_con{margin-top:30px;}

.al_con dl dt{float:right;margin-right: -360px;display: block;height: 680px;width:1069px;overflow:hidden;}

.al_con dl dt img{display: block;height: 680px;width:1069px;transition: all 0.5s;}

.al_con dl dt:hover img{transform:scale(1.1);}



.al_con dl dd{float: left;width:491px;height: 680px;background: #ffffff;position:relative;}

.al_con dl dd h3{height: 230px;width: 425px;position: relative;float: left;margin-top: 96px;margin-left: 65px;margin-bottom: 21px;}

.al_con dl dd h3 b{font-size:120px;color:#122a88;display: block;line-height:97px;font-weight:bold;}

.al_con dl dd h3 em{font-size:42px;color:#122a88;display: block;line-height:40px;font-weight:bold;padding-top:30px;}

.al_con dl dd h3 span{font-size:28px;color:#333333;display: block;line-height:28px;font-weight:bold;padding-top:6px;}

.al_con dl dd h3 i{display: block;width: 152px;height: 7px;margin-top: 17px;}

.al_con dl dd p{font-size: 16px;line-height: 26px;color: #333333;margin-left: 65px;margin-bottom: 15px;padding-left: 16px;float: left;width: 70%;background: url(../images/sl-d.jpg) no-repeat left 10px;}



.al_con dl dd:after{height:9px;width:336px;display:block;content:"";position:absolute;top:135px;left:221px;background:url(../images/aft-sl.png) no-repeat;}



.sl_nav{height:118px;position: absolute;bottom: 91px;margin-left: 176px;width: 852px;}

.sl_nav li{height:118px;float: left;width:284px;background: #ffffff;position: relative;}

.sl_nav li i{transition: all 0.5s linear;float: left;height:45px;width: 45px;margin-top: 33px;margin-left:60px;}

.sl_nav li h3{float: left;margin-left:8px;margin-top: 40px;}

.sl_nav li h3 em{font-size:20px;color:#323232;display: block;line-height:20px;font-weight:bold;}

.sl_nav li h3 span{font-size:12px;color:#b8b8b8;display: block;line-height:12px;font-weight: normal;padding-top:6px;font-family: "Aria";}





.sl_nav .cur{background: #f4be1d;}

.sl_nav .cur h3 span{color:#323232;}

.sl_nav li:last-of-type::after{display: none;}



.sl_nav li::after{width:1px;height:52px; background: #dcdcdc;content: "";position: absolute;right: 0;top:33px;}

.sl_nav li .cur::after{background: #f4be1d;}

.sl_nav ul .cur:hover i{transform: rotateY(180deg);}









/*流程*/



.g_lc{background:url(../images/lcbg.jpg) no-repeat center top;height: 332px;padding-top: 60px;}

.g_lc h2{text-align: center;height: 248px;font-size: 52px;color: #000000;}

.g_lc h2 a{color: #000000;}

.g_lc h2 em{color: #122a88;font-weight: bold;}

.g_lc h2 span{display: block;font-size: 20px;color: #282828;font-weight: normal;padding-top: 6px;}

.g_lc li{float: left;width: 120px;text-align: center;font-size: 16px;color: #6b6b6b;}

.g_lc .lc2{color: #fff;}







	

/*生产车间*/





.g_sb{height: 543px;margin-top: 60px;}

.g_sb h2{text-align: center;height: 152px;font-size: 52px;color: #000000;}

.g_sb h2 a{color: #000000;}

.g_sb h2 em{color: #122a88;font-weight: bold;}

.g_sb h2 span{display: block;font-size: 20px;color: #282828;font-weight: normal;padding-top: 6px;}

.g_sb li{float: left;width: 392px;margin-right: 12px;transition: all 0.3s linear 0s;}

.g_sb li:hover{ transform: translateY(-10px);	}

.g_sb li em{display:block;height: 54px;line-height: 54px;background: #eee;text-align: center;font-size: 16px;color: #222222;overflow: hidden;}

.g_sb li img{width: 392px;height: 288px;display: block;}

.g_sb li:hover em{background: #122a88;color: #fff;}

.g_sb .u_ljt,.g_sb .u_rjt{position: absolute;width: 48px;height: 48px;}

.g_sb .u_rjt{left:-66px;top:305px;background: url(../images/ljt.png) no-repeat;}

.g_sb .u_ljt{right:-66px;top:305px;background: url(../images/rjt.png) no-repeat;}

.g_sb .u_rjt:hover,.g_sb .u_ljt:hover{background-position:-48px 0 }



.ttbj{height:150px; background:url(../images/ttbj.jpg) no-repeat center;}

.tt{padding-top:38px;}

.tt .t{float:left;}

.tt .t h3{font-size: 32px; line-height:32px;color:#FFFFFF; font-weight: bold; padding-left: 69px; margin-bottom: 16px;}

.tt .t p{height:24px;margin-left: 116px;padding-left:106px; background:url(../images/xt6.jpg) no-repeat left;float:left;}

.tt .t p em{display: block; float:left;font-size: 24px;line-height: 24px;color:#FFFFFF;padding-left:17px; background:url(../images/yd1.jpg) no-repeat left; margin-right: 30px;}

.tt strong{display: block;height:54px;padding-left:68px;float:right;font-weight: normal;font-size: 18px; color:#da251c;background:url(../images/ph1.png) no-repeat left;margin-right: 56px;}

.tt strong i{display: block; font-size: 20px; line-height: 20px; font-weight: bold; color:#da251c;margin-top: 12px;}











/* -- 表单 -- */













/*新闻*/



.news{height:736px;background: #ffffff;margin-top:80px;}







.don{float:left;width:633px;}

.dt_qh{height: 55px;overflow: hidden;padding-left:12px;}

.dt_qh li{float:left;margin-right:25px;height: 34px;line-height: 34px;font-size:20px;color: #333333;}

.dt_qh li a{color: #333333;}

.dt_qh li.on{border-bottom: 3px solid #122a88}

.dt_qh li.on a{font-weight: bold;}

.dt_nr{height: 509px;border-right:1px solid #d8d8d8;}

.dt_a1{width:560px;}

.dt_d1{height: 472px;overflow: hidden;width:560px;}

.dt_d1 li{position: relative;height: 472px;width:560px;}

.dt_d1 li i{display:block;font-size:0;line-height: 0;overflow:hidden;}

.dt_d1 li i img{width:560px;height: 280px;transition: all 0.5s;}



.dt_d1 li i:hover img{transform:scale(1.1);}



.dt_d1 li h4 a{display: block;height: 37px;line-height: 37px;margin-top:24px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}

.dt_d1 li p{font-size:14px;color: #808080;line-height: 22px;padding-top:6px;}

.dt_d1 li em a{font-size:16px;color: #999999;margin-top:16px;display: inline-block;padding-right:29px;background: url(../images/ns_ico1.png) no-repeat right;}

.dt_d1 li span{width:134px;height: 95px;background: #122a88;box-sizing: border-box;padding:16px 0 0 15px;font-size:14px;color: #fff;display: block;position: absolute;left:0;top:185px;}

.dt_d1 li span b{display:block;font-size:36px;height: 40px;padding-bottom: 5px;font-weight: normal;}

.dt_d1 li:hover h4 a{color: #122a88}

.dt_hd{display: block;text-align: right;}

.dt_hd li{display: inline-block;width:12px;height: 12px;background: #cccccc;border-radius: 50%;margin-left:13px;}

.dt_hd li.on{background: #122a88}





.went{float: right;width:496px;}

.went .bt{height: 55px;line-height: 34px;}

.went .bt span a{font-size:20px;color: #333333;}

.went .bt em a{float: right;font-size:16px;color: #1a1a1a;padding-left:32px;background: url(../images/ns_ico2.png) no-repeat left center;}

.wt_nr li{border-top:1px dashed #d0d0d0;padding-top:24px;height: 108px;}

.wt_nr li p{float:left;width:392px;}

.wt_nr li p a{display: block;height: 25px;line-height: 25px;font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.wt_nr li p em{font-size:14px;color: #999999;padding-top:6px;line-height: 26px;}

.wt_nr li span{float: right;text-align: center;}

.wt_nr li span i{display: block;font:16px arial;color: #47423f;letter-spacing:2px}

.wt_nr li span em{display: block;font-size:56px;color: #333333;line-height: 56px;}

.wt_nr li:hover p a{color: #122a88}





/*新闻资讯*/



/*常见问答*/





/*关于*/

.ab_bg{background:#f6f6f6;height: 580px;overflow: hidden;}

.about dl{position: relative;height: 580px;}

.about dl dt{width: 960px;height: 580px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 50%;}

.about dl dt img{width: 960px;height: 580px;}

.about dl dd{width: 520px;float: left;padding: 80px 0 0;}

.about dl dd h2{font-size: 40px;color: #333;line-height: 44px;height: 110px;overflow: hidden;background: url(../images/ab_line02.gif) no-repeat 0 bottom;}

.about dl dd h2 i{display: block;font-size: 20px;font-weight: normal;background: url(../images/ab_tline.png) no-repeat 135px 20px;color: #333;}

.about dl dd h2 a{color: #333;}

.about dl dd h2 a:hover{color: #122a88;}

.ab_desc{font-size: 14px;color: #333;line-height: 30px;height: 180px;overflow: hidden;padding: 20px 0 0;}

.about dl dd span{display: block;padding: 25px 0 0;}

.about dl dd span a{display: block;font-size: 14px;color: #fff;width: 110px;height: 45px;line-height: 45px;background: #122a88 url(../images/ab_ico.png) no-repeat 90px 15px;overflow: hidden;padding: 0 0 0 20px;}

.about dl dd span a {

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transform-origin: 0 100%;

  transform-origin: 0 100%;

}

.about dl dd span a:hover {

  -webkit-transform: skew(-10deg);

  transform: skew(-10deg);

}

.f_pr {

    position: relative;

}

/*公司相册*/

.photo{padding: 0 0 60px;margin-top: -100px;}

.photo_l{height: 100px;width: 400px;margin: 0 auto;background: #fff;position: relative;z-index: 10;padding: 0 18px;}

.photo_l ul li{width: 200px;height: 50px;line-height: 22px;float: left;padding: 30px 0 0;}

.photo_l li a{ font-size:20px; color:#333;display:block; float:left;position: relative;vertical-align: middle;height: 66px;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;}

.photo_l li a:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 84px;

  right: 100%;

  top: 22px;

  background: #122a88;

  height: 5px;

  -webkit-transition-property: right;

  transition-property: right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.photo_l li a:hover:before,.photo_l li.on a:before {

  right: 14%;

}

.photo_l ul li em{display: block;float: left;width: 44px;height: 42px;line-height: 0;overflow: hidden;margin: 4px 10px 0 30px;}

.photo_l ul li em img{width: 44px;height: 42px;}

.photo_l ul li span{display: block;float: left;padding: 5px 0 0;}

.photo_l ul li i{display: block;font-size: 12px;text-transform: uppercase;color: rgba(51,51,51,0.5);font-weight: normal;}

.photo_l ul li.on a{font-weight: bold;}

.photo_r{padding: 40px 0 0;width: 1200px;overflow: hidden;}

.photo_r ul li{width: 145px;float: left;margin-right: 30px;line-height: 0;-webkit-transition:transform .3s;transition:transform .3s;padding-top: 10px;}

.photo_r ul li em{width: 145px;height: 195px;display: block;line-height: 0;overflow: hidden;}

.photo_r ul li img{width: 145px;height: 195px;}

.photo_r ul li span{display: block;width: 145px;text-align: center;font-size: 14px;color: #666;height: 30px;line-height: 30px;overflow: hidden;padding-top: 5px;}

.photo_r ul li:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}



.tit01{

	padding-top: 90px;

    text-align: center;

}



.tit01  em {

    font-size: 48px;

    color: #333333;

    display: block;

    line-height: 48px;

    font-weight: bold;

}



.tit01  span {

    font-size: 18px;

    color: #333333;

    display: block;

    line-height: 18px;

    font-weight: normal;

    padding-top: 16px;

    text-align: center;

}



.tit2 {

    background: url(../images/tt-s2.png) no-repeat center;

}







/*底部*/

.f_bg{ background:url(../images/f_bg.jpg) no-repeat center 0; height:306px;overflow: hidden;}

.footer{width: 1200px; margin:0 auto;}

.f_logo{width: 235px;height: 240px;overflow: hidden;background: #122a88;padding: 34px 0 0;}

.f_logo h5{width: 185px;margin: 0 auto;line-height: 0;}

.f_logo h5 img{width: 185px;height: 52px;}

.f_logo p{width: 102px;text-align: center;line-height: 0;padding: 20px 0 0;margin: 0 auto;}

.f_logo p img{ width:100px; height:100px;border: #fff 1px solid;line-height: 0;display: block;}

.f_logo span{display: block;font-size: 14px;color: #fff;line-height: 30px;}

.f02{width: 520px;padding: 66px 0 0 65px;height: 240px;overflow: hidden;}

.f_nav{height: 115px;overflow: hidden;width: 402px; background:url(../images/f_line.png) no-repeat;padding: 20px 0 0;}

.f_nav ul li{height: 32px;line-height: 32px; background:url(../images/f_ico01.png) no-repeat 0 14px;overflow: hidden;padding: 0 0 0 20px;width: 110px;float: left;}

.f_nav ul li a{font-size: 14px;color: rgba(255,255,255,0.8);}

.f_nav ul li a:hover{font-weight: bold;color: #fff;}

.f02 p{font-size: 14px;color: rgba(255,255,255,0.9);height: 50px;line-height: 25px;overflow: hidden; background:url(../images/f_line.png) no-repeat;width: 390px;padding: 15px 0 0;}

.f02 p a{color: rgba(255,255,255,0.9);}

.f02 p i{padding: 0 10px;}

.f02 p span{display: block;}

.f_ban{width: 375px;padding: 56px 0 0;height: 250px;overflow: hidden;}

.f_ban p{padding:0 0 0 35px;font-size: 14px;color: #fff;line-height: 24px;height: 75px;}

.f_ban p b{display: block;}

.f_ban p i{font-size: 18px;padding: 0 20px 0 0;font-weight: bold;}

.f_ban p em{font-size: 16px;}

.f_p01{ background:url(../images/f_ico02.png) no-repeat 0 22px;}

.f_p02{ background:url(../images/f_ico03.png) no-repeat 0 16px;}

.f_p03{ background:url(../images/f_ico04.png) no-repeat 0 16px;}

.f_link{background: url(../images/link_bg.jpg) no-repeat center 0;overflow: hidden;height: 68px;line-height: 68px;border-top: rgba(51,51,51,0.8) 1px solid;}

.f_link b{display: block;float: left;font-size: 14px;color: #fff;width: 110px;}

.f_link p{font-size: 14px;color: rgba(255,255,255,0.5);float: left;width: 1090px;}

.f_link p a{font-size: 14px;color: rgba(255,255,255,0.5); padding:0 10px 0 0;}

.f_link p a:hover{color: #fff;}





/*头部*/

.header{height: 182px;max-width: 1920px;position: relative;z-index: 1;overflow: hidden;}

.header .top{height:118px;overflow: hidden;padding-top: 29px;box-sizing: border-box;}

.header .logo{float: left;height:43px;border-right: 1px solid #D8D8D8;padding-right: 15px;margin-right: 20px;padding-top: 8px;}

.header .logo img{width: 95px;height: 62px;display: block;margin-top: -10px;}

.header h2{font-size: 24px;color: #333;font-weight: bold;line-height: 24px;float: left;}

.header h2 span{display: block;font-size: 18px;color: #333;font-family: "Microsoft Yahei";font-weight: normal;margin-top: 8px;line-height: 18px;}

.header .tel{float: right;background: url(../images/tel.png) no-repeat left top;font-size: 14px;color: #333;padding-left: 58px;height: 83px;line-height: 14px;box-sizing: border-box;padding-top: 6px;margin-top: -6px;}

.header .tel span{font-size: 35px;font-family: arial;display: block;color: #141414;margin-top: 10px;font-weight:  bold;line-height: 27px;}



.header .nav{background:#eeeeee;height: 64px;line-height: 64px;}

.header .nav .content{width: 1200px;margin: 0 auto;}

.header .nav li{float: left;position: relative;background-repeat: no-repeat;}

.header .nav li:after{content: "|";display: block;position: absolute;right: 0;top: 0;color: rgba(255,255,255,0.5);}

.header .nav li a{display:block;line-height: 64px;color: #333;padding: 0 38px;position: relative;font-size: 16px;}

.header .nav li:last-child:after{display: none;}

.header .nav li:first-child a{padding-left: 40px;}

.header .nav li:first-child a:after{background:url(../images/home2.png) no-repeat;position: absolute;left: 19px;content: "";display: block;width: 16px;height: 15px;top: 24px;}

.header .nav li.cur:after,.header .nav li:hover:after{display: none;}

.header .nav li.cur a,.header .nav li:hover a{background: #F39800;color:#fff;}

.header .nav li:first-child.cur a:after,.header .nav li:first-child:hover a:after{background:url(../images/home.png) no-repeat;}



.cp_tit {

    font-size: 52px;

    color: #333;

    text-align: center;

    height: 85px;

    line-height: 52px;

   

   

}

.cp_tit a {

    color: #333;

}



.cp_tit span {

    color: #333;

    display: block;

    font-size: 20px;

    font-weight: normal;

    padding: 3px 0 0;

}



.page1{
	background: url(../images/yz-bg.jpg);
}

.w {
    width: 1200px;
    margin: 0 auto;
}

.page1 .item1 {
    height: 627px;
    position: relative;
	padding-top: 90px;
}

.page1 .item1 .item-content {
    background: url("../images/item1-img1.png") 0 0 no-repeat;
    width: 1200px;
    height: 464px;
    margin-top: 10px;
    position: relative;
}

.page1 .item1 .item-content .item-ul {
    height: 464px;
    position: relative;

}

.page1 .item1 .item-content .item-ul .tips-li {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 289px;
    height: 93px;
    text-align: center;
    line-height: 65px;
    color:#fff;
    
    
    font-size: 20px;
}
.page1 .item1 .item-content .item-ul .tips-li a{
	color:#fff;
}
.page1 .item1 .item-content .item-ul .tips-li:nth-child(1) {
   margin-left: -529px;
    margin-top: -226px;
	background: url(../images/td1.png)no-repeat;
}

.page1 .item1 .item-content .item-ul .tips-li:nth-child(2) {
    margin-left: -559px;
    margin-top: -107px;
	background: url(../images/td1.png)no-repeat;
}

.page1 .item1 .item-content .item-ul .tips-li:nth-child(3) {
    margin-left: -549px;
    margin-top: 14px;
	background: url(../images/td1.png)no-repeat;
}

.page1 .item1 .item-content .item-ul .tips-li:nth-child(4) {
    margin-left: -464px;
    margin-top: 135px;
	background: url(../images/td1.png)no-repeat;
	
}

.page1 .item1 .item-content .item-ul .tips-li:nth-child(5) {
    margin-left: 178px;
    margin-top: -200px;
	background: url(../images/td2.png)no-repeat;
	
}

.page1 .item1 .item-content .item-ul .tips-li:nth-child(6) {
    margin-left: 201px;
    margin-top: -60px;
	background: url(../images/td2.png)no-repeat;
	
}

.page1 .item1 .item-content .item-ul .tips-li:nth-child(7) {
    margin-left: 178px;
    margin-top: 76px;
	background: url(../images/td2.png)no-repeat;
	
}

.page1 .item1 .item-content .item-ul .tips-li:nth-child(8) {
    margin-left: 211px;
    margin-top: 54px;
}

.page1 .item1 .check-btn {
    width: 138px;
    height: 138px;
    background: url("../img/item1-img2.png") 0 0 no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -69px;
    bottom: 50px;
    cursor: pointer;
}


.yz{background:url(../images/yz-bg.jpg) no-repeat center top;height: 773px;box-sizing: border-box;padding-top: 78px;overflow: hidden;}
.yz .con{margin-top: 58px;position: relative;height: 346px;}
.yz .con li{position: absolute;}
.yz .con li a{width: 136px;height: 136px;background: #fff;border-radius: 50%;overflow: hidden;text-align: center;display: table;font-size: 18px;line-height: 32px;box-sizing:border-box;transition: all .25s linear;border: 1.5px #eee solid;}
.yz .con li em{display: table-cell;vertical-align: middle;}
.yz .con li:nth-child(1){left: 60px;top: 0px;}
.yz .con li:nth-child(2){left: 250px;top: 163px;width: 149px;height: 149px;}
.yz .con li:nth-child(3){left: 449px;top: 0;}
.yz .con li:nth-child(4){left: 540px;top: 200px;}
.yz .con li:nth-child(5){left: 720px;top: 43px;width: 149px;height: 149px;}
.yz .con li:nth-child(6){left: 900px;top: 134px;}
.yz .con li:nth-child(7){left: 1015px;top: 0;width: 149px;height: 149px;}
.yz .con li.cur a,.yz .con li:hover a{background: #122A88;box-shadow: 0 0 40px rgba(18,42,136,0.3);color: #fff;}
.yz .con2{margin: 30px auto 0;background: url(../images/yz-xbg.png) no-repeat;width: 492px;height: 206px;text-align: center;padding-top: 28px;box-sizing: border-box;}
.yz .con2 span{font-size: 16px;color: #fff;line-height: 16px;margin-bottom: 10px;display: block;}
.yz .con2 p em{display: block;font-size:30px;color:#fff;text-align:  center;line-height:  30px;}
.yz .con2 p a{display: block;width: 138px;height: 36px;background:#f39800;border: none;color: #fff;margin-left: 11px;line-height: 36px;border-radius: 20px;margin: 18px auto;}

.why{padding-top: 56px;background: #f8f8f8;}
.why .con{margin-top: 52px;}
.why1,.why2{height: 464px;}
.why1 dt{width: 960px;margin-right: -360px;height: 464px;float: right;overflow: hidden;}
.why1 dt img,.why2 dt img{width: 960px;height: 464px;}
.why1 dd{float: left;width: 600px;box-sizing: border-box;padding-top: 24px;height: 464px;}
.why1 dd h3,.why2 dd h3{height: 82px;border-bottom: 1px solid #e0e0e0;width: 538px;background: url(../images/why-num1.png) no-repeat left 5px;padding-left: 65px;box-sizing: border-box;margin-bottom: 26px;}
.why1 dd h3 b,.why2 dd h3 b{font-size: 30px;line-height: 30px;color: #122A88;display: block;}
.why1 dd h3 span,.why2 dd h3 span{font-size: 16px;color: #333;line-height: 16px;display: block;margin-top: 10px;font-weight: normal;}
.why1 dd li,.why2 dd li{margin-bottom: 20px;}
.why1 dd li em,.why2 dd li em{display: inline-block;width: 60px;height: 60px;margin-right: 12px;vertical-align: middle;}
.why1 dd li em img,.why2 dd li em img{-webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s;}
.why1 dd li p,.why2 dd li p{display: inline-block;width: 465px;vertical-align: middle;}
.why1 dd li p b,.why2 dd li p b{display: block;font-size: 16px;line-height: 16px;margin-bottom: 10px;}
.why1 dd li:hover b,.why2 dd li:hover b{color: #122A88;}
.why1 dd li:hover img,.why2 dd li:hover img{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.why1 dd li p span,.why2 dd li p span{display: block;font-size: 14px;line-height: 14px;color: #666;}
.why1 dd a.zx,.why2 dd a.zx{width:139px; height:40px; background:rgba(18,42,136,1); border-radius:20px;display: block;font-size: 14px;color: #fff;text-align: center;line-height: 40px;}

.why2{height: 464px;}
.why2 dt{width: 960px;margin-left: -360px;height: 464px;float: left;overflow: hidden;}
.why2 dt img,.why2 dt img{width: 960px;height: 464px;}
.why2 dd{float: right;width: 600px;box-sizing: border-box;padding-top: 40px;height: 464px;padding-left: 40px;}
.why2 dd h3{background: url(../images/why-num2.png) no-repeat;}


.case{padding-top: 80px;background: #f8f8f8;padding-bottom: 113px;}
.case h2{margin-bottom: 40px;}
.case .tit{float: left;width: 215px;background: #F3F3F3;height: 386px;overflow: hidden;margin-bottom: 50px;}
.case .tit h3{height: 64px;line-height: 64px;border-bottom: 1px solid rgba(18,42,136,0.07);font-weight: normal;padding-left: 40px;}
.case .tit h3:last-child{border-bottom: none;}
.case .tit h3 a{display: block;}
.case .tit h3 em{display: inline-block;vertical-align: middle;width: 32px;height: 32px;overflow: hidden;margin-right: 16px;line-height:0;}
.case .tit h3 em img{position: relative;transition: all .2s linear;}
.case .tit h3.cur{background: #122A88;border-color: rgba(18,42,136,1);}
.case .tit h3.cur a{color: #fff;}
.case .tit h3.cur em img{position: relative;position: relative;left: -32px;-webkit-filter: drop-shadow(32px 0 #fff);filter: drop-shadow(32px 0 #fff);}
.case .con{float: left;width: 985px;height: 386px;position: relative;margin-bottom: 50px;}
.case .con dt{float: left;width: 685px;height: 386px;overflow: hidden;}
.case .con dt a{display: block;}
.case .con dt img{width: 685px;height: 386px;}
.case .con dd{float: left;width: 300px;height: 386px;background: #F3F3F3;box-sizing: border-box;padding: 73px 48px 0;}
.case .con dd h4 a{display: block;font-size: 22px;line-height: 22px;color: #333;}
.case .con dd p{font-size: 14px;color: #666;line-height: 24px;margin-top: 20px;letter-spacing: 1px;height: 96px;overflow: hidden;}
.case .con .tel{position: absolute;left: 685px;top: 256px;background: url(../images/case-tel.png) no-repeat left top;padding-left: 75px;color: #333;font-size: 28px;font-weight: bold;line-height: 24px;}
.case .con .tel span{display: block;font-size: 14px;color: #333;margin-bottom: 10px;line-height: 14px;font-weight: normal;}
.case .con2{position: relative;}
.case .con2 li{float: left;width: 391px;margin-right: 13px;display: inline;text-align: center;}
.case .con2 li:last-child{margin-right: 0;}
.case .con2 li a{display: block;}
.case .con2 li img{width: 391px;height: 220px;}
.case .con2 li h4{font-weight: normal;display: block;line-height: 14px;margin-top: 20px;}
.case .con2 .prev1{position: absolute;left: -83px;top:84px;width: 63px;height: 63px;background: #fff;border-radius: 50%;display: table;text-align: center;box-shadow: 0 0 20px #eee;}
.case .con2 .next1{position: absolute;right: -83px;top:84px;width: 63px;height: 63px;background: #fff;border-radius: 50%;display: table;text-align: center;box-shadow: 0 0 20px #eee;}
.case .con2 .prev1 em,.case .con2 .next1 em{display: table-cell;vertical-align:middle;}



.power {padding-top: 79px;height: 986px;position:relative;}
.power_con { margin-top: 35px !important }
.power_con dl { width: 596px; height: 315px; background: #122a88; float: left; margin-bottom: 9px; padding: 14px 19px 13px 13px; box-sizing: border-box; transition: .3s ease }
.power_con dl:nth-child(odd) { margin-right: 8px }
.power_con dt { width: 384px; height: 288px; float: left; overflow: hidden }
.power_con dt img { width: 384px; height: 288px }
.power_con dd { width: 168px; float: right }
.power_con dd h3 { font-size: 20px; color: #fff; line-height: 100%; margin-top: 23px }
.power_con dd h3 span { display: block; font-size: 16px; color: #f8f9f9; line-height: 100%; padding-top: 14px; position: relative; margin-top: 10px; margin-bottom: 29px; font-weight: 400; white-space: nowrap }
.power_con dd h3 span:before { position: absolute; content: ""; width: 77px; height: 1px; background: rgba(255, 255, 255, .5); left: 0; top: 0 }
.power_con dd p { font-size: 14px; color: rgba(248, 249, 249, .7); line-height: 22px }
.power_con dl:hover { background: #F58100 }
.power_con dl:hover p {color: rgba(248, 249, 249, 1);}
.power_contact { text-align: center }
.power_contact em { display: inline-block; margin: 49px 0 21px; font-size: 30px; color: #122a88; line-height: 100%; font-weight: 700; position: relative }
.power_contact em:before { position: absolute; content: ""; width: 31px; height: 1px; background: #333; left: -46px; top: 15px }
.power_contact em:after { position: absolute; content: ""; width: 31px; height: 1px; background: #333; right: -46px; top: 15px }
.power_contact span { display: block; font-size: 30px; color: #333; line-height: 100%; font-weight: 700 }
.power_contact img { display: inline-block; margin-right: 8px; vertical-align: -1px }
.power_contact a { display: block; width: 149px; height: 46px; background: #fff; border-radius: 23px; font-size: 14px; color: #333; line-height: 46px; position:absolute;bottom:-23px;left:50%;margin-left:-74.5px; transition: .3s ease; z-index:2; }
.power_contact a:hover { background: #122a88; color: #fff }

.about { background: url(../images/about_bg.jpg) no-repeat center top; padding-top: 109px; height: 794px }
.about h2 a, .about h2 span, .about h2 a:hover { color: #fff }
.about h2 span:after { background: #fff }
.about h3 a { display: block; text-align: center; font-size: 22px; color: #fff; line-height: 100%; font-weight: 400; margin-top: 20px }
.about p a { display: block; width: 843px; text-align: center; font-size: 14px; color: rgba(255, 255, 255, .7); line-height: 24px; margin: 17px auto 63px }
.about p a i { display: block; text-transform: uppercase; margin-top: 32px; transition: .3s ease }
.about p a i:hover { color: #fff }
.about ul { width: 100%; text-align: center }
.about ul li { display: inline-block; width: 137px; height: 40px; background: #fff; border-radius: 20px; line-height: 40px; margin: 0 15px; transition: .3s ease;box-shadow:0 0 32px 0 rgba(0,0,0,.08); }
.about ul li img { vertical-align: middle; margin-right: 8px }
.about ul li a { font-size: 14px; color: #333; line-height: 40px; display: block }
.about ul li:hover { background: #122a88 }
.about ul li:hover i { filter: brightness(1000%); -webkit-filter: brightness(1000%) }
.about ul li:hover img { filter: grayscale(100%); -webkit-filter: grayscale(100%) }
.about ul li:hover a { color: #fff }