#products {

    background-color: #ededed;

}

img{

  max-width: 100%;

}

#products .banner {

    height: 300px;

   

    background-size: cover;

    color: #fff;

    position: relative;

}



.section2{

    overflow: hidden;

}

.one-line {

    border-top: 1px solid #ccc;

}

#products .banner .word {

    position: absolute;

    left: 13.5%;

    top: 140px;

}



#products .banner .word .title {

    margin-bottom: 20px !important;

    font-size: 36px;

}



#products .banner .word .sub-title {

    margin-bottom: 30px !important;

    font-size: 24px;

}



#products .nav {

    height: 70px;

    background-color: #fff;

    color: #666;

}



#products .nav ul {

    height: 68px;

    line-height: 68px;

}



#products .nav ul li {

    float: left;

    margin-right: 30px;

    cursor: pointer;

}



#products .nav ul li a {

    color: #666;

    display: inline-block;

}



#products .nav ul li a:hover,

#products .nav ul li.select a {

    color: #fd4926;

    border-bottom: 2px solid #fd4926;

}

.photo_box{

  padding-top: 46px;

}

.photo_box li{

  width: 33%;

  float: left; 

  margin-right: 0px;

  margin-bottom: 20px;

  text-align: center;

  position: relative;

}

.cover_eye{

    position: absolute;

    left: 50%;

    top: 50%;

    width: 0;

    height: 0;

    

    -webkit-transition: .4s; -moz-transition: .4s; transition: .4s;



}

.eye_img{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%; 

    

    background-size: 25%;

    opacity: 0;

    -webkit-transition: .4s;-moz-transition: .4s;transition: .4s;

}

.eye_imgs{

  position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%; 

    background: url(/weboms/Template/pc_web/statics/images/play.png) no-repeat center;

    background-size: 50%;

    opacity: 0;

    -webkit-transition: .4s;-moz-transition: .4s;transition: .4s;

}

.photo_box li:hover .cover_eye{

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;



}

.photo_box li:hover .eye_imgs{

  opacity: 1;





}

.zsyl  li h2{



    text-align: center;

    font-size: 16px;

    color: #666;



}

.photo_box li:hover a{

   

    color:  #fd4926;

}

.photo_box li:hover .eye_img{

    opacity: 1;

}

.photo_box li:hover .cover_eye{

    opacity: 1;

}

.photo_box li:nth-child(4n){

  margin-right: 0;

}



.photo_box .photo_img{

  width: 400px;

  height: 314px;

  position: relative;

  margin:0px auto;

  background: #fff;

  box-sizing: border-box;

  padding: 10px 0;

}

.photo_box2 .photo_img{

    height: 138px;

}

.photo_box2 .photo_img .eye_img{

    background-size: 60px;

}

.photo_box3 .photo_img{

    height:330px;
    width:400px;

    padding: 0;

}





.photo_box .photo_img img{

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

}

.photo_box .photo_img span{

  display: inline-block;

  vertical-align: middle;

  height: 100%;

  width: 0;

}

.photo_txt{

  font-size: 16px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-top: 16px;

}

.photolists{

  display: none;

}

.pages{

  text-align: center;

  padding:50px 0;

}

.pages a,.pages span{

  display: inline-block;

  vertical-align: middle;

  border: 1px solid #ccc;

  height: 30px;

  padding: 0 10px;

  line-height: 30px;

  margin: 0 5px;

  background: #fff;

}

.pages a:hover{

   color: #fff!important;

  background: #fd4926!important;

  border-color: #fd4926;

}

span.current{

  color: #fff!important;

  background: #fd4926!important;

  border-color: #fd4926;

}







html,

body {

    height: 100%;

    width: 100%; 

    font-size: 15px;

}



* {

    box-sizing: border-box;

    font-family: Helvetica, STHeiti, Microsoft YaHei, Verdana, Arial, tabular-nums, sans-serif;

    font-variant-numeric: tabular-nums;

}



body,

div,

dl,

dt,

dd,

ul,

ul li,

form,

th,

td {

    margin: 0;

    padding: 0;

}



cite,

em,

strong,

th {

    font-style: inherit;

    font-weight: inherit;

}



td,

th,

