﻿
  .f_pr{position:relative;}
.f_pa{position:absolute;}
/*.header , .content , { width:1200px; margin:0 auto;  }*/
em{font-style:normal;}
         .g_top{ height:172px; background:url(../images/topbg.jpg) repeat-x;position: fixed;z-index: 11;width:100%;top:0; }
      .top_c h1{position: absolute;left:0;top:20px;border-right:1px solid #e3e3e3;}
      .g_top .m_top{height: 118px;overflow: hidden;position:relative; }

      .top_c h2{ float:left; height:93px; margin:25px 0 0 292px; color: #2d3a42; font-size: 30px; font-weight: bold;}
      .top_c h2 i{font-style: normal;color: #0075c2;}
      .top_c h2 em{ display:block; color:#686868; font-weight:bold; font-size: 22px; padding-top: 3px; }
      .top_c h2 em b{color: #c4000e;}
      .top_c p{ float:right; height: 95px; margin:25px 0 0 0 ;padding: 0 0 0 195px; background:url(../images/tel.jpg) no-repeat left 2px; color:#0075c2; font-size:30px;font-weight: bold;line-height: 36px;}

       .g_nav{margin-left: 25px;height: 54px;line-height: 54px; }
        .g_nav li{ float:left; font-size:16px; background:url(../images/line.jpg) no-repeat right center;}
        .g_nav li a{ display:block;float: left; padding: 0 20px; color:#fff; line-height:54px; text-decoration: none;font-weight: bold;}
        .g_nav li a:hover,.g_nav .cur a{color: #fff;background:#0dd1ff;}
        
        
        
        
     .supx {
                position: absolute;
                left: 0;
                top: 172px;
                background: url(../images/navsha.png) repeat;
                width: 120%;
                z-index: 15;
                height: 420px;
                display: none;
            }
        .g_nav .supxcon{width:1200px;margin:0 auto;}
            .supx dl {
                float: left;
                width: 200px;
                height: 186px;
                margin-top: 10px;
            }
            
            .supx h3 {
                height: 36px;
                line-height: 36px;
                font-size: 16px;
                font-weight: bold;
                margin-bottom: 14px;
            }
            
            .supx h3 a {
                color: #006ad0;
                display: block;
                height: 36px;
                line-height: 36px;
                padding: 0;
                margin: 0;
                background: none;
                
            }
            
            .supx h3 a:hover {
                background: none;
                color: #006ad0;
            }
            
            .supx p a {
                display: block;
                float: none;
                color: #666666;
                display: block;
                height: 26px;
                line-height: 26px;
                overflow: hidden;
                border-bottom: none;
                margin: 0;
                padding: 0;
                font-weight: normal;
            }
            
            .supx p a:hover {
                font-weight: normal;
                border-bottom: none;
                color: #666666;
                background: none;
            }
            
            .g_nav .cur .supx a {
                border-bottom: none;
            }
            
            .g_nav .cur .supx h3 a {
                color: #006ad0;
                background: none;
            }
            
            .g_nav .cur .supx p a {
                color: #666666;
                font-weight: normal;
                background: none;
            }
            
            .g_nav .cur .supx p a:hover {
                color: #e15517;
                background: none;
            }
            
            .g_nav li:hover .supx {
                display: block;
            }
   
            
            .g_nav .nav2xla {
        
    width: 150%;
    margin-top: 54px;
    display: none;
    position: absolute;
    left: -25%;
    top: 0;
    z-index: 111;   
         background: #0075c2;       
                
            }
            
            .g_nav .nav2xla h3 {
                height: 36px;
                line-height: 36px;
                font-size: 14px;
                font-weight: normal;
                border-top: 1px solid #fff;
            }
            
            .g_nav .nav2xla h3 a {
                color: #fff;
                display: block;
                height: 36px;
                line-height: 36px;
                text-align: center;
                font-weight: normal;
                padding: 0;
                margin: 0;
                background: none;
                width: 100%;
            }
            
            .g_nav .nav2xla h3 a:hover {
                background: #0075c2;
                color: #fff;
            }
            
            .g_nav li:hover .nav2xla {
                display: block;
            }
            
            .g_nav .cur .nav2xla {
                background: #0075c2;
            }
            
            .g_nav .cur .nav2xla a {
                border-bottom: none;
            }
            
            .g_nav .cur .nav2xla h3 a {
                color: #fff;
            }   
        
        .g_nav .nav2xla h3 a:hover{background:#0dd1ff;}
        
        
        
    
 
.banner{padding-top:170px;}
 .banner .slick-arrow {
            position: absolute;font-size: 0;
            top: 50%; 
            z-index: 9;
            width: 100px;
            height: 100px;
            margin-top: -50px;
            border: 0;
        }
        .banner .slick-prev {
            left: 5%; display: none; background:none;
   
        }
        .banner .slick-next {
            right: 5%; display: none;background:none;
       
        }   

    .banner img {
            display: block;
            width: 100%;
        }
      
       .slick-dots {
            position: absolute;
           left: 45%; font-size:0;
            bottom: 5%;
            width: 50%;
            /*text-align: center;*/
        }
        .slick-dots li {
            display: inline-block;
            margin: 0 3px; 
        }
        .slick-dots li button {
            display: block;
            border: 0 none;width: 20px;height: 20px;
            color: #fff; border-radius: 50%;
            background-color: #0075c2;
        }
        .slick-dots .slick-active button {
            background-color: #0dd1ff;
        }
        


  .g_ser{height: 60px;line-height: 60px; background: #f3f5f5;}
  .h_sea{ height:60px;line-height: 60px; overflow:hidden; color:#666666; font-size: 14px;}
  .h_sea b{font-weight: bold; color: #666666;}
  .inp01{height:30px;line-height:30px;   padding-left: 15px; width:290px;float:left;color:#afafaf; font-size: 14px;  border: none; background: none; font-family:"Microsoft Yahei"}
  .s_ss{float:left; width:40px; height:30px; background: none;border: none; cursor: pointer;}
  .key a{color:#666666;padding: 0 5px;}
  .key .lasta{background: none;}
  .s_inp{ margin-top: 12px; background:url(../images/serbg.jpg) no-repeat; width: 348px;height: 30px;}
  

    .zzx li{
       background: none;
    width: 230px;
    padding-left: 0px;
    color: #000;
    float: none;
}
.tttw{    width: 64px;
    display: block;
    float: left;}
    .tttw em{float:right;}
.p4-order-form-1-t1{
    
float: left !important;
    margin-left: 270px;
    margin-top: -90px;
    width: 430px !important;
    height: 108px !important;

}
.p4-order-form-1-t1 label{float:left;}
.p4-order-form-1-t1 textarea{    height: 100px;
    width: 341px;
    margin-top: 15px;}
.zzx li b{
    display: none;
}
     .zzx li input{width:130px;}
            /*表单弹框*/
.nsw-modal {
  width: 100%;
  height: 100%;
  background: rgba(225, 225, 225, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999; }

.modal-dialog {
  position: fixed;
  color:#000000;
  top: 150px;
  width: 400px;
  border-radius: 3px;
  min-height: 155px;
  overflow: hidden;
  z-index: 99998;
  margin-left: -200px;
  left: 50%; }
  .modal-dialog .css-icon {
    background-image: url("../images/modal-icons.png"); }
  .modal-dialog .modal-head {
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #F6EFEF;
    font-size: 14px; }
    .modal-dialog .modal-head .modal-logo {
      width: 15px;
      height: 15px;
      background-position: 1px 0px;
      margin: 8px 5px 0 0;
      float: left; }
    .modal-dialog .modal-head .close {
      float: right;
      width: 15px;
      height: 15px;
      background-position: -14px 0px;
      margin-top: 8px; }
  .modal-dialog .modal-body {
    width: 100%;
    min-height: 125px;
    background: #ffffff; }
    .modal-dialog .modal-body .modal-body-left {
      width: 140px;
      float: left; }
      .modal-dialog .modal-body .modal-body-left .icon {
        width: 64px;
        height: 64px;
        margin: 30px 0 0 48px; }
      .modal-dialog .modal-body .modal-body-left .success-message {
        background-position: 0px -14px; }
      .modal-dialog .modal-body .modal-body-left .warming-message {
        background-position: 0px -78px; }
        .modal-dialog .modal-body .modal-body-right {
      width: 260px;
      float: right;
      padding-top: 20px; }
       .modal-dialog .modal-body .modal-body-right .close-btn {
        color: #000;
        text-align: center;
        width: 90px;
        display: inline-block;
        height: 24px;
        line-height: 24px;
        background: #818079; }
      .modal-dialog .modal-body .modal-body-right p {
        line-height: 30px; }
    
        


    .case_t ul li{height: 61px;
    width: 120px;
    text-align: center;
    float: left;
    font-weight: normal;
    font-size: 18px;line-height:61px;}
    .case_t ul li.cur{background:#0d7cc5;color:#fff;}
    .case_t ul li.cur a{color:#fff;}
    .case_c img{width:1200px;height:600px;}
    .case_c span{     display: block;
    padding: 17px;
    font-size: 17px;}
    .case_c dl{float: left;width: 382px;margin-right: 27px;height: 338px;}
.case_c dt{width: 382px;height: 260px;overflow: hidden;}
.case_c dt img{width: 382px;height: 260px;display: block;transition: all 0.3s linear 0s;}
.case_c dt:hover img{transform: scale(1.1);}
 .case_c   .lastdl{margin-right: 0;}
  .case_c dd h3 a{height: 26px;line-height: 26px;font-weight: normal;font-size: 15px;color: #4d4948;overflow: hidden;display: block; color: #4d4948;    text-align: center;}


      .g_ft{ height:437px; padding-top: 50px; background: url(../images/ftbg.jpg) no-repeat center top;}
      .g_ft .m_fnav{  height:56px; line-height:56px; color:#fff;margin-bottom: 35px; }
      .g_ft .m_fnav a{background: url(../images/ftline.png) no-repeat right 18px; color:#fff; padding:0 20px;  font-size: 16px; font-weight: normal;display: inline-block;}
      .g_ft .f_ftcon{float: left;width: 460px;padding-top: 50px;height: 258px;}
      .g_ft .f_ftcon li{position: relative;padding-left: 50px;font-size: 15px;line-height: 28px;color: #bababa;height: 60px;width: 375px;}
      .g_ft .f_ftcon li em{position: absolute;left:0;top:0;}
      .g_ft .ftlog{float: left;width: 562px;height: 308px;}
      .g_ft .ftlog .flogo{padding-left: 56px;height: 182px;} 
      
      .g_ft .ftlog .ftel{background: url(../images/ftel.jpg) no-repeat 0 5px;padding-left: 165px;height: 52px;line-height: 26px;font-size: 26px;color: #0075c2;}
      
      .g_ft .m_code{float: left;width: 140px;padding-top: 66px;}
      .g_ft .m_code img{width: 150px;
    height: 150px;display: block;}
      .g_ft .cpry{font-size: 13px;color: #8a8a8a;}
      .g_ft .cpry a{color: #8a8a8a;}
      

     /*返回顶部images/toolbar.png*/

.toolbar-item,.toolbar-layer{background:url(../images/72c08a0efd51464b949f6aece1a7ee6a_6.png) no-repeat;}
.toolbar{position:fixed;right:20px;bottom:50px; z-index: 9;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-bottom:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item .weixin{margin:60px auto 0; display: block; width: 120px; height: 120px;}
.weixin img{width:120px;height:120px;display:block;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:205px;background-position:0 -210px;}
.toolbar-item-top{background-position:0 -674px; display: none;}
.toolbar-top{
	 width: 52px;
    height: 53px;
}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}


 
