﻿@charset "utf-8";
/*banner*/
.banner{ height:520px; }
.banner a{ display:block; background:url(../images/banner.jpg) no-repeat center 0;height:520px;}

/*合作*/
.g_hz{ height: 272px; padding-top: 64px;}
.g_hz .m_hz h2{text-align: center;}
.g_hz .m_hz h2 em{display: block;color: #333333;font-size: 14px;font-weight: normal;}

.m_hz .m_kfc{ padding:20px 0 0 0; height: 140px;  }
.m_hz .m_kfc .u_ljt,.m_hz .m_kfc .u_rjt{ width:20px; height:71px; padding-top:23px;  display:block;}
.m_hz .m_kfc .u_ljt{ padding-right: 19px;}
.m_hz .m_kfc .u_rjt{padding-left: 19px;}
.m_hz .m_kfc .u_ljt a{ background: url(../images/ljt.jpg) no-repeat; width:20px; height:71px; display:block;}
.m_hz .m_kfc .u_rjt a{ background: url(../images/rjt.jpg) no-repeat; width:20px; height:71px; display:block;}
.m_hz .m_kfc .u_ljt a:hover{ background: url(../images/ljth.jpg) no-repeat;}
.m_hz .m_kfc .u_rjt a:hover{ background: url(../images/rjth.jpg) no-repeat;}

.m_hz .m_kfc .u_mid{ width:880px; overflow:hidden; }
.m_hz .m_kfc .u_lst11 li{ width:206px; float:left; margin-right:14px; position: relative; }
.m_hz .m_kfc .u_lst11 .lastli{ margin-right:0;}
.m_hz .m_kfc .u_lst11 li img{ width:206px; height:115px;display: block;}
.m_hz .m_kfc .u_lst11 span{ width:206px; display:block;  height:115px; line-height:115px; overflow:hidden; text-align:center; color:#fff; cursor: pointer; position: absolute; font-size: 14px;background: url(../images/sha.png) repeat; left:0;bottom: 0;display: none; }
.m_hz .m_kfc .u_lst11 a:hover{text-decoration: none;}

.g_pro.f_fw .content {
    width: 1200px;
}
.header.f_pr{ width:!200px;}
/*产品*/
.g_pro{ height:1155px;background:#f7f7f7;padding-top: 25px; padding-bottom:36px; }
.g_pro h2{    text-align: center; font: 48px "Microsoft Yahei";color: #333; padding-bottom:36px; }
/* 左边 */
.g_pro .m_pleft{ width:218px; height: 1347px;overflow: hidden;background: #fff;float: left;}

.g_pro .m_pleft h3{ color: #0079c2; height: 66px;line-height: 66px;text-align: center; display: block;   }
.g_pro .m_pleft h3 a{ font-size: 20px; color: #0079c2; }

.g_pro .m_plc h4{width: 218px;height: 27px;line-height: 27px; overflow: hidden;margin-bottom: 4px;}
.g_pro .m_plc h4 a{font-size: 14px;color: #fff;width: 188px;height: 27px;line-height: 27px; overflow: hidden;padding-left: 30px;font-size: 14px;font-weight: bold;display: block;background:url(../images/flh3.jpg) no-repeat;}
.g_pro .m_plc h4 a:hover,.g_pro .m_plc .cur a{background:url(../images/flh3bg.jpg) no-repeat;}

.g_pro .m_plc h5{background:url(../images/flh4.jpg) no-repeat; width: 110px;height: 30px;line-height: 30px; overflow: hidden;margin-left: 25px;padding-left: 10px; padding-right: 74px; padding-bottom: 4px;}
.g_pro .m_plc h5 a{font-weight: bold;font-size: 14px;color: #333333;}

.g_pro .m_pleft .m_plc ul{ padding: 10px 10px 2px 25px; display:none;}
.g_pro .m_pleft .m_plc li {height: 27px;line-height: 27px; overflow: hidden; }
.g_pro .m_pleft .m_plc li a{ height: 27px; line-height: 27px;  overflow: hidden; padding-left: 20px; display: block;  font-size: 14px; color: #666666; background:url(../images/flico.jpg) no-repeat 8px 10px; }
.g_pro .m_pleft .m_plc li a:hover{ color: #646464;}


/* 右边 */
.g_pro .m_pright{ width:960px; height:1090px;background: #f7f7f7; float: right;}
.g_pro .m_pright h3
{
        padding-top: 20px;
    height: 54px;
    margin-bottom: 23px;
    line-height: 26px;
    margin-left: 20px;
    
    }
.g_pro .m_pright h3 a 
{
    
   float: left;
    display: inline-block;
    color: #333333;
    font-weight: bold;
    margin-right: 12px;
    width: 120px;
    text-align: center;
    padding: 11px 12px;
    font-size: 19px;
}
a {
    color: #666;
    text-decoration: none; 
    
    
    }

.g_pro .m_pright h3 a:hover,.g_pro .m_pright .cur
{
    
    
        background: #0079c2;
    text-decoration: none;
    color: #fff;
    
    }

.g_pro .m_pright h3 .u_more{display: block;}
.g_pro .m_pright h3 .u_more a{background: none; color: #666666;font-size: 12px;text-transform: uppercase;font-weight: normal; width: 50px;}
.g_pro .m_pright h3 .u_more a:hover{background: none;}

.g_pro .fc{padding-left: 10px;}
.g_pro .fc img{display: block; width: 227px; height: 233px;}
.g_pro .fc li{float: left; width: 286px; height: 303px;overflow: hidden; margin-right: 12px; margin-left: 12px; margin-bottom: 14px;}
.g_pro .fc .lastli{margin-right: 0;}
.g_pro .fc li img{width:274px;height:263px;display: block; border:1px solid #ccc; padding:1px;}
.g_pro .fc li a:hover img{opacity:0.7; border:1px solid #0079c2;}
.g_pro .fc .lastli{margin-right: 0;}
.g_pro .fc li a{width:214px;height:214px;}
.g_pro .fc li a h3{display: block; height:30px;margin:0 auto;padding:110px 0 0 0;text-align: center; font-size: 14px; color: #fff; font-weight: normal; line-height: 30px; overflow: hidden; margin-bottom: 5px;cursor: pointer;}
.g_pro .fc li .btn{margin:0 auto; display: block; width: 187px; padding-left: 20px; }
.g_pro .fc li .btn em{display: block; width: 82px; float: left; margin-right: 7px;}
.g_pro .fc li .btn em img{width: 80px; height: 30px;background: none; border:none; }
.g_pro .fc li .protit{ width:278px; display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:44px; line-height:40px; padding-top:4px;}

/* 同类产品对比 */
.g_pk{ height: 518px;padding-top: 50px;}
.g_pk h2{margin-left:320px; height: 78px; }
.m_pk dl{float: left; width: 474px; margin-right: 10px;}
.m_pk .u_dlst2{margin-right: 0;}
.m_pk dt,.m_pk dt img{display: block;width: 474px;height: 215px;}
.m_pk .u_dlst1 h3{color: #0079c2;}
.m_pk .u_dlst2 h3{color: #333333}
.m_pk h3{height: 42px;line-height: 42px;overflow: hidden;font-size: 14px;}
.m_pk p{font-size: 14px;color: #333333;line-height: 24px;}
.pk{position: absolute;width: 127px;height: 127px;left:416px;top:136px;display: block;}
.pk img{display: block;width: 127px;height: 127px;}
.m_pk .u_pktit{height: 70px;line-height: 70px;background: url(../images/tab3.jpg) repeat-x;margin-bottom: 20px;}
.m_pk .u_pktit li{float: left; width: 240px;background: url(../images/line.jpg) no-repeat right top;text-align: center;}
.m_pk .u_pktit li a{display: block; float: left; width: 240px;height: 70px;line-height: 70px;color: #333;font-weight: bold;font-size: 14px;}
.m_pk .u_pktit li a:hover,.m_pk .u_pktit .cur a{background: url(../images/tab4.jpg) no-repeat;color: #fff;}

/* 优势 */
.g_ys{height: 1718px;background:url(../images/ysbg.jpg) no-repeat center top;}
.ysimg1{top:284px;  right:0;}
.ysimg2{top:615px; left:-10px;}
.ysimg3{top:971px; right:35px;}
.g_ys h2{margin-left: 213px;height: 174px;padding-top: 42px;}
.m_ys1{top:264px;left:0;}
.m_ys2{top:627px;left:515px;}
.m_ys3{top:988px;left:0;}
.m_ys4{top:1370px;left:515px;}
.g_ys .m_gy{position: absolute; width: 460px;}

.g_ys .m_gy h3{text-align: left;background:url(../images/ysline.jpg) no-repeat left bottom;  color: #0079c2; font-size: 32px; margin-bottom: 8px;font-weight: bold; height: 80px; padding-bottom: 10px;}
.g_ys .m_gy h3 em{ font-size: 64px; color: #d0d0d0; font-weight: normal; font-family: impact;display:inline-block;margin-right: 10px;}
.g_ys .m_gy h4{border-bottom: 1px dashed #cbcbcb; color: #333333;font-size: 18px;line-height: 24px;font-weight: normal; padding-bottom: 15px; margin-bottom: 10px;}
.g_ys .m_gy h4 b{color: #0079c2;font-size: 20px;}
.g_ys .m_gy p{font-size: 14px; color: #333333; line-height: 22px;background:url(../images/ysico.png) no-repeat left  6px;padding-left: 15px;margin-bottom: 10px;}
.g_ys .m_gy p b{font-weight: normal; color: #0079c2}
.g_ys .u_lst2 li{font-size: 14px; color: #333333; line-height: 22px;background:url(../images/ysico2.jpg) no-repeat 14px 8px;padding-left: 27px;margin-bottom: 10px;}

/*小广告*/
.g_xban4{ height: 190px; background:url(../images/xban.jpg) no-repeat center top;}
.g_xban4 .kong{ width: 960px; height: 190px; display: block;}
.g_xban4 .btn1{top: 106px; right:0;}
.g_xban4 .u_tel1{ right:0; top: 68px; }
.g_xban4 .u_tel1 b{color: #fff;font-size: 30px;font-family: impact;display:block;font-weight: normal;}

.g_xban4 .m_ly2{position: absolute;top:118px;left:138px;}
.g_xban4 label,.g_xban4 input,.g_xban4 textarea,.g_xban4 img,.g_xban4 b{float:left;display:inline-block;}
.g_xban4 label{width:61px;color:#555555;line-height:30px;font-size: 14px;text-align: right;}
.g_xban4 input{width:160px;height:30px;line-height:30px;background:#fff;border:none; padding-left: 10px;border: 1px solid #666666;}
.g_xban4 li{float: left;margin-right: 10px;}
.g_xban4 .s_m{border:none;width:77px;height:33px;cursor:pointer; }
.g_xban4 .s_m{background:url(../images/tj.jpg) no-repeat; display: inline-block; width: 77px; height: 33px;}


.g_kf .content {
    width: 1200px;
}



/* 客户见证 */
.g_kf{ height: 1065px;padding-top: 85px; }
.g_kf h2{margin-left: 400px;}
.g_kf h3{height: 26px;line-height: 26px;text-align: center;font-size: 12px;font-family: arial;text-transform: uppercase;font-weight: normal; margin-bottom: 25px;}
.g_kf .m_an
{
  height: 292px;
    margin-bottom: 49px;    
 }
.g_kf .u_ljt,.g_kf .u_rjt{ width:50px; height:32px;display:block;position: absolute;cursor: pointer;}
.g_kf .u_ljt{top:-35px;right:50px; }
.g_kf .u_rjt{top:-35px;right:0; }
.g_kf .u_ljt a{ background: url(../images/ljt1h.jpg) no-repeat; width:50px; height:32px; display:block;}
.g_kf .u_rjt a{ background: url(../images/rjt1.jpg) no-repeat; width:50px; height:32px; display:block;}
.g_kf .u_ljt a:hover{ background: url(../images/ljt1h.jpg) no-repeat;}
.g_kf .u_rjt a:hover{ background: url(../images/rjt1h.jpg) no-repeat;}
.g_kf .u_lst3 li
{
    float: left;
    width: 370px;
    height: 290px;
    margin-right: 30px;
    
    }
.g_kf .u_lst3 li img{display: block;
    width: 370px;
    height: 247px;}
.g_kf .u_lst3 .lastli{margin-right: 0;}
.g_kf .u_lst3 li em{display: block;width: 370px;height: 40px;line-height: 40px;overflow: hidden;}
.g_kf .u_lst3 li em a{width: 370px;height: 40px;line-height: 40px;display: block;background: #ccc;text-align: center;color: #333333;font-size: 14px;}
.g_kf .u_lst3 li em a:hover{color: #fff;background: #0079c2;}

.g_kf .m_kf
{
    
  background: url(../images/kfbg2.jpg) repeat -11px;
    height: 535px;  
  }

.g_kf .u_dlst2 
{
    
   width: 548px;
    float: left;
    margin-right: 0px;
    height: 267px;
    margin-bottom: 25px; 
    }
.g_kf .lastdl{ margin-right: 0;}
.g_kf .u_dlst2 dt 
{
     width: 177px;
    float: left;
    margin-right: 14px;   
}
.g_kf dl.u_dlst2.lastdl {
    margin-left: 102px;
}


.g_kf .u_dlst2 dt img{ width: 175px;
    height: 224px;
    display: block; }
.g_kf .u_dlst2 dd
{

   float: left;
    width: 340px;
    padding-top: 17px;
    margin-left: 2px;       
}

.g_kf .u_dlst2 h4{height: 30px; line-height: 30px; overflow: hidden; font-weight: bold; margin-bottom: 10px;padding-left: 15px; }
.g_kf .u_dlst2 h4 a{ font-size: 14px; color: #333333; height: 30px; line-height: 30px; overflow: hidden;}

.g_kf .u_dlst2 p 
{
    
   font-size: 14px;
    color: #666;
    line-height: 26px;
    overflow: hidden;
    background: url(../images/kfdd3.jpg) no-repeat;
    height: 168px;
    padding: 18px 25px 0 33px; 
    
    }
.g_kf .u_dlst2 p a{color: #0079c2;font-size: 12px; }

/*小广告*/
.g_xban{ height: 240px;  background:url(../images/xban2.jpg) no-repeat center top;}
.g_xban .kong{ width: 960px; height: 240px; display: block;}
.g_xban .btn1{top: 106px; right:0;}
.g_xban .u_tel1{ right:0; top: 68px; }
.g_xban .u_tel1 b{color: #fff;font-size: 30px;font-family: impact;display:block;font-weight: normal;}
.g_zj.f_fw .content {
    width: 1200px;
}

/* 走进 */
.g_zj{height: 700px;padding-top:55px;}
.g_zj h2{background:url(../images/zjtit.jpg) no-repeat; height: 85px; padding-top: 13px;     margin-left: 381px; width: 440px;text-align: center;position: relative;}
.g_zj h2 a{ color: #0079c2; font-weight: bold; font-size: 30px;}
.g_zj .more2{position: absolute;width: 55px;height: 20px;left:190px;top:58px;display: block;background: #a3a3a3;line-height: 20px;}
.g_zj .more2 a{ font-size: 12px; color: #fff; font-weight: normal;text-transform: uppercase;}

.g_zj .u_dlst1{height: 348px;clear: both;}
.g_zj .u_dlst1 dt
{
    
width: 527px;
    float: left;
    margin-right: 30px;
    height: 328px;
    overflow: hidden;
     }
.g_zj .u_dlst1 dt img{width: 524px;display: block;}
.g_zj .u_dlst1 dd{float: left;     width: 590px;}

.g_zj .u_dlst1 h3{height: 49px; line-height: 47px; overflow: hidden; font-weight: bold; padding-bottom: 3px;}
.g_zj .u_dlst1 h3 a 
{
    
    font-size: 23px;
    color: #333333;
    height: 43px;
    line-height: 38px;
    overflow: hidden;
    
    }
.g_zj .u_dlst1 p{ font-size: 15px;
    color: #545454;
    height: 109px;
    line-height: 28px;
    overflow: hidden;}
.g_zj .u_dlst1 em{ margin-top: 48px;display: block; }


.m_kfc2 h5{ color: #505050;font-size: 26px; height: 68px; line-height: 57px; font-weight: bold; background: url(../images/fctit2.jpg) no-repeat;text-align: center;  margin-bottom: 20px;}
.m_kfc2 h5 a{color: #505050;}

.m_kfc2 .u_ljt,.m_kfc2 .u_rjt{ width:20px; height:71px; padding-top:42px;  display:block;}
.m_kfc2 .u_ljt{ padding-right: 20px;}
.m_kfc2 .u_rjt{padding-left: 17px;}
.m_kfc2 .u_ljt a{ background: url(../images/ljt.jpg) no-repeat; width:20px; height:71px; display:block;}
.m_kfc2 .u_rjt a{ background: url(../images/rjt.jpg) no-repeat; width:20px; height:71px; display:block;}
.m_kfc2 .u_ljt a:hover{ background: url(../images/ljth.jpg) no-repeat;}
.m_kfc2 .u_rjt a:hover{ background: url(../images/rjth.jpg) no-repeat;}

.m_kfc2 .u_mid{ width:1120px; overflow:hidden; }
.m_kfc2 .u_lst1 li{     width: 260px;
    float: left;
    padding-right: 10px;
    padding-left: 10px; }
.m_kfc2 .u_lst1 .lastli{ margin-right:0;}
.m_kfc2 .u_lst1 li img{ width: 260px;
    height: 191px;
    display: block; }

.m_kfc2 .u_lst1 span{width: 260px;
    display: block;
    height: 46px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    color: #666666;
    font-size: 15px;}
.m_kfc2 .u_lst1 a:hover{text-decoration: none; color: #666666;}



/* 新闻 */
.g_news{ height: 502px; }
.g_news .m_new{ width:396px;  float: left;margin-right: 26px;}
.g_news .m_new2{margin-left: 0; margin-right: 0; }
.tit{background: url(../images/newtit4.jpg) no-repeat;width: 330px;height: 40px;line-height: 40px;padding-left: 10px;padding-right: 10px;}
.tit a{font-size: 18px;color: #fff;font-weight: bold;}
.tit span{display: block;padding-top: 10px;height: 20px;}
.g_news .m_new .tit,.g_news .m_new2 .tit{background: url(../images/new2tit3.jpg) no-repeat;width:377px;height: 40px;line-height: 40px;padding-left: 10px;padding-right: 10px;}

.g_news .content {
    width: 1200px;
}
.g_news .u_dlst2{padding-top: 20px; margin-bottom: 12px;}
.g_news .u_dlst2 dt{ width: 136px; float: left; margin-right: 8px;}
.g_news .u_dlst2 dt img{ width: 134px; height: 107px;display: block;border:1px solid #ccc;}
.g_news .u_dlst2 dd{float: left; width: 170px;}
.g_news .u_dlst2 h3{height: 24px; line-height: 24px; overflow: hidden; font-weight: bold; }
.g_news .u_dlst2 h3 a{ font-size: 14px; color: #0079c2; height: 24px; line-height: 24px; overflow: hidden;}
.g_news .u_dlst2 p{ font-size: 12px; color: #333333; height: 80px; line-height: 20px; overflow: hidden;}

.g_news .u_lst5 li{ height: 28px; line-height: 28px; background: url(../images/dtico.jpg) no-repeat 3px 10px; padding-left: 16px;}
.g_news .u_lst5 li a{color: #333333;overflow:hidden; white-space:nowrap;text-overflow: ellipsis;width:285px;display:inline-block;}
.g_news .u_lst5 .lastli{border-bottom: none;}


/* 常见问题 */
.faq { width:350px; margin-right: 30px;}
.fa_con dl { padding:10px 0 0 0; height: 114px;border-bottom: 1px dotted #ccc; }
.fa_con dl dt { height:28px; line-height:28px; background:url(../images/wen.jpg) no-repeat left 9px; padding-left:26px; font-weight:normal; overflow: hidden;}
.fa_con dl dt a { color:#0079c2; font-size: 12px;}
.fa_con dl dt em,.fa_con dl dd em{color:#0079c2; }
.fa_con dl dd { line-height:24px; height: 72px; overflow:hidden; background:url(../images/da.jpg) no-repeat left 2px; padding:0 0 0 26px; color:#333333; margin-top:3px; font-size: 12px;}
.fa_con .nobot { border-bottom:0;}

.g_dnav{background:url(../images/dnavbg.jpg) no-repeat center top; height: 260px; padding-top: 34px;}
.g_dnav .li1 a{background:url(../images/nav1h.jpg) no-repeat;}
.g_dnav .li2 a{background:url(../images/nav2.jpg) no-repeat;}
.g_dnav .li3 a{background:url(../images/nav3.jpg) no-repeat;}
.g_dnav .li4 a{background:url(../images/nav4.jpg) no-repeat;}

.g_dnav .li1 a:hover{background:url(../images/nav1h.jpg) no-repeat;}
.g_dnav .li2 a:hover{background:url(../images/nav2h.jpg) no-repeat;}
.g_dnav .li3 a:hover{background:url(../images/nav3h.jpg) no-repeat;}
.g_dnav .li4 a:hover{background:url(../images/nav4h.jpg) no-repeat;}

.g_dnav .content{ width:1200px;}
.g_dnav li {float: left;width:278px; margin-right: 28px; }
.g_dnav .li4{margin-right: 0;}
.g_dnav li em{display: block;font-size: 16px;color: #333333;text-transform: uppercase; font-weight: normal;}
.g_dnav li a{color: #333333;font-size: 22px;font-weight: bold;text-decoration: none;width: 218px;height: 145px;display: block;text-align: center;padding-top: 70px;}
.g_dnav li a:hover,.g_dnav .li1 a{color: #0079c2;}
.g_dnav li a:hover em,.g_dnav .li1 a em{color: #0079c2;}


.g_link{border-bottom: 1px solid #ccc;height: 60px;line-height: 60px;background: #f5f5f5;}
.g_link h2{float: left;width: 100px;background:url(../images/linkline.jpg) no-repeat right 15px;}
.g_link h2 a{color: #0079c2;font-size: 20px;font-weight: bold;}
.g_link .m_link{float: left; width: 730px;}
.g_link .m_link a{color: #333333;font-size: 12px;display: inline-block;padding: 0 16px;}
.g_link span{float: left;width: 110px;background:url(../images/sq.jpg) no-repeat right 25px;padding-right:15px;text-align: right;}
.g_link span a{color: #333333;font-size: 14px;font-weight: bold;}


.tit1 {
text-align: center;
font: 48px "Microsoft Yahei";
color: #333;
}
.tit1 a {
color: #333;
}
.tit1 em {
display: block;
font: 22px "Microsoft Yahei";
padding-top: 5px;
color: #666;
}
.fang{ background:url(../images/fang_bg.jpg) no-repeat center top; height:973px; padding-top:80px;}
.fangt{ height:60px; width:1200px; margin:36px auto 42px; background:#fff; border-radius:2rem; box-shadow:0.1rem 0.1rem 0.5rem 0.1rem #999;}
.fangt li{ width:200px; height:60px; float:left; font:18px "Microsoft YaHei"; line-height:60px; color:#333;}
.fangt li a{ display:block; color:#333; border-radius:2rem;}
.fangt li span{ display:block; float:left; width:32px; height:30px; margin:16px 10px 0 30px; position:relative;}
.fangt li img{display:block; width:32px; height:30px;}
.fangt li em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.fangt li i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.fangt li a:hover,.fangt .cur a{ background:#0079c2; color:#fff;}
.fangt li.cur span em,.fangt li a:hover em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.fangt li.cur span i,.fangt li a:hover i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.fang1{ width:1200px; margin:0 auto;}
.fang1 dt{ width:960px; height:660px; float:left; position:relative; margin-left:-360px;}
.fang1 dt img{ display:block;width:960px; height:660px;}
.fang1 dd{ width:480px; float:right; margin-top:45px;}
.fang1 dd h3{ position:relative; font:40px "Microsoft YaHei"; color:#333;}
.fang1 dd h3 a{ display:block; color:#333;}
.fang1 dd h3 em{ display:block; font:24px "Microsoft YaHei"; line-height:24px; padding:10px 0 28px;}
.fang1 dd h3:before{ content:""; position:absolute; bottom:0; width:100px; height:3px; background:#0079c2;}
.fang1 dd p{ font:16px "Microsoft YaHei"; line-height:24px; height:102px; overflow:hidden; margin:35px 0 78px;}
.fang1 dd h5{ width:200px; height:140px; position:relative; overflow:hidden; margin-bottom:34px;}
.fang1 dd h5 span{ display:block; width:198px; height:138px; border:1px solid #eee; background:#fff; font:18px "Microsoft YaHei"; text-align:center; color:#333;}
.fang1 dd h5 span em{ display:block; width:54px; height:52px; margin:0 auto 8px; padding-top:32px;}
.fang1 dd h5 span em img{display:block; width:54px; height:52px;}
.fang1 dd h5 b{-webkit-transition:1s;
-moz-transition: 1s;
transition:1s; opacity:0;-webkit-transform:scale(0.0);
    -moz-transform:scale(0.0);
    -transform:scale(0.0); width:200px; height:140px; position:absolute; top:0;}
.fang1 dd h5 b img{display:block; width:200px; height:140px;}
.fang1 dd h5:nth-child(2n-1){ float:left;}
.fang1 dd h5:nth-child(2n){ float:right;}
.fang1 dd h5:hover b{opacity:1;transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360);-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -transform:scale(1);}
.fang1 dd h5:hover span{opacity:0;-webkit-transition:1s;
-moz-transition: 1s;
transition:1s; }

.ys{ background:url(../images/ys_bg.jpg) no-repeat center top; padding-top:85px; height:915px;}
.ys .tit1,.ys .tit1 em{ color:#fff;}
.yst{ background:#0079c2 url(../images/yst_bg.jpg) no-repeat center top; width:254px; float:left; margin-top:32px; height:695px;}
.yst ul{ padding-top:40px; height:515px;}
.yst li{ font:36px "Microsoft YaHei"; font-weight:bold; line-height:85px; height:85px; padding-left:54px; font-weight:bold; color:#fff; position:relative;}
.yst li:before{ content:""; position:absolute; top:75px; left:-30px; width:0; background:#0079c2; height:5px;-webkit-transition:width .5s;transition:width .5s;}
.yst .cur{ font-weight:bold; position:relative;}
.yst .cur:before{ content:""; position:absolute; top:75px; left:-30px; width:185px; background:#0079c2; height:5px;}
.yst .cur:after{ content:""; position:absolute; top:46%; left:254px; width:0; height:0; border-left:16px solid #000; border-top:16px solid rgba(0,0,0,0);border-bottom:16px solid rgba(0,0,0,0); z-index:8;}
.yst h5{ font:30px Arial; color:#fff; text-align:center;}
.yst h5 em{ display:block; font:30px "Microsoft YaHei"; background:url(../images/ys_lx.png) no-repeat 38px center; padding-left:20px; line-height:30px; margin-bottom:16px;}
.ys1{ width:946px; float:left; margin-top:32px;}
.ys1 dl{ height:695px; background:#fff; overflow:hidden;}
.ys1 dt img{ display:block; width:946px; height:507px;}
.ys2{ width:220px; height:188px; overflow:hidden; float:left;}
.ys2 li{ display:block;width:220px; height:188px; float:left;}
.ys2 li img{display:block;width:220px; height:188px; }
.ys1 h5{ width:585px; float:left; padding:12px 0 0 35px;}
.ys1 h5 em{ display:block; font:30px "Microsoft YaHei"; color:#141414; width:625px;font-style: normal;} 
.ys1 h5 em i{font-style: normal; font-size:36px; padding-right:8px; font-weight:bold; color:#0079c2;}
.ys1 h5 span{ display:block; font:16px "Microsoft YaHei"; line-height:24px;}




   .case
        {
         height: auto;
    padding-top: 72px;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
        }
        .case ul.ptit
        {
            height: 160px;
            margin-top: 36px;
            overflow: hidden;
        }
        .case ul.ptit li
        {
            width: 108px;
            height: 118px;
            float: left;
            margin-right:74px;
            font: 18px "Microsoft YaHei";
            text-align: center;
            color: #333;
        }
        .case ul.ptit li span
        {
            display: block;
            width: 36px;
            height: 36px;
            margin: 0 auto 6px;
            position: relative;
            overflow: hidden;
        }
        .case  ul.ptit li em
        {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            -webkit-transition: all 0.4s linear;
            transition: all 0.4s linear;
        }
        .case ul.ptit  li i
        {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0;
            visibility: hidden;
            -webkit-transform: translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
            transform: translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
            -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
            -webkit-transition: all 0.4s linear;
            transition: all 0.4s linear;
        }
        .case  ul.ptit li img
        {
            display: block;
            width: 36px;
            height: 36px;
        }
        .case ul.ptit li a
        {
            display: block;
            width: 108px;
            height: 95px;
            padding-top: 23px;
            background: url(../images/choo_bg1.png) no-repeat;
            color: #333;
        }
        .case ul.ptit li a:hover
        {
            background: url(../images/choo_bg2.png) no-repeat;
            color: #fff;
        }
        .case ul.ptit li a:hover em
        {
            opacity: 0;
            visibility: hidden;
            -webkit-transform: translate3d(0,65px,0) rotate3d(1,0,0,-90deg);
            transform: translate3d(0,65px,0) rotate3d(1,0,0,-90deg);
        }
        .case ul.ptit li a:hover i
        {
            opacity: 1;
            visibility: visible;
            -webkit-transform: rotate3d(1,0,0,0deg);
            transform: rotate3d(1,0,0,0deg);
        }
        .case ul.ptit li:last-child
        {
            margin-right: 0;
        }
        .case1
        {
            background: #f4f4f4;
            height: 596px;
        }
        .case dl
        {
            width: 1200px;
            margin: 0 auto;
        }
        .case dt
        {
            width: 1060px;
            height: 596px;
            float: left;
            position: relative;
            margin-left: -360px;
        }
        .case dt img
        {
            display: block;
            width: 1060px;
            height: 596px;
        }
        .case dd
        {
            width: 415px;
            float: right;
            margin-top: 77px;
        }
        .case dd h3 a
        {
            display: block;
            font: 36px "Microsoft YaHei";
            color: #333;
            margin-bottom: 16px;
        }
        .case dd h3 a:hover
        {
            font-weight: bold;
            color: #dc2821;
        }
        .case dd p
        {
            font: 16px "Microsoft YaHei";
            line-height: 30px;
            color: #333;
        }
        .case dd span
        {
            display: block;
            margin-top: 85px;
        }
        .case dd span img
        {
            display: block;
            width: 182px;
            height: 182px;
            border: 1px solid #dcdcdc;
            overflow: hidden;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            transition: 1s;
        }
        .case dd span img:nth-child(2n-1)
        {
            float: left;
        }
        .case dd span img:nth-child(2n)
        {
            float: right;
        }
        .case dd span img:hover
        {
            border: 1px solid #dc2821;
            -webkit-transform: scale(1.1,1.1);
            -moz-transform: scale(1.1,1.1);
            -transform: scale(1.1,1.1);
        }
        
        .newsPrj li {
    float: left;
    width: 278px;
    height: 245px;
    margin: 0 11px;
    margin-bottom: 28px;
}

.newsPrj li img {
    width: 100%;
    height:201px;
}

.newsPrj li span {
    display: inline-block;
    height: 64px;
    width: 100%;
    text-align: center;
    line-height: 28px;
    font-size: 15px;
}

.newsPrj {
    height: 224px;
    overflow: hidden;
    margin-bottom: 40px;
}
        
        
        
        
           /*新闻资讯*/
        .new
        {
            padding: 0 0 50px;
            background: url(../images/new_line.gif) repeat-x center 130px;
            height: 706px;
        }
        .new-box
        {
            padding-top: 32px;
        }
        .new-tab
        {
            width: 465px;
            height: 80px;
            margin: 0 auto;
        }
        .new-tab li
        {
            float: left;
            width: 115px;
            margin: 0 20px;
        }
        .new-tab li a
        {
            display: block;
            height: 80px;
            line-height: 80px;
            font-size: 24px;
            font-family: "Microsoft YaHei";
            color: #333;
            text-align: center;
            text-transform: uppercase;
        }
        .new-tab li.cur a
        {
            color: #0079c2;
            border-top: 1px solid #0079c2;
        }
        .new-con dl
        {
            float: left;
            width: 600px;
        }
        .new-con dl.last
        {
            margin-left: 40px;
        }
        .new-con dt
        {
            height: 290px;
            width: 580px;
            overflow: hidden;
        }
        .new-con dt img
        {
            width: 580px;
            height: 290px;
            display: block;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            transition: 1s;
        }
        .new-con dt a:hover img
        {
            -webkit-transform: scale(1.1,1.1);
            -moz-transform: scale(1.1,1.1);
            -transform: scale(1.1,1.1);
        }
        .new-txt
        {
            padding: 25px 0 15px;
            border-bottom: 1px solid #ebebeb;
            float: left;
            margin-left: 14px;
            width: 553px;
        }
        .new-txt.n3, .new-txt.n5
        {
            margin-left: 51px;
        }
        .new-txt h2
        {
            height: 30px;
        }
        .new-txt h2 a
        {
            float: left;
            width: 458px;
            height: 30px;
            line-height: 30px;
            font-size: 18px;
            color: #222222;
            font-weight: normal;
        }
        .new-txt h2 a:hover
        {
            font-weight: bold;
            color: #0079c2;
        }
        .new-txt h2 em
        {
            float: right;
            width: 88px;
            height: 30px;
            line-height: 30px;
            font-size: 13px;
            font-style: italic;
            font-family: "Arial";
            color: #aaaaaa;
            text-align: right;
            text-transform: uppercase;
        }
        .new-txt p
        {
            font-size: 14px;
            line-height: 30px;
            color: #aaaaaa;
        }
        .new-list .new-dl
        {
            float: left;
            width: 580px;
        }
        .new-list .last
        {
            margin-left: 40px;
        }
        
        .about
        {
            height: 565px;
            overflow: hidden;
            background: url(../images/about_bg.jpg) no-repeat center top;
            padding-top: 135px;
        }
        .about dl
        {
            height: 431px;
            background: rgba(0,0,0,0.5);
        }
        .about dt
        {
            width: 614px;
            height: 431px;
            float: left;
            overflow: hidden;
        }
        .about dt img
        {
            display: block;
            width: 614px;
            height: 431px;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            transition: 1s;
        }
        .about dt a:hover img
        {
            -webkit-transform: scale(1.1,1.1);
            -moz-transform: scale(1.1,1.1);
            -transform: scale(1.1,1.1);
        }
        .about dd
        {
            width: 500px;
            float: left;
            padding: 44px 0 0 45px;
        }
        .about dd h3 img
        {
            display: block;
        }
        .about dd h3 em
        {
            display: block;
            font: 24px "Microsoft YaHei";
            color: #fff;
            padding-top: 5px;
        }
        .about dd h3 i
        {
            color: #0079c2;
        }
        .about dd p
        {
            font: 14px "Microsoft YaHei";
            line-height: 24px;
            color: #fff;
            margin: 40px 0 40px;
        }
        .about dd span a
        {
            display: block;
            width: 180px;
            height: 50px;
            font: 18px "Microsoft YaHei";
            background: #0079c2;
            border-radius: 2rem;
            text-align: center;
            line-height: 50px;
            color: #fff;
        }
        
        .tit1 a
        {
            text-decoration: none;
        }
        
        
        
        
        
        .fen h2 {
    height: 111px;
    width: 240px;
    overflow: hidden;
    font: 36px "Microsoft YaHei";
    text-align: center;
    color: #fff;
    background: #0079c2;
    border-bottom: 1px solid #fff;
    padding-bottom: 0px;
    margin-bottom: 1px;
}
.fen h4 a:hover,.fen .on a{background:#0079c2 url(../images/fen_arr2.png) no-repeat 205px center; color:#fff;}

.fen h5 a:hover,.fen .on a{background:#0079c2 url(../images/fen_arr2.png) no-repeat 205px center; color:#fff;}

.fen .f_cb li a:hover
{
  
 color:#0079c2;
    
}
.fen h4 i{position: absolute;width: 100%;height: 60px;left: 0;top: 0;cursor: pointer}

.fen h5 i {
    position: absolute;
    width: 100%;
    height: 46px;
    left: 0;
    top: 0;
    cursor: pointer;
}

.fen {
    width: 240px;
    min-height: 676px;
    background: url(../images/fen_bg.jpg) no-repeat center top;
    background-size: 100% 100%;
    padding-bottom: 10px;
    float: left;
    overflow: hidden;
    height: 1040px;
}
.fen2 {
    display: none;
}
.fen h2 a {
    display: block;
    color: #fff;
    padding-top: 20px;
}

.fen h2 em {
    display: block;
    font: 14px "Microsoft YaHei";
    text-transform: uppercase;
    padding-top: 5px;
    letter-spacing: 2px;
}

.fen h4 {
    height: 60px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    font: 20px "Microsoft YaHei";
    line-height: 60px;
    position: relative;
}

.fen h4 a {
    display: block;
    color: #fff;
    padding-left: 35px;
    background: url(../images/fen_arr1.png) no-repeat 205px center;
}

.fen  h5 {
    font: 18px "Microsoft YaHei";
    line-height: 46px;
    position: relative;
}

.fen h5 a {
    display: block;
    color: #fff;
    padding-left: 54px;
}

.fen ul.f_cb {
    display: none;
}

.fen .f_cb li a {
    display: block;
    font: 16px "Microsoft YaHei";
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    padding-left: 74px;
    position: relative;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}


.pic{ height:40px; margin:95px 0;}
.pic li{width: 268px;float:left;margin: 0 16px;}
.pic li b{display:block;width: 60px;font:38px Arial;font-weight:bold;color:#969696;border-right:1px solid #e6e6e6;float:left;}
.pic li span{ display:block; width:40px; height:40px; float:left; margin-left:30px; position:relative;}
.pic li span img{display:block; width:40px; height:40px;}
.pic li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.pic li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.pic li p{width: 109px;float:right;font:18px "Microsoft YaHei";color:#6f6f6f;}
.pic li p em{ display:block; font:12px Arial; text-transform:uppercase; color:#aaa9a9; padding-top:3px;}
.pic li:hover span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.pic li:hover span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.pic li:hover b,.pic li:hover p,.pic li:hover p em{ color:#0079c2;}
.pic li:hover b{ border-right:1px solid #0079c2;}