div {

    word-break: break-all;

    word-wrap: break-word;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



th {

    text-align: left;

}



ul,

ul li {

    list-style: none;

}



form {

    display: inline;

}



img {

    border: 0;

}



a,

a:hover {

    color: #666;

    text-decoration: none;

}



a:focus {

    outline-offset: -2px;

}



a[disabled] {

    color: #999;

    opacity: 0.8;

    cursor: not-allowed;

}



hr {

    margin-top: 20px;

    margin-bottom: 20px;

    border: 0;

    border-top: 1px solid #eee;

}



code,

pre {

    border-radius: 4px;

}



[role='button'] {

    cursor: pointer;

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    line-height: 1.1;

    color: inherit;

}



.h1 .small,

.h1 small,

.h2 .small,

.h2 small,

.h3 .small,

.h3 small,

.h4 .small,

.h4 small,

.h5 .small,

.h5 small,

.h6 .small,

.h6 small,

h1 .small,

h1 small,

h2 .small,

h2 small,

h3 .small,

h3 small,

h4 .small,

h4 small,

h5 .small,

h5 small,

h6 .small,

h6 small {

    line-height: 1;

    color: #777;

}



.h1,

.h2,

.h3,

h1,

h2,

h3 {

    margin-top: 20px;

    margin-bottom: 30px;

}



.h1 .small,

.h1 small,

.h2 .small,

.h2 small,

.h3 .small,

.h3 small,

h1 .small,

h1 small,

h2 .small,

h2 small,

h3 .small,

h3 small {

    font-size: 65%;

}



.h4,

.h5,

.h6,

h4,

h5,

h6 {

    margin-top: 1px;

    margin-bottom: 10px;

}



.h4 .small,

.h4 small,

.h5 .small,

.h5 small,

.h6 .small,

.h6 small,

h4 .small,

h4 small,

h5 .small,

h5 small,

h6 .small,

h6 small {

    font-size: 75%;

}



.h1,

h1 {

    font-size: 36px;

}



.h2,

h2 {

    font-size: 30px;

}



.h3,

h3 {

    font-size: 24px;

}



.h4,

h4 {

    font-size: 18px;

}



.h5,

h5 {

    font-size: 16px;

}



.h6,

h6 {

    font-size: 12px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: normal;

}



p {

    margin: 0 0 10px !important;

}



.lead {

    margin-bottom: 20px;

    font-size: 16px;

    line-height: 1.4;

}



dt,

kbd kbd,

label {

    font-weight: 400;

}



body,

html {

    height: 100%;

    margin: 0;

    padding: 0;

    -webkit-font-smoothing: antialiased;

    font-family: 'Helvetica Neue', stheiti, 'Microsoft Yahei', '΢ÈíÑźÚ', tahoma, sans-serif;

}



.clearfix {

    *zoom: 1;

}



.clearfix:after {

    display: block;

    visibility: hidden;

    clear: both;

    height: 0;

    content: '\20';

}



.p-r {

    position: relative;

}



.p-a {

    position: absolute;

}



.p-f {

    position: fixed;

}



.bg333 {

    background-color: #333;

}



.bg666 {

    background-color: #666;

}



.bg999 {

    background-color: #999;

}



.font12 {

    font-size: 12px;

}



.font14 {

    font-size: 14px;

}



.font16 {

    font-size: 16px;

}



.d-n {

    display: none;

}



.d-i-b {

    display: inline-block;



}

.d-i {

    display: inline;

}



.d-b {

    display: block;

}



.f-l {

    float: left !important;

}



.f-r {

    float: right !important;

}



.hand {

    cursor: pointer !important;

}



.margin-0 {

    margin: 0px;

}



/*margin-top start*/



.mt-0 {

    margin-top: 0px;

}



.mt-2 {

    margin-top: 2px;

}



.mt-5 {

    margin-top: 5px;

}



.mt-8 {

    margin-top: 8px;

}



.mt-10 {

    margin-top: 10px;

}



.mt-12 {

    margin-top: 12px;

}



.mt-14 {

    margin-top: 14px;

}



.mt-16 {

    margin-top: 16px;

}



.mt-18 {

    margin-top: 18px;

}



.mt-20 {

    margin-top: 20px;

}



.mt-24 {

    margin-top: 24px;

}



/*margin-top end*/



/*margin-bottom start*/



.mb-0 {

    margin-bottom: 0px;

}



.mb-2 {

    margin-bottom: 2px;

}



.mb-5 {

    margin-bottom: 5px;

}



.mb-8 {

    margin-bottom: 8px;

}



.mb-10 {

    margin-bottom: 10px;

}



.mb-12 {

    margin-bottom: 12px;

}



.mb-14 {

    margin-bottom: 14px;

}



.mb-16 {

    margin-bottom: 16px;

}



.mb-18 {

    margin-bottom: 18px;

}



.mb-20 {

    margin-bottom: 20px;

}



.mb-24 {

    margin-bottom: 24px;

}



.mb-30 {

    margin-bottom: 30px;

}



/*margin-bottom end*/



/*margin-left start*/



.ml-0 {

    margin-left: 0px;

}



.ml-2 {

    margin-left: 2px;

}



.ml-5 {

    margin-left: 5px;

}



.ml-8 {

    margin-left: 8px;

}



.ml-10 {

    margin-left: 10px;

}



.ml-12 {

    margin-left: 12px;

}



.ml-14 {

    margin-left: 14px;

}



.ml-16 {

    margin-left: 16px;

}



.ml-18 {

    margin-left: 18px;

}



.ml-20 {

    margin-left: 20px;

}



.ml-24 {

    margin-left: 24px;

}



.ml-30 {

    margin-left: 30px;

}



/*margin-left end*/



/*margin-right start*/



.mr-0 {

    margin-right: 0px;

}



.mr-2 {

    margin-right: 2px;

}



.mr-5 {

    margin-right: 5px;

}



.mr-8 {

    margin-right: 8px;

}



.mr-10 {

    margin-right: 10px;

}



.mr-12 {

    margin-right: 12px;

}



.mr-14 {

    margin-right: 14px;

}



.mr-16 {

    margin-right: 16px;

}



.mr-18 {

    margin-right: 18px;

}



.mr-20 {

    margin-right: 20px;

}



.mr-24 {

    margin-right: 24px;

}



.mr-30 {

    margin-right: 30px;

}



/*margin-left end*/



/*height start*/



.hr-05 {

    height: 5px;

}



.hr-08 {

    height: 8px;

}



.hr-10 {

    height: 10px;

}



.hr-12 {

    height: 12px;

}



.hr-15 {

    height: 15px;

}



.hr-18 {

    height: 18px;

}



.hr-20 {

    height: 20px;

}



.hr-25 {

    height: 25px;

}



.hr-30 {

    height: 30px;

}



/*height end*/



/*color start*/



.c-white,

a.c-white,

a.c-white:hover,

span.c-white,

strong.c-white,

.c-white a,

.c-white a:hover {

    color: white;

}



.c-black,

a.c-black,

a.c-black:hover,

span.c-black,

strong.c-black,

.c-black a,

.c-black a:hover {

    color: black;

}



.c-red,

a.c-red,

a.c-red:hover,

span.c-red,

strong.c-red,

.c-red a,

.c-red a:hover {

    color: red;

}



.c-green,

a.c-green,

a.c-green:hover,

span.c-green,

strong.c-green,

.c-green a,

.c-green a:hover {

    color: green;

}



.c-blue,

a.c-blue,

a.c-blue:hover,

span.c-blue,

strong.c-blue,

.c-blue a,

.c-blue a:hover {

    color: blue;

}



.c-333,

a.c-333,

a.c-333:hover,

span.c-333,

strong.c-333,

.c-333 a,

.c-333 a:hover {

    color: #333;

}



.c-666,

a.c-666,

a.c-666:hover,

span.c-666,

strong.c-666,

.c-666 a,

.c-666 a:hover {

    color: #666;

}



.c-888,

a.c-888,

a.c-888:hover,

span.c-888,

strong.c-888,

.c-888 a,

.c-888 a:hover {

    color: #888;

}



.c-999,

a.c-999,

a.c-999:hover,

span.c-999,

strong.c-999,

.c-999 a,

.c-999 a:hover {

    color: #999;

}



.fontW500 {

    font-weight: 500;

}



.fontW600 {

    font-weight: 600;

}



.fontW700 {

    font-weight: 700;

}



.fontW800 {

    font-weight: 800;

}



.fontW900 {

    font-weight: 900;

}



/*color end*/



.t-l {

    text-align: left !important;

}



.t-c {

    text-align: center !important;

}



.t-r {

    text-align: right !important;

}



.fs-12 {

    font-size: 12px;

}



.fs-13 {

    font-size: 13px;

}



.fs-14 {

    font-size: 14px;

}



.fs-15 {

    font-size: 15px;

}



.fs-16 {

    font-size: 16px;

}



.fs-17 {

    font-size: 17px;

}



.fs-18 {

    font-size: 18px;

}



.fs-20 {

    font-size: 20px;

}



.fs-22 {

    font-size: 22px;

}



.fs-24 {

    font-size: 24px;

}



.fs-26 {

    font-size: 26px;

}



.fs-28 {

    font-size: 28px;

}



.fs-30 {

    font-size: 30px;

}



.fs-36 {

    font-size: 30px;

}



.fw-b {

    font-weight: bold !important;

}



.fw-n {

    font-weight: normal !important;

}



.line-14 {

    line-height: 14px;

}



.line-16 {

    line-height: 16px;

}



.line-18 {

    line-height: 18px;

}



.line-20 {

    line-height: 20px;

}



.line-22 {

    line-height: 22px;

}



.line-24 {

    line-height: 24px;

}



.line-26 {

    line-height: 26px;

}



.line-28 {

    line-height: 28px;

}



.line-30 {

    line-height: 30px;

}



.line-32 {

    line-height: 32px;

}



.line-34 {

    line-height: 34px;

}



.line-36 {

    line-height: 36px;

}



.line-38 {

    line-height: 38px;

}



.line-40 {

    line-height: 40px;

}



.h-100 {

    height: 100%;

}



.w-100 {

    width: 100%;

}



.b-t-l-r-0 {

    border-top-left-radius: 0px !important;

}



.b-t-r-r-0 {

    border-top-right-radius: 0px !important;

}



.b-b-l-r-0 {

    border-bottom-left-radius: 0px !important;

}



.b-b-r-r-0 {

    border-bottom-left-radius: 0px !important;

}



.pd-t4 {

    padding-top: 4px;

}



.pd-b4 {

    padding-bottom: 4px;

}



.pd-l4 {

    padding-left: 4px;

}



.pd-r4 {

    padding-right: 4px;

}



.pd-t6 {

    padding-top: 6px;

}



.pd-b6 {

    padding-bottom: 6px;

}



.pd-l6 {

    padding-left: 6px;

}



.pd-r6 {

    padding-right: 6px;

}



.pd-t8 {

    padding-top: 8px;

}



.pd-b8 {

    padding-bottom: 8px;

}



.pd-l8 {

    padding-left: 8px;

}



.pd-r8 {

    padding-right: 8px;

}



.t-o-v-e {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.two-line {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    overflow: hidden;

}



.vl-t {

    vertical-align: top;

}



.c-p {

    cursor: pointer;

}



.c-i {

    cursor: initial;

}



.ws-pw {

    white-space: pre-wrap !important;

}



.sm-btn {

    padding: 8px 0;

    width: 120px;

    display: inline-block;

    text-align: center;

    background-color: #fd4926;

    color: #fff;

    cursor: pointer;

    -moz-transition: .5s;

    -o-transition: .5s;

    -webkit-transition: .5s;

    transition: .5s;

}



.sm-btn:hover {

    width: 125px;

    color: #fff;

}





#header {

    height: 100px;

    position: relative;

    color: #000;

    background: #fff;

    width: 100%;

}



.logo {

    float: left;

    padding: 15px 40px;

    color: #ea5b24;

}



.logo-img {

    width: auto;

    height: 64px;

}



#header .slogan {

    float: right;

    margin-left: 20px;

    padding-top: 7px;

}



