﻿
  .f_pr{position:relative;}
.f_pa{position:absolute;}
.header , .content , .footer { width:1200px; margin:0 auto;  }
em{font-style:normal;}
      .g_top{ height:249px; background:url(../images/topbg.jpg) repeat-x center top;}
      .g_top .m_top{height:189px;}
      .top_t{ height:40px; line-height:40px;color:#666666;font-size: 14px;}
      .top_t p{ float:right;}
      .top_t p a{ padding: 0 15px 0 25px; display: inline-block; color:#666666;}
      .top_t .tico1{background:url(../images/tico1.jpg) no-repeat 0 7px}
      .top_t .tico2{background:url(../images/tico2.jpg) no-repeat 0 7px}
      .top_t .tico3{background:url(../images/tico3.jpg) no-repeat 0 7px}
      .top_t .tico4{background:url(../images/tico4.jpg) no-repeat 0 7px}

      .top_c h1{ float:left; padding: 23px 16px 0 0; width:272px;}
      .top_c h1 a img{width:100%;}
      .top_c h2{ float:left; height:60px; margin:25px 0 0 0; color: #01458d; font-size: 30px; font-weight: bold;}
      .top_c h2 em{ display:block; color:#666666; font-weight:normal; font-size: 16px; padding-top: 3px; }

      .top_c p{ float:right; margin:39px 0 0 0 ; }
      .top_c p b{display: block;float: left;text-align: right; width: 60px;  color:#333333; font-size:14px;font-weight: normal;line-height: 24px; padding-right: 6px;}
      .top_c p span{ display:block;float: left; width: 190px; font-size:24px; letter-spacing: -1px; color:#01458d;font-weight: bold; position: relative;top: -5px; line-height: 28px; font-family: arial;}
      .top_c p span i{display: block;font-weight: bold;font-style: normal;color: #333333;}
/*导航*/
.nav { position: absolute; top:187px;width:1200px; z-index: 999; margin:auto;}
.nav ul {}
.nav ul li { float: left; }
.nav ul li .nav-a { font-size:16px; color: #FFF; width:170px; line-height: 66px; text-align: center; display: inline-block; }
.nav ul li .nav-a:hover, .nav ul .hover_menu .nav-a { background-color: #bf0000; COLOR: #fff; }
.nav ul .mainlevel .submenu { background-color: #FFF; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; position: absolute; padding-bottom: 15px; padding: 20px; display: none; top: 66px; overflow: hidden; }
.nav ul .mainlevel #sub_03 dl { float: left; padding: 20px 20px 20px 0; }
.nav ul .mainlevel #sub_03 dl dt, .nav ul .mainlevel #sub_03 dl dd { width: 100%; border-bottom: solid #d2d2d2 1px; height: 35px; line-height: 35px; color: #505050; font-size: 14px; }
.nav ul .mainlevel #sub_03 dl dt a, .nav ul .mainlevel #sub_03 dl dd a { color: #666666; }
.nav ul .mainlevel #sub_03 dl dt a:hover, .nav ul .mainlevel #sub_03 dl dd a:hover { color: #bf0000; }
.nav ul .mainlevel #sub_03 #one1 { width: 190px; }
.nav ul .mainlevel #sub_03 #one2 { width: 190px; }
.nav ul .mainlevel #sub_03 #one3 { width: 190px; }
.nav ul .mainlevel div #one4 { width: 178px; }
.nav ul .mainlevel #sub_03 dl dt { font-weight: bold; }
.nav ul .mainlevel #sub_03 .nav-img { float: right; width: 275px; height: 250px; padding: 20px 0; }
.nav ul .mainlevel #sub_03 .nav-img img { display: block; text-align: center; width: 275px; height: 199px; }
.nav ul .mainlevel #sub_03 .nav-img i { font-style: normal; font-size: 14px; color: #505050; padding-top: 20px; display: block; }
#sub_03 { LEFT: 38px; width: 910px; }
#sub_02 { LEFT: 0px; width: 600px; }
#sub_04 { LEFT: 270px; width: 400px; }
#sub_05 { LEFT: 0px; width: 1000px; }
.nav ul .mainlevel #sub_02 dl { width: 179px; float: left; display: inline; padding: 20px 0; margin: 0px 10px; }
.nav ul .mainlevel #sub_02 dl dt { width: 179px; height: 119px; overflow:hidden; position: relative; }
.nav ul .mainlevel #sub_02 dl dt i{ width:179px; height:119px; overflow:hidden;}
.nav ul .mainlevel #sub_02 dl dt i img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.nav ul .mainlevel #sub_02 dl:hover dt i img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
.nav ul .mainlevel #sub_02 dl .nav_touming { width: 179px; height: 25px; position: absolute; left: 0; bottom: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.nav ul .mainlevel #sub_02 dl a p { text-align: center; color: #333333; position: absolute; width: 179px; height: 25px; line-height: 25px; left: 0; bottom: 0; z-index: 109; font-size: 14px; }
.nav ul .mainlevel #sub_02 dl:hover a p{ color:#ff0000;}
.nav ul .mainlevel #sub_02 dl dd { padding-top: 10px; line-height: 21px; font-size: 13px; color: #555555; }
.nav ul .mainlevel #sub_04 dl { width: 179px; float: left; display: inline; padding: 20px 0; margin: 0px 10px; }
.nav ul .mainlevel #sub_04 dl dt { width: 179px; height: 119px; overflow:hidden; position: relative; }
.nav ul .mainlevel #sub_04 dl dt i{ width:179px; height:119px; overflow:hidden;}
.nav ul .mainlevel #sub_04 dl dt i img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.nav ul .mainlevel #sub_04 dl:hover dt i img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
.nav ul .mainlevel #sub_04 dl .nav_touming { width: 179px; height: 25px; position: absolute; left: 0; bottom: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.nav ul .mainlevel #sub_04 dl a p { text-align: center; color: #333333; position: absolute; width: 179px; height: 25px; line-height: 25px; left: 0; bottom: 0; z-index: 109; font-size: 14px; }
.nav ul .mainlevel #sub_04 dl:hover a p{ color:#ff0000;}
.nav ul .mainlevel #sub_04 dl dd { padding-top: 10px; line-height: 21px; font-size: 13px; color: #555555; }
.nav ul .mainlevel #sub_05 dl { width: 179px; float: left; display: inline; padding: 20px 0; margin: 0px 10px; }
.nav ul .mainlevel #sub_05 dl dt { width: 179px; height: 119px; overflow:hidden; position: relative; }
.nav ul .mainlevel #sub_05 dl dt i{ width:179px; height:119px; overflow:hidden;}
.nav ul .mainlevel #sub_05 dl dt i img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.nav ul .mainlevel #sub_05 dl:hover dt i img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
.nav ul .mainlevel #sub_05 dl .nav_touming { width: 179px; height: 25px; position: absolute; left: 0; bottom: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.nav ul .mainlevel #sub_05 dl a p { text-align: center; color: #333333; position: absolute; width: 179px; height: 25px; line-height: 25px; left: 0; bottom: 0; z-index: 109; font-size: 14px; }
.nav ul .mainlevel #sub_05 dl:hover a p{ color:#ff0000;}
.nav ul .mainlevel #sub_05 dl dd { padding-top: 10px; line-height: 21px; font-size: 13px; color: #555555; }


/*产品展示*/
.bg_cp {width: 1200px;    margin: auto;background:url(../images/anbg.jpg) no-repeat center 0;height: 660px;padding-top: 60px; }
.bg_cp .w1200 { padding-top: 18px; padding-bottom:40px; }
.cplist { overflow: hidden }
.cplist li { background-color: #e6e6e6; float: left; display: inline; width: 280px; height: 411px; margin-left: 25px; }
.cplist li.mgl0 { margin-left: 0; }
.cplist li i { width: 262px; height: 265px; overflow: hidden; display: block; margin: 9px; }
.cplist li h2 { color:#01458d; text-align:center; font-size:15px; padding: 0px 10px; height: 21px; line-height:25px; overflow: hidden; }
.cplist li p { color: #666666; text-align:center; font-size: 13px; padding:10px 10px; line-height: 23px; overflow: hidden; }
.cplist li:hover { background-color:#01458d; transition:all 0.7s ease 0s; }
.cplist li:hover h2, .cplist li:hover p { color: #FFF; }
.cplist li i img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.cplist li:hover i img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
.idx_ttl h2 { background: url(../images/bg-idx_ttl.jpg) center bottom no-repeat; width: 100%; height: 73px; font-size:30px; color:#01458d; font-weight: bold; text-align: center; line-height: 24px; padding-top: 15px; }
.idx_ttl h2 span { font-size: 20px; color: #333333; font-weight: bold; display: block; padding-top:15px; }
.idx_ttl p { text-align: center; color: #555555; padding-top: 8px; }






    

        /*banner*/
        .fullSlide{ min-width:1000px; position:relative;  height:500px; overflow:hidden;  }
        .fullSlide .bd{ position:relative; z-index:0;  }
        .fullSlide .bd ul{ width:100% !important;  }
        .fullSlide .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center;  }
        .fullSlide .bd li a{ display:block; height:500px; }
        .fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:15px; position:absolute; z-index:1; bottom:15px; overflow:hidden;  }
        .fullSlide .hd ul{margin-left:500px;  }
        .fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; }
        .fullSlide .hd ul li{width: 62px;height: 12px;background: #333333; }
        .fullSlide .hd ul .on{background: #d61419;  }
      

  .g_ser{height:1px;}
  .h_sea{ height:78px;line-height: 78px; overflow:hidden; color:#333333; font-size: 14px;}
  .h_sea b{font-weight: normal; color: #333333;}

  .inp01{height:30px;line-height:30px;   padding-left: 8px; width:242px;float:left;color:#555555; font-size: 12px;  border: none; background: none; font-family:"Microsoft Yahei"}
  .s_ss{float:left; width:36px; height:30px; background: none;border: none; cursor: pointer;}
  .key a{color:#333333;padding:0 15px;}
  .key .lasta{background: none;}
  .s_inp{ margin-top: 24px; background:url(../images/serbg.jpg) no-repeat; width: 288px;height: 30px;}
  

    
    .main{width: 1200px;margin: 49px auto 0;margin-bottom: 49px;}
.main h1{text-align: center;margin: 49px auto;font-size: 32px;color: #000000;}
.main h1 span{color: #333;line-height: 26px;}
.main h1 span:nth-child(1){margin-right: 15px;display: inline-block;}
.main h1 span:nth-child(2){margin-left: 15px;display: inline-block;}
.main .ys1{width: 280px;height: auto;background-color:#f7f7f7;text-align: center;margin-right: 26.6px;margin-bottom: 26.6px;}
.main .ys1>p{border-bottom: 2px solid #01458d;}
.main .ys1>p img{margin: 20px auto;transition: all 1s; display:block;}
.main .ys1:hover p img{transform: rotate(360deg);}
.main .ys1>p span{font-size: 16px;color: #666;display: inline-block;margin-bottom:15px;}
.main .ys1 h2{font-size: 24px;color: #01458d;margin:23px auto 19px;}
.main .ys1>span{font-size: 14px;color: #5c5c5c;display: inline-block;margin-bottom: 28px;}

.main .ys2{width: 280px;height: auto;background-color:#f7f7f7;text-align: center;margin-bottom: 26.6px;}
.main .ys2>p{border-bottom: 2px solid #01458d;}
.main .ys2>p img{margin: 20px auto;transition: all 1s; display:block;}
.main .ys2>p span{font-size: 16px;color: #5c5c5c;display: inline-block;margin-bottom:15px;}
.main .ys2 h2{font-size: 24px;color: #01458d;margin:23px auto 19px;}
.main .ys2>span{font-size: 14px;color: #5c5c5c;display: inline-block;margin-bottom: 28px;}
.main .ys2:hover p img{transform: rotate(360deg);}
    


    .g_kfjz .lastdl{margin-right:0;}


.xiaoa{
    position:absolute;right:-80px;font-size:16px;color:rgb(178, 15, 15);
    display: block;background:#fff;line-height: 30px;height: 30px;width:60px;text-align: center;border-radius: 5px;border:1px solid #fff;
}
.xiaoa:hover{
    color:#fff;background:rgb(178, 15, 15);
}
    .g_link{overflow:hidden;height:120px;}


  .f_pr{position:relative;}
.f_pa{position:absolute;}

      .g_ft{ height:337px;padding-top: 50px; background: url(../images/ftbg.jpg) no-repeat center top;}
      .g_ft .flogo{float: left;width: 255px;padding-top: 15px;}
      .g_ft .flogo img{width: 142px;height: 136px;display: block;}
      .g_ft .m_fnav{float: left;width: 322px; padding-top: 10px;}
      .g_ft .m_fnav a{ color:#fff;float: left;width: 143px; height: 36px;line-height: 36px;  font-size: 14px; font-weight: normal;display: inline-block;}
      .g_ft .m_fnav .lasta{padding-right: 0;}
      .g_ft .f_ftcon{float: left;width: 490px; height: 225px;}
      .g_ft .f_ftcon h2{height: 40px;line-height: 40px;font-weight: normal;font-size: 14px;color: #fff;}
      .g_ft .f_ftcon li{color:#fff; display: inline-block;line-height: 30px;font-size: 14px;width: 425px;}
      .g_ft .f_ftcon li b{font-weight: normal;color: #fff;}
      .g_ft .f_ftcon li a{color:#fff;}
      .g_ft .code{float: left;width: 126px;height: 126px;background: url(../images/codebg.jpg) no-repeat }
      .g_ft .code img{padding: 8px;width: 109px;height: 109px;}
      .g_ft .code em{display: block;width: 126px;height: 24px;line-height: 24px;font-size: 14px;color: #fff;text-align: center;}
      .g_ft .m_copyr{text-align: center;font-size: 14px;color: #747474;margin-top: 83px;}
      .g_ft .m_copyr a{color: #747474;}






      

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 71px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 77px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #01458d;
            color: #fff;
            height: 56px;
            width: 242px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #01458d;
            width: 72px;
            height: 56px;
            position: relative;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    
