@charset "UTF-8";
/**
 * 
 * @authors longwise
 * @date    2016-08-07 10:26:40
 */
*{padding:0;margin:0;}li{list-style:none}a{text-decoration:none;}img{border:none}.clear{clear: both;}
input,textarea{font-family: "微软雅黑",Arial, Helvetica;outline:none;-webkit-appearance: none;appearance:none;}
body {color:#333333;font-size:22px;font-family: '微软雅黑', sans-serif;}
/*********header start*********/
.header{height:100px;width:100%;}
.header_inner{width: 100%;margin:0 auto;height:100px;}
img.logo_header{float: left;vertical-align: middle;margin:23px 0 0 6.25%;}
img.nav_hbg{display: none}
.header .header_inner ul{margin:30px 0 0 0;position:relative;right:50px;}
.header .header_inner ul.nav{float: left;margin-left:7%;}
.header .header_inner ul.m_nav{display: none}
.header .header_inner ul.contect{float: right;position:relative;opacity:1;margin-right:70px;}
.header .header_inner ul li{float: left;width: 122px;height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;margin-left:50px;overflow: hidden;border:2px solid rgba(89,89,89,0);border-radius:20px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
@media screen and (min-width:1100px){
    .header .header_inner ul li:hover{border:2px solid rgba(89,89,89,1);border-radius:20px;}
}
.header .header_inner ul li.active_li{border:2px solid #42bcde ;border-radius:20px;}
.header .header_inner ul li.active_li a{color:#42bcde;}
.header .header_inner ul li a{color:#595959;font-size:12px;text-align:center;line-height:40px;display:block;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.header .header_inner ul li a span{position: relative;}
.header .header_inner ul li.contect_li{border:2px solid #595959;border-radius:20px;position:relative;overflow: visible;z-index:9;}
.contect_board{display: none;}
.contect_imformation_top{width: 174px;height:24px;background: url(../images/contect_imformatiob-bg.png) no-repeat 73px;position:absolute;left:-26px;top:44px;}
.contect_imformation{width: 174px;background:#ffffff;position:absolute;left:-26px;top:68px;padding-bottom:24px;box-shadow:0px 0px 25px rgba(0,0,0,0.1);}
.contect_imformation span{color:#ababab;font-size:10px;padding:30px 0 0 20px;text-align: left;display:block;}
.contect_imformation p{color:#ffffff;font-size:16px;line-height:24px;background:#42bcde;border-radius:8px;padding:10px 15px;margin:8px 12px;}
img.qr_wechat{padding:0 0 0 11px;}
@media screen and (min-width:1100px){
    .header .header_inner ul li.contect_li:hover{border:2px solid #42bcde;border-radius:20px;}
    .header .header_inner ul li.contect_li:hover a{color:#42bcde;}
}
img.hamburger{float:right;vertical-align: middle;margin:40px 6.25% 0 0;cursor:pointer;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
img.hamburger_ver{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.main_banner{width:100%;vertical-align:middle;}
/************main背景色************/
.main{background:#f6f6f6;}

/************brand 轮播************/
.brand_scroll{width:1200px;margin:0 auto;clear: both;}
.swiper-container {margin: 0 auto;overflow: hidden;z-index: 1}
.swiper-wrapper {width: 1200px;height: 100%;margin:0 auto;z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 200px;
    height: 130px;
    position: relative;
    text-align:center;
    line-height:130px;
}
.swiper-slide img{width:45%;vertical-align: middle}
/*********footer start*********/
.footer{width:100%;height:400px;background:-webkit-linear-gradient(15deg,#4d5ba7,#42bcde);background:-moz-linear-gradient(15deg,#4d5ba7,#42bcde);background:-ms-linear-gradient(15deg,#4d5ba7,#42bcde);background:-o-linear-gradient(15deg,#4d5ba7,#42bcde);background:linear-gradient(15deg,#4d5ba7,#42bcde);}
.footer .inner{text-align:center;border-top:1px solid #ffffff;}
.footer .inner a{font-size:14px;width:120px;display: inline-block;color:#ffffff;opacity:1;margin:20px 0 20px 0;transition:all 0.2s;}
@media screen and (min-width:1100px){
    .footer .inner a:hover{opacity:0.7;}
}
.footer .inner p{font-size: 14px;color:#ffffff;}
.footer_inner_top{width:1200px;margin:0 auto;padding:60px 0;}
.footer_inner_top_div{height:180px;float: left;color:#ffffff;}
.footer_inner_top_div:nth-child(1){width:10%;height:112px;text-align:center;vertical-align: middle;padding-top:68px;border-right:1px dotted #ffffff;}
.footer_inner_top_div:nth-child(2){width:20%;padding:0 20px;border-right:1px dotted #ffffff;}
.footer_inner_top_div:nth-child(3){width:20%;padding:0 20px;border-right:1px dotted #ffffff;}
.footer_inner_top_div:nth-child(4){width:20%;padding:0 20px;border-right:1px dotted #ffffff;}
.footer_inner_top_div:nth-child(5){width:10%;padding:20px 0 0 20px;font-size:14px;height:100px;}
.footer_inner_top_div:nth-child(2) h4,.footer_inner_top_div:nth-child(3) h4,.footer_inner_top_div:nth-child(4) h4{line-height:78px;font-weight:normal;letter-spacing: 6px;}
.footer_inner_top_div:nth-child(2) p,.footer_inner_top_div:nth-child(3) p,.footer_inner_top_div:nth-child(4) p{font-size: 16px;line-height: 24px;text-align: justify;}

.mail_btn{width: 98px;height:30px;display:block;border-radius:16px;border:1px solid #ffffff;color:#ffffff;text-align: center;line-height:30px;transition:all 0.4s;position: relative;cursor:pointer;}
@media screen and (min-width:1100px){
    .mail_btn:active,.mail_btn:hover{background:#ffffff;color:#42bcde;}
}
.mail_btn .contect_board{display:none;position:absolute;}
.mail_btn .contect_board .contect_imformation{width:254px;top:0px;left:-72px;background:none;box-shadow: none;}
.mail_btn .contect_board p{width: 200px;margin-top:20px;cursor:text;}
/*map 样式*/
.info-title{font-size:1rem;line-height:2rem;background:#42bcde;color:#fff;padding:0 10px;}
.info-content{font-size:1rem;line-height:2rem;padding:10px;}
/*********响应式***********/
@media screen and (max-width:1600px){
    
    .header_inner{width: 1200px;margin:0 auto;}
    img.logo_header{margin:23px 0 0 0 ;}
    .header .header_inner ul{margin:30px 0 0 0;}
    .header .header_inner ul.nav{margin-left:60px;}
    .header .header_inner ul.contect{margin-right:0px;}
    .header .header_inner ul li{margin-left:20px;}
    img.hamburger{margin:40px 0 0 60px;}
    .panel3 .h3_ch{padding-top:15%;}

}
@media screen and (max-width:750px){
    body{width:1200px;padding-top:70px;}
}
@media screen and (max-width:415px){
    embed{display: none;}
    /*nav*/
    body{width:100%;}
    .header{width:100%;height:70px;position:fixed;top:0;left:0;background:#ffffff;border-bottom:1px solid #999;z-index:999;}
    .header_inner{width:100%;}
    img.logo_header{float: left;vertical-align: middle;margin:15px 0 0 10px;width:120px;}
    img.nav_hbg{display: block;float: right;margin:25px 25px 0 0;width:20px;transition:all 0.4s;-webkit-transition:all 0.4s;}
    img.nav_hbg.close{transform:rotate(90deg);-webkit-transform:rotate(90deg);}
    .header .header_inner ul.nav{float: left;margin:15px 0 0 0;display: none;}
    .header .header_inner ul.contect{display: none;}
    .header .header_inner ul.m_nav{display: none;position:fixed;top:69px;border-top:1px solid #999;left:0;width:100%;background:rgba(255,255,255,1);margin:0;box-shadow:0 2px 8px rgba(0,0,0,0.2);}
    .header .header_inner ul.m_nav li{float: none;margin-left:30px;width:100%;}
    .header .header_inner ul.m_nav li a{text-align:left;width:100%;color:#333;}
    .swiper-slide{padding-top:0px;}
    .brand_scroll{width:100%}
    .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 200px;
    line-height: 80px;
    height:80px;
    position: relative;
    text-align:center;}
    /*footer*/
    .footer{height:80px;}
    .footer .inner a{margin:0;padding:0;display: block;float:left;width:20%;line-height:40px;}
    .footer_inner_top{display: none;}
    .footer .inner p{font-size: 8px;color:#ffffff;}
}