#header .slogan .first {

    font-size: 20px;

    font-weight: bold;

}



#header .slogan .second {

    font-size: 14px; 

    color: #666;

}



@media (max-width: 1670px) {

    #header .slogan {

        display: none;

    }

}





#header .nav {

    height: 102px;

    /*border-bottom: 4px solid #fd4926;*/

}



#header .nav .menu {

    float: left;

}



#header .nav ul.menu li {

    position: relative;

}



#header .nav .menu .arrow {

    border-width: 4px;

    border-color: transparent;

    border-style: solid;

    position: absolute;

    left: 50%;

    margin-left: -2px;

    bottom: 2px;

    display: none;

}



#header .nav .menu .select .arrow {

    /*border-bottom-color: #fd4926;*/

}

#header .nav .menu li:before{

    content: '';

    width: 0%;

    height: 2px;

    background: #fd4926;

    position: absolute;

    bottom: 0;

    left: 50%;

    transition: .3s;

    z-index: 100;

}

#header .nav ul.menu li:hover:before,

#header .nav .menu .select:before{

    width: 100%;

    left: 0%;

}

#header .nav .menu a {

    color: #666;

}



#header .nav .menu .select a {

    color: #fd4926;

}



#header .nav .menu li:hover>a{

    color: #fd4926;

}



