@charset "utf-8";
/* CSS Document */
.header_main{ height: 70px; background: rgba(255, 255, 255, 0.95); box-shadow:0 0 5px rgba(0,0,0,.2)}
.header h1 a{ height:70px;background:url(../images/logo_2.png) no-repeat center;}
.header_main .menu{ margin-top:0}
.header_main .menu ul li span a{color: #333;height:70px;line-height:70px;}
.header_main .menu ul li.on span a{ background:none; color:#e85518}
.header_main .menu ul li span i{ border-color:#ccc}
.header_main .menu ul li.login a{ margin-top:16px; height:36px; line-height:36px;border:1px solid #e85518; background:#e85518; color:#fff}
.header_main .menu ul li ol{ background:rgba(46, 60, 78, 0.95)}
.header_main .menu ol li a{ color:#fff}
.header_main .menu ol li a:hover{ color:#e85518}

.position_bar{ position:relative; width:100%; height:270px; background:url(../images/bg.jpg) no-repeat center; overflow:hidden}
.position_bar:after{ position: absolute; content:""; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/grid.gif) repeat fixed; overflow: hidden;}
.position_bar i{ font-family:"宋体"; padding:0 5px; color:#b2c0cc}
.position_bar .p{ position:absolute; z-index:1; left:50%; bottom:20px; color:#fff; background:rgba(0, 0, 0, 0.2); margin-left:-600px;padding:5px 10px; border-radius:90px}
.position_bar .p a{ color:rgba(255, 255, 255, 0.5)}
.position_bar .p a:hover{ color:#fff}
.baidumap{height:370px;background:#eee url(../images/map.jpg) no-repeat center top;transition: all .3s}
.baidumap:after{ background:rgba(188, 197, 204, 0.2)}
.baidumap .p{ background:#fff; color:#333}
.baidumap .p a{ color:#2196F3}
.baidumap iframe{ position:absolute; left:0; top:-80px; height:600px; -webkit-filter: grayscale(100%); filter: grayscale(100%);transition: all .3s;}
.map_btn{ position:absolute; bottom:0; left:50%; margin-left:-100px; z-index:1; display:block; width:200px; height:50px; background:rgba(0, 0, 0, 0.2);border-radius:6px 6px 0 0;}
.map_btn a{ width:100%; height:100%; display:block; background: url(../images/arrow_d.png) no-repeat center; -webkit-animation:fadeInDown 1s .2s ease infinite;-moz-animation:fadeInDown 1s .2s ease infinite;}
.map_on{ height:600px}
.map_on:after,.map_on .p{ display:none}
.map_on iframe{ top:0; -webkit-filter:none; filter: none;}

.main_banner{ position: relative; width: 100%; height: 280px; margin-top:115px; overflow: hidden;}
.bg_news{ background: url(../images/banner/news.jpg) no-repeat center; }

.main_body{ padding-top: 0 }
.main_box{width: 100%; position: relative; padding-bottom: 50px; background: #fff}
.body_title{ margin:50px auto 0; text-align:center}
.body_title h3{ font-size:24px; font-weight:300}
.body_title em{ font-family: "Microsoft Yahei"; color:#b2c0cc}

.page{ width:1200px; margin: 0 auto; padding:100px 0 150px; height:30px; line-height:30px; overflow:hidden}
.page a{ float:left; margin-right:5px; line-height: 30px; padding:0 12px; background:#f0f1f2; border-radius:3px;}
.page a:hover{ background:#fff; color: #ff6500; text-decoration: none;}
.page a.select{ padding:0 12px; font-weight:700; background:#ff6500; color:#fff; border-radius:3px}

.main_view{ width:100%; background:#fff; overflow:hidden}
.view_left{ width:740px; padding:80px 100px 100px 0; background:#fff; border-right:1px solid #e4e7ed}
.view_right{ width:264px}
.view_title{ padding:0 0 20px; border-bottom:1px dotted #d5d5d8; overflow:hidden}
.view_title h1{ font-weight:300; font-size:30px; font-family:"Microsoft Yahei Light","Microsoft Yahei"}
.view_title li{ float:left; font-size:12px; padding:10px 30px 0 0; color:#b2c0cc}
.view_content{ padding:30px 0; line-height:2em; font-size:16px;text-align: justify;}
.view_content p{ padding:1em 0}
.view_content img{ width:100%; height:100%}
.next_view{ width:100%; margin-top:114px; overflow:hidden}
.next_view li{ float:left; width:50%; padding-top:10px}
.next_view li a{ font-size:16px; display:block; height:50px; line-height:50px; text-align:center; background:#f9fafb; border:1px solid #f9fafb}
.next_view li.next a{ background:#fff}
.next_view li a:hover{ border-color:#e83d18}

.right_newslist{ width: 264px; margin:10px auto; padding:20px 0;}
.right_newslist .news_index{ width: auto }
.upload_btn button{ width:100%; height:50px; color:#fff; background:#c956ff url(../images/code_icon.png) no-repeat 55px center; border:0}

.main_m{ width:100%; }
.main_m .view_left{ width: 100%; padding:0; border:0}
.main_m .view_right{ width: 100%; padding:0; margin-bottom:80px}
.main_m .view_title{ padding:20px; border-bottom:1px dotted #d5d5d8; overflow:hidden}
.main_m .view_title h1{ line-height:36px}
.main_m .upload_btn{ position:fixed; left:0; bottom:0; width:100% }
.view_qrcode img{ width:100%}
.main_m .gong{ margin-bottom:0}
.main_m .gong .upload_btn{ position: static}

.product_view{ width:100%; height:400px; background:#262e41;}
.product_view .main_title{ color:#fff}
.product_box{ width:100%; height:400px; background:#fff; box-shadow:0 0 30px rgba(55,100,207,.2); overflow:hidden}
.product_left{ float:left; width:400px; height:400px; overflow:hidden;transition: all .3s; background:url(../images/ai.jpg) no-repeat center}

.product_right{ position:relative; float:left; width:700px; height:300px; padding:50px; background:#f7f9ff; overflow:hidden;transition: all .3s;}
.product_right h2{ font-size:36px; font-weight:300}
.product_right em{ color:#f60; font-size:46px; font-weight:300}
.product_right em.b{ color:#4b81a3}
.product_right em.c{ color:#e4d3c8}
.product_right dl{ float:left; height:58px; padding:30px 60px 10px 0}
.product_right dl dd{ padding-top:10px}
.product_right span a{ position:absolute; right:50px; bottom:20px; display:block; width:200px; line-height:50px; text-align:center; margin:18px 0; color:#fff; font-size:18px; background:#93abba; border-radius:6px}
.product_right span a:hover{ background:#f80}

.product_main{ width:100%; padding:10px 0 100px; background:#fff; margin:130px auto 0; overflow:hidden}
.product_main span.t1{ display:block; font-size:20px; border-left:3px solid #f40; padding-left:20px; margin:40px 0 20px}
.product_main table{ width:100%; text-align:center; border-collapse: collapse; }
.product_main table th{ background-color: #f7f9ff; border-bottom:1px solid #f5f5f5; font-weight:700; padding: 10px 0;text-align: center; }
.product_main table td{border-bottom: 1px solid #f5f5f5; padding: 10px 0; color:#666}
.product_main table tr td:first-of-type{ padding:10px 0}
.product_main table tr:nth-of-type(even){ background:#}
.product_main table tr:hover{background: #fcfcfc}
.product_main ul{ padding:0 40px}
.product_main ul li{ font-weight:700; font-size:16px; list-style:inherit; color:#333; padding:10px 0}
.product_main ul li p{ font-weight:500; font-size:14px; color:#666}

/* 产品切换 */
.w3cFocus{ width:100%; height: 500px; position:relative; padding:10px 0; }
.w3cFocus .prev,.w3cFocus .next{ position:absolute;  display:block;  left:10px; top:240px; width:46px; height:62px; background:url(../images/focusAdvBg.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;  }
.w3cFocus .next{ left:auto; right:10px; background-position:-46px 0; }
.w3cFocus .prev:hover,.w3cFocus .next:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;  }
.w3cFocusIn{ width:1200px; height:500px; position:relative;  margin:0 auto;  overflow:hidden;  }
/* 关于我们 */
.main_about{ width:1100px; margin:0 auto 40px; background:#fff; padding:50px; font-size:14px; line-height:2em}
.main_about p{ padding:10px 0}
.main_about img{ display:block; margin:0 auto; max-width:100%}
.about_time{ width:1200px; margin:10px auto; height:100px; padding-top:30px; background:#fff; border:1px solid #eee; box-shadow:0 5px 5px rgba(0,0,0,.03)}
.about_time ul li{ float:left; width:300px; text-align:center; padding:0; font-size:18px; background:url(../images/l.gif) repeat-y right}
.about_time ul li:last-child{background:none}
.about_time ul li span{ position:relative; font-size:32px}
.about_time ul li em{ position:absolute; top:2px; right:-14px; font-size:12px}
.about_time ul li p{ font-size:16px}
/* 常见问题 */
.slideTxtBox{ width:1200px; margin:0 auto 50px; font-size:16px;}
.slideTxtBox .hd{ padding:50px 0 10px; height:40px; line-height:40px; position:relative; font-size:12px; border-bottom:1px solid #eee; overflow:hidden}
.slideTxtBox .hd ul{ float:left; padding:11px 10px 0 0}
.slideTxtBox .hd ul li{ float:left; position:relative; display:block; line-height:22px; padding:0 20px; margin:0 5px; border-radius:2px; cursor:pointer;}
.slideTxtBox .hd ul li:before{ position:absolute; right:-5px; content:""; display:block; width:1px; height:100%; background:url(../images/l.gif) no-repeat right center}
.slideTxtBox .hd ul li.on{ background:#FF9800; color:#fff;}
.slideTxtBox .bd{ padding:30px 0}
.sideMenu{ display: none }
.sideMenu h3{ color:#8696a5; font-size:16px; height:50px; line-height:50px; cursor:pointer; border-bottom:1px solid #f2f2f2; font-weight: normal; }
.sideMenu h3 em{ float:left; display:block; width:50px; text-align:right; height:32px; background:url(../images/goods_ico.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on{ background:#f9f9f9; color:#2196F3; font-weight:700; font-size:18px; height:60px; line-height:60px; border:1px solid #eee; margin-top:-1px}
.sideMenu h3.on em{ background-position:16px -28px; font-size:18px}
.sideMenu .text{ padding:20px 50px 50px; display:none; margin-bottom:10px; border:1px solid #eee; border-top:0; box-shadow:0 5px 5px rgba(0,0,0,.03)}
.sideMenu .text i{ color:#f90}
.sideMenu span.mtext{ color:#c00}
.sideMenu span.tk{ color:#23466a; border:1px dashed #b4c5d7; display:block; padding:10px 20px; line-height:24px; background:#e8eff6}
.sideMenu span.tk strong{ color:#f60}
/* 公司荣誉 */
.glories_plist{ position:relative; width:1200px; margin:0 auto 80px; text-align:center; overflow:hidden}
.glories_plist:before,.glories_plist:after{ position:absolute; left:0; top:0; content:""; display:block; width:1px; height:100%; background:#eee}
.glories_plist:after{ width:100%; height:1px}
.glories_plist ul li{ float:left; width:399px; height:300px; padding:50px 100px; border:1px solid #eee; border-left:0; border-top:0;transition: all .3s;}
.glories_plist ul li img{ display:block; margin:0 auto 20px; width:80%}
.glories_plist ul li span{ display:block; font-size:16px}
.glories_plist ul li.on{ background:#f9f9f9}
.guarantee{ width:600px}
.guarantee ul li{ height:auto}
/* 联系我们 */
.contact{ width:1200px; margin:-50px auto 200px; overflow:hidden}
.contact ul li{ float:left; width:300px; font-size:14px; line-height:30px}
.contact ul li.wx{ width:600px}
.contact ul li span, .contact ul li h3{ display:block; font-size:20px; margin:50px 0 20px; font-weight:300}
.contact ul li dl{ float:left; text-align:center; width:100px; padding:10px}
.contact ul li dt img{ width:100%; border:1px solid #ddd}
.contact ul li em{ color:#c00; font-size:18px}

@media screen and (max-width: 767px) {    
    .header_main{ height:40px; background:none; box-shadow:none}
    .header h1 a{ margin-right:10px; width:30px; height:40px; background:url(../images/logo.png) no-repeat left center; background-size:auto 30px;transition:none}
    .header_main .menu ul li span a{color: #fff;height:36px;line-height:36px;}
    .header_main .menu ul li.on span a{ color:#fff}
    .header_main .menu ul li ol{ background:#059cef}

    .header_fixed .menu ul li span a{line-height:36px;height:36px;color:#fff}
    .header_fixed .menu ul li.login{ display:none; position:absolute;right:0; width:80px}
    .header_fixed .menu ul li.login span a{ margin-top:8px; background:#fff; color:#059cef; padding:0 10px; height:20px; line-height:20px; text-align:center}
    .header_fixed .menu ul li.on span a{ background:none; color:#fff}
    .header_fixed .menu ul li ol{ background:#059cef}

    .header_fixed{ background: rgba(255, 255, 255, 0.95);box-shadow:0 0 5px rgba(0,0,0,.2)}
    
    .position_bar:after{display:none}
    .baidumap:after{ display:block;background:rgba(38, 50, 60, 0.4)}
    .map_on{z-index:9999}
    .map_on:after,.map_on .p{ display:none}
    /* 关于我们 */
    .main1{padding-bottom:400px}
    .m1_info{ top:30px;}
    .main_about{ width:auto; margin:0 auto; font-size:12px}
    .about_time{ width:auto; height:80px; border:.5px solid #eee; border-left:0; border-right:0}
    .about_time ul li{ width:25%; font-size:16px}
    .about_time ul li span{ font-size:18px}
    .about_time ul li em{ top:0; right:-8px; font-size:8px}
    .about_time ul li p{ font-size:12px}
    /* 公司荣誉 */
    .glories_plist{ width:auto; margin:0 auto}
    .glories_plist:before,.glories_plist:after{ display:none}
    .glories_plist ul li{ width:100%; height:auto; padding:30px 0; border:0; border-top:.5px solid #eee}
    .glories_plist ul li img{ width:50%}
    .glories_plist ul li span{font-size:12px}
    .guarantee{ width:100%}
    .guarantee ul li{ height:auto}
    /* 常见问题 */
    .slideTxtBox{ width:auto; margin:0 auto; font-size:14px;}
    .slideTxtBox .hd{ height:auto; border:0}
    .slideTxtBox .hd ul{ padding:0 3% 0 2%; width:95%}
    .slideTxtBox .hd ul li{ width:24%; padding:10px 0; margin:1% 0 0 1%; text-align:center; background:#f9f9f9}
    .slideTxtBox .hd ul li:before{ display:none}
    .slideTxtBox .bd{ padding:30px 0}
    .sideMenu{ display: none }
    .sideMenu h3{ font-size:14px; height:40px; line-height:40px; border-bottom:.5px solid #f2f2f2}
    .sideMenu h3 em{ width:40px}
    .sideMenu h3.on{ font-size:16px; height:50px; line-height:50px; border:.5px solid #eee; border-left:0; border-right:0; margin-top:-1px}
    .sideMenu .text{ padding:20px 40px 40px; border:0; border-bottom:.5px solid #eee}
    /* 联系我们 */
    .contact{ width:auto; margin:-50px auto 50px}
    .contact ul li{ float:left; width:94%; padding:0 3%}
    .contact ul li.wx{ width:100%}
    .contact ul li dl{ width:80px; padding:10px 20px 10px 0}

    .page{ width:94%; padding:50px 3%; height:auto; line-height:30px}
    .page a{ margin:5px 5px 0 0; padding:0 12px; border-radius:2px;}
    .page a.select{border-radius:2px}

    .view_left{ width:94%; padding:50px 3%; border:0}
    .view_right{ width:100%}
    .view_title h1{ font-size:22px}
    .view_title li{ font-size:11px}
    .view_content{ padding:30px; font-size:14px}
    .next_view{ margin-top:0}
    .next_view li a{ font-size:14px}
    
    .right_newslist{ width: 100%; margin:0; overflow:hidden}
}
@media screen and (max-width: 413px) {
}
@media screen and (max-width: 321px) {
}