/* Reset Css */
html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; overflow-x:hidden;}
body,div,ul,li,ol,dl,dd,dt,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,caption{margin:0px;padding:0px;}
fieldset,img{border:0;outline:medium none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; cursor:pointer;}
table{border-collapse:collapse;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,en,th,var{font-weight:normal; font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;outline:medium none;}
input,textarea{outline:medium none;}
img{transition:all .5s; -webkit-transition:all .5s;}
/* 公共部分CSS样式 */
html,body{font:14px/1 microsoft Yahei,Arial,Helvetica,sans-serif; color:#333333; background:#FFF;}
input,label,textarea{font:12px Microsoft Yahei;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
img{font-size:12px;max-width:100%;}
a{color:#333333; text-decoration:none;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.clear{clear:both;}
.clearfix:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.clearfix {
  zoom: 1; 
  }
@font-face {
    font-family: 'Candara';
  src: url('../font/Candara.eot');
    src: url('../font/Candara.eot?#iefix') format('embedded-opentype'),
         url('../font/Candara.woff') format('woff'),
         url('../font/Candara.ttf') format('truetype'),
         url('../font/Candara.svg#webfont34M5alKg') format('svg');
  font-style:normal;
  font-weight:normal;
}

@font-face {
    font-family: 'gothambook';
  src: url('../font/gothambook.eot');
    src: url('../font/gothambook.eot?#iefix') format('embedded-opentype'),
         url('../font/gothambook.woff') format('woff'),
         url('../font/gothambook.ttf') format('truetype'),
         url('../font/gothambook.svg#webfont34M5alKg') format('svg');
  font-style:normal;
  font-weight:normal;
}

.visible-hd {
  display: none !important;
}
.visible-lg {
  display: block !important;
}

@media screen and (max-width:1200px){
  .visible-hd {
    display: block !important;
  }
  .visible-lg {
    display: none !important;
  }
}
.l{float:left;}
.r{float:right;}
.g-wrap{max-width:1200px; margin-left:auto; margin-right:auto;padding-left:15px; padding-right:15px;}
.ellip{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.pz_banner{position:relative;}
.slide_banner{ margin:0;}
.slide_banner .slick-slide{ width:100%; padding:0; position:relative;}
.pc_site{opacity:0;}

.so{ float:right; width:100%; height:35px; margin:0px 0 15px 0; position:relative;}
.so .Search{ float:left; width:100%; height:35px; background:#fff; border:1px solid #dddddd; line-height:35px; text-indent:9px; color:#888888; font-size:14px;}
.so .sear_sub{ float:left; width:33px; height:33px; position:absolute; right:1px; top:1px;}
.mlang{line-height:35px; color:#333; font-size:12px; text-transform:uppercase;text-align:center; margin:15px auto 15px auto;}
.mlang a{background:#f43602; color:#fff; padding:10px 15px; margin:0 5px; border-radius:3px;}
.mlang a.on,
.mlang a:hover{ color:#fff;}
.slide_banner .slick-dots{ bottom:50px; overflow:hidden; text-align:right; right:50px;}
.slide_banner .slick-dots li{ display:inline-block; vertical-align:top; width:8px; height:8px; border-radius:50%; margin:0 5px;   background:#ddd; }
.slick-dots li button{display:none;}
.slide_banner .slick-dots li.slick-active {
    background: #f43602;
}
@media screen and (max-width:640px){
.slide_banner .slick-dots{bottom:20px; right:20px;}
}
/*.slide_banner .slick-prev{position:absolute; width:40px; height:100px; left:50px; top:50%; z-index:2; background:url(../images/banner_prev.png) rgba(0,0,0,0.2) no-repeat center; cursor:pointer;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s; }
.slide_banner .slick-prev:hover{left:45px; background:url(../images/banner_prev.png) rgba(0,0,0,0.5) no-repeat center;}
.slide_banner .slick-next{position:absolute; width:40px; height:100px; right:50px; top:50%; z-index:2; background:url(../images/banner_next.png) rgba(0,0,0,0.2) no-repeat center; cursor:pointer;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.slide_banner .slick-next:hover{right:45px; background:url(../images/banner_next.png) rgba(0,0,0,0.5) no-repeat center;}

@media screen and (max-width:480px){
.slide_banner .slick-prev,.slide_banner .slick-next{background:none;}
.slide_banner .slick-prev:hover,.slide_banner .slick-next:hover{background:none;}
}
.slide_banner .slick-dots{ bottom:25px; height:20px; overflow:hidden;}
.slide_banner .slick-dots li{ display:inline-block; vertical-align:top; width:37px; height:2px; margin:0 10px; position:relative;  top:10px;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%); background:#FFF; }
.slick-dots li button{display:none;}
.slide_banner .slick-dots li.slick-active{ height:2px; width:37px;  position:relative; background:#014099;}
.pz_banner{ position:relative; width:100%;height:100vh;}
.pz_banner1{position:relative; width:100%; z-index:5; }

.slide_banner1{ margin:0;}
.slide_banner1 .slick-slide{ width:100%; padding:0; position:relative;}
.slide_banner1 .slick-dots{ bottom:25px; height:20px; overflow:hidden;}
.slide_banner1 .slick-dots li{ display:inline-block; vertical-align:top; width:10px; height:10px; margin:0 10px; position:relative;  top:10px;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%); background:#FFF; border-radius:50%;}
.slick-dots li button{display:none;}
.slide_banner1 .slick-dots li.slick-active{ position:relative; background:#014099;}*/
.w_0100_2{float: left;width: 100%;height:70vh;position: relative;outline: none;}

.w_0100_2 .w_2_1{float: left;width: 100%; height:100%;position: relative;outline: none;z-index: -1;overflow: hidden; }

/*.slick-active .w_0100_2 .w_2_1 {
    animation: myfd 5s;
    -webkit-animation: myfd 5s;
}*/ 

.w_0100_2 .ico{width:55px; height:55px; background:url(../images/ico2.png) center center rgba(255,255,255,0.3); position:absolute; bottom:50px; left:50%; margin-left:-27.5px; border-radius:50%; animation: myfirst 2s infinite;}

.s_banner{float: left;width: 100%;position: relative;outline: none;}
.s_banner .w_2_1{float: left;width: 100%;height:550px;position: relative;outline: none;z-index: -1;overflow: hidden;}
.s_banner .w_2_2{float: left;overflow: hidden; display:none;}
@keyframes myfirst {
   0% {transform: translate(0px, 0px);}
   50% {transform: translate(0px, -10px);}
   100% {transform: translate(0px, 0px);}
}

@keyframes myfd {
   0% {transform:scale(1.2); -webkit-transform:scale(1.2);}
   50% {transform:scale(1.1); -webkit-transform:scale(1.1);}
   100% {transform:scale(1); -webkit-transform:scale(1);}
}

@media screen and (max-width:1200px){
.s_banner .w_2_1{display:none;}
.s_banner .w_2_2{display:block;}
}


.h_b_txt{width:100%; position:absolute;  top:50%; width:1200px; left:50%;transform:translate(-50%,-50%);color:#FFF; }
.h_b_txt h2{font-size:56px; opacity:0; font-family:"宋体"; }
.h_b_txt h3{font-size:16px; margin-top:30px;opacity:0;}

.sub_txt{width:100%; position:absolute; top:55%; left:50%;transform:translate(-50%,-50%);color:#FFF; font-size:36px; text-align:center;}
.sub_txt span{font-size:20px; font-family:Arial; display:block; text-transform:uppercase; line-height:40px; margin-top:5px;}
.slide_banner .slick-slide.slick-current .h_b_txt h2{animation:fadeInRight 1s;-webkit-animation:fadeInRight 1s;-moz-animation:fadeInRight 1s; -o-animation:fadeInRight 1s;  opacity:1;  transition:all 1s 0.2s; -webkit-transition:all 1s 0.2s;}
.slide_banner .slick-slide.slick-current .h_b_txt h3{animation:fadeInRight 2s;-webkit-animation:fadeInRight 2s;-moz-animation:fadeInRight 2s; -o-animation:fadeInRight 2s; opacity:1; -webkit-transition:all 1s 0.4s; transition:all 1s 0.4s;}

@media screen and (max-width:1200px){
.w_0100_2{height:55vh;}
.h_b_txt{width:95%;}
.h_b_txt h2{font-size:46px;}
}

@media screen and (max-width:991px){
.h_b_txt h2{font-size:36px;}
.sub_txt{font-size:30px;}
.sub_txt span{font-size:18px;}
}

@media screen and (max-width:768px){
.sub_txt{font-size:24px;}
}

@media screen and (max-width:640px){
.w_0100_2{height:45vh;}
.w_0100_2 .ico{width:40px; height:40px; bottom:20px; margin-left:-20px;}
.h_b_txt h2{font-size:26px;}
.h_b_txt h3{font-size:14px; margin-top:15px;}
.sub_txt{font-size:20px;}
.sub_txt span{font-size:16px;}
}

@media screen and (max-width:640px){
.w_0100_2{height:40vh;}
}

@media screen and (max-width:480px){
.h_b_txt h2{font-size:20px;}
.h_b_txt h3{font-size:12px; margin-top:15px;}
.sub_txt{font-size:16px; top:60%;}
.sub_txt span{font-size:12px; margin-top:0px; line-height:30px;}
}

.mobile_subnav{width:95%;  margin:0px auto; display:none; padding-top:30px;}
@media screen and (max-width:991px){
.mobile_subnav{display:block;}
}
.t_ntop_1 {height:40px;line-height: 40px;padding: 0px 14px;border: 1px solid #ee7700;font-size: 14px;color: #ee7700;border-radius:3px;background: url(../images/ico91.png) no-repeat 97% center;margin-left:auto;margin-right:auto;}
.pz_SideLayer{ width:100%; margin-top:5px;margin-bottom:20px; margin-left:auto; margin-right:auto;background:rgba(255,255,255,0.8); overflow:hidden;display:none; }

/*.pz_SideLayer .l2{ float:left; margin-right:12px; font-size:16px; color:#8bbeea; height:32px; line-height:32px;}
.pz_SideLayer .l2 a{ color:#315995; margin-right:12px;}
.pz_SideLayer .l2 a:hover,.pz_SideLayer .l2.hover a{ color:#fff; text-decoration:underline;}*/
.pz_SideLayer .l1{width:100%; margin-top:1px; display:block;}
.pz_SideLayer .l1 a{ height:50px; line-height:50px; color:#242424; font-size:14px;  background:#f4f4f4 url(../images/main22.png) right center no-repeat;  display:block; }
.pz_SideLayer .l1 a span{margin-left:14px;}
.pz_SideLayer .l1 a:hover,.pz_SideLayer .l1.hover a{background:#e3e3e3 url(../images/main23.png) right center no-repeat; color:#ee7700; width:100%;}


.imglist{margin-top:-30px; margin-right:-30px; overflow:hidden;}
.imglist li{float:left;}
.imglist li a{margin-right: 30px;margin-top:30px;position: relative;color: #fff;overflow: hidden; display:block; transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;}

.head {
    height: 99px;
    background: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: -99px;
    width: 100%;
    z-index: 100;
    opacity: 0;
    box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 15px 0px;
    
}
.head .g-wrap{position:relative;}
.head .logo{display:block; width:200px; margin-top:24px;float:left;}
.h_right{float:right; }
.h_right .s_ico{width:20px; height:20px; float:left;margin-top:39.5px; cursor:pointer; margin-right:20px;}
.h_right .lang{font-size:16px; font-weight:bold; float:right; line-height:30px; margin-top:34.5px;}
    .h_right .lang a {
        color: #0229aa;
        padding-bottom: 8px;
        position: relative;
        margin-right: 5px;
    }
        .h_right .lang a.on:after {
            width: 60%;
            position: absolute;
            content: "";
            height: 2px;
            background: rgb(2, 41, 170);
            left: 50%;
            margin-left: -25%;
            bottom: 0px;
        }
.h_right .lang a:hover{color:#ee7700;}

#nav{float:left;  position:relative; }
#nav li{ line-height:99px;  height:99px;color:#FFF;float:left; text-align:center; position:relative; }
    #nav li .aon a {
        display: block;
        color: #2f2f2f;
        text-align: center;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        position: relative;
        font-size: 16px;
        padding: 0px 22.5px;
    }
#nav li .aon a:after{position:absolute;content:"";bottom:0px; left:0px;height:1px; width:0px; background:#ee7700; transition:all 0.8s; -webkit-transition:all 0.8s;}
        #nav li .aon a:hover, #nav li .aon .sele {
            color: #f43602;
        }
#nav li .aon a:hover:after, #nav li .aon .sele:after{width:100%; }
#nav li .subnav{position:absolute;top:99px;  display:none; z-index:20; background:rgba(238,119,0,0.6); left:-45px;   width:200px; }
#nav li .subnav dd{line-height:40px; color:#FFFFFF; }
#nav li .subnav dd a{color:#FFFFFF; display:block; font-size:16px; transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s; padding:10px 0px;}
#nav li .subnav dd a:hover{color:#FFF; background:rgba(0,92,161,0.5);}
#nav li .aon a:hover .subnav{display:block;}

.section_b{ /*height:200px;*/ /*background:#fff;*/ position:fixed; width:100%; left:0; transition:all 0.7s ease; z-index: 999;-webkit-transition:all 0.7s ease !important;}
.section_b2{bottom:0!important;}

@media screen and (max-width: 1400px){
.section_b2 {position: absolute;}
}
.h_classname{width:100%;}
.h_classname span{display:block; }
.h_classname .cn{font-size:30px; font-weight:bold; text-align:left; line-height:120%;color:#333;}
    .h_classname .en {
        font-size: 44px;
        font-family: 'Arial';
        line-height: 120%;
        color: #f43602;
        text-transform: uppercase;
    }
@media screen and (max-width: 1200px){
.h_classname .cn{font-size:24px;}
.h_classname .en{font-size:36px;}
}

@media screen and (max-width: 991px){
.h_classname .cn{font-size:20px;}
.h_classname .en{font-size:32px;}
}

@media screen and (max-width: 768px){
.h_classname .cn{font-size:18px;}
.h_classname .en{font-size:28px;}
}

@media screen and (max-width: 640px){
.h_classname .cn{font-size:16px;}
.h_classname .en{font-size:24px;}
}

.section{position:relative;}
.part2 .g-wrap{height:100%; position:relative;}
.h_about{width:100%; height:30vh; }
.h_about .g-wrap{height:100%; overflow:hidden;}
.h_about .h_about_left{width:500px; float:left; height:100%; position:relative;}
.h_about .h_about_left .h_classname{position:absolute; left:0px; top:50%; transform:translate(0px,-50%); -webkit-transform:translate(0px,-50%);}
.h_about .h_about_left .h_classname .cn{opacity:0; position:relative; left:60px;transition: all 1s 0.4s;-webkit-transition: all 1s 0.4s;}
.h_about .h_about_left .h_classname .en{opacity:0; position:relative; left:60px;transition: all 1s 0.2s;-webkit-transition: all 1s 0.2s;}
.part1_on .h_about .h_about_left .h_classname .cn{left:0px;opacity:1; }
.part1_on .h_about .h_about_left .h_classname .en{left:0px;opacity:1; }

.h_about .h_about_right{width:600px; float:right; height:100%; position:relative;}
.h_about .h_about_right .cont{position:absolute; top:50%; transform:translate(0px,-50%); -webkit-transform:translate(0px,-50%); line-height:23px; }
.h_about .h_about_right .cont p{margin-bottom:10px;opacity:0;transition: all 1s 0.6s;-webkit-transition: all 1s 0.6s; position:relative; bottom:-60px;}
    .h_about .h_about_right .cont .more {
        width: 170px;
        height: 40px;
        line-height: 40px;
        background: #f43602;
        font-size: 14px;
        display: block;
        text-align: center;
        color: #FFF;
        margin-top: 20px;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        border: 1px solid #ee7700;
        opacity: 0;
        position: relative;
        bottom: -60px;
        transition: all 1s 0.8s;
        -webkit-transition: all 1s 0.8s;
    }
.h_about .h_about_right .cont .more:hover{color:#ee7700;  background:#FFF;}
.part1_on .h_about .h_about_right .cont p{ bottom:0px; opacity:1; text-indent:2em;}
.part1_on .h_about .h_about_right .cont .more{ bottom:0px; opacity:1;}

@media screen and (max-width: 1200px){
.h_about{height:45vh;}
.h_about .h_about_left{width:50%;}
.h_about .h_about_right{width:50%;}

.h_about .h_about_right .cont .more{width:130px; height:30px;line-height:30px;margin-top:8%;  }
}

@media screen and (max-width: 640px){
.h_about{height:55vh;}
.h_about .h_about_left{width:100%; height:20%; }
.h_about .h_about_right{width:100%;height:70%;}
.h_about .h_about_right .cont{top:auto; transform: none; -webkit-transform:none; bottom:5%;}
}

@media screen and (max-width: 480px){
.h_about{height:60vh;}
.h_about .h_about_left{height:25%; }
.h_about .h_about_right{height:65%; margin-top:5%;}
.h_about .h_about_right .cont{bottom:1%;}
.h_about .h_about_right .cont .more{margin-top:3%;}
}

.h_news{position:absolute; bottom:0px; height:calc(100% - 99px);width:100%;}
.h_news .h_news_left{position:absolute; width:50%; left:0px; height:100%;} 
.h_news .h_news_left .news_pic{margin-right:100px; height:100%;}
.h_news .h_news_left .news_pic .img{width:100%; height:100vh; }

.h_news .h_news_left .news_pic .slick-dots{ bottom:125px; height:20px; overflow:hidden; text-align:right; right:30px;}
.h_news .h_news_left .news_pic .slick-dots li{ display:inline-block; vertical-align:top; width:9px; height:9px; margin:0 10px; position:relative;  top:10px;background:#FFF;  border-radius:50%;}
.h_news .h_news_left .news_pic .slick-dots li button{display:none;}
.h_news .h_news_left .news_pic .slick-dots li.slick-active{ height:9px; width:9px;  position:relative; background:#ee7700;}
.h_news .h_news_right{position:absolute; width:50%; right:0px; height:100%;}
.h_news .h_news_right .cont{position:absolute;left:0px; top:50%; transform:translate(0px,-50%); -webkit-transform:translate(0px,-50%);width:600px;}
.h_news .h_news_right .cont ul{margin:10% 0px; width:100%;}
.h_news .h_news_right .cont ul li{margin-bottom:25px; opacity:0; position:relative; left:60px; }
.h_news .h_news_right .cont ul li:first-child{transition: all 1s 0.2s;-webkit-transition: all 1s 0.2s;}
.h_news .h_news_right .cont ul li:nth-child(2){transition: all 1s 0.4s;-webkit-transition: all 1s 0.4s;}
.h_news .h_news_right .cont ul li:last-child{transition: all 1s 0.6s;-webkit-transition: all 1s 0.6s;}
.h_news .h_news_right .cont ul li a{display:block; overflow:hidden;}
.h_news .h_news_right .cont ul li a .time{width:98px; height:88px; border:1px solid #e7e7e7; border-radius:3px; float:left; position:relative; transition:all 0.3s; -webkit-transition:all 0.3s;}
.h_news .h_news_right .cont ul li a:hover .time{border:1px solid #ee7700;}
.h_news .h_news_right .cont ul li a .time .info{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:80%; text-align:center; font-size:14px;}
.h_news .h_news_right .cont ul li a:hover .time .info{color:#ee7700;}
.h_news .h_news_right .cont ul li a .time .info span{font-size:36px; color:#333; font-weight:bold; margin-bottom:10px; display:block;}
.h_news .h_news_right .cont ul li a:hover .time .info span{color:#ee7700;}
.h_news .h_news_right .cont ul li a .h_newsinfo{width:465px; float:right;font-size:14px;}
.h_news .h_news_right .cont ul li a .h_newsinfo h2{font-size:16px; color:#333; line-height:30px;transition:all 0.3s; -webkit-transition:all 0.3s;}
.h_news .h_news_right .cont ul li a:hover .h_newsinfo h2{color:#ee7700;}
.h_news .h_news_right .cont ul li a .h_newsinfo h3{margin-top:5px; line-height:25px; color:#666;}
    .h_news .h_news_right .cont .more {
        width: 180px;
        height: 40px;
        text-align: center;
        color: #FFF;
        font-size: 14px;
        display: block;
        text-transform: uppercase;
        background: #f43602;
        line-height: 40px;
        border: 1px solid #ee7700;
        opacity: 0;
        position: relative;
        left: 60px;
    }
.h_news .h_news_right .cont .more:hover{color:#ee7700;  background:#FFF;}
.part3_on .h_news .h_news_right .cont ul li:first-child,.part3_on .h_news .h_news_right .cont ul li:nth-child(2),.part3_on .h_news .h_news_right .cont ul li:last-child{left:0px; opacity:1;}
.part3_on .h_news .h_news_right .cont .more{left:0px; opacity:1; transition: all 1s 0.8s;-webkit-transition: all 1s 0.8s;}

@media screen and (max-width: 1200px){
.h_news{height:calc(100% - 83px);}
.h_news .h_news_left .news_pic{margin-right:10%;}
.h_news .h_news_right .cont{width:100%;}  
.h_news .h_news_right .cont ul li a .time{width:15%;}
.h_news .h_news_right .cont ul li a .h_newsinfo{width:80%;}
}
@media screen and (max-width: 991px){
.h_news .h_news_right {margin-right:3%; width:47%;}
.h_news .h_news_right .cont ul li a .h_newsinfo h2{line-height:25px;}
.h_news .h_news_right .cont ul li a .time .info span{font-size:30px;}  
}

@media screen and (max-width: 768px){
.h_news .h_news_left{width:100%; height:20%; display:none;}
.h_news .h_news_right .cont ul li a .time{height:50px; padding:10px 0px;}
.h_news .h_news_right .cont ul li a .time .info span{font-size:24px;}
.h_news .h_news_left .news_pic{margin-right:0px;}
.h_news .h_news_left .news_pic .img{width:100%; height:100%; }
.h_news .h_news_right{width:100%;margin-right:0px;}
.h_news .h_news_right .cont{width:90%; margin:0px 15px; }
.h_news .h_news_right .cont ul li a .h_newsinfo h2{font-size:14px;}
.h_news .h_news_right .cont ul li a .h_newsinfo h3{font-size:12px;}
.h_news .h_news_right .cont .more{width:130px; height:30px; line-height:30px;}
}

@media screen and (max-width: 640px){
.h_news{height:calc(100% - 62.59px);}
}

@media screen and (max-width: 480px){
.h_news .h_news_right .cont{top:48%;}
.h_news .h_news_right .cont ul{margin:7% 0px;}
.h_news .h_news_right .cont ul li{margin-bottom:15px;}
.h_news .h_news_right .cont ul li a .time{width:20%;}
.h_news .h_news_right .cont ul li .h_newsinfo h3{margin-top:0px;}
.h_news .h_news_right .cont ul li a .h_newsinfo{width:75%;}
}


.owl_case .cont{ display:none;}
.owl_case .cont:hover{ display:block;}

.h_pro{position:absolute; bottom:0px; height:calc(100% - 99px);width:100%; }
.h_pro .cont{position:absolute;left:50%;top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);width:100%; height:100%;}
.h_pro .cont .g-wrap{position:relative;height:100%;}
.h_pro .cont .h_classname{position:absolute; top:3%;left:50%; transform:translate(-50%,0px); -webkit-transform:translate(-50%,0px);}
.h_pro .cont .h_classname span{text-align:center;position:relative; opacity:0; }
.h_pro .cont .h_classname .cn{bottom:-60px;transition: all 1s 0.2s;-webkit-transition: all 1s 0.2s;}
.h_pro .cont .h_classname .en{top:-60px;transition: all 1s 0.4s;-webkit-transition: all 1s 0.4s;}

.imglist .cont .cn{font-size: 1.8rem;
    margin-top: 40%;
    text-align: center;
    font-weight: bold;
    color: #333;
}
.en{}
.part2_on .h_pro .cont .h_classname .cn{bottom:0px; opacity:1;}
.part2_on .h_pro .cont .h_classname .en{top:0px; opacity:1;}
.h_pro .cont .h_pro_box{width:calc(100% - 30px); height:calc(100% - 139px - 20%);  top:calc(88px + 10%);position:absolute; line-height:40px;}
.h_newpro{position:absolute;width:50%; left:0px; height:100%; }
.h_pro_box .tag {
    width: 75px;
    height: 35px;
    line-height: 35px;
    left: 0px;
    top: 0px;
    text-align: center;
    color: #FFF;
    background: #f43602;
    position: absolute;
    z-index: 10;
}
.h_newpro ul{position:absolute; top:0px; left:0px;  height:100%;}
.h_newpro li a{display:block;}
.h_newpro li a .img{height:100%; position:relative; overflow:hidden; }
.h_newpro li a .img em{display:block; position:absolute; width:100%; height:70%; top:50%; left:0px; transform:translateY(-50%); -webkit-transform:translateY(-50%);transition:all 2s; -webkit-transition:all 2s; margin-bottom:30px;}
.h_newpro li a .img .title{width:16px; color:#333; text-align:center; width:100%; margin-top:10px; font-size:16px; margin-top:5px; position:absolute; bottom:20px;}
.h_newpro .owl-dots{ position:absolute; bottom:25px; text-align: center; line-height: 0; width:100%;}
.h_newpro .owl-dot{ display: inline-block; *display: inline; *zoom: 1; width:10px; height: 10px;  margin: 0 20px; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;background: #dddddd;}
    .h_newpro .owl-dot.active {
        background: #f43602;
    }
.h_prolist{position:absolute;width:100%; right:0px; height:100%;}
.h_prolist .imglist{margin-top:0px; margin-right:0px; overflow:visible; position:absolute; height:100%; width:100%;}
.h_prolist .imglist li{ 
  width: 50%;
    height: 100%;
    position: relative;
}
.h_prolist .imglist li a{margin-top:0px; margin-right:0px;position:absolute; width:100%; height:100%;overflow:visible;}
.h_prolist .imglist li a .img{left:0px; top:5%;position:absolute; width:90%; height:80%; left:5%;}
.h_prolist .imglist li a .img em{display:block;position:absolute; width:100%; height:100%;top:0px; left:0px;}

.h_prolist .imglist li a h2{position:absolute; width:100%; bottom:10px; line-height:24px; color:#333; text-align:center;}
    .h_prolist .imglist li a .h_cont {
        width: 105%;
        height: 105%;
        background: #f43602;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        position: absolute;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        z-index: 10;
        opacity: 0;
    }
.h_prolist .imglist li a .h_cont .info{width:95%; height:90%; left:50%;top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);position:absolute; border:0.5px solid #FFF;transition:all 2s; -webkit-transition:all 2s;}
.h_prolist .imglist li a .h_cont .info .txt{width:85%; left:50%;top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);position:absolute; display:none;}
.h_prolist .imglist li a:hover .h_cont .info .txt{display:block;}
.h_prolist .imglist li a .h_cont .info .txt h2{color:#FFF;  position:relative; font-size:16px; margin-top:10px;}
.h_prolist .imglist li a .h_cont .info .txt h2:before{width:20px;position:absolute; content:""; height:1px; background:#FFF; left:50%; top:-7px;margin-left:-10px;}
.h_prolist .imglist li a .h_cont .info .txt h3{color:#FFF; line-height:23px; }
    .h_prolist .imglist li a .h_cont .info .txt .h_more {
        width: 107px;
        height: 30px;
        background: #FFF;
        color: #f43602;
        text-align: center;
        margin: 0px auto;
        text-transform: uppercase;
        line-height: 30px;
        margin-top: 10px;
    }
.h_prolist .imglist li a:hover .h_cont{opacity:1;}

.h_prolist .imglist li a:before{position:absolute;content:""; left:0%; top:0px; width:1px; height:100%; background:#e5e5e5;}
.h_prolist .imglist li.on a:after{position:absolute; content:"";left:0%;bottom:0px; width:100%; height:1px; background:#e5e5e5;}

.h_pro .cont .more {
    width: 180px;
    height: 40px;
    background: #f43602;
    text-align: center;
    position: absolute;
    bottom: 5%;
    color: #FFF;
    text-transform: uppercase;
    display: block;
    line-height: 40px;
    left: 50%;
    margin-left: -90px;
    border: 1px solid #ee7700;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.h_pro .cont .more:hover{background:#FFF; color:#ee7700;}
@media screen and (max-width: 1200px){
.h_pro{height:calc(100% - 83px);}
.h_prolist .imglist li a .h_cont .info .txt h3{display:none; }
.h_newpro li a .img .title{bottom:0px;}
}

@media screen and (max-width: 991px){
.h_pro .cont .h_pro_box{top: calc(88px + 5%);}
.h_prolist .imglist li a .h_cont .info{width:90%;}
.h_prolist .imglist li a .img{width:90%; margin:0px 5%;}
.h_prolist .imglist li a .h_cont .info .txt h2{font-size:14px;}
.h_prolist .imglist li a .h_cont .info .txt h2:before{top:-13px;}
.h_prolist .imglist li a .h_cont .info .txt .h_more{width:87px; font-size:12px; margin-top:5px;}
}

@media screen and (max-width: 768px){
.h_pro .cont .h_pro_box{top:calc(88px + 2%);}
.h_newpro ul{top:10%;}
.h_newpro .owl-dots{bottom:55px;}
}

@media screen and (max-width: 640px){
.h_pro{height:calc(100% - 62.59px);}
.h_pro .cont .h_pro_box{height:calc(100% - 139px - 10%); border:0px;}
.h_newpro{position:static; width:100%;border:1px solid #e5e5e5; height:50%; padding-bottom:5%;}

.h_newpro ul{top:0px; height:50%;}
.h_newpro li a .img{ width:60%; margin:0px auto;}
.h_newpro li a .img .title{font-size:14px; bottom:-10px;}
.h_newpro .owl-dots{bottom:0px;}
.h_prolist{position:static; width:100%; height:50%; }
.h_prolist .imglist li a{border-left:1px solid #e5e5e5;}
.h_prolist .imglist li a:before{width:0px;}
.h_prolist .imglist li:nth-child(2) a:before{right:-2px; width:1px; left:auto;}
.h_prolist .imglist li:nth-child(3){display:none;}
.h_prolist .imglist li:nth-child(4){display:none;}
.h_prolist .imglist li a .h_cont .info .txt h2{width:95%;}
}


@media screen and (max-width: 480px){
.h_pro .cont .h_pro_box{top:88px;}
.h_prolist .imglist li a{min-height:150px;}
.h_newpro .owl-dot{margin:0px 7px;width:5px; height:5px; bottom:-5px;}
.h_newpro li a .img{width:75%;}
.h_newpro li a .img .title{font-size:12px;}
.h_prolist .imglist li a h2{font-size:12px;}
}

@media screen and (max-height: 600px){
.h_newpro .owl-dots{bottom:-10px;}
.h_newpro li a .img .title{bottom:0px;}
}




.h_case{position:absolute; bottom:0px; height:calc(100% - 99px);width:100%; }
.h_case .h_classname{position:absolute; top:10%; z-index:10;}
.h_case .h_classname span{ text-align:center;position:relative; opacity:0;}
.h_case .h_classname .cn{color:#FFF; bottom:-60px;transition: all 1s 0.4s;-webkit-transition: all 1s 0.4s;}
.h_case .h_classname .en{top:-60px;transition: all 1s 0.2s;-webkit-transition: all 1s 0.2s;}

.part4_on .h_case .h_classname .cn{bottom:0px; opacity:1;}
.part4_on .h_case .h_classname .en{top:0px; opacity:1;}
.h_case .more{width:180px; height:40px; border:1px solid #FFF;  text-align:center; color:#FFF; line-height:40px; position:absolute; left:50%; margin-left:-90px; bottom:10%; transition:all 0.3s; -webkit-transition:all 0.3s; z-index:5;}
.h_case .more:hover{border:1px solid #ee7700; color: #ee7700;}
.h_case li{width:100%;float:left; opacity:0; position:relative; bottom:-60px; }
.h_case li:nth-child(1){transition: all 1s 0.6s;-webkit-transition: all 1s 0.6s;}
.h_case li:nth-child(2){transition: all 1s 0.8s;-webkit-transition: all 1s 0.8s;}
.h_case li:nth-child(3){transition: all 1s 1s;-webkit-transition: all 1s 1s;}
.h_case li:nth-child(4){transition: all 1s 1.2s;-webkit-transition: all 1s 1.2s;}
.h_case li:nth-child(5){transition: all 1s 1.4s;-webkit-transition: all 1s 1.4s;}

.part4_on .h_case li{opacity:1; bottom:0px;}
.h_case li a{display:block; position:relative; height:100%;}
.h_case li a:after{position:absolute;content:""; background:rgba(0,0,0,0.5); top:0px; left:0px; width:100%; height:100%; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; z-index:1;}
.h_case li a:hover:after{opacity:1;}

.h_case li a .cont{top:45%; position:absolute; width:100%; z-index:3;}
.h_case li a .cont .en{font-size:12px; font-family:Arial; text-transform:uppercase; color:#FFF; text-align:center;}
.h_case li a .cont .cn{font-size:20px; margin-top:10%; color:#FFF;text-align:center; font-weight:bold;}
.h_case li a .cont .more1{width:125px; height:35px; line-height:35px; color:#FFF; margin:15% auto 0px auto;border:1px solid transparent; text-transform:uppercase; transition:all 0.5s; -webkit-transition:all 0.5s; text-align:center;}
.h_case li a:hover .cont .more1{border:1px solid #ee7700;  background:#ee7700;}
.h_case li a:hover .cont{display:block;}
.h_case .owl-dots{ position:absolute; bottom:20%; text-align: center; line-height: 0; width:100%;}
.h_case .owl-dot{ display: inline-block; *display: inline; *zoom: 1; width:10px; height: 10px;  margin: 0 20px; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;background: #dddddd;}
.h_case .owl-dot.active{ background: #ee7700; width:10px; height: 10px;}

@media screen and (max-width: 1200px){
.h_case{height:calc(100% - 83px);}
}

@media screen and (max-width: 991px){
.h_case li a .cont .en{line-height:20px;}
.h_case li a .cont .cn{font-size:16px;}
}

@media screen and (max-width: 768px){
.h_case .more{width:130px; margin-left:-65px;}
.h_case li a .cont .more1{width:100px; height:30px; line-height:30px;}
}

@media screen and (max-width: 640px){
.h_case{height:calc(100% - 62.59px);}
.h_case li a .cont{top:35%;}
.h_case .owl-dots{bottom:25%;}
.h_case .owl-dot{margin:0px 10px;}
.h_case .more{width:100px; margin-left:-50px; height:30px; line-height:30px;}
}
/*@media screen and (max-width: 480px){
.part2_on .h_about .h_classname span{animation:fadeInLeft  1s 0.2s;-webkit-animation:fadeInLeft 1s 0.2s;-webkit-animation:fadeInLeft 1s 0.2s;  opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part2_on .h_about .h_classname .cn{animation:fadeInLeft 1s 0.4s;-webkit-animation:fadeInLeft 1s 0.4s;-webkit-animation:fadeInLeft 1s 0.4s;  opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part2_on .h_about .cont .txt .title{animation:fadeInLeft  2s 0.2s;-webkit-animation:fadeInLeft 2s 0.2s;-webkit-animation:fadeInLeft 2s 0.2s;  opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part2_on .h_about .cont .txt p{animation:fadeInLeft  2s 0.6s;-webkit-animation:fadeInLeft 2s 0.6s;-webkit-animation:fadeInLeft 2s 0.6s;  opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part2_on .h_about .cont .txt .more{animation:fadeInLeft  2s 0.8s;-webkit-animation:fadeInLeft 2s 0.8s;-webkit-animation:fadeInLeft 2s 0.8s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part2_on .h_about .cont .img{animation:fadeInLeft  2s 1s;-webkit-animation:fadeInLeft 2s 1s;-webkit-animation:fadeInLeft 2s 1s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
}
*/
/*.part2_on .h_about .h_classname span{animation:fadeInLeft  1s 0.2s;-webkit-animation:fadeInLeft 1s 0.2s;-webkit-animation:fadeInLeft 1s 0.2s;  opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part2_on .h_about .h_classname .cn{animation:fadeInRight 1s 0.4s;-webkit-animation:fadeInRight 1s 0.4s;-webkit-animation:fadeInRight 1s 0.4s;  opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part2_on .h_about .cont .txt .title{animation:fadeInLeft  2s 0.2s;-webkit-animation:fadeInLeft 2s 0.2s;-webkit-animation:fadeInLeft 2s 0.2s;  opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part2_on .h_about .cont .txt p{animation:fadeInLeft  2s 0.4s;-webkit-animation:fadeInLeft 2s 0.4s;-webkit-animation:fadeInLeft 2s 0.4s;  opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part2_on .h_about .cont .txt .more{animation:fadeInLeft  2s 0.6s;-webkit-animation:fadeInLeft 2s 0.6s;-webkit-animation:fadeInLeft 2s 0.6s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part2_on .h_about .cont .img{animation:fadeInRight  2s 0.4s;-webkit-animation:fadeInRight 2s 0.4s;-webkit-animation:fadeInRight 2s 0.4s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}*/
/*.part2_on .h_about .cont1 .imglist li:first-child{animation:fadeInUp  3s 0.2s;-webkit-animation:fadeInUp 3s 0.2s;-webkit-animation:fadeInUp 3s 0.2s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part2_on .h_about .cont1 .imglist li:nth-child(2){animation:fadeInUp  3s 0.4s;-webkit-animation:fadeInUp 3s 0.4s;-webkit-animation:fadeInUp 3s 0.4s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part2_on .h_about .cont1 .imglist li:nth-child(3){animation:fadeInUp  3s 0.6s;-webkit-animation:fadeInUp 3s 0.6s;-webkit-animation:fadeInUp 3s 0.6s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part2_on .h_about .cont1 .imglist li:nth-child(4){animation:fadeInUp  3s 0.8s;-webkit-animation:fadeInUp 3s 0.8s;-webkit-animation:fadeInUp 3s 0.8s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}*/


.footer{padding:80px 0px 0px 0px; overflow:hidden; background:url(../images/img7.jpg) center/cover no-repeat;}
.sub_footer{background:#272727;}

.footer .botcontact{width:370px; min-height:290px; border:1px solid rgba(233,233,233,0.15); position:relative; z-index:10;float:left; }
.footer .botcontact .cont{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:75%;color:#eeeeee;}
.footer .botcontact .cont h2{padding-left:15px; font-size:28px; position:relative;  text-transform:uppercase;}
    .footer .botcontact .cont h2:before {
        position: absolute;
        content: "";
        width: 4px;
        height: 22px;
        top: 5px;
        background: #f43602;
        left: 0px;
    }
.footer .botcontact .cont .txt{margin-top:25px; line-height:23px;}
.footer .botcontact .cont .txt p{margin-bottom:15px;}

.footer .botnav{float:right;}
.footer .botnav dl{float:left;margin-right:40px;}
.footer .botnav dl:last-child{margin-right:0px;}
.footer .botnav dl dt{font-size:16px;margin-bottom:10px; color:#eeeeee; line-height:40px; text-align:center;}
.footer .botnav dl dt a{color:#eeeeee;}
.footer .botnav dl dd{color:#eeeeee; line-height:40px;font-size:14px; text-align:center;}
.footer .botnav dl dd a{color:#eeeeee;}
.footer .botnav dl dd a:hover{color:#ee7700;}

.footer .copyright{color:#999999; line-height:20px; border-top:1px solid rgba(255,255,255,0.13); margin-top:60px;padding:15px 0px; overflow:hidden;}
.footer .copyright a{color:#999;}
.footer .copyright a:hover{color:#ee7700;}
.footer .copyright .txt{float:left;}
.footer .copyright .links{float:right;}



@media screen and (max-width: 1200px){
.footer .botnav {display:none;}
.footer .botnav .ewm{float:none; margin:0px auto;}
.footer .botcontact{width:100%;}
.footer .botcontact .cont{width:90%;}
.footer .copyright{margin-top:30px;}
.footer .copyright .txt{width:100%;}
.footer .copyright .links{width:100%;}
}

@media screen and (max-width: 640px){
.footer .botcontact .cont h2{font-size:24px;}
.footer .botcontact .cont h2:before{height:15px;top:3px;}
}
@media screen and (max-width: 480px){
  .footer{padding-top:30px;}
  .footer .botcontact .cont h2{font-size:20px;}
}



.section_b{ /*height:200px;*/ /*background:#fff;*/ position:fixed; width:100%; left:0; transition:all 0.7s ease; z-index: 10;-webkit-transition:all 0.7s ease !important;}
.section_b2{bottom:0!important;}

@media screen and (max-width: 1400px){
.section_b2 {position: absolute;}
}



/*手机网站头部*/
.phhead{width:100%; position: fixed;left: 0;top: 0; z-index: 210; display:none;  background:rgba(0,0,0,0.4);}
.pcontainer { padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;position:relative;}
.phhead .logo{ padding:15px 0px;  width:100px;position:relative;}
.m_search{position:absolute; left:15px; top:50%; margin-top:-12.5px;  cursor:pointer; width:25px; }
.phonemeng{width:100%;z-index: 196; height:83px;}


@media screen and (max-width: 640px){
.phhead .logo{width:60px;}
.phonemeng{width:100%;z-index: 196; height:62.69px;}
}

.menuph{position: absolute;top: 50%;margin-top:-25px;right: 10px;cursor: pointer;width: 50px;height:50px;text-align: center; background:#f43602;}
.menuph .point{display: inline-block;width: 30px;height: 30px;margin-top: 15px;position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before{width: 30px;}
.menuph .navbtn{position: absolute;top: 8px;right: 0;display: inline-block;width: 30px;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFF;}
.menuph .navbtn::after,
.menuph .navbtn::before{position: absolute;right: 0;display: inline-block;width: 30px;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFF;}
.menuph .navbtn::after{top: -11px;}
.menuph .navbtn::before{top: 10px;}
.menuph .point.active .navbtn{background: transparent;}
.menuph .point.active .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
.menuph .point.active .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
@media screen and (max-width: 640px){
.menuph{width:40px; height:40px; margin-top:-20px;}
.menuph .point{width:25px; height:auto;}
  .menuph .navbtn{width:25px; top:4px;}
  .menuph .navbtn::after, .menuph .navbtn::before{width:25px;}
  .menuph .point:hover .navbtn,.menuph .point:hover .navbtn::after,.menuph .point:hover .navbtn::before{width: 25px;}
}




/*手机网站下拉样式*/

.xialaph{top:82px;left: 0;width: 100%;background:rgba(0,0,0,0.5);z-index: 998;display:none; position:fixed;}
.xialaph .img_d{ display:none;}
.xialaph .ul2,.xialaph .ul3{ display: none;}
.xialaph h4 a{color:#FFF;font-size: 14px;font-weight: bold;line-height: 50px;}
.xialaph h4 a em{font-style:normal; display:block;}
.xialaph h4 a em.en{font-family:Arial; text-transform:uppercase;}
.xialaph h4 a em.cn{display:none; color:#cba15a;}
.xialaph h4 a:hover{color:#ccc;}
.xialaph h4 a:hover em.en{display:none;}
.xialaph h4 a:hover em.cn{display:block;}
.xialaph h4{position: relative;}
.xialaph li:last-child h4::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: rgba(255,255,255,0.8);/*opacity: 0.1;*/}
.xialaph h4::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: rgba(255,255,255,0.5);/*opacity: 0.1;*/}
.xialaph h5 a{color: rgba(255,255,255,0.8);font-size: 14px;line-height: 50px; display:block;}
.xialaph h5{position: relative;}
.xialaph h5::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: rgba(255,255,255,0.5);/*opacity: 0.05;*/}
.xialaph .ul2 li:last-child h5::after{height:0px;}
.xialaph h4 img{width:15px;height:8px;float: right;margin-top: 21px;cursor: pointer;  margin-right:15px;}
.xialaph h5 img{width:11px;height:6px;float: right;margin-top: 26px;margin-right: 18px;cursor: pointer;}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{display: none;}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{display: block;}
.xialaph h4.active {border-bottom: 1px solid #e5e5e5;}
.xialaph .ul2{width:92%; margin:0px auto;}
.xialaph .ul3{padding-top: 12px;padding-bottom: 18px;padding-left: 15px;position: relative;}
.xialaph .ul3::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #e5e5e5;}
.xialaph li:last-child .ul3::after{display: none;}
.xialaph .ul3 li a{color: #666;font-size: 14px;line-height: 35px;display: block;}
.xialaph .ul3 li{padding-top: 5px;}
.xialaph .ul3 li:first-child{padding-top: 0;}
.xialaph .phsou{position: relative;margin-top: 30px;}
.xialaph .phsou input{width: 100%;height: 42px;background-color: #fff;color: #aaa;font-size: 14px;padding-left: 10px;border: 1px solid #e5e5e5;}
.xialaph .phsou button{cursor: pointer;outline:none;width: 34px;height: 34px;position: absolute;top: 4px;right: 4px;}
.xialaph .try{ text-align:center; padding:30px 0 0 0;}
.xialaph .try span{ display:inline-block; background:#efefef;-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
.xialaph .try a{ display:block; float:left; width:120px; font-size:16px; color:#1c71ba; line-height:42px;-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
.xialaph .try a:hover,
.xialaph .try a.hover{ background:#1c71ba; color:#fff;}

.xialaph  .h_w_top{text-align:center; line-height:50px;}

.xialaph .lang{width:80%;margin:15px auto; overflow:hidden;}
.xialaph .lang a{display:block;line-height:30px; width:47%; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; float:left; border-radius:3px; font-family:microsoft Yahei; color:#FFF; text-align:center;margin-right:1.5%;margin-left:1.5%; background:rgba(255,255,255,0.5);}
.xialaph .lang a:hover{background:#cba15a; color:#FFF;}
.xialaph .lang a.on{background:#cba15a; color:#FFF;}
.xialaph .lang a:last-child{font-family:Arial; text-transform:uppercase;}

@media screen and (max-width: 640px){
.xialaph{top:61.59px;}
}

.searchbg{float:left; width:100%; height:100%; background:rgba(0,0,0,0.3) left top repeat; position:fixed; top:0px; left:0px; z-index:999; display:none;}
.searchbg .search{position:absolute; width:100%; height:170px; background:rgba(238,119,0,0.5); top:50%;  margin-top:-85px;}
.searchbg .search .int{width:50%; height:60px; line-height:60px; border-bottom:1px solid #FFF; position:absolute; top:50%; left:50%; margin-left:-25%; margin-top:-30px; z-index:1000;}
.searchbg .search .int .t_int{width:95%; height:100%; line-height:100%; color:#FFF;background: transparent; border:0px; font-size:20px; margin-left:2.5%;}
.searchbg .search .btn{width:21px; height:23px; position:absolute; right:2.5%; background:url(../images/search.png) no-repeat; background-size:cover; border:0px; top:50%; margin-top:-14.5px;}
.searchbg .search .close{width:29px;  position:absolute; top:-40px; right:5px; cursor:pointer;}

.s_nav{position:absolute; bottom:0px; height:50px; left:0px; width:100%; background:rgba(0,0,0,0.2);}
.s_nav ul{float:left;}
.s_nav li{ line-height:50px; float:left;}
.s_nav li a{display:block; color:#FFF;padding:0px 25px;}
.s_nav li a:hover,.s_nav li a.on{background:rgb(244, 54, 2)}
.s_nav .site{float:right; background:url(../images/site.png) left 13px no-repeat; line-height:50px;color:#FFF; padding-left:25px; }
.s_nav .site a{color:#FFF;}
.s_nav .site a:hover{color:rgb(238,119,0);}

@media screen and (max-width: 991px){
.s_nav{height:40px;}
.s_nav ul{display:none;}
.s_nav .site{line-height:40px;}
}

@media screen and (max-width: 640px){
.s_nav {height:50px;}
.s_nav .g-wrap{position:relative;height:50px;}
.s_nav .site{line-height:25px; background:url(../images/site.png) left 2px no-repeat; position:absolute; top:50%; transform:translate(0px,-50%); -webkit-transform:translate(0px,-50%); right:15px;}
}

@media screen and (max-width: 480px){
.s_nav .site{font-size:12px;}
}

.s_about{width:100%;}
.s_about .s_title{font-size:28px; color:#333; position:relative; line-height:35px; text-align:center; padding-bottom:15px; margin-bottom:30px;}
.s_about .s_title:after{width:26px; position:absolute; content:""; height:1px; background:#ee7700; bottom:0px; left:50%; margin-left:-13px;}
.s_about .part1{padding:85px 0px; line-height:30px; font-size:16px; background:#FFF;}
.s_about p{margin-bottom:10px; text-indent:2em;}
.s_about .part2{padding:55px 0px 85px 0px; line-height:30px; font-size:16px;background:#f5f5f5;}
.s_about .part2 .imglist{margin-top:10px;}
.s_about .part2 .imglist li{width:33.33%;}
.s_about .part2 .imglist li a{min-height:248px; background:#FFF; cursor:auto; position:relative; }
.s_about .part2 .imglist li a .txt{width:80%; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); position:absolute;}
.s_about .part2 .imglist li a .txt .img{width:55px; margin:0px auto; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_about .part2 .imglist li a:hover .txt .img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
.s_about .part2 .imglist li a .txt h2{font-size:18px; color:#333; text-align:center; margin-top:10px;}
.s_about .part2 .imglist li a .txt h3{font-size:14px; color:#999; font-family:Arial; text-align:center;}
@media screen and (max-width: 991px){
.s_about .s_title{font-size:24px; margin-bottom:40px;}
}

@media screen and (max-width: 640px){
.s_about .s_title{font-size:20px; margin-bottom:30px;}
.s_about .part1{padding:65px 0px;}
.s_about .part2{padding:35px 0px 65px 0px;}
.s_about .part2 .imglist{margin-right:-15px;}
.s_about .part2 .imglist li a{margin-right:15px;}
}

@media screen and (max-width: 480px){
.s_about .s_title{font-size:18px; padding-bottom:5px;}
.s_about .part1{padding:30px 0px; font-size:14px;}
.s_about .part2{padding:25px 0px 45px 0px; font-size:14px;}

.s_about .part2 .imglist li a{margin-top:15px;}
.s_about .part2 .imglist li a .txt h2{font-size:16px;}
.s_about .part2 .imglist li a .txt h3{font-size:12px; line-height:20px;}
}

@media screen and (max-width: 420px){
.s_about .part2 .imglist li{width:100%;}
}

.s_news{padding:80px 0px 102px 0px;}
.s_news li{width:100%;}
.s_news li a{display:block;padding:28px 0px; overflow:hidden; position:relative; border-bottom:1px solid #eee;}
.s_news li a .img{width:211px; float:left; overflow:hidden;}
.s_news li a .img img{transition:all 2s; -webkit-transition:all 2s;}
.s_news li a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.s_news li a .time{margin:0px 40px 0px 100px; font-size:14px; color:#999;width:60px; text-align:center; font-family:Arial; float:left;}
.s_news li a .time span{font-size:48px; color:#666; display:block; line-height:55px;}
.s_news li a .txt{position:absolute; right:0px; height:calc(100% - 56px);width:65%;  }
.s_news li a .txt span{display:block; color:#333; font-size:16px; line-height:30px;}
.s_news li a:hover .txt span{color:#f43602;}
.s_news li a .txt em{font-style:normal; font-size:14px; display:block; color:#333; line-height:25px;}
.s_news li a .txt p{margin-top:10px; line-height:30px; color:#666;}
.s_news li a .txt .more{width:110px; height:30px; border:1px solid #eee;  position:absolute;left:0px; bottom:0px; text-align:left; line-height:30px; background:url(../../images/ico6.png) 80px center no-repeat;}
.s_news li a:hover .txt .more{border:1px solid #f43602; background:url(../../images/h_ico6.png) #f43602 80px center no-repeat; transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_news li a .txt .more span{margin-left:30px;color:#999; font-size:12px;}
.s_news li a:hover .txt .more span{color:#FFF;}

@media screen and (max-width: 1200px){
  .s_news li a .time{margin:0px 5% 0px 5%;}
}
@media screen and (max-width: 991px){
  .s_news{padding:50px 0px 72px 0px;}
  .s_news li a .img{width:30%;}
  .s_news li a .time{display:none;}
  .s_news li a .txt span{line-height:25px;}
  .s_news li a .txt p{margin-top:0px;}
}

@media screen and (max-width: 768px){
.s_news li a .txt{position:static; float:right;}  
.s_news li a .txt .more{position:static; margin-top:10px;}
.s_news li a .txt em{margin:5px 0px;}
}

@media screen and (max-width: 640px){
.s_news{padding:30px 0px 52px 0px;}
.s_news li a{padding:20px 0px;}
.s_news li a .txt{width:55%;}  
.s_news li a .img{width:40%;}  
}

@media screen and (max-width: 480px){
.s_news{padding:15px 0px 52px 0px;}
.s_news li a .img{width:70%;}
.s_news li a .txt{width:100%; margin-top:10px;}  
}

.waik_1{ width:100%; margin-top:5%;}
.pz_fy{width:100%; float:left; text-align:center; font-family:'Arial';}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { display:inline-block; padding:0px 15px; height:40px; line-height:40px; background:#fff; COLOR: #999; font-size:14px; text-decoration:none; margin:0 2px; border:1px solid #eee; border-radius:3px;}
.pz_fy a:hover,.pz_fy a.on{ color: #fff; background-color:#ee7700; text-decoration:none;}/*鼠标经过和默认当前页样式*/
.pz_fy a.a1{ font-family:'宋体'}
.fy_phone{ display:none;}
@media  screen and (max-width:1200px){
.waik_1{margin-top:8%;}
.fy_phone{ display:block; font-family:'Arial';}
.fy_phone{ width:100%; float:left; text-align:center; font-size:14px; color:#333;}
.fy_phone a{ display:inline-block; width:100px; height:40px; line-height:40px; border:solid 1px #eee; color:#333;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.fy_phone a:hover{color: #fff; background-color:#ee7700;}
.fy_phone span{ display:inline-block; padding:0 10%; height:40px; line-height:40px; color:#333;}
.pz_fy{display:none;}
}

@media  screen and (max-width:640px){
.waik_1{margin-top:12%;}
}

.s_newsinfo{padding:60px 0px 100px 0px; width:100%; }
.s_newsinfo .newstit{border-bottom:1px solid #dddddd;}
.s_newsinfo .solutiontit{border-bottom:0px solid #dddddd;}
.s_newsinfo .newstit h2{line-height:140%; font-size:22px; text-align:center; color:#333;}
.s_newsinfo .solutiontit h2{line-height:200%; font-size:26px; font-weight:bold; margin-bottom:10px;}
.s_newsinfo .newstit h3{line-height:25px; color:#999; text-align:center; font-size:16px; padding:35px 0px;}
.s_newsinfo .newssrc{padding:35px 0px 50px 0px; line-height:30px; font-size:16px; color:#333333;}
.s_newsinfo .newssrc img{width:auto;}
.s_newsinfo .newssrc .imglist li{width:33.33%;}
.s_newsinfo .newssrc .imglist li a img{width:100%;}
.s_newsinfo .newssrc p{margin-bottom:8px; text-indent:2em;}
.s_newsinfo .share{text-align:right; overflow:hidden;}
.s_newsinfo .share a{display:inline-block; margin-left:10px;}
.s_newsinfo .share a:hover{opacity:0.8; filter:alpha(opacity=80);}

.s_newsinfo .pages{width:100%; border-top:1px solid #eeeeee; margin-top:30px;}
.s_newsinfo .pages ul{overflow:hidden; margin-top:35px;}
.s_newsinfo .pages li{width:100%; margin-bottom:22px;}
.s_newsinfo .pages li a{font-size:16px; color:#333; line-height:30px; color:#333;}
.s_newsinfo .pages li a:hover{color:#ee7700;}
.s_newsinfo .pages li a span{display:block;width:84px; height:28px; background:#e8e8e8;  float:left; text-align:center; margin-right:20px;}
.s_newsinfo .pages li a:hover span{background:#ee7700; color:#FFF;}

@media screen and (max-width: 1200px){
.s_newsinfo{padding:90px 0px 70px 0px;}  
.s_newsinfo .newssrc img{width:100%;}
}

@media screen and (max-width: 991px){
.s_newsinfo{padding:60px 0px 40px 0px;}  
.s_newsinfo .newssrc .imglist{margin-top:-15px; margin-right:-15px;}
.s_newsinfo .newssrc .imglist li a{margin-top:15px; margin-right:15px;}
}

@media screen and (max-width: 640px){
.s_newsinfo .newssrc .imglist li{width:100%;}
.s_newsinfo{padding:30px 0px 40px 0px;}  
.s_newsinfo .newstit h2{font-size:18px;}
.s_newsinfo .newstit h3{padding:15px 0px;}
.s_newsinfo .newssrc{padding-top:0px;}
.s_newsinfo .newssrc p{margin-bottom:0px;}
.s_newsinfo .pages li a{font-size:14px;}
}

@media screen and (max-width: 480px){
.s_newsinfo .newstit h2{font-size:16px;}
.s_newsinfo .solutiontit h2{margin-bottom:0px;}
.s_newsinfo .newstit h3{font-size:14px;}
.s_newsinfo .newssrc{font-size:14px; padding:20px 0px 0px 0px;}
.s_newsinfo .relanews li{width:100%; padding:10px 0px;}
.s_newsinfo .relanews li a{font-size:14px;}
.s_newsinfo .relanews li a span{padding:0px;}
}

.s_join{padding:87px 0px 102px 0px; background:#f2f2f2;}
.s_join .s_title{font-size:28px; color:#333; position:relative; line-height:35px; text-align:center; padding-bottom:15px;}
.s_join .s_title:after{width:26px; position:absolute; content:""; height:1px; background:#ee7700; bottom:0px; left:50%; margin-left:-13px;}
.s_join ul{margin-top:80px;}
.s_join ul li{width:100%; margin-bottom:35px; }
.s_join ul li a{display:block; background:#FFF; overflow:hidden;}
.s_join ul li a:hover{box-shadow:0px 0px 10px #ccc;-moz-box-shadow:0px 0px 10px #ccc;-ms-box-shadow:0px 0px 10px #ccc;-webkit-box-shadow:0px 0px 10px #ccc;}
.s_join ul li a .cont{margin:30px;position:relative; }
.s_join ul li a .cont .jobname{position:absolute; height:30px; line-height:30px; top:50%; margin-top:-30px; left:0px; width:384px;}
.s_join ul li a .cont .jobname span{margin-left:26px; display:block; }
.s_join ul li a .cont .jobname .cn{font-size:20px; color:#333;}
.s_join ul li a .cont .jobname .en{font-size:16px; color:#014099; text-transform:uppercase;}
.s_join ul li a .cont .info{margin-left:384px; min-height:100px; border-left:1px dashed #d2d2d2; font-size:16px; width:600px; padding-left:40px; line-height:35px;color:#333;}
.s_join ul li a .cont .info span{display:block; }
.s_join ul li a .cont .info p{position:relative;padding-left:25px; }
.s_join ul li a .cont .info p:before{position:absolute;content:""; width:5px; height:5px; border-radius:50%;  background:#989898; left:8px; top:15px;}
.s_join ul li a .cont .ico{position:absolute;top:50%; margin-top:-54px; right:0px;}
.s_join ul li a .cont .img{margin:0px auto; text-align:center;}
.s_join ul li a .cont .img img{width:auto;}
.s_join ul li a .cont .more{width:120px; height:32px; line-height:32px; text-align:center; background:#ee7700; color:#FFF;margin-top:21px;  opacity:0;}
.s_join ul li a:hover .cont .more{display:block;opacity:1; transition:all 0.5s; -webkit-transition:all 0.5s;}

@media screen and (max-width: 1200px){
.s_join{padding:67px 0px 70px 0px;}
.s_join ul{margin-top:70px;}
.s_join ul li a .cont .jobname{width:30%;}  
.s_join ul li a .cont .info{margin-left:30%; width:50%; padding-left:5%;}

}
@media screen and (max-width: 991px){
  .s_join .s_title{margin-top:35px;}
}

@media screen and (max-width: 768px){
  .s_join{padding:0px 0px 50px 0px;}
  .s_join .s_title{font-size:24px;}
  .s_join ul li a .cont{margin:25px 15px;}
    .s_join ul li a .cont .jobname{width:100%; position:static; margin-top:0px;}  
  .s_join ul li a .cont .jobname span{margin-left:0px;}
  .s_join ul li a .cont .info{margin-left:0px; width:100%;padding-left:0px;border-left:0px;}
  .s_join ul li a .cont .img{display:none;}
  .s_join ul li a .cont .ico{position:static; margin-top:20px;}
  .s_join ul li a .cont .more{opacity:1;}
}

@media screen and (max-width: 640px){
  
  .s_join .s_title{font-size:20px;}
  .s_join ul{margin-top:40px;}
  .s_join ul li a .cont .jobname{height:auto; line-height:28px;}
  .s_join ul li a .cont .jobname .cn{font-size:16px;}
  .s_join ul li a .cont .jobname .en{font-size:14px;}
  .s_join ul li a .cont .info{font-size:14px; line-height:28px;}
  .s_join ul li a .cont .info p{padding-left:0px;}
  .s_join ul li a .cont .info p:before{top:10px; left:0px; width:0px; height:0px;}
}
@media screen and (max-width: 480px){
.s_join .s_title{font-size:18px; padding-bottom:5px;}

.s_join ul li{margin-bottom:20px;}  
}


.s_joindetail{padding:108px 0px 150px 0px;}
.s_joindetail .cont{margin-left:14px; background:#f2f2f2; min-height:300px; position:relative;}
.s_joindetail .cont .title{position:absolute; top:37px; left:-12px; text-align:center; width:404px; height:58px; line-height:50px; font-weight:bold; color:#333; font-size:20px;}
.s_joindetail .cont .info{margin:0px 70px;padding:140px 0px 62px 0px; font-size:16px; line-height:30px;}
.s_joindetail .cont .info .tit{font-size:18px; font-weight:bold; position:relative; line-height:35px;}
.s_joindetail .cont .info .tit:after{position:absolute; content:"";width:18px; height:2px; background:#014099; left:0px; bottom:0px;}
.s_joindetail .cont .info p{margin-bottom:8px;}
.s_joindetail .cont .info .txt{padding:20px 0px; border-top:1px solid #dfdfdf; margin-top:20px;}
.s_joindetail .cont .info .app{width:193px; height:48px; line-height:48px; background:#ee7700; color:#FFF; text-align:center; display:block; margin-top:15px; border-radius:3px; transition:all 0.3s;-webkit-transition:all 0.3s; }
.s_joindetail .cont .info .app:hover{opacity:0.8; filter:alpha(opacity=80);}

@media screen and (max-width: 991px){
.s_joindetail{padding:78px 0px 120px 0px;}  
}

@media screen and (max-width: 768px){
.s_joindetail .cont .title{left:0px; font-size:18px;}
.s_joindetail{padding:48px 0px 90px 0px;}  
.s_joindetail .cont .info{margin:0px 40px; padding:120px 0px 50px 0px;}
}

@media screen and (max-width: 640px){
.s_joindetail .cont{margin-left:0px;}
.s_joindetail .cont .info .tit{font-size:16px;}
.s_joindetail .cont .info{margin:0px 15px; padding:100px 0px 30px 0px; font-size:14px; line-height:28px;}
.s_joindetail .cont .info p{margin-bottom:0px;}
.s_joindetail .cont .title{left:0px;width:320px; font-size:16px; height:40px; line-height:40px;}  
}

@media screen and (max-width: 480px){
.s_joindetail{padding:0px 0px 60px 0px;}  
.s_joindetail .cont .title{left:0px;width:280px; font-size:16px; height:35px; line-height:35px;}  
.s_joindetail .cont .info .app{width:160px;}
}

.s_solution{padding:110px 0px;}
.s_solution .imglist{overflow:visible;}
.s_solution .imglist li{width:33.33%;}
.csx .imglist li{width:25% !important;}

.s_solution .imglist li a{overflow:visible;}
.s_solution .imglist li a .img{width:100%; position:relative; overflow:hidden;}
.csx .imglist li a .img{width:100%; position:relative; overflow:hidden; max-height: 400px;}

.s_solution .imglist li a .img .more{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);width:126px; height:38px; background:rgba(238,119,0,0.45); text-align:center; line-height:38px; color:#FFF; display:none;}
.s_solution .imglist li a:hover .img .more{display:block;}
.s_solution .imglist li a .img img{transition:all 2s; -webkit-transition:all 2s;}
.s_solution .imglist li a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.s_solution .imglist li a .txt{padding:20px 0px;width:100%; position:relative;line-height:25px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_solution .imglist li a:hover .txt{box-shadow:0px 0px 5px #ccc;-moz-box-shadow:0px 0px 5px #ccc;-ms-box-shadow:0px 0px 5px #ccc;-webkit-box-shadow:0px 0px 5px #ccc;}
.s_solution .imglist li a .txt:after{position:absolute;content:""; left:0px;bottom:0px; width:0px; height:2px; background:#ee7700; transition:all 0.5s; -webkit-transition:all 0.5s; }
.s_solution .imglist li a:hover .txt:after{width:100%;}
.s_solution .imglist li a .txt h2{color:#333; font-size:16px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.s_solution .imglist li a:hover .txt h2{margin-left:25px;}
.s_solution .imglist li a .txt h3{color:#666; transition:all 0.5s; -webkit-transition:all 0.5s;width:90%;height:50px;overflow:hidden;}
.s_solution .imglist li a:hover .txt h3{margin-left:25px;}

@media screen and (max-width: 991px){
.s_solution{padding:80px 0px;}
.s_solution .imglist li a:hover .txt h2{margin-left:15px;}
.s_solution .imglist li a:hover .txt h3{margin-left:15px;}
}

@media screen and (max-width: 768px){
.s_solution{padding:50px 0px;}
.s_solution .imglist{margin-top:-20px; margin-right:-15px;}
.s_solution .imglist li a{margin-top:20px; margin-right:15px;}
}

@media screen and (max-width: 640px){
.s_solution{padding:30px 0px 50px 0px;}
.s_solution .imglist li{width:50%;}
.s_solution .imglist li a .txt h2{font-size:14px;}
.s_solution .imglist li a .txt h3{font-size:12px;}
}

@media screen and (max-width: 480px){
.s_solution .imglist li{width:100%;}
}

.s_contact{padding:105px 0px;}
.s_contact .cont{width:100%; overflow:hidden;}
.s_contact .cont dl{width:48%; float:left;}
.s_contact .cont dl dt{font-size:24px; color:#333; margin-bottom:45px;}
.s_contact .cont dl dd{padding:13px 0px; font-size:16px; color:#333; overflow:hidden; line-height:20px;}
.s_contact .cont dl dd em{display:block; width:20px;float:left; margin-right:24px;}
.s_contact #map{width:100%; height:472px; margin-top:70px;}

@media screen and (max-width: 1200px){
.s_contact .cont dl{width:50%;}
}

@media screen and (max-width: 991px){
.s_contact{padding:85px 0px;}
.s_contact .cont dl dt{font-size:20px; margin-bottom:25px;}
.s_contact .cont dl dd em{margin-right:14px;}
.s_contact .cont dl dd{width:90%; padding:8px 0px;}
.s_contact #map{margin-top:50px; height:372px;}
}

@media screen and (max-width: 768px){
.s_contact{padding:55px 0px;}
.s_contact .cont dl dt{font-size:18px; margin-bottom:15px;}
.s_contact .cont dl dd em{margin-right:10px;}
}

@media screen and (max-width: 640px){
.s_contact{padding:25px 0px 55px 0px;}
.s_contact .cont dl{width:100%; margin-top:25px;}
.s_contact .cont dl dd{width:100%; line-height:25px;}
.s_contact .cont dl dd em{margin-top:2.5px;}
.s_contact #map{margin-top:30px; height:300px;}
}

@media screen and (max-width: 480px){
.s_contact{padding:15px 0px 55px 0px;}
.s_contact .cont dl dt{font-size:16px;}
.s_contact .cont dl dd{font-size:14px;}
}

.s_feedback .g-wrap{padding:130px 15px 150px 15px; background:url(../images/f1.jpg) left center no-repeat; min-height:500px;}
.s_feedback .cont{width:700px; float:right;}
.s_feedback .cont .txt{background:url(../images/ico13.png) left 3px no-repeat; padding-left:35px; font-size:16px; color:#333; line-height:25px;}
.s_feedback .cont .imglist{margin-top:20px; margin-right:-20px;}
.s_feedback .cont .imglist li{width:50%; position:relative;}
.s_feedback .cont .imglist li span{display:block;position:absolute; height:30px; line-height:30px;top:7px;  left:15px; color:#666;}
.s_feedback .cont .imglist li input{border:0px; height:40px; background:transparent;width:90%; margin:0px 15px;}
.s_feedback .cont .imglist li textarea{border:0px; height:130px; background:transparent;width:90%; margin:15px;}
.s_feedback .cont .imglist li.int{width:100%;}
.s_feedback .cont .imglist li .int_c{margin-top:20px; margin-right:20px; background:#f3f4f4; position:relative; height:45px; line-height:45px; border-radius:3px;}
.s_feedback .cont .imglist li.int .int_c{width:33.33%;}
.s_feedback .cont .imglist li.int .int_c1{height:160px; width:97.5%;margin-top:20px; margin-right:20px; background:#f3f4f4; position:relative;  line-height:30px; border-radius:3px;}
.s_feedback .cont .tips{line-height:30px; margin:20px 0px; color:#666;}
.s_feedback .cont .btn{width:150px; height:37px; background:#ee7700; color:#FFF; text-align:center; line-height:37px; border:0px; transition:all 0.3s; -webkit-transition:all 0.3s; border:radius:3px;}
.s_feedback .cont .btn:hover{opacity:0.8;}

@media screen and (max-width: 991px){
.s_feedback .g-wrap{padding:100px 15px 120px 15px;}
}

@media screen and (max-width: 768px){
.s_feedback .g-wrap{padding:70px 15px 90px 15px;}
.s_feedback .cont{width:100%;}

}

@media screen and (max-width: 640px){
.s_feedback .g-wrap{padding:40px 15px 60px 15px;}

}

@media screen and (max-width: 480px){
.s_feedback .cont .txt{font-size:14px;}
.s_feedback .cont .imglist{margin-top:10px;}
.s_feedback .cont .imglist li .int_c{margin-top:15px;}
.s_feedback .cont .imglist li .int_c1{margin-top:15px;}
.s_feedback .cont .imglist li{width:100%;}
.s_feedback .cont .imglist li.int .int_c{width:auto;}
.s_feedback .cont .imglist li.int .int_c1{width:auto;}
}

.s_navlist{width:285px;float:left; margin-top:20px;}
.clear_nav{margin-top:0px;}
.s_navlist dl{background:#F7F7F7; margin-bottom:1px;}
.s_navlist dl dt{height:50px; font-size:16px;}
.s_navlist dl dt a{display:block; height:50px; background:#f4f4f4; position:relative;}
.s_navlist dl dt a em{display:block; position:absolute;width:37px; height:10px;right:0px; top:50%; margin-top:-5px;background:url(../../images/ico14.png) center center no-repeat;}
.s_navlist dl dt a:hover em,.s_navlist dl.on dt a em{background:url(../../images/ico15.png) center center no-repeat;}
.s_navlist dl dt a:hover,.s_navlist dl.on dt a{color:#FFF; background:url(../../images/ico15.png) right center no-repeat;z-index:10;}
.s_navlist dl dt a span{position:absolute; left:20px; top:50%; transform:translate(0px,-50%); -webkit-transform:translate(0px,-50%); line-height:25px;z-index:2; margin-right:30px;}
.s_navlist dl dt a:before{position:absolute; content:"";width:0px; height:100%; left:0px; top:0px; background:#ee7700; transition:all 0.5s; -webkit-transition:all 0.5s; z-index:0;}
.s_navlist dl dt a:hover:before,.s_navlist dl.on dt a:before{width:100%;}
.s_navlist dl .list{padding:10px 25px; display:none;}

.s_navlist dl dd{padding:5px 0px; line-height:25px;}
.s_navlist dl dd a{color:#666; }
.s_navlist dl dd a:hover,.s_navlist dl dd a.hover{color:#ee7700;}

.s_case{padding:90px 0px 120px 0px;}
.s_case .s_title{font-size:28px; color:#333; position:relative; line-height:35px; text-align:center; padding-bottom:15px;}
.s_case .s_title:after{width:26px; position:absolute; content:""; height:1px; background:#ee7700; bottom:0px; left:50%; margin-left:-13px;}
.s_case .cont{margin-top:60px;}
.s_case .cont .info{width:885px; float:right;}
.s_case .cont .info .txt{margin-left:90px; margin-right:180px;line-height:30px;}
.s_case .cont .info .txt h2{line-height:25px; color:#333; font-size:16px; text-align:center; font-weight:bold; width:100%;}
.s_case .cont .info .txt .part{width:100%; margin:28px 0px 50px 0px; overflow:hidden;}
.s_case .cont .info .txt .part ul{width:49%;margin-right:2%; float:left;}
.s_case .cont .info .txt .part ul:last-child{margin-right:0px;}
.s_case .cont .info .txt .part li{width:100%;border-bottom:1px solid #FFF; background:#f2f2f2; font-size:16px; overflow:hidden;}
.s_case .cont .info .txt .part li span{margin-left:15px;}
.s_case .cont .info .txt .part li .title{width:70%; height:45px; line-height:45px;position:relative; float:left;}
.s_case .cont .info .txt .part li .title:after{position:absolute; content:""; width:1px; height:100%; background:#FFF;right:0px; top:0px;}
.s_case .cont .info .txt .part li .city{width:30%; height:45px; line-height:45px; text-align:center;float:left;}

@media screen and (max-width: 1230px){
.s_case .cont .info{width:68%;}
.s_case .cont .info .txt{margin-left:0px; margin-right:0px;}
}

@media screen and (max-width: 991px){
.s_navlist{width:28%;}
.s_case{padding:60px 0px 90px 0px;}
.s_case .cont{margin-top:40px;}
.s_case .s_title{font-size:24px;}
}

@media screen and (max-width: 768px){
.s_navlist{width:38%;}
.s_case .cont .info{width:58%;}
.s_case .cont .info .txt .part ul{width:100%; margin-right:0px;}
}

@media screen and (max-width: 640px){
.s_case{padding:30px 0px 30px 0px;}
.s_case .cont{margin-top:20px;}
.s_navlist{width:100%;}
.s_case .s_title{font-size:20px;}
.s_case .cont .info{width:100%; margin-top:30px;}
.s_case .cont .info .txt .part ul{width:100%; margin-right:0px;}
.s_case .cont .info .txt .part{margin:30px 0px;}
}

@media screen and (max-width: 480px){
.s_navlist dl dt{height:50px; font-size:14px;}
.s_case .cont{margin-top:0px;}
.s_case .s_title{font-size:18px; padding-bottom:5px;}
.s_case .cont .info .txt .part li{font-size:14px;}
}

.s_pro{padding:90px 0px 120px 0px;}
.s_pro .s_title{font-size:28px; color:#333; position:relative; line-height:35px; text-align:center; padding-bottom:15px;}
.s_pro .s_title:after{width:26px; position:absolute; content:""; height:1px; background:#ee7700; bottom:0px; left:50%; margin-left:-13px;}
.s_pro .cont{margin-top:80px;}
.s_pro .cont .s_prolist{width:885px; float:right;}
.s_pro .cont .s_prolist .imglist{margin-top:-23px; margin-right:-23px; overflow:visible; margin-bottom:75px;}
.s_pro .cont .s_prolist .imglist li{width:33.33%;}
.s_pro .cont .s_prolist .imglist li a{margin-top:23px; margin-right:23px; border:1px solid #e6e6e6; position:relative; overflow:visible;padding-bottom:10%;}
.s_pro .cont .s_prolist .imglist li a .img{width:100%; overflow:hidden;}
.s_pro .cont .s_prolist .imglist li a .img img{transition:all 2s; -webkit-transition:all 2s;}
.s_pro .cont .s_prolist .imglist li a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.s_pro .cont .s_prolist .imglist li a .txt{width:100%; color:#999; text-align:center;line-height:30px;}
.s_pro .cont .s_prolist .imglist li a span{display:block; color:#333; font-size:16px; }

.s_pro .cont .s_prolist .imglist li a .h_cont{width:105%; height:105%;background:#ee7700;left:50%;top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);position:absolute; transition:all 0.4s; -webkit-transition:all 0.4s; z-index:10; opacity:0;}
.s_pro .cont .s_prolist .imglist li a .h_cont .info{width:90%; height:90%; left:50%;top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);position:absolute; border:0.5px solid #FFF;transition:all 1s 0.5s; -webkit-transition:all 1s 0.5s;}
.s_pro .cont .s_prolist .imglist li a .h_cont .info .txt{width:85%; left:50%;top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);position:absolute; }
.s_pro .cont .s_prolist .imglist li a .h_cont .info .txt h2{color:#FFF;  position:relative; font-size:16px; }
.s_pro .cont .s_prolist .imglist li a .h_cont .info .txt h2:before{width:20px;position:absolute; content:""; height:0.5px; background:#FFF; left:50%; top:-25px;margin-left:-10px;}
.s_pro .cont .s_prolist .imglist li a .h_cont .info .txt h3{color:#FFF; line-height:23px; margin-top:20px;}
.s_pro .cont .s_prolist .imglist li a .h_cont .info .txt .h_more{width:107px; height:30px; background:#FFF; color:#ee7700; text-align:center; margin:0px auto; margin-top:50px; text-transform:uppercase; line-height:30px;}
.s_pro .cont .s_prolist .imglist li a:hover .h_cont{opacity:1;}

@media screen and (max-width: 1230px){
.s_pro .cont .s_prolist{width:70%;}
}

@media screen and (max-width: 991px){
.s_pro{padding:60px 0px 90px 0px;}
.s_pro .s_title{font-size:24px;}
.s_pro .cont{margin-top:50px;}
.s_pro .cont .s_navlist{width:35%;}
.s_pro .cont .s_prolist{width:62%;}
.s_pro .cont .s_prolist .imglist{margin-top:-15px; margin-right:-15px;}
.s_pro .cont .s_prolist .imglist li{width:50%;}
.s_pro .cont .s_prolist .imglist li a{margin-top:15px; margin-right:15px;}
.s_pro .cont .s_prolist .imglist li a .h_cont .info .txt h2:before{top:-10px;}
.s_pro .cont .s_prolist .imglist li a .h_cont .info .txt h3{margin-top:10px;}
.s_pro .cont .s_prolist .imglist li a .h_cont .info .txt .h_more{margin-top:30px;}
}

@media screen and (max-width: 768px){
.s_pro .cont .s_navlist{width:100%;}
.s_pro .cont .s_prolist{width:100%; margin-top:20px;}
}

@media screen and (max-width: 640px){
.s_pro{padding:30px 0px 60px 0px;}
.s_pro .cont{margin-top:30px;}
.s_pro .s_title{font-size:20px;}
}

@media screen and (max-width: 480px){
.s_pro{padding:30px 0px 40px 0px;}
.s_pro .s_title{font-size:18px; padding-bottom:5px;}
.s_pro .cont .s_prolist .imglist li a .h_cont .info .txt h3{display:none;}
.s_pro .cont .s_prolist .imglist li a .h_cont .info .txt .h_more{width:80px;}
.s_pro .cont .s_prolist .imglist li a .txt{font-size:12px;}
.s_pro .cont .s_prolist .imglist li a .txt span{font-size:14px;}
.s_pro .cont .s_prolist .imglist li a .h_cont .info .txt h2{font-size:14px;}
}

.s_prodetail{padding:100px 0px 130px 0px;}
.s_prodetail .part1{margin-bottom:60px;overflow:hidden;}
.s_prodetail .part1 .cont{float:left;}
.s_prodetail .part1 .cont h2{font-size:30px; padding:30px 0px; line-height:40px; border-bottom:1px dashed #dcdcdc;}
.s_prodetail .part1 .cont .info{line-height:30px; color:#666666;padding:30px 0px; font-size:16px;}

.s_prodetail .part1 .slidepic{width:520px; float:right;}
.s_prodetail .part1 .pro_down{width:100%;}
.s_prodetail .part1 .pro_down a{display:inline-block; width:140px; height:40px; line-height:40px; border:1px solid #cccccc;border-radius:20px; background:url(../images/ico17.png) 20px center no-repeat;color:#666; margin-right:28px; transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_prodetail .part1 .pro_down a:hover{border:1px solid #ff7c00; color:#ff7c00; background:url(../images/ico18.png) 20px center no-repeat;}
.s_prodetail .part1 .pro_down a span{margin-left:60px;}

.s_prodetail .part2{background:#f6f6f6;}
.s_prodetail .part2 .cont{margin:0px 37px; padding:37px 0px;line-height:30px;font-size:16px;}
.s_prodetail .part2 .cont h2{font-size:26px; color:#333;}
.s_prodetail .part2 .cont ul{margin-top:28px;}
.s_prodetail .part2 .cont ul li{line-height:30px; position:relative; font-size:16px; color:#666;padding-left:28px;}
.s_prodetail .part2 .cont ul li:before{width:3px; height:3px;background:#666; border-radius:50%; left:0px; top:13px; position:absolute; content:"";}

.s_prodetail .part3{margin-top:95px;}
.s_prodetail .part3 h2{font-size:26px; color:#333;}
.relapro{margin-top:40px;}

.relapro .imglist{margin-top:-23px; margin-right:-23px; overflow:visible; margin-bottom:75px;}
.relapro .imglist li{width:25%;}
.relapro .imglist li a{margin-top:23px; margin-right:23px; border:1px solid #e6e6e6; position:relative; overflow:visible;padding-bottom:10%;}
.relapro .imglist li a .img{width:100%; overflow:hidden;}
.relapro .imglist li a .img img{transition:all 2s; -webkit-transition:all 2s;}
.relapro .imglist li a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.relapro .imglist li a .txt{width:100%; color:#999; text-align:center;line-height:30px;}
.relapro .imglist li a span{display:block; color:#333; font-size:16px; }

.relapro .imglist li a .h_cont{width:105%; height:105%;background:#ee7700;left:50%;top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);position:absolute; transition:all 0.4s; -webkit-transition:all 0.4s; z-index:10; opacity:0;}
.relapro .imglist li a .h_cont .info{width:90%; height:90%; left:50%;top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);position:absolute; border:0.5px solid #FFF;transition:all 1s 0.5s; -webkit-transition:all 1s 0.5s;}
.relapro .imglist li a .h_cont .info .txt{width:85%; left:50%;top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);position:absolute; }
.relapro .imglist li a .h_cont .info .txt h2{color:#FFF;  position:relative; font-size:16px; }
.relapro .imglist li a .h_cont .info .txt h2:before{width:20px;position:absolute; content:""; height:0.5px; background:#FFF; left:50%; top:-25px;margin-left:-10px;}
.relapro .imglist li a .h_cont .info .txt h3{color:#FFF; line-height:23px; margin-top:20px;}
.relapro .imglist li a .h_cont .info .txt .h_more{width:107px; height:30px; background:#FFF; color:#ee7700; text-align:center; margin:0px auto; margin-top:50px; text-transform:uppercase; line-height:30px;}
.relapro .imglist li a:hover .h_cont{opacity:1;}

@media screen and (max-width: 1200px){
.s_prodetail .part1 .cont{width:45%;}  
.s_prodetail .part1 .slidepic{width:46%;}
}

@media screen and (max-width: 991px){
.s_prodetail{padding:70px 0px 100px 0px;}
.s_prodetail .part1{margin-bottom:40px;}
.s_prodetail .part1 .cont{width:50%;}  
.s_prodetail .part1 .slidepic{width:45%;}
.s_prodetail .part1 .cont h2{font-size:20px;padding:15px 0px;}
.s_prodetail .part2 .cont h2{font-size:20px;}  
.s_prodetail .part2 .cont ul li{padding-left:15px;}
.s_prodetail .part3 h2{font-size:20px;}
.s_prodetail .part2 .cont{margin:0px 27px; padding:27px 0px;}
.s_prodetail .part3{margin-top:65px;}

.relapro .imglist{margin-top:-15px; margin-right:-15px;}
.relapro .imglist li{width:50%;}
.relapro .imglist li a{margin-top:15px; margin-right:15px;}
.relapro .imglist li a .h_cont .info .txt h2:before{top:-10px;}
.relapro .imglist li a .h_cont .info .txt h3{margin-top:10px;}
.relapro .imglist li a .h_cont .info .txt .h_more{margin-top:30px;}
}

@media screen and (max-width: 768px){
.s_prodetail .part1 .cont{width:100%;}  
.s_prodetail .part1 .slidepic{width:100%; }  

}

@media screen and (max-width: 640px){
.s_prodetail{padding:40px 0px 70px 0px;}
.s_prodetail .part1{margin-bottom:30px;}
.s_prodetail .part1 .cont h2{font-size:16px;}
.s_prodetail .part2 .cont{font-size:14px; line-height:25px;}
.s_prodetail .part2 .cont h2{font-size:16px;}  
.s_prodetail .part3 h2{font-size:16px;}
.s_prodetail .part1 .cont .info{font-size:14px; padding:15px 0px;}
.s_prodetail .part1 .pro_down{margin-top:15px;}
.s_prodetail .part1 .pro_down a{width:120px;background:url(../images/ico17.png) 10px center no-repeat;}
.s_prodetail .part1 .pro_down a:hover{background:url(../images/ico18.png) 10px center no-repeat;}
.s_prodetail .part1 .pro_down a span{margin-left:45px;}
.s_prodetail .part2 .cont{margin:0px 17px; padding:17px 0px;}
.s_prodetail .part2 .cont ul{margin-top:14px;}
.s_prodetail .part2 .cont ul li{font-size:14px;padding-left:15px;}
.s_prodetail .part3{margin-top:35px;}
.relapro{margin-top:30px;}
.relapro .imglist{margin-bottom:45px;}
}

@media screen and (max-width: 480px){
.s_prodetail{padding:0px 0px 40px 0px;}
.s_prodetail .part1 .cont h2{padding:10px 0px;}  
.s_prodetail .part2 .cont ul li{padding-left:10px;}
.relapro .imglist{margin-bottom:15px;}
.relapro .imglist li a .h_cont .info .txt h3{display:none;}
.relapro .imglist li a .h_cont .info .txt .h_more{width:80px;}
.relapro .imglist li a .txt{font-size:12px;}
.relapro .imglist li a .txt span{font-size:14px;}
.relapro .imglist li a .h_cont .info .txt h2{font-size:14px;}
}


.view .swiper-container {width: 100%; overflow:hidden;}

.preview {width: 100%;position: relative; margin-top:-30px; }
.preview .swiper-container {width: 435px;height: 77px;margin:0px auto;}

.preview .swiper-slide {
  width:87px;
  height: 77px;
  cursor:pointer;
  
  
}
.preview .swiper-slide .img{width:75px;overflow:hidden;position:relative;margin:0px auto; border:1px solid #ccc;box-sizing: border-box;}
.preview .swiper-slide img{width:100%;}
.preview .slide6 {
  width: 75px;
}

.preview .arrow-left {
  background: url(../../images/ico104.png) center center no-repeat;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -15px;
  width: 20px;
  height: 30px;
  z-index: 10;
}

.newstit span{display:inline !important}
.newstit span{display:inline !important}
.preview .arrow-left:hover{background: url(../../images/h_ico104.png) center center no-repeat;}

.preview .arrow-right {
  background: url(../../images/ico105.png) no-repeat center center ;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -15px;
  width: 20px;
  height: 30px;
  z-index: 10;
}

.preview .arrow-right:hover{background: url(../../images/h_ico105.png) no-repeat center center ;}
.preview .active-nav .img:after{position:absolute;content:""; width:16px; height:6px; background:url(../images/ico19.png) center center no-repeat; left:50%; margin-left:-8px; margin-top:-4px;}
.preview .active-nav .img {border:1px solid #ff7c00;}

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

.preview .arrow-left{left:5%; }
.preview .arrow-right{right:5%; }
.preview .swiper-container{width:80%; height:auto;margin-left:10%;}
.preview .swiper-slide {width:25%; height:auto;}

}

@media  screen and (max-width:991px){
.preview .swiper-slide {width:33.33%; }  
}

@media  screen and (max-width:768px){
.preview .swiper-slide {width:20%; }  
}

@media  screen and (max-width:640px){
.preview{padding:20px 0px;}
.preview .arrow-left{left:3%; width:5%;}
.preview .arrow-right{right:3%; width:5%;}
.preview .swiper-slide {width:25%;}

}

@media  screen and (max-width:480px){
.preview .arrow-left{left:5%; width:7%;}
.preview .arrow-right{right:5%; width:7%;}
.preview .swiper-container{width:70%; height:auto;margin-left:16%;}
.preview .swiper-slide {width:33.33%;}
}

@media  screen and (max-width:400px){
.preview .swiper-slide {width:50%;}  
}

.s_sitemap{padding:50px 0px; }
.s_sitemap dl{width:100%; line-height:40px; display:block; overflow:hidden;}
.s_sitemap dl dt{font-size:16px; font-weight:bold; position:relative; color:#ee7700; margin-bottom:15px;}
.s_sitemap dl dt a{color:#ee7700;}
.s_sitemap dl dt:after{content:"";position:absolute;left:0px; bottom:0px; width:30px; height:1px; background:#ee7700;}
.s_sitemap dl dd{font-size:16px; float:left; margin-right:15px; }

@media  screen and (max-width:640px){
.s_sitemap{padding:30px 0px; }
}


.s_search{padding:80px 0px 102px 0px;}
.s_search li{width:100%;}
.s_search li a{display:block;padding:28px 0px; overflow:hidden; position:relative; border-bottom:1px solid #eee;}
.s_search li a .txt{width:100%;  }
.s_search li a .txt span{display:block; color:#333; font-size:16px; line-height:30px;}
.s_search li a:hover .txt span{color:#ee7700;}
.s_search li a .txt em{font-style:normal; font-size:14px; display:block; color:#333; line-height:25px;}
.s_search li a .txt p{margin-top:10px; line-height:30px; color:#666;}
.s_search li a .txt .more{width:110px; height:30px; border:1px solid #eee; margin:20px 0px 0px 0px;  text-align:left; line-height:30px; background:url(../images/ico6.png) 80px center no-repeat;}
.s_search li a:hover .txt .more{border:1px solid #ee7700; background:url(../images/h_ico6.png) #ee7700 80px center no-repeat; transition:all 0.3s; -webkit-transition:all 0.3s;}
.s_search li a .txt .more span{margin-left:30px;color:#999; font-size:12px;}
.s_search li a:hover .txt .more span{color:#FFF;}


@media screen and (max-width: 991px){
  .s_search{padding:50px 0px 72px 0px;}
  .s_search li a .txt span{line-height:25px;}
  .s_search li a .txt p{margin-top:0px;}
}

@media screen and (max-width: 768px){
.s_search li a .txt{position:static; float:right;}  
.s_search li a .txt .more{position:static; margin-top:10px;}
.s_search li a .txt em{margin:5px 0px;}
}

@media screen and (max-width: 640px){
.s_search{padding:30px 0px 52px 0px;}
.s_search li a{padding:20px 0px;}
.s_search li a .txt{width:55%;}  
.s_search li a .img{width:40%;}  
}

@media screen and (max-width: 480px){
.s_search{padding:15px 0px 52px 0px;}
  
}
.h_bottombg{width:100%; height:100vh; background:url(../images/botimg.jpg) center/cover no-repeat;}