#header .nav .menu a:hover .arrow {

    border-bottom-color: #fd4926;

}



#header .nav ul li {

    float: left;

    height: 100%;

    line-height: 100px;

    margin-left: 30px;

}







.head-box {

    position: absolute;

    width: 160px;

    left: 50%;

    margin-left: -80px;

    top: 68px;

    text-align: center;

    z-index: 99;

    padding-top: 30px;

    transform: translateY(20px);

    -webkit-transform: translateY(20px);

    opacity: 0;

    visibility: hidden;

    transition: .5s;

    -webkit-transition: .5s;

}





#header .nav .menu li .head-box .main {

    background: #fff;

    box-shadow: 0 0 16px -4px rgba(0, 0, 0, .3);

    padding: 20px 0 18px;

    

}

#header .nav .menu li:hover .head-box{

    transform: translate(0);

    -webkit-transform: translate(0);

    opacity: 1;

    visibility: visible;

    /*position: relative;*/

}

#header .nav .menu li .head-box a {

    display: block;

    color: #666;

    line-height: 35px;

    height: 35px;

    border-bottom: 1px solid transparent;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    font-size: 14px;

}

#header .nav .menu li .head-box a:hover {

    background: #fd4926;

    color: #fff;

}

#header .nav .menu li .head-box .sjx {

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-bottom: 18px solid #fff;

    position: absolute;

    top: -18px;

    left: 90px;

    margin-left: -24px;

}







