
  .f_pr{position:relative;}
.f_pa{position:absolute;}
.header , .content , .footer { width:1200px; margin:0 auto;  }
em{font-style:normal;}
      .g_top{ height:160px; background:url(../images/topbg.jpg) repeat-x center top;}
      .m_top{height: 100px;}
      .g_top h1{float: left;padding: 10px 38px 0 0;}
	  .g_top h1 img{ height:71px}
      .g_top h2{ float:left; line-height:100px;color: #333333; font-size: 22px; font-weight: normal;}
      .g_top h2 b{ color:#044d85; font-weight:bold; font-size: 22px; }
      .top_c p{ float:right; margin:39px 0 0 0 ;padding: 0 0 0 52px;  }
      .g_top p b{display: block; color:#333333; font-size:16px;font-weight: normal;}
      .g_top p span{ display:block; font-size:24px; color:#044d85;font-family: impact; }

       .g_nav{height:60px; line-height: 60px; }
        .g_nav li{position: relative; float:left; font-size:16px;}
        .g_nav li a{ display:block;float: left; padding: 0 50px; color:#fff; line-height:60px; text-decoration: none;}
        .g_nav li a:hover,.g_nav .cur a{color: #fff;background:#044d85;}
        .g_nav .lastli{background: none;}
        /*banner*/
        .fullSlide{ min-width:1000px; position:relative;  height:400px; overflow:hidden;  }
        .fullSlide .bd{ position:relative; z-index:0;  }
        .fullSlide .bd ul{ width:100% !important;  }
        .fullSlide .bd li{ width:100% !important;  height:400px; overflow:hidden; text-align:center;  }
        .fullSlide .bd li a{ display:block;  height:100%; }
        .fullSlide .bd li img{width:100%;display:block; height:100%}
        .fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:15px; position:absolute; z-index:1; 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: 12px;height: 12px;background: #fff;border-radius:10px; }
        .fullSlide .hd ul .on{background: #044d85;  }
      

  .g_ser{height: 82px;line-height: 82px; }
  .h_sea{ height:82px;line-height: 82px; overflow:hidden; color:#272727; font-size: 14px;}
  .h_sea b{font-weight: normal; color: #272727;}
  .inp01{height:30px;line-height:30px;   padding-left: 30px; width:130px;float:left;color:#999999; font-size: 14px;  border: none; background: none; font-family:"Microsoft Yahei"}
  .s_ss{float:left; width:33px; height:30px; background: none;border: none; cursor: pointer;}
  .key a{color:#272727;padding:0 8px;}
  .key .lasta{background: none;}
  .s_inp{ margin-top: 27px; background:url(../images/serbg.jpg) no-repeat; width: 200px;height: 30px;}
  

      .g_ft{height: 210px;background: #0067b6;}
      .g_ft .m_fnav{padding-left: 66px;height:50px;line-height:50px;color:#333333;margin-bottom: 0;}
      .g_ft .m_fnav a{ color:#fff; padding:0 0 0 60px;  font-size: 16px; font-weight: normal;display: inline-block;}
      .g_ft .m_fnav a:hover{color: #30b014;}

      .g_ft .m_flogo{width: 45%;font-size: 16px;color: #fff;float: left;height: 150px;}
      .g_ft .ftlogo{width: 200px;height: 68px;margin-bottom: 18px;}
      .g_ft .f_ftcon{float: left; color: #fff; width:30%;line-height: 30px; font-size: 14px;    }
      .g_ft .f_ftcon a{ color:#fff; display: inline-block;}
      .g_ft h2{height: 52px;font-weight: normal;font-size: 20px;color: #fff;line-height: 52px;}
      .g_ft .fttel{background: url(../images/ftel.jpg) no-repeat right 0;text-align: right;margin-top: 26px;font-size: 30px;color: #30b014;font-family:impact; float: left;width: 206px;padding-top: 48px;}
      .g_ft .m_code{float: right;width: 256px;}
      .g_ft .codelst li{float: left;width: 132px;height: 132px;margin-left: 46px;}
      .g_ft .codelst li img{width: 130px;height: 130px;display: block;margin: 0 auto;}
      .g_ft .codelst .code2{margin-left: 0;}
      .g_ft .codelst li em{display: block;height: 32px;line-height: 32px;text-align: center;font-size: 14px;color: #fff;}
      .g_ft .copyr{font-size: 14px;color: #fff;}
      .g_ft .copyr a{color: #fff}
        .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: 62px;
            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: 12px;
            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: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            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: #30b014;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #30b014;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            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;
        }
		.fdh{display:none;}
		
		
.menuph{display:none;}
@media only screen and (max-width:800px){/*手机按钮*/
.menuph{position:fixed;z-index:9999;cursor:pointer; width:50px; height:50px; background:#333; text-align:center;top:20px;right:10px;display:block;}
.menuph .point{display:inline-block; width:28px; height:22px; margin-top:14px; position:relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before{width:28px;}
.menuph .navbtn{position:absolute; top:10px; right:0; display:inline-block; width:21px; height:1px; background:#fff;
-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before{position:absolute; right:0; display:inline-block; width:28px; height:1px; content:''; background:#fff;
-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.menuph .navbtn::after{top:-11px;}
.menuph .navbtn::before{top:10px;}
.menuph .point.active .navbtn{background:transparent;}
.menuph .point.active .navbtn::after{top:0px;
-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.menuph .point.active .navbtn::before{top:0px;
-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}

.menu{width:100%;background:rgba(0,0,0,.9);position:absolute;z-index:999;left:0;top:108px;display:none;}
.menu li{width:100%;float:left;line-height:50px;text-align:center;border-bottom:#7c7c7c 1px solid;margin:0;}
.menu li a{width:100%;display:block;font-size:14px;color:#fff;line-height:50px;text-align:center;border-bottom:none;}
.menu li a:hover{color:#fff;background:#f6c400;cursor:pointer;-webkit-transition:none;-moz-transition: none;transition: color .3s linear,background-color .3s linear,background-image .3s linear;-moz-transition: color .3s linear,background-color .3s linear,background-image .3s linear;-webkit-transition: color .3s linear,background-color .3s linear,background-image .3s linear;
-o-transition: color .3s linear,background-color .3s linear,background-image .3s linear;}
.menu li.cur a{color:#fff;background:#a2cb49;}

.m_top {height:90px;}
.g_top{height:auto;background:none;}
.g_top h2{display: none;}
.header, .content, .footer{width:100%;padding:0 1%overflow:hidden;}
.top_c img{height:auto;display:block;float:left;margin-top:20px;margin-left:10px;}
.top_c p {
    padding: 0 0 0 52px;
	margin-top:22px;margin-right:20% !important;
    background: url(../images/tel.jpg) no-repeat left 0px;
}
.g_fwms h2 em{ line-height:20px;}
.g_fwms h2{ width:100%; height:100px;}
.g_fwms h2 em:before{ display:none}
.g_fwms h2 em:after{ display:none}
.g_nav li a{padding:0;}
.fullSlide {
    min-width: 100%;
    position: relative;
    height:150px;
    overflow: hidden;
}
.fullSlide .bd li {
    width: 100% !important;
    height: auto;
    overflow: hidden;
    text-align: center;
}
.fullSlide .bd li a {
    display: block;
    height: auto;
}
.fullSlide .bd li img{width:100%;display:block; height:150px;}
.g_ser{display:none;}
.g_fwms {
    background: url(../images/fwbg.jpg) no-repeat center 0;
    height: auto;
    padding-top: 6px;
}
.g_fwms h2 {
width:100%
  
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
	
}
.g_fwms h2 i {
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    position: relative;
    padding: 0 6px;
    top: 0;
}
.g_fwms dt {
    height: auto;
    text-align: center;
    font-size: 18px;
}
.g_fwms dt b {
    display: block;
    font-size: 18px;
    color: #30b014;
}
.g_pro {
    padding-top: 0;
    padding-bottom: 0;
}
.g_pro h2 {
    height: auto;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    width: 100%;
    margin: 0 auto;
    display:none;
}
.g_pro .cpfltit {
    height: auto;
    margin: 0 auto;
    width: 100%;
    display:none;
}
.cplst {
    max-width: 100%;
    min-width: 100%;
    margin: 0 auto;
}
.cplst dl {
    float: left;
    width: 48.2%;
    margin-left: 1.5%;
    height: 100%;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}
.g_bao {
    background: url(../images/baobg.jpg) no-repeat center top;
    height: auto;
}
.g_bao h2 {
    height: auto;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    width: 100%;
    margin: 10px auto;
	
}
.g_bao h2 i {
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    position: relative;
    padding: 0 6px;
    top: 0;
}
.g_bao h3 {
    height: auto;
    font-size: 18px;
    color: #000000;
    font-weight: normal;
	text-align:center;
}
.g_bao p {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    width: 100%;
    height: auto;
	text-align:center;
    margin-bottom:20px;
}
.g_bao ul{
  width:100%;
  overflow:hidden;
}
.g_antit {
    background: #f5f5f5;
    padding-top: 0;
    height: auto;
}
.g_antit h2 {
    height: auto;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    width: 100%;
    margin: 0 auto;
    padding:10px 0;
}
.g_antit h2 i {
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    position: relative;
    padding: 0 6px;
    top: 0;
}
.g_antit .antit{display:none;}
.case-dx {
    width: 100%;
    min-width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}
.ysjt {
    position: absolute;
    left: 0;
    width: 100%;
    margin-left: 0;
    top: 130px;
    z-index: 150;
}
.case-dx .prev2{left:0;}
.case-dx .next2{right:0;}
.case_c {
    width: 100%;
    position: absolute;
    left: 0;
    margin-left: 0;
}
.g_ys {
    padding-top: 0;
}
.g_ys h2 {
    height: auto;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    width: 100%;
    margin: 10px auto;
	
}
.g_ys h2 i {
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    position: relative;
    padding: 0 6px;
    top: 0;
}
.g_ys .m_ys1 {
    background: url(../images/sj01.jpg) no-repeat center top;
    height: auto;
    padding:20px 0;
    text-align: right;
}
.g_ys h3 {
    height: auto;
    font-size: 18px;
    color: #000;
    font-weight: normal;
}
.g_ys h3 b {
    display: block;
    font-size: 18px;
    color: #4fb73d;
}
.g_ys .m_ys2 {
    background: url(../images/sj02.jpg) no-repeat center top;
    height: auto;
    padding: 20px 0;
    text-align: left;
}
.g_ys .m_ys3 {
    background: url(../images/sj01.jpg) no-repeat center top;
    height: auto;
    padding: 20px 0;
    text-align: right;
}
.g_ys .m_ys4 {
    background: url(../images/sj02.jpg) no-repeat center top;
    height: auto;
    padding: 20px 0;
    text-align: left;
}
.g_newcon {
    height: auto;
    padding-top: 10px;
}
.g_newcon h2 {
    height: auto;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    width: 100%;
    margin: 0 auto;
 border-top:4px solid #e2e2e6;
padding-top:20px;
}
.g_newcon h2 i {
    display: inline-block;
    font-size: 18px;
    font-style: normal;
    position: relative;
    padding: 0 6px;
    top: 0;
}
.g_news12 {
    width: 100%;
}
.g_news12 .u_dlst3 {
    width: 100%;
}
.g_news12 .u_dlst3 dt {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}
.g_newcon .wend {
    width: 100%;
}
.g_zj h2 {
    padding-bottom: 2%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    width: 100%;
    margin: 0 auto;
}
.g_zj .abwz {
    position: relative;
    top: 0;
    height: auto;
    overflow: hidden;
    width: 100%;
    background: #000;
    padding:20px 0;
}
.g_ft {
    height: auto;
    background:#fff;
}
.g_ft .m_fnav{display:none;}
.g_ft .m_flogo {display:none;}
 .g_ft .fttel{background: url(../images/ftel.jpg) no-repeat center 0;text-align: center;margin-top: 26px;font-size: 30px;color: #30b014;font-family:impact; float: left;width:100%;padding-top: 48px;}
.g_ft .m_code {display: none;}
.g_ft .copyr {margin-top:30px;background:#000;color:#fff;text-align:center;padding:15px 3%;width:94%; margin-bottom:40px}
.g_top h1 {
    float: left;
    padding: 0;
}
.g_top p span {
    display: block;
    font-size: 18px;
    color: #044d85;
    font-family: impact;
}
.fdh{ line-height:40px; height:40px; background-color:#30b014; width:100%; display:block; position:fixed; z-index:99999; bottom:0px; color:#FFF; }
.fdh li{ width:33.33333%; float:left; display:block; text-align:center; border-right:1px #ddd solid; box-sizing:border-box;}
.fdh .li{ background-color:#ff6637;}
.fdh a{ color:#FFF;}
.client-2{display: none;}
.g_ft .f_ftcon{float: left; color: #333333; width:100%;line-height: 30px; font-size: 14px; text-align:center;}
.blk-sm {border-bottom:1px #ddd solid}
}

@media screen and (max-width: 640px) {
.about_w h3 {display: none;}
}
@media screen and (max-width: 480px) {
.top_c img{display:block;float:left;margin-top:15px;margin-left:5px; height:60px !important; width: auto !important}
.top_c p { display: none;}
.p14-infolist-1-list-deta{ display:none}
.p14-infolist-1-list dt{ display:none}
.p14-infolist-1-list-desc{ max-height:none !important; margin-bottom:0 !important}
.p14-infolist-1-list dl{ margin:10px; padding:10px}
.zxxq-01{ margin:0 10px}
.xgzx-pagin-01 dl{ margin:0 10px; padding-right:0}
.r1-orderform-1{ margin:0 10px}
.plc{ margin:0 10px}
.g_ys{ padding:10px}
.g_newcon{ padding:10px}
.g_zj p{ width:94% !important; padding: 10px 3%}
.g_link{ display:none}
}
@media screen and (max-width: 360px) {
.top_c img{width:80%;height:auto;display:block;float:left;margin-top:10px;margin-left:10%;}
}
#maximg img{ max-width:100%; height:auto !important}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 17px;
    font-size: 18px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"],input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],select[size] {
    height: auto;
}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555555;
}

.form-control {
    display: block;
    width: 100%;
    height: 31px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent;
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1;
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control {
        line-height:31px;
    }

    input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"] {
        line-height: 28px;
    }

    input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"] {
        line-height: 42px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio,.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio label,.checkbox label {
    min-height: 17px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
}

.radio + .radio,.checkbox + .checkbox {
    margin-top: -5px;
}

.radio-inline,.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

.radio-inline + .radio-inline,.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}

input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 29px;
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0;
}

.input-sm {
    height: 28px;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
}

select.input-sm {
    height: 28px;
    line-height: 28px;
}

textarea.input-sm,select[multiple].input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 28px;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
}

.form-group-sm select.form-control {
    height: 28px;
    line-height: 28px;
}

.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 28px;
    min-height: 28px;
    padding: 6px 10px;
    font-size: 11px;
    line-height: 1.5;
}

.input-lg {
    height: 42px;
    padding: 10px 16px;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 5px;
}

select.input-lg {
    height: 42px;
    line-height: 42px;
}

textarea.input-lg,select[multiple].input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 42px;
    padding: 10px 16px;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 5px;
}

.form-group-lg select.form-control {
    height: 42px;
    line-height: 42px;
}

.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 42px;
    min-height: 32px;
    padding: 11px 16px;
    font-size: 15px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 38.75px;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 31px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    pointer-events: none;
}

.input-lg + .form-control-feedback,.input-group-lg + .form-control-feedback,.form-group-lg .form-control + .form-control-feedback {
    width: 42px;
    height: 42px;
    line-height: 42px;
}

.input-sm + .form-control-feedback,.input-group-sm + .form-control-feedback,.form-group-sm .form-control + .form-control-feedback {
    width: 28px;
    height: 28px;
    line-height: 28px;
}

.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label {
    color: #18bc9c;
}

.has-success .form-control {
    border-color: #18bc9c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.has-success .form-control:focus {
    border-color: #128f76;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #51e9cb;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #51e9cb;
}

.has-success .input-group-addon {
    color: #18bc9c;
    border-color: #18bc9c;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #18bc9c;
}

.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label {
    color: #f39c12;
}

.has-warning .form-control {
    border-color: #f39c12;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.has-warning .form-control:focus {
    border-color: #c87f0a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f8c573;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f8c573;
}

.has-warning .input-group-addon {
    color: #f39c12;
    border-color: #f39c12;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #f39c12;
}

.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label {
    color: #e74c3c;
}

.has-error .form-control {
    border-color: #e74c3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.has-error .form-control:focus {
    border-color: #d62c1a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f29f97;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f29f97;
}

.has-error .input-group-addon {
    color: #e74c3c;
    border-color: #e74c3c;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #e74c3c;
}

.has-feedback label ~ .form-control-feedback {
    top: 22px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}
.feedBackBox .form-group {
	position: relative;
}

.feedBackBox .form-group .col-sm-2 {
	font-size: 0.875rem !important;
}

.feedBackBox button {
	display: inline-block;
	padding: 0.25rem 2rem;
	font-size: 0.7rem;
	color: var(--fColor);
	background: var(--hColor);
	border: none;
	border-radius: 0.25rem;
	transition: 0.35s ease-in-out;
}

.feedBackBox button:hover {
	background: var(--bColor);
	transition: 0.35s ease-in-out;
}

.feedBackBox button:nth-of-type(1) {
	background: var(--bColor);
}

.nameList li {
    width: calc((100% - 3rem)/3);
    margin: 0 0.5rem 1rem 0.5rem;
    font-size: 0.875rem;
    color: var(--bColor);
    line-height: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nameList {
    display: flex;
    position: relative;
    flex-wrap: wrap;
}


/* aboutHonor */
.aboutHonor {
	position: relative;
}

.aboutHonor .title {
	margin: 0.5rem auto;
	font-size: 1.25rem;
	font-weight: bold;
	color: var(--redColor);
}

.aboutHonor ul {
	display: flex;
	position: relative;
	width: calc(100% + 1rem);
	flex-wrap: wrap;
}

.aboutHonor ul li {
	width: calc((100% - 3rem)/3);
	margin: 0 1rem 1rem 0;
	background: #f8f8f8;
	overflow: hidden;
}

.aboutHonor ul li .imgBox {
	width: 100%;
	height: 0;
	padding: 0 0 75%;
	overflow: hidden;
}

.aboutHonor ul li img {
	width: 100%;
	transform: scale(1);
	transition: 0.35s ease-in-out;
}

.aboutHonor ul li:hover img {
	width: 100%;
	transform: scale(1.05);
	transition: 0.35s ease-in-out;
}

.aboutHonor ul li span {
	display: block;
	margin: 0 auto 1rem;
	text-align: center;
	font-size: 1rem;
	color: var(--bColor);
	line-height: 2rem;
}


@media screen and (min-width: 1920px) {

.container{ width:80%}
.ct2-mn{ width:100%}
#productDetail{ max-width:100%}
.header, .content, .footer{ width:80%}
.nav .container{ width:100%;}
.g_ft .m_fnav{ width:1200px; margin:0 auto;}
.header, .content, .footer{ width:80%;}
.header .nav li{ width:12%; text-align:center}
.pageBox .pagesNavBox{ width:25%}
}