@charset "utf-8";
/* CSS Document */
/** 清除内外边距 **/ 
* { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td, /* table elements 表格元素 */ img/* img elements 图片元素 */ { margin: 0; padding: 0; }
/** 设置默认字体 **/ 
body, button, input, select, textarea { font: 12px/1.5 'microsoft yahei', '宋体', tahoma, Srial, helvetica, sans-serif; color:#333; }
body {background-color: #fff;}
form { display:block; }
em { font-style:normal; }
/** 重置列表元素 **/ 
ul, ol, li { list-style: none; }
/** 重置超链接元素 **/ 
a { text-decoration: none; color:#333; }
a:hover { text-decoration:none; color:#1472FF; }
/** 重置图片元素 **/ 
img { border:0px; }
/** 重置表格元素 **/ 
table { border-collapse: collapse; border-spacing: 0; }
.al { float:left; }
.ar { float:right; text-align:right; }
.ac { text-align:center; }
.fl { float:left; }
.fr { float:right; }
.clear, .cb { clear:both; text-indent:-9999px; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: #222; font-weight: normal; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; }
/* Hides from IE-mac \*/
* html .clf { height: 1%; }
.clf, .clearfix { display: block; }
.clf:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* End hide from IE-mac */
.w { width:1200px; margin:0 auto; }
.w100 { width:96%; margin:0 auto;min-width:1200px; }
.mb20 { margin-bottom:20px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mr20 { margin-right:20px; }
.hide { display: none; }
.red { color:#3d91ff!important; }
.rel { position:relative; }
.cover { display: inline-block; height: 100%; }
.ml20{margin-left:20px;}
.mt30{margin-top:30px;}
.pt10 { padding-top:10px; }
/*header*/
.header { width:100%; height:80px;
    position: fixed;
    background:#fff;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
.header .logo { display:block; float:left; margin-top:8px }
.header .logo-white{display:none; float:left; margin-top:8px}
.header .nav { height:100%; margin-left:50px; }
ul.parent li { display:block; float:left; position:relative; padding: 0 30px; line-height:80px; }
ul.parent li a { display:block; font-size:15px; color:#000; font-weight:normal; }
.header ul.parent li:hover a { color:#1472FF; }
.nav .pronav { position:initial; }
.nav .pronav_area { opacity:0; visibility:hidden; position:absolute; width:100%; left:0; background-color: #fff; color:#666; border-radius: 3px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.nav li.pronav:hover .pronav_area { opacity:1; visibility:visible; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.nav .product_nav{padding-bottom:20px;}
.nav .product_nav li { width:25%; padding:0;  }
.nav .product_nav li dl { margin:20px 10px 0; }
.nav .product_nav li dl dt { padding:0 0 10px; }
.nav .product_nav li dl dt h2 { font-size:14px; color:#444; display:inline-block; line-height:22px; height:22px; }
.nav .product_nav li dl dt span { line-height:22px; height:22px; color:#aaa; font-size:12px; font-weight:normal; }
.nav .product_nav li dl dt hr { display:none; margin: 10px 0 0 0; height: 0px; width: 125px; background: #F5F6F8; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 0; border-top: 1px solid #666; }
.nav .product_nav li dl dd { padding: 15px 18px; }
.nav .product_nav li dl dd:hover { background-color:#f4f4f4; }
.nav .product_nav li dl dd i { font-size:16px; width:25px; color:#1472FF; }
.nav .product_nav li dl dd h3 { display:inline-block; color:#333; font-size:16px; }
.nav .product_nav li dl dd h3:hover { color:#1472FF; }
.nav .product_nav li dl dd p { color:#999; font-size:12px; line-height:20px; padding-top:5px; }
.nav .product_nav li dl dd:hover i, .nav .product_nav li dl dd:hover h3, .nav .product_nav li dl dd:hover p { color:1472FF; }
#nav ul.nav-menu { opacity:0; visibility:hidden; position:absolute;    left: 50%;
    top: 80px;
    margin-left: -83px; width: 166px; background-color: #fff; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
#nav ul.nav-menu li { position:relative; color:#333; float:none; background:none; height:40px; line-height:40px; padding:0; _width:100%; _padding:0; }
#nav ul.nav-menu li .add { top:0; left:40px; }
#nav ul.nav-menu li a:link, #nav ul.nav-menu li a:visited, #nav ul.nav-menu li a:hover, #nav ul.nav-menu li a:active { padding:2px 15px 0 15px; display:block; height:40px; line-height:40px; text-align:center; margin:0; color:#333; font-size:14px; }
#nav ul.nav-menu li a:hover { background:#1472FF; color: #fff; }
#nav ul.nav-menu li.nav_t { margin-bottom:4px; padding-top:0; height:36px; line-height:36px; background:url("../images/nav_drop_line.png") no-repeat center bottom; }
#nav ul.nav-menu li.nav_t a:link, #nav ul.nav-menu li.nav_t a:visited, #nav ul.nav-menu li.nav_t a:hover, #nav ul.nav-menu li.nav_t a:active { font-size:14px; height:36px; line-height:34px; font-weight:bold; }
#nav li.actived ul.nav-menu { display:block; }
#nav ul li:hover .nav-menu { opacity:1; visibility:visible; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.topbarbg ul.parent li a { color:#333; text-shadow:0 1px 0 rgba(255, 255, 255, .86); -o-text-shadow:0 1px 0 rgba(255, 255, 255, .86); -ms-text-shadow:0 1px 0 rgba(255, 255, 255, .86); -moz-text-shadow:0 1px 0 rgba(255, 255, 255, .86); -webkit-text-shadow:0 1px 0 rgba(255, 255, 255, .86); }
.header .actions { margin-left: 15px; margin-top:23px; padding: 0 0 0 25px; position: relative; }
.actions .btn { margin-right: 10px; }
.btn-hollow { color: #FFF; background-color: transparent; border-color: #FFF; }
.btn-hollow:hover { color: #FFF; background-color: #aed828; border-color: #aed828; }
.btn-primary { color: #fff; background-color: #1472FF; border-color: #1472FF; }
.btn-primary:hover { color: #fff; background-color: #3d91ff; border-color: #3d91ff; }
.header .telphone { margin: 24px 10px 0 8px; padding: 0px 0px 0px 49px; background: url(../images/telphonepc.png) no-repeat 16px center; }
.header .telphone p { margin: 0; padding: 0; font-size: 12px; line-height: 14px; font-weight: 400; color: #333; }
.header .telphone span { display: block; font-size: 15px; padding: 0; color: #333; line-height: 15px; margin: 3px 0 0; }
/*footer*/
.footer {width:100%;font-size:14px;background:url(../images/footer-bg.png) center 133px no-repeat #fff;}
.footer .box1 { position: relative; overflow: hidden; padding: 0; background-color: #333; color: #fff }
.row-spacing { padding-top: 30px; padding-bottom: 30px }
.footer .waves { position: absolute; height: 100%; }
.footer .contact-banner-box { margin-top: 30px; margin-bottom: 30px; text-align: center; position: relative;
    z-index: 999;}
.footer .contact-banner-box h4 { color:#fff; margin-bottom:20px; }
.numb1_button { letter-spacing: 2px; color: #fff; background: #333; font-weight: 500; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #fff; }
.numb1_button:hover { background: #1472FF; color: #fff; border-color:#1472FF; }
.footer .footer-inner {padding-top: 30px;height:400px;overflow:hidden;}
.footer .footer-inner ul { margin:0; padding:0 }
.footer .footer-inner .super-nav-mobile li { height:30px; line-height:30px; font-size:12px; text-align:center }
.footer .footer-inner .super-nav-mobile li a { text-decoration:none; color:#9ea7b2 }
.footer .footer-inner .super-nav h4 { font-size:16px; color:#fff; margin-top:0; font-weight:400 }
.footer .footer-inner .super-nav ul li { height:30px; line-height:30px }
.footer .footer-inner .super-nav ul li:hover a { color:#fff }
.footer .footer-inner .super-nav ul li a { color:#D8EAFC; text-decoration:none }
.footer .footer-inner .super-nav .super-nav-tab { width: 200px;    float: right;    margin-left: 50px; }
.footer .footer-inner .super-nav .super-nav-tab h4 { height:30px; border-bottom:1px solid #6099f6; margin-bottom:30px; }
.footer .footer-inner .super-nav .super-nav-tab .title { font-size: 14px; color:#fff; margin-bottom:15px; }
.footer .footer-inner .super-nav .super-nav-tab .left-tab { float:left; }
.footer .footer-inner .super-nav .super-nav-tab .right-tab { float:left; margin-right:0 }
.footer .footer-inner .super-nav .super-nav-tab-fitst {width: 90px;}
.footer .footer-inner .super-nav .super-nav-tab-fitst h4 { width:75px }
.footer .footer-inner .super-nav .super-nav-tab-third .left-tab { float:left; margin-right:30px }
.footer .footer-inner .super-nav .super-nav-tab-third .right-tab { float:left; margin-right:0 }
.footer .footer-inner .summary-info { width:280px; float:left }
.footer .footer-inner .summary-desc { font-size:14px; color:#D8EAFC; margin-top:18px }
.footer .footer-inner .summary-list { margin: 15px 0 0; padding:0; list-style-type:none; list-style-positin:none; }
.footer .footer-inner .summary-list li { height:38px; color:#D8EAFC; line-height:38px; cursor:pointer }
.footer .footer-inner .summary-list li a { color: #D8EAFC; text-decoration:none; }
.footer .footer-inner .summary-list li i { font-size: 18px; vertical-align:middle; cursor:pointer; padding-right: 10px; text-align: center; }
.footer .footer-inner .summary-list li .qrcode-outer { height:150px; width:122px; float: left; text-align:center; }
.footer .footer-inner .summary-list li .qrcode-outer .text { text-align:center; font-size:14px; height:32px; line-height:32px; color:#D8EAFC; font-style:normal }
.footer .footer-inner .summary-list li .qrcode-outer img { padding:5px; border-radius:5px; background-color:#fff; }
.footer .footer-inner .summary-list li.qr-codelist { height:auto }
.footer .footer-inner .summary-info .new-logo-outer { display: block; width: 142px; height: 48px; cursor: pointer; background-image: url(../images/logo1.png); background-size: 100%; }
.partner { padding-top: 15px; margin-bottom: 25px; }
.partner a { font-size: 14px; color: #505f79; float: left; margin-right: 20px; line-height: 2; }
.partner a:first-child { margin-left: 0; }
.copyright a { text-decoration: none; color: #505f79; }
.copyright a:hover { text-decoration: none; color: #95a9c1; }
.foot { padding-bottom:40px; }
.foot .foot-span { font-size: 14px; color: #505f79;display: inline-block;}
.foot-charactor li { float: left; color: #657384; margin-right: 5px; }
.foot-charactor li a { color: #505f79; margin-right: 5px; }
.foot-charactor li.active a { color: #95a9c1; }

/*留言*/
.add-msg-form input {
    box-sizing: border-box;
    padding: 0 15px;
    border: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    color: #444;
    width: 100%;
    margin-bottom: 20px;
}

.add-msg-form .cf-column {
    position: relative;
    width: calc(50% - 30px);
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.add-msg-form textarea {
    box-sizing: border-box;
    border: 1px solid #ddd;
    color: #333;
    min-height: 100px;
    padding: 15px;
    color: #444;
    width: 100%;
    margin-bottom: 20px;
}

.add-msg-form .col-md-12 {
    width: calc(100% - 30px);
    position: relative;
}

    .add-msg-form .col-md-12 .code {
        position: absolute;
        right: 15px;
        top: 0;
    }

.add-msg-form .submit-button {
    box-sizing: border-box;
    width: 14%;
    line-height: 40px;
    height: 40px;
    padding: 0px 15px;
    border: 0px;
    color: #fff;
    position: relative;
    background-color: #1472FF;
    cursor: pointer;
    font-size: 14px;
}