.fours {

    float: right;

     height: 100px; 

    line-height: 98px;

    padding-right: 24px;

}



@media (max-width: 1450px) {

    .fours {

        display: none;

    }

}



.fours a {

    position: relative;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    color: #000;

    width: 16px;

    height: 14px;

    padding: 0 15px;

    border-left: 1px solid #ddd;



}

.fours .phone{

    float: left;

}

.fours .phone img {

    width: 40px;

   /* height: 18px;  */

    vertical-align: unset;

}



.fours .wx {

    display: inline-block;

    width: 20px;

    height: 20px;

    padding-left: 20px;

    background: url(/weboms/Template/pc_web/statics/imgs/wechat_b.png) no-repeat center;

    position: relative;

    display: none;

}



.fours .wx:hover {

    background: url(/weboms/Template/pc_web/statics/imgs/wechat_h.png) no-repeat center;

}



.fours .wx .qr {

    width: 146px;

    height: 146px;

    position: absolute;

    top: 25px;

    right: -62px;

    z-index: 10;

    display: none;

        max-width: inherit!important;

}



.fours .wx:hover .qr {

    display: block

}



/* .fours .wx img {

    width: 20px;

    height: 20px;

} */



.fours .search {

     position: relative;

     float: left;

     display: block;

     height: 100%;

     border-left: 0;

     width: 260px;

     padding-top: 25px;



}

.intro .hd{

    position: absolute;

    width: 100%;

    text-align: center;

    bottom: 25px!important;

    height: auto!important;

}

.intro .hd ul{

    float: inherit!important;

    width: 100%;

    text-align: center;

}

.intro .hd li{

    float: inherit!important;

    display: inline-block;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #fff;

    margin: 0 5px;

    font-size: 0;

}

.intro .hd li.on{

    background: #fd4926;

}

.fours .search img{

    position: relative;

    top: 1px;

}

