﻿


/*@font-face {font-family:'DIN';src:url('img/DIN.ttf') format('truetype');font-weight:normal;font-style:normal;}*/



.head_top {width:100%;height:54px;background-color:#fff; position:fixed; top:0;left:0;z-index:9999; -webkit-box-shadow:0 3px 15px rgba(0,0,0,0.1);
box-shadow:0 3px 15px rgba(0,0,0,0.1);
-webkit-transform:translate3d(0, -2px, 0);
transform:translate3d(0, -2px, 0)}

/*sw----9-11*/
.head_top .logo{ height:100%; width: auto; margin:0; }

.head_top h4{ font-size: 14px; color: #666; line-height: 22px; padding-top: 30px; margin-left: 15px; }
.nav li>a{ font-size: 16px; color: #333; padding: 0 20px; }
.nav li{float: left;}
.head_top h2 p{transition: 0.3s; font-size: 16px; color: #333; padding-left: 29px; background: url(img/tel.png) no-repeat left center;}
.head_top h2{ padding-left: 27px; padding-right: 18px; margin-left: 20px; background: url(img/top_xian2.jpg) no-repeat left center; }
.zhezhao{ display: block; position: absolute; top: 0; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 999; }
.head_top h2:hover p{ background: url(img/tel_on.png) no-repeat left center; color: #e60012; }
.head_top .wrap{ overflow: inherit; position: inherit;}
.head_top p .wx {
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 16px; height: 14px;
    background: url(img/top_xian2.jpg) no-repeat right center;
    padding: 0 15px;
}
.head_top p .weibo {
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 20px; height: 15px;
    background: url(img/top_xian2.jpg) no-repeat right center;
    padding: 0 15px;
}
.head_top p .wx .qr {
    position: absolute;
    left: 50%;
    bottom: -127px;
    width: 105px;
    height: 105px;
    margin-left: -48px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 9999;
}

.head_top p .wx:hover .qr {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.head_top p .wx .icon-wx {
    width: 18px;
    height: 100%;
    background: url(img/weixin.png) no-repeat center;
    vertical-align: top;
}
.head_top p .wx:hover .icon-wx {
    background: url(img/weixin_on.png) no-repeat center;
}
.head_top p .weibo .icon-wx {
    width: 20px;
    height: 100%;
    background: url(img/weibo.png) no-repeat center;
    vertical-align: top;
}
.head_top p .weibo:hover .icon-wx {
    background: url(img/weibo_on.png) no-repeat center;
}
.head_top .fours{ height: 100px; line-height: 100px; background: url(img/top_xian2.jpg) no-repeat left center;}
.head_top .fours img{ -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.1); box-shadow: 0 0px 10px rgba(0,0,0,0.1); }

/*sw---9/11*/
/*.swiper-container{
      width: 90%;
     padding-bottom: 30px;
      
      margin-left: auto;
      margin-right: auto;
}*/

.swiper-container .swiper-slide {
      width: 100%;
      text-align: center;
      background-color: #f6f6f6;
      font-size: 18px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .swiper-container .swiper-slide img{ width: 100%; max-height: 100%; }

    .swiper-container2{
      width: 96%;
     padding-bottom: 30px;
      
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-container2 .swiper-slide {
      width: 100%;
      text-align: center;
      background-color: #f6f6f6;
      font-size: 18px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .swiper-container2 .swiper-slide img{ max-width: 100%; max-height: 100%; }




.more{ display:inline-block; transition: 0.6s; border-bottom:1px solid #c1c1c1; position:relative; margin: 10px 0 10px 15px; font-size: 16px; }
.more:hover{ color: #e60012; }
.more:before{ content:""; width:100%; height:1px; background:#e60012; position:absolute; left:0; bottom:-1px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.more a,.more span{ position:relative; display:block; padding-right:48px; padding-bottom:18px; color:#666; line-height:1; font-size:16px; background:url(img/arrow5.png) 68px top no-repeat; transition:320ms;}
.more:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.more:hover a,.more:hover span{ color:#e60012; background:url(img/arrow6.png) right top no-repeat;}


.sj_img{ width: 100%; }
.list-wrap{display: block; width: 100%; height: 100%; position: relative; transition: all 0.3s ease 0.1s; }   
.list-wrap .up-graybox{ width: 100%; height: 100%; opacity: 0; transition: all 0.4s ease 0s; position: absolute; top: 0; left: 0; }
.list-wrap:hover .up-graybox{ opacity: 1; }


.case_ul{ clear: both; width: 100%; text-align: left; }
.list_case_center .case_ul{ width: 94%; margin: 0 3%; }
.case_div{ width:100%; height: 100px; background:#fff; background-position: 81% 17px;border:1px solid #eee; }
.case_div h5{ overflow: hidden; padding-left: 9%; width:60%;  line-height: 23px; transition: 0.5s; padding-top: 27px; font-size: 16px; color: #444; text-align: left;}
.case_div h5 span{ font-size: 12px; color: #999; display: block; max-height: 22px; overflow: hidden;}
.jiantou{ width: 19%; height: 100px; background: url(img/youjiantou.png) no-repeat center; transition: 0.5s; }
.list_case_center{ background-color: #fff; }

.news_bg{width: 100%; height: 100%; background: rgba(0,0,0,0.6); opacity: 0; position: absolute; top: 0; left: 0; transition: 0.5s;}
.date{ position: relative; width: 100%; height: 40px; line-height: 40px; margin-top: 12px; border-top: 1px solid #e3e3e3; }
.date span{transition: 0.5s; font-size: 14px; color: #999; }
.date .more{ border-bottom: 0; margin-top: 0px; color: #999; }



.footer{width: 100%; padding:15px; padding-top: 50px; margin-bottom: 45px; background-color: #333; overflow: hidden;}
.footer_bottom{ padding-top: 22px; padding-bottom: 15px; border-top: 1px solid #494949; font-size: 15px; color: #999; }
.footer_bottom p{ line-height: 25px; }
.footer_bottom a{ padding-left: 10px; font-size: 15px; color: #999; }
.footer_bottom a:hover{ color: #e60012; }
.footer_top{ padding-bottom: 30px; }
.foot_right p{ font-size: 16px; color: #999; padding-bottom: 5px; line-height: 1;}
.foot_right h4{ font-size: 22px; line-height: 30px; color: #fff; padding-bottom: 10px; font-family: 'arial'; }
.foot_erweima img{ max-width: 92px; }
.zxbtn{display: block; height: 32px; width: 116px; line-height: 30px; border-radius: 5px; border: 1px solid #e60012; font-size: 15px; color: #fff;background:#e60012; text-align: center;}
.foot_n{ font-size: 15px; color: #999; }
#head-back {cursor: pointer;  position: fixed; right: 15px; bottom: 55px; z-index:99;display:none;width:30px;height:30px;
line-height:32px;border-radius:50%;background:rgba(0,0,0,0.5); color: #999;text-align: center; }


.list_case{ background-color: #f5f5f5; width: 100%; }
.grzx_list_case_top{ position: relative; height: 640px; }

.location_center{ position: relative; }
.location{ height: 60px; line-height: 60px; margin-top: 52px; width: 100%;  position: relative;}
.location_center { font-size:14px;color:#999;}
.location_center a:nth-child(2){ padding-left: 26px; }
.shouye{ position: absolute; left: 0; top: 20px;}
.location_center a { font-size:14px;color:#999; display: inline-block;}
.location_center a:hover{ color:#e60012; }
.location_center span{ display: block; float: left; }
.shouye i{ display: block; background: url(img/shouye_ico.png) no-repeat center; width: 15px; height: 20px; margin-right: 10px;opacity: 0.5; }
.shouye:hover i{ background: url(img/shouye_ico_on.png) no-repeat center; opacity: 1;}

.location .fanhui{ display: block; float: right; padding-left: 25px; background: url(img/fanhui_ico.png) no-repeat left center; font-size: 14px; color: #999; }
.location .fanhui:hover {color:#e60012;background: url(img/fanhui_ico_on.png) no-repeat left center;}
.list_case_center_top{  } 
.list_case_center_top h3{ font-size: 22px; color: #333; padding-top: 50px; padding-bottom: 30px; text-align: center; }
.list_case_center_top dl{ margin-top: 62px; text-align: center;}
.list_case_center_top dl dd{ display: inline-block; margin: 0 12px; }
.list_case_center_top dl dd a{ border-bottom: 1px solid #999; padding-bottom: 3px; font-size: 14px; color: #999; }
.list_case_center_top dl dd.on a{ border-bottom: 1px solid #666; color: #666; }
.list_case_center_top dl dd a:hover{ border-bottom: 1px solid #666; color: #666; }


.load_more1{ clear: both; display: block; width: 200px; height: 50px; line-height: 50px; text-align: center; background-color: #333; color: #fff; margin: 0 auto; margin-top: 30px; margin-bottom: 50px; font-size: 14px; transition: 0.5s; position: relative; overflow: hidden;}
/* .load_more1:hover{ color: #fff; background-color: #e60012; } */
.load_more1::before{content: ""; width: 100%; height: 100%; display: block; background-color: #e60012; position: absolute; left: -100%; top: 0; transition: 0.5s;  z-index: -1;}
.load_more1:hover::before{ left: 0; opacity: 1;}
.load_more1:hover{ color: #fff; }


/* 小屏侧边栏导航 */
.menu-handler {width:66px;right:0;top:0px;height:54px;display:none;cursor:pointer;background-color:#000;position:absolute; z-index: 99999;}
.menu-handler span {position:relative;display:block;margin:26px auto 0;width:22px;height:2px;-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;-ms-transition-duration:.3s,.3s;-o-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;-ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s;}
.menu-handler span:after,.menu-handler span:before {content:"";position:absolute;display:inline-block;width:100%;height:2px;left:0;background-color:#fff;-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;-ms-transition-duration:.3s,.3s;-o-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;-ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s}
.menu-handler span:before {top:-6px;-webkit-transition-property:top,transform;-moz-transition-property:top,transform;-ms-transition-property:top,transform;-o-transition-property:top,transform;transition-property:top,transform;}
.menu-handler span:after {bottom:-6px;-webkit-transition-property:bottom,transform;-moz-transition-property:bottom,transform;-ms-transition-property:bottom,transform;-o-transition-property:bottom,transform;transition-property:bottom,transform;}
.menu-handler.active span {background-color:transparent;-webkit-transition-delay:0s,0s;-moz-transition-delay:0s,0s;-ms-transition-delay:0s,0s;-o-transition-delay:0s,0s;transition-delay:0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay:0s,.3s;-moz-transition-delay:0s,.3s;-ms-transition-delay:0s,.3s;-o-transition-delay:0s,.3s;transition-delay:0s,.3s}
.menu-handler.active span:before {top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menu-handler.active span:after {bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.menuBox a:link,.menuBox a:visited {color:#fff;}
.menuBox a:active,.menuBox a:hover {color:#fff;}
.menuBox {background-color:#444;color:#fff;position:fixed;display:none;right:0px;top:0px;height:100%;height:100vh;overflow-x:hidden;overflow-y:auto;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-overflow-scrolling:touch;width:100%;z-index:980;-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94);}
.menuMoblie {padding:80px 0px 100px;}
.menuMoblie .nav-link {display:block;font-size:16px;padding:12px 12%;position:relative;}
.menuMoblie .nav-link.cur {background-color:#333;}
.menuMoblie .subnav {background-color:#666;padding:10px 0px;display:none;}
.menuMoblie .subnav a {position:relative;display:block;padding:12px 12%;line-height:1.4;}
.pusher-black {position:fixed;width:100%;height:100%;left:0px;top:0px;background-color:rgba(0,0,0,0.4);z-index:900;visibility:hidden;filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;-moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;-ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;-o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black {visibility:visible;filter:alpha(enabled=false);/* opacity:1;*/}
.menuOpen .menuBox {-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.pusher {transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;-webkit-transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;}
.menuOpen .pusher {/* transform:translateX(-26%);*/    -webkit-transform:translateX(-26%);/* transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;*/    /* -webkit-transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;*/}


.xmbj_con p{font-family: 微软雅黑!important; font-size: 16px; color: #666; line-height: 25px; }
.khsq_con p{font-family: 微软雅黑!important; font-size: 16px; color: #666; padding-bottom: 15px; line-height: 25px!important; margin: 0!important; }
.xmbj_con p span{font-family: 微软雅黑!important; font-size: 14px!important;}
.khsq_con p span{font-family: 微软雅黑!important; font-size: 14px!important;}


.xmbj{ width: 90%; padding:0 5%;}
.khsq{ width: 90%; padding:0 5%; }
.khsq{ background-color: #f5f5f5; }
.xmbj{ background-color: #fff;  }
.p_b_100{ padding-bottom: 50px; }

.yxsk_one{ margin-bottom: 2%; float: left; width: 94%; background-color: #333; text-align: left; padding: 10px 3%;}
.yxsk_one p{ line-height: 30px; font-size: 14px; line-height: 25px; color: #fff; }

.m_b_20{ margin-bottom: 10px; }


/* 中间定时弹窗 */
.box_m{ z-index: 99999; width:700px; height:400px; background: rgba(255,255,255,1); position:fixed; left:50%; top:50%; margin-top: -200px; margin-left: -350px; display:none;
-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);
box-shadow:0 15px 30px rgba(0,0,0,0.1);
-webkit-transform:translate3d(0, -2px, 0);
transform:translate3d(0, -2px, 0)
}
.kaka{ text-align: center; position: relative; margin: 25px; border: 1px solid #ccc; width: 650px; height: 350px; }
.box_m ul{width:335px; height:223px; position:relative;}
.box_m ul a{ display:block; width:70px; height:22px; position:absolute; top:104px;}
.kaka a{ display: inline-block; width: 210px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #666;  margin: 0 10px; background-color: #fff; }
.kaka a.ywjt{ background-color: #e60012; color: #fff; }
.kaka a.close2{ border: 1px solid #999; color: #999; }
.kaka p{ font-size: 14px; color: #999; padding-top: 30px; }
.kaka h3{ font-size: 30px; color: #333; padding-top: 50px; }
.kaka h4{ font-size: 18px; color: #666; padding-top: 20px; padding-bottom: 30px; line-height: 40px; }


/*底部咨询*/
.menu-footer {position:fixed;bottom:0;left:0;z-index:9999;opacity:.9;
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    -o-transform: translateY(45px);
    transform: translateY(45px);
    transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
}
.menu-footer.on {
  -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.menu-footer {width:145%;height:45px;line-height:45px;text-align:center;background:#353535;font-size:0;}
.menu-footer a {position: relative; float:left;width:33.33%;width:calc(100% / 3);color:#fff;font-size:14px;}
.menu-footer a:hover {color:#fff;}
.menu-footer a ~ a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    height: 10px;
    border-left: 1px solid #a0a0a0;
    opacity: 0.5;
}

/*@font-face {font-family:'iconfont';src:url('img/iconfont.eot');src:url('img/iconfont.eot?#iefix') format('embedded-opentype'),url('img/iconfont.woff') format('woff'), url('img/iconfont.ttf') format('truetype'),url('img/iconfont.svg') format('svg');}*/
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale; display: inline-block;}

.icon-dou {
    -webkit-animation: sh-shake 2s ease infinite;
    animation: sh-shake 2s ease infinite;
}

/*动画——抖动效果*/
@-webkit-keyframes sh-shake {
    0%,
    25%,
    100% {
        -webkit-transform: translateY(0)
    }
    3%,
    9%,
    15% {
        -webkit-transform: translateY(-3px)
    }
    6%,
    12%,
    20% {
        -webkit-transform: translateY(3px)
    }
}

@keyframes sh-shake {
    0%,
    25%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    3%,
    9%,
    15% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    6%,
    12%,
    20% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
}

.tiyan {font-size:18px;color:#fff;display:block;width:183px;height:44px;line-height:44px;text-align:center;background-color:#c78d50;margin-top:35px;}
.tiyan:hover {color:#fff;}
.container {color:#c68d54;font-size:14px;}
.container a {color:#666;font-size:14px;}


/* 留言表单 */
.guest_box {width:100%;margin:0 auto;}
li.error {position:relative;}
.guest_box li {width:540px;line-height:40px;font-size:12px;color:#666;float:left;margin-bottom:10px;}
.guest_box li .input {font-size:12px;border:1px solid #fff;width:510px;height:40px;line-height:40px;padding-left:30px;color:#666;background:#fff;background-color:#eee;}
.guest_box li.error {}
span.error {position:absolute;top:72px;left:0;color:#ff0000;font-size:12px;}
.guest_box li .textarea {font-size:12px;width:510px;height:230px;border:1px solid #fff;padding-left:30px;padding-top:10px;color:#666;line-height:20px;background-color:#eee; font-family: 微软雅黑;}
textarea {overflow:auto;}
.guest_box .submit {width:198px;height:57px;margin:0 auto;margin-top:67px;background:none;display:block;color:#a8673f;font-size:16px;cursor:pointer;transition:0.3s; border: 1px solid #a8673f; font-family: 微软雅黑;}
/* .guest_box .submit:hover {color:#fff;background-color:#a8673f;} */
.zxly .list_title2 {margin-bottom:65px;}
.guest_box2 li {width:386px;margin-bottom:15px;}
.guest_box2 li.error {margin-right:20px;}
.guest_box2 .submit {width:145px;height:40px;}

.biaodan li{ width: 24%;float: left; margin-right: 1%; line-height: 58px; height: 62px; border: 1px solid #dadada; }
.biaodan li.m_r{ margin-right: 0px; }
.biaodan li .input{outline: none; padding-left: 10%; width: 89.4%; line-height: 60px; height: 60px; background-color: #fff;}
.biaodan li.text_error{ width: 99.5%; height: 285px; }
.biaodan li.text_error textarea{outline: none; width: 97.4%; padding-left: 2.4%; padding-top: 20px; height: 263px; background-color: #fff;}

.biaodan_con .submit{ margin: 0 auto; width: 300px; height: 74px; line-height: 74px; text-align: center; background-color: #333; color: #fff; margin: 0 auto; margin-top: 90px; margin-bottom: 105px; font-size: 18px; transition: 0.3s; position: relative; overflow: hidden; border: 0;}


/* 留言弹窗 */.vwrap {display:none;z-index:1040;width:100%;position:fixed;left:0;top:0;}
.vwrap .videobtg {z-index:900;position:fixed;width:100%;height:100%;left:0;top:0;background:#000;opacity:0.7;filter:alpha(opacity=70);overflow:hidden;}
.vwrap .videobox {z-index:990; width:1100px;height:770px;background:#fff url(img/about.png) no-repeat right top; background-size: 14%; position:fixed;left:50%;top:50%;margin-top:-385px;margin-left:-600px;}
.vwrap .videobox #videobox1{width:100%;display:inline-block;height:100%;background:#000;}
#videobox_wrapper {height:100%!important;}
.vwrap .close {z-index:999;width:24px;height:24px;cursor:pointer;position:absolute;top:-38px;right:-40px;}
.vwrap .close i {display:block;width:24px;height:24px;background:url(img/close.png) no-repeat 50% 50%;-webkit-transition:400ms;transition:400ms;}
.vwrap .close:hover i {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}


#videobox_display_button {background:none no-repeat!important;}
.jwplayer .jwicon:hover {opacity:1;filter:alpha(opacity=100);}
.jwlogo,.jwclick {display:none!important;}
#videobox_controlbar {bottom:5%!important;}
.videobox .guest_box li {margin-top:30px;width:48%;margin-bottom:0px;}
.videobox .guest_box li.error {margin-right:36px;}
.videobox .guest_box li .textarea {width:878px;padding-left:20px;}
.videobox .guest_box .submit {margin-top:17px;}
.videobox .guest_box {padding-top:25px;}
/* 鼠标经过图片放大 */.main_pic {overflow:hidden;}
.main_pic img {-webkit-transition:.8s;-o-transition:.8s;transition:.8s;}
.main_pic img:hover {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
/* 飘入动画 */.piao {opacity:0;-ms-transform:translateY(50px);transform:translateY(50px);transition:transform 1s,opacity 1s;}
.visible .piao {transform:none;opacity:1;}



/* 弹窗视频 */
.vwrap2 {display:none;z-index:1040;width:100%;position:fixed;left:0;top:0;}
.vwrap2 .videobtg2 {z-index:900;position:fixed;width:100%;height:100%;left:0;top:0;background:#000;opacity:0.7;filter:alpha(opacity=70);overflow:hidden;}
.vwrap2 .videobox2 {    z-index: 990;
    margin: 0 5%;
    width: 90%;
    background-color: #fff;
    position: fixed;
    left: 0%;
    top: 20%;}
.vwrap2 .videobox2 #videobox2{width:100%;display:inline-block;height:100%;background:#fff;}
#videobox_wrapper {height:100%!important;}
.vwrap2 .close2 {z-index:999;width:24px;height:24px;cursor:pointer;position:absolute;top:-38px;right:0px;}
.vwrap2 .close2 i {display:block;width:24px;height:24px; line-height: 24px; background:url(img/close.png) no-repeat 50% 50%;
  -webkit-transition:400ms;transition:400ms; font-size: 30px; color: #fff; }
.vwrap2 .close2:hover i {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}









#videobox_display_button {background:none no-repeat!important;}
.jwplayer .jwicon:hover {opacity:1;filter:alpha(opacity=100);}
.jwlogo,.jwclick {display:none!important;}
#videobox_controlbar {bottom:5%!important;}
.tc-message2{ padding: 0 3%; padding-top: 0px; padding-bottom: 20px; }
.tc-message2 .guest_box li .input {width: 95%; padding-left: 5%}
.tc-message2 .guest_box2 li{ width: 100%; margin-right: 0px; margin-bottom: 10px;}
.tc-message2 .guest_box2 li.text_error{ width: 100%; }
.tc-message2 .guest_box li .textarea{ width: 95%; padding-left: 5% }
.tc-message2{ padding-top: 20px; }
.tc-message2 .guest_box .submit{ margin-top: 0px; background-color: #d53d3d; color: #fff; border: 0;}
.tc-message2 .guest_box .submit:hover{ background-color: #e60012; color: #fff; border: 0;}
.tc-message2 h3{font-size: 22px;color: #333; padding-bottom: 10px; text-align: center; }


.biaodan_con2{ padding: 0 18px; width: 164px;}
.biaodan_con2 li{ width: 100%; }
.biaodan_con2 li .input{ border: 1px solid #fff; width: 125px; padding-left: 35px; background-color: #fff;}
.biaodan_con2 .submit{ font-size: 16px; margin-bottom: 30px; margin-top: 12px; width: 100%; height: 40px; line-height: 40px; border: 1px solid #fff; color: #fff; background: none; /* background-color: #fff; */}




  
 



.tiyan {font-size:18px;color:#fff;display:block;width:183px;height:44px;line-height:44px;text-align:center;background-color:#c78d50;margin-top:35px;}
.tiyan:hover {color:#fff;}
.container {color:#c68d54;font-size:14px;}
.container a {color:#666;font-size:14px;}


.lanmu2 {width:100%;background-color:#111;}
.lanmu2 a {display:block;padding:0 40px;height:80px;line-height:80px;font-size:16px;color:#aaa;}
.lanmu2 a.on {background-color:#e1aa1d;color:#fff;}
.lanmu2 .fhlb {display:block;width:120px;height:40px;line-height:40px;margin-top:20px;color:#aaa;border:1px solid #aaa;border-radius:25px;padding:0;text-align:center;transition:0.3s;}
.lanmu2 .fhlb:hover {color:#e1aa1d;border:1px solid #e1aa1d;}
.lanmu3 .wrap {width:1200px;}
.lanmu3 li a {padding:0 40px;}
/* 新闻详情页 */

.com_width {width:100%;margin-left:auto;margin-right:auto;}
.position h2 {font-size:24px;color:#e12b1f;padding-top:40px;}

.container {clear:both;}
.news-container {margin-bottom:20px;}
.com_width {width:100%;margin-left:auto;margin-right:auto;}
.mt50 {margin-top:50px;}
.clearfix {zoom:1;}
.news-title h2 {font-size:20px;padding-bottom:15px; color: #333;}


/* 留言表单 */
.guest_box {width:100%;margin:0 auto;}
li.error {position:relative;}
.guest_box li {width:540px;line-height:35px;font-size:12px;color:#666;float:left;margin-bottom:10px;}
.guest_box li .input {font-size:12px;border:1px solid #fff;width:510px;height:40px;line-height:40px;padding-left:30px;color:#666;background:#fff;background-color:#eee;}
.guest_box li.error {}
span.error {position:absolute;top:72px;left:0;color:#ff0000;font-size:12px;}
.guest_box li .textarea {font-size:12px;width:510px;height:100px; font-family: 微软雅黑; border:1px solid #fff;padding-left:30px;padding-top:10px;color:#666;line-height:20px;background-color:#eee;}
textarea {overflow:auto;}
.guest_box .submit {width:198px;height:57px;margin:0 auto;margin-top:67px;background:#e60012;display:block;color:#fff;font-size:12px;cursor:pointer;transition:0.3s; border: 1px solid #e60012; font-family: 微软雅黑;}
.guest_box .submit:hover {color:#fff;background-color:#e60012;}
.zxly .list_title2 {margin-bottom:65px;}
.guest_box2 li {width:386px;margin-bottom:15px;}
.guest_box2 li.error {margin-right:20px;}
.guest_box2 .submit {width:100px;height:30px;}


/* 留言弹窗 */.vwrap {display:none;z-index:1040;width:100%;position:fixed;left:0;top:0;}
.vwrap .videobtg {z-index:900;position:fixed;width:100%;height:100%;left:0;top:0;background:#000;opacity:0.7;filter:alpha(opacity=70);overflow:hidden;}
.vwrap .videobox {z-index:990; margin: 0 5%; width:90%;height:320px;background-color:#fff;position:fixed;left:0%;top:20%;}
.vwrap .videobox #videobox1{width:100%;display:inline-block;height:100%;background:#000;}
#videobox_wrapper {height:100%!important;}
.vwrap .close {z-index:999;width:24px;height:24px;cursor:pointer;position:absolute;top:-38px;right:0px;}
.vwrap .close i {display:block;width:24px;height:24px;background:url(img/close.png) no-repeat 50% 50%;-webkit-transition:400ms;transition:400ms;}
.vwrap .close:hover i {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#videobox_display_button {background:none no-repeat!important;}
.jwplayer .jwicon:hover {opacity:1;filter:alpha(opacity=100);}
.jwlogo,.jwclick {display:none!important;}
#videobox_controlbar {bottom:5%!important;}
.videobox .guest_box li {margin-top:30px;width:48%;margin-bottom:0px;}
.videobox .guest_box li.error {margin-right:36px;}
.videobox .guest_box li .textarea {width:94%;padding-left:5%;}
.videobox .guest_box .submit {margin-top:0px;}
.videobox .guest_box {padding-top:25px;}
/* 鼠标经过图片放大 */.main_pic {overflow:hidden;}
.main_pic img {-webkit-transition:.8s;-o-transition:.8s;transition:.8s;}
.main_pic img:hover {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
/* 飘入动画 */.piao {opacity:0;-ms-transform:translateY(50px);transform:translateY(50px);transition:transform 1s,opacity 1s;}
.visible .piao {transform:none;opacity:1;}


.tebie2 .hd .next{ top: 39%; }
.tebie2 .hd .prev{ top: 39%; }

.biaodan_con li{ border: 0; width: 90%; margin: 0 5%; margin-bottom: 10px; border: 1px solid #ddd; }
.biaodan_con li.m_r{ margin-right: 0; }
.biaodan_con li .input{ font-family: 微软雅黑; border: 0; height: 35px; padding-left: 5%; width: 95%; background-color: #fff;}
.biaodan_con li.text_error{ width: 90%; margin: 0 5%; height: 100px; margin-bottom: 0px; }
.biaodan_con li .textarea{ font-family: 微软雅黑; width: 94.5%; padding-left: 5%; height: 88px; background-color: #fff; }
.biaodan_con .submit { border: 0; width:100px;height:35px; line-height: 35px; margin:0 auto;margin-top:30px;background-color:#e60012;display:block;color:#fff;font-size:12px;cursor:pointer;transition:0.3s; font-family: 微软雅黑;}
.biaodan_con_p{ font-size: 14px; color: #999; padding-top: 20px; padding-left: 5%; }



.ms-bullets.ms-dir-h{ bottom: 0px!important; }
.ms-skin-default .ms-bullet{ width: 8px; height: 8px; }

.banner_dian .swiper-pagination-bullet{ background-color: #fff!important; opacity: 1;}
.banner_dian .swiper-pagination-bullet-active{ background-color: #e60012!important; opacity: 1;}

.banner_dian2 .swiper-pagination-bullet{ background:none!important; border: 1px solid #dadada; opacity: 1;}
.banner_dian2 .swiper-pagination-bullet-active{ background: none!important; border: 1px solid #333; opacity: 1;}
.sj_biaodan li{ height: 35px; line-height: 32px; }
.sj_biaodan li.text_error textarea{ height: 78px; width: 97%; }
.banner_h3_phone h3{padding-left: 5%;}
.lb_new{ width: 90%; padding: 0 5%; }
.lb_new li{ margin-bottom: 5%; background-color: #fff; -webkit-box-shadow:0 0px 10px rgba(0,0,0,0.1);
box-shadow:0 0px 10px rgba(0,0,0,0.1);
-webkit-transform:translate3d(0, -2px, 0);
transform:translate3d(0, -2px, 0)}
.lb_new_con{padding: 0 5%; width: 90%;}
.sj_case .case_div{ background: none; background-color: #fff; border:0; text-align: center;}
.sj_case .case_div .jiantou{ display: none; }

.swiper-container .sj_case .swiper-slide{background-color: #fff;}
.sj_case li .main_pic img{ max-height: none; }

.sj_case .case_div h5{ width: 100%; padding-left: 0; font-size: 22px; text-align: center; }
.sj_case .case_div h5 span{ font-size: 22px; padding-top: 10px; text-align: center; }


/* ipad */
@media(max-width:768px) {

}

/* iphone 6/7/8 plus */
@media(max-width: 414px){

}

/* iphone 6/7/8/x */
@media(max-width: 375px){

}

/* 安卓 */
@media(max-width: 360px){

}

/* iphone 5 */
@media(max-width: 320px){

}
