﻿
    body{min-width:1200px;width:100%;overflow-x:hidden;}
    i,em{ font-style:normal;}
    .content{ width: 1200px;margin: 0 auto; }
      .header { height: 220px;position: relative;z-index: 50; background:#fff;}
            .h_con{height: 160px;}
            .header .logo { float: left; padding-top:44px; }
            .header .logo img { width: 246px;height: 70px; }
            .slogan { float: left; margin-top: 38px; padding-left: 20px; position: relative;font-weight: normal;height: 81px;margin-left: 34px;background: url(../images/head_line.png) no-repeat left;}
      
            .slogan span { display: block;  font-size: 28px; color: #289900; line-height: 28px;font-weight: bold;padding-top: 7px;} 
            .slogan  b{ display: block; font-size: 24px; color: #333333; line-height: 24px;padding-top: 12px;font-weight: normal;}
            .h_contact { float: left; margin-top:40px; margin-left:66px;}
            
            .h_contact span img{ display: block; width:43px;height: 43px;float:left;padding-top: 18px;}
            .h_contact strong { display: block; font-size: 28px; color: #289900; line-height:32px; float:left;font-weight: normal;font-family: Arial;height: 80px;padding-left: 16px;margin-left: 18px;border-left: 1px solid #cfcfcf;padding-top: 10px;box-sizing: border-box;}
           
               .h_contact p:hover span img {animation-duration: 2s;animation-name: flipInY;}
            
            .h_nav { height: 60px;  clear: both;box-sizing: border-box;background:url(../images/menu_bg.jpg) no-repeat center;}
            .header .h_nav li { position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;height: 60px;  }
            .h_nav li p{display: none;position: absolute;width: 130%;text-align: center;left: 0;top: 60px;z-index:10; background:rgba(51,51,51,0.85); border-radius:0 0 7px 7px;margin-left:-15%;}
            .h_nav  li p>a{display: block;height: 46px;line-height: 46px;font-size: 14px;color: #fff;border-top:1px solid rgba(255,255,255,0.1);background:none;}
            .h_nav  li p>a:first-child{border-top:0;}
            .h_nav  li p>a:last-child{}
            .h_nav  li p>a:hover{font-weight:bold;}
            .h_nav li:hover p{ display:block;}
            
            .header .h_nav li:last-child>a:after{display: none;}
            .header .h_nav li>a:before {  position: absolute; content: ""; width: 100%; height: 0; background:#daecdd; left: 0; top: 0; transition: .3s ease; -o-transition: .3s ease; z-index: -1;}
            .header .h_nav li>a { position: relative; display: block; font-size: 18px; color: #ffffff; text-align: center; line-height: 60px; height:60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 29px; z-index: 2;transition: .3s ease; -o-transition: .3s ease;font-weight: bold; }
            .header .h_nav li:hover>a, .header .h_nav li.cur>a {  color: #222222;}
            .header .h_nav li:hover>a:before, .header .h_nav li.cur>a:before { height: 100%; }
           .header .ewm{ width:130px; float:right; text-align:center;}
         .header .ewm img{ width:100%;}
           .header .ewm em{font-size: 16px;font-weight: bold;color: #289900;}
  

        .ty-banner-1 {
            overflow: hidden;
            line-height: 0;
            text-align:center;
        }
        .ty-banner-1 img{
            visibility: hidden;
        }
        .ty-banner-1 img.show{
            visibility: visible;
        }
    

    .p102-search-1 {
        height: 70px;
        border-bottom: 1px solid #ededed;
        background: #f7f7f7;
    }
    
    .p102-search-1 p {
        float: left;
        width: 750px;
        height: 70px;
        line-height: 70px;
        font-size: 14px;
        color: #333333;
    }
    
    .p102-search-1 p b {
        display: inline-block;
    }
    
    .p102-search-1 p a {
        color: #666666;
        display: inline-block;
        margin-right: 15px;
    }
    .p102-search-1 p a:hover{color: #56a83a;}
    .p102-search-1-inp {
        float: right;
        width: 356px;
        height: 36px;
        background: #fff;
        margin-top: 18px;
        border-radius: 25px;
        position: relative;
    }
    
    .p102-search-1-inp:before,
    .p102-search-1-inp:after {
        content: '';
        position: absolute;
        width: 80%;
        height: 1px;
        background: #e3e3e3;
        left: 10%;
        z-index: 0;
    }
    
    .p102-search-1-inp:before {
        top: 0;
    }
    
    .p102-search-1-inp:after {
        bottom: 0;
    }
    
    .p102-search-1-inp1 {
        width: 249px;
        height: 34px;
        line-height: 34px;
        color: #999999;
        border: 1px solid #e3e3e3;
        border-right: 0;
        padding: 0 20px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        float: left;
    }
    
    .p102-search-1-inp2 {
        width: 66px;
        height: 36px;
        border: 0;
        border-radius: 25px;
        background: url(../images/p102-search-icon1.png) no-repeat center center #56a83a;
        float: right;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }


		.plc{padding: 5px 0 25px;}
		.p12-curblock{
			display: none;
		}
		.p102-curmbs-1{height: 40px;line-height: 40px;font-size: 14px;color: #808080;}
		.p102-curmbs-1 b {
			font-weight: normal;
			padding-left: 35px;
			background: url(../images/p102-curmbs-icon1.png) no-repeat left center;

		}
		.p102-curmbs-1 i {
			font-style: normal;
		}

		.p102-curmbs-1 span {
			font-family: 宋体;
			height: 46px;
			line-height: 46px;
			padding: 0px 5px;
		}
		.p102-curmbs-1 a{color: #808080;}
		.p102-curmbs-1 a:hover{color: #56a83a;}
	

        input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
        .code_gg_li img{vertical-align:middle;width:100px;height:32px;}
        .p4-order-form-1 {
            overflow: hidden;
        }
        
        .p4-order-form-1 .p4-titlel-1 {
            width:145px;height: 46px;font-size:18px; line-height: 46px;text-align: center;color:#fff;background: #008ac3;
            
        }
        
        .p4-order-form-1-con {
            border:1px solid #bbb;
            background:url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;
            padding:40px 15%;
        }
        
        .p4-order-form-1-con li p {
            padding-left: 130px;
            color: #999;font-size: 12px;
        }
        
        .p4-order-form-1-con li {
            margin-bottom: 10px;
            font-size: 14px;
            line-height: 35px;
            color: #666;
            overflow: hidden;
        }
        
        .p4-order-form-1-con li span {
            font-weight: bold;
            color: #666;
        }
        .p4-order-form-1-con li b{color:#f00;}
        .p4-order-form-1-con li .row-hd {
            color: #666;
        }
        .timenum{padding-left:95px;}
        .p4-order-form-1-con li p {
            clear: both;
        }
        
        .p4-order-form-1-con label {
            display: inline-block;
            width: 120px;
            color: #666;
            vertical-align: top;
            text-align: right;height: 33px;line-height: 33px;overflow: hidden;
        }
        #code_gg{
            width: 80px;
            margin-right: 10px;
            outline: none;
            padding-left: 10px;
            border: 1px solid #eee;
            height: 33px;
            line-height: 32px;
            color: #666;
        }
        
        
        .p4-order-form-1-con .inputs,
        .p4-order-form-1-con li select {
            width: 73%;
            margin-right: 10px;
            outline: none;
            padding-left: 10px;
            border: 1px solid #eee;
            height: 33px;
            line-height: 32px;
            color: #666;
            box-sizing: border-box;
            /*float: left;*/
        }
        .p4-order-form-1-con .radioandcheck{vertical-align:middle;}
        
        .p4-order-form-1-con .err {
            border: 1px solid #c00;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t1 {
            width: 100%;
        }
        
        .p4-order-form-1-t1 textarea {
            width: 73%;
            height: 102px;
            line-height: 24px;
            border: 1px solid #eee;
            outline: none;
            resize: none;
            overflow: auto;
            margin-right: 10px;
            padding-left: 10px;
            box-sizing: border-box;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t2 {
            width: 100%;
        }
        
        .p4-order-form-1-t2 input {
            width: 150px;
            vertical-align: top;
        }
        
        .p4-order-form-1-t2 span {
            width: 153px;
            height: 25px;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t3 {
            padding-left: 120px;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t3 input {
            width: 80px;
            height: 30px;
            border: 0;
            text-align: center;
            margin-right: 30px;
            color: #fff;
            padding-left: 0;
            cursor: pointer;
        }
        
        .p4-order-form-1-con .p4-order-form-1-b1 {
            background: #56a83a;
        }
        
        .p4-order-form-1-con .p4-order-form-1-b2 {
            background: #767676;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t4 {
            overflow: auto;
            height: auto;
            min-height: 35px;
            width: 100%
        }
        
        .p4-order-form-1-con .p4-order-form-1-t4 input {
            vertical-align: middle;
            width: 14px;
            margin: 0 10px;
        }
            /*表单弹框*/
.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; }
    
        
    

    .footer{background: url(../images/foot_bg.jpg) no-repeat center;height: 460px;}
    .content{ width: 1200px;margin: 0 auto; }
    .f_con{padding-top:80px;margin: 0 auto;height: 300px; }
    .f_logo{ float: left;width: 310px;height: 224px;margin-right: 70px; border-right: 1px solid #e6e6e6;}
     .f_logo h2{ display: block;padding-top: 12px; }
     .f_logo h2 img{ display: block;width: auto;height: 70px; }
     .f_logo h2 span{ display: block;font-size: 18px;color: #333333;line-height: 18px;padding-top: 30px;font-weight: normal;}
     .f_logo p{ display: block;font-size: 14px;color: #888888;line-height: 24px;padding-top: 18px; width:270px;}


    .f_nav{float: left;width:260px;text-align: left;height: 224px;border-right: 1px solid #e6e6e6;margin-right: 70px;}
    .f_con h2{font-size:32px;color: #333;display: block;line-height:32px;font-weight:normal;padding-top:6px;text-transform: uppercase;font-family: Verdana ; }
    .f_con ul{margin-top:27px;}
    .f_con li{font-size: 14px;line-height: 32px;display: block;color: #666666;}
    .f_con li a{font-size: 14px;line-height: 32px;display: block;color: #666666;}


    .lxwm{ float: left;width:280px;text-align: left;height: 224px;border-right: 1px solid #e6e6e6; }
    .lxwm li{ font-family: Verdana; }

    .f_nav li{width:130px;float:left;}
    .f_nav li a:hover{ color: #289900; }

    .f_er{width: 150px;} 
    .f_er p{width: 150px;}  
    .f_er p em{width: 150px;height: 150px;display: block;background: url(../images/ewm_dd.png) no-repeat center;padding-top: 15px;box-sizing: border-box;}    
    .f_er p img{width: 120px;height: 120px;display: block;margin: 0 auto;border:1px solid #e3e3e3;}
    .f_er span{display: block;font-size: 14px;color: #666666;line-height: 14px;text-align: center;padding-top: 20px;}

    .f_bt{ height: 80px; }
    .f_bt i{ float: left; }
    .f_bt i span{ float: left;display: block;font-size: 14px;color: #fff;line-height: 80px;margin-right: 24px; }
    .f_bt i span a{ color: #fff; }
     .f_bt p{ float: right;display:none; }
    .f_bt p b{ display: inline-block;font-weight: normal;font-size: 14px;color: #333;line-height: 78px;margin-right: 16px; }
    .f_bt p a{ display: inline-block;font-weight: normal;font-size: 14px;color: #333;line-height: 78px;margin-right: 32px; }
    .f_bt p a:last-child{ margin-right: 0; }
     .dw { height: 210px; position: fixed; left: 0; bottom: 0; z-index: 779;}
        .dw .dw1 { position: fixed; left: 0; bottom: 20.5%; width:44px; height: 189px; background: url("../images/dwb.png") no-repeat; font-size: 0;}
        .dw .dw1 p { font-size: 18px; color: #ffffff;padding: 70px 0 0 25px; line-height:23px;}
        .dw .dw1 p span { display:block; font-weight: bold;}
        
    .xad{ position: fixed;bottom:0;z-index: 200;height: 142px;background: url(../images/xad_bg.png) no-repeat center;width: 100%;left:0;overflow:hidden; }
    .xad h2{ padding-left: 46px;font-weight: normal;color: #fff; font-size: 18px;line-height: 18px;box-sizing: border-box;float: left;}
    .xad h2 span{ font-size: 26px;line-height: 26px;display: block;padding: 52px 0 18px; }
    .xad_con{ position: relative; }
    .close{ position: absolute;right: -60px;top: 10px;display: block;font-size: 40px;line-height: 34px;color: #fff; cursor: pointer;width: 40px;height: 40px;background: #56a839;border-radius: 20px;text-align:center;}

    .ly_box{margin-top:49px; position: relative; float: right;width: 730px;}
    .ly_box ul li{ height:36px; line-height:36px;   width: 300px;margin-bottom: 4px;border: 1px solid rgba(255,255,255,0.2); }
    .ly_l{ float: left;width: 300px; }
    .ly_box ul li.ly_r{  height:80px;border: 1px solid rgba(255,255,255,0.2);width: 300px;box-sizing: border-box; float: left;margin-left: 6px;}
    .ly_box ul li i{ display: inline-block; float: left; font-size: 14px; color: #fff;width: 56px;padding-left: 14px;box-sizing: border-box;}
    .ly_box ul li input{ display: inline-block; float: left; width: 160px; background: none; height: 36px; line-height: 36px;outline:none; color: #fff;font-size: 14px;border:0;}
    .ly_box ul li textarea{ display: inline-block; float: left; width: 238px; background: none; height: 74px; line-height: 36px;outline:none; color: #fff;font-size: 14px;border:0; }
    .ly_box ul li input:focus{outline:none;background: none; }
    .form-btn-submit{float: right;width: 120px;height: 80px;line-height: 80px;background: #56a839;font-size: 20px;color:#ffffff;font-weight: bold;text-align: center;outline: 0;border:0;}
    .form-btn-reset,.ly_box ul li span{ display:none;}
    

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 13%;
            z-index: 999;
            color: #fff;
        }
        
        .client-2 li a {
            text-decoration: none;
            color: #fff;
        }
        
        .client-2 li {
            margin-bottom: 5px;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }
        
        .client-2 li.my-kefu-qq {
            background:#56a83a url(../images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#56a83a url(../images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#56a83a url(../images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#56a83a url(../images/tohome.png) center no-repeat;
            background-size:26px;
        }
        
        .client-2 li.my-kefu-shouye a {
            width: 45px;
            height: 45px;
            display: block;
        }
        
        .client-2 li.my-kefu-ftop {
            background:#56a83a url(../images/returntop.png) center no-repeat;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 li.my-kefu-qq .cont {
            margin: 0;
            background:#56a83a url(../images/cimg23.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 li.my-kefu-tel .cont {
            margin: 0;
            background:#56a83a url(../images/cimg25.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 18px;
            width: 180px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 li.my-kefu-weixin .cont {
            margin: 0;
            width: 115px;
            padding: 5px;
            border: solid 1px #ccc;
            position: absolute;
            left: -150px;
            top: -44px;
            background-color: #fff;
        }
        
        .client-2 li.my-kefu-weixin .cont  span {
            display: block;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            color: #1a1a1a;
        }
        
        .client-2 li.my-kefu-weixin .cont  img {
            width: 115px;
            height: 115px;
        }
        
        .client-2 li:hover .cont {
            display: block!important;
        }
    