.search .icon-search {

    width: 20px;

    height: 20px;

    background: url(/weboms/Template/pc_web/statics/imgs/icon-search.png) no-repeat center;

    background-size: contain;

    transition: .8s;

    vertical-align: middle;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.search .icon-search.on {

    background: url(/weboms/Template/pc_web/statics/imgs/icon-close2.png) no-repeat center;

    background-size: contain;

}



.fours .search img {

    width: 16px;

    height: 16px;

    border-left: 1px solid #eee;

    display: none;

}



.search .search-box {

    z-index: 5;

    width: 250px;

    height: 32px;

    line-height: 32px;

    border-radius: 16px;

    border: 1px solid #eee;

    background: #fff;

    box-shadow: 0 0 2px rgba(0,0,0,0.1);

    -webkit-transition: transform .5s;

    -o-transition: transform .5s;

    transition: transform .5s;

    

}



input {

    padding: 0;

    border: none;

    background: none;

    outline: none;

}



.search .search-box .key {

    width: 100%;

    line-height: 30px;

    padding: 0 15px;

    color: #666;

    border-radius: 16px;

}

.search .search-box .sub {

    position: absolute;

    right: 0;

    width: 40px;

    line-height: 30px;

    border-radius: 16px;

    background: url(/weboms/Template/pc_web/statics/imgs/icon-search.png?v=1) no-repeat center;

    color: #fff;

    cursor: pointer;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.search .search-box .sub:hover {

    opacity: .9;

}



#header .fours .icon-wx {

    width: 18px;

    height: 100%;

    background: url(/weboms/Template/pc_web/statics/imgs/wechat.png) no-repeat center;

    vertical-align: top;

}





#footer {

    background-color: #333;

    /* padding: 78px 13.5%;#footer .right .cate */

    position: relative;

    padding-bottom: 20px;

    padding-top: 80px;

}



#footer .left {

    float: left;

}



#footer .left .img {

    width: 45px;

    height: 45px;

    float: left;

}



#footer .left .tel {

    margin-bottom: 30px;

}



#footer .left .mobile {

    margin-bottom:30px;

}



#footer .left .info {

    float: left;

    color: #fff;

    margin-left: 25px;

    font-size: 14px;

}



#footer .left .info span {

    font-size: 20px;

    margin-top: 5px;

    display: inline-block;

}

#footer .left .cz{

    margin-bottom: 30px;

}

#footer .left .cz .img{

    background: #fd4926;

    text-align: center;

    line-height: 45px;

}

#footer .left img {

    width: 100%;

    height: 100%;

    

}

#footer .left .cz .img img{

    width: auto;

    height: auto;

    display: inline-block;

    vertical-align: middle;

    max-width: 30px;

    max-height: 30px;

}

#footer .left .qr {

    width: 125px;

    height: 125px;

    position: absolute;

    right: 25.5%;

    top: 294px;

}



#footer .right {

    float: right;

    width: 65%;

    /* margin-right: 10%; */

}



#footer .right .cate {

    float: left;

    margin-bottom: 30px;

    margin-right: 16%;

}

#footer .right .cate:nth-of-type(4){

    margin-right: 0;

}

#footer .right .cate:nth-of-type(5){

    margin-right: 27%;

}

#footer .right ul li {

    line-height: 1.8;

    font-size: 14px;

    color: rgba(248, 68, 68, 0.6);

    cursor: pointer;

    padding-right: 10px;

}



#footer .right ul li a {

    color: rgba(255, 255, 255, .6);

    padding-right: 10px;

    transition: .3s;

}



#footer .right ul li a:hover {

    color: #fd4926;

    padding-left: 5px;

    padding-right: 5px;

}



#footer .right ul h4 {

    color: #fff

}





.mark {

    padding: 36px 13.5%;

    background-color: #333;

    color: #adadad;

    font-size: 14px;

    border-top: 1px solid #494949;

}

.mark a{

    color: #adadad;

}



.mark .left {

    float: left;

}



.mark .right {

    float: right;

}



.mark .right a {

    cursor: pointer;

}



.select {

    color: #fd4926!important;

}





.tsf > img {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

	transform: scale3d(1.1, 1.1, 1.1);

	-webkit-animation: minus 5s 0s ease both infinite;

	-moz-animation: minus 5s 0s ease both infinite;

	animation: minus 5s 0s ease both infinite;

	animation-iteration-count: 1;

	-webkit-animation-iteration-count: 1;

}



@keyframes minus {

	0% {

		-webkit-transform: scale3d(1.1, 1.1, 1.1);

		transform: scale3d(1.1, 1.1, 1.1);

	}

	100% {

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1);

	}

}



.sd-btn:hover {

    box-shadow: 3px 3px 5px #eee, -3px -3px 5px #eee;

}



.case_box{

    overflow: hidden;

}

.case_box li{

    width: 24%;

    float: left;

    margin-right: 1.3%;

    margin-bottom: 1.3%;

    -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;

}

.case_box li:hover .case_img img{

        -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}

.case_box li:hover .case_txt{

    color: #fd4926;

}

.case_box li:nth-child(4n){

    margin-right: 0;

}

.case_img{

    height: 300px;

    background: #fff;

    vertical-align: middle;

    text-align: center;

}

.case_img span{

    display: inline-block;

    vertical-align: middle;

    height: 100%;

    width: 0;

}

.case_txt{

    line-height: 40px;

    overflow: hidden;

    text-overflow: ellipsis;

    text-align: center;

    white-space: nowrap;

}

.yybox{

    margin-bottom: 36px;

}

.yybox li{

    width: 304px;

    float: left;

    margin-right: 14px;

    text-align: center;

        margin-bottom: 18px;

            -webkit-transition: .4s;-moz-transition: .4s;transition: .4s;



}

.yybox li:nth-child(4n){

    margin-right: 0;

}

.wrapper{

    width: 1300px;

    margin-left: auto;

    margin-right: auto;

}

.yy_txt{

    line-height: 70px;

    border-bottom: 3px solid #ccc;

    margin-bottom: 18px;

    font-size: 18px;

    color: #333;

    position: relative;

}

.yy_img{

    height: 260px;

    overflow: hidden;

}

.yy_img img{

       -webkit-transition: .5s; -o-transition: .5s; transition: .5s; 

    height:260px;



}

.yy_txt::after{

    content: "";

    position: absolute;

    bottom: -3px;

    height: 3px;

    background: #fd4926;

    left: 50%;

    width: 0;

    -webkit-transition: .4s;-moz-transition: .4s;transition: .4s;

}

.yybox li:hover .yy_txt::after{

    width: 100%;

    left: 0;

}

.yybox li:hover .yy_img img{

    -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);

}

.yybox li:hover .yy_txt{

    color: #fd4926;

}



.w1400{

    margin-right: auto;

    margin-left: auto;

    width: 1400px;

}

.w140000{

    margin-right: auto;

    margin-left: auto;

    width: 1400px;

}

.btn-min{

  

    vertical-align: middle;

    width: 80px;

    line-height: 32px;

    font-size: 16px;

    background: #fd4926;

    text-align: center;

    color: #fff;

    border-radius: 18px;    margin-bottom: 46px;display: none

}



@media screen and (max-width: 1600px) {

    .w140000 {

		width: 1200px;

    }

    #footer .right .cate{

        margin-right: 13%;

    }

    #footer .left .qr{

        width: 125px;

        height: 125px;

        position: absolute;

        right: 22.5%;

        top: 294px;

    }

    .btn-min{

        display: inline-block

    }

    .search .search-box{

        /* transform: translate3d(10px,10px,0);

        -webkit-transform: translate3d(10px,10px,0); */

        position: fixed;

        right: -260px;

        top: 110px;

        

        /* display: none */

    }

    .fours .search{

         width: 90px;

    }

}

.search .search-box-action{

    transform: translateX(-280px) !important;

    -webkit-transform: translateX(-280px) !important

}

@media screen and (max-width: 1300px) {

	.w1600,

	.w1400 {

		width: 97%;

	}

	

}





#header .fours {

  position: relative;

}



#header .lang-select {

  position: absolute;

  z-index: 100;

  right: 20px;

  width: 100px;

  height: 32px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}



#header .lang-select span {

  font-size: 14px;

  color: #777777;

  margin-right: 4px;

}



#header .lang-select a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  width: auto;

  height: auto;

  padding: 0;

  border: none;

  position: relative;

  margin-left: 6px;

}



#header .lang-select a img {

  display: block;

  width: 20px;

  height: 20px;

  margin-right: 2px;

}



#header .fours .search {

  padding-top: 45px;

}



#header .fours .phone {

  padding-top: 10px;

}





#page-home-mobile {

  display: none !important;

}



@media screen and (max-width: 767px) {

  #page-home-mobile {

    display: block !important;

  }

}



@media screen and (max-width: 767px) {

  #page-home-pc {

    display: none !important;

  }

}