﻿@charset "utf-8";
* {margin:0px;padding:0px;}
body {color:#000;line-height:160%;background:#fff;font-family:Verdana,Arial,"Microsoft YaHei","微软雅黑";}
ul,ol,dl{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5 { }
img {border:0;vertical-align:middle;}
a:link,a:visited,a:active {color:#3460ac;text-decoration:none;}
a:hover {color:#f30;text-decoration:underline;}
a.a_all {color:#3460ac;text-decoration:none;font-size:1.6rem; display:block; border:0px solid #ddd; background:#fff; margin:20px 20px; line-height:40px; text-align:center;}

/*------PC版-----*/
@media screen and (min-width:768px) {
    .banner{background:url(images/banner.jpg) no-repeat top center; height:766px; margin-bottom:50px;}
    .wrapper { width:1200px; margin:0 auto; clear:both;}
    .qy { padding:635px 0 0} 
    .qy_l { width:270px; height:130px; line-height:130px; float:left; background:#f0f0f0; color:#000; font-size:50px; font-weight:700; text-align:center;}
    .qy p { font-size:14px; padding:20px 30px; line-height:30px; border-bottom:1px solid #bbb; height:90px; float:right; width:870px;}
    .m-box { padding:20px 0; overflow:hidden}
    .bigimg_l { float:left; margin-right:40px;}  .bigimg_r { float:right; margin-left:40px;}
    .text { padding:100px 0 0} 
    .text h2 { font-size:28px; padding:40px 0} 
    .text p { color:#666; font-size:16px; line-height:28px; text-indent:32px; padding-bottom:10px;}
    .more { color:#003ac0; float:right}
    .bg { background:#e9e9e9 url(images/bg_1.jpg) no-repeat; background-position:78% 81px; height:390px; margin:50px 0;}
    .tit {background:url(images/tit_bg.jpg) no-repeat; height:64px; line-height:54px; text-align:center; color:#fff; font-size:30px; width:320px; margin:0 auto 50px; position:relative; top:-20px;}
    .news-list { padding:0 0 0 50px;}
    .news-list li { font-size:18px; margin:15px 0; background:url(images/icon_l.jpg) no-repeat center left; padding-left:20px; } .news-list li a { color:#000;}
    .product { padding:30px 0; overflow:hidden; margin-bottom:50px;}
    .product li { float:left; width:200px; padding:20px; text-align:center;} .product li a { color:#333} .product li img { margin-bottom:10px; width:200px; height:200px;}
    .bg_1 { background:#e9e9e9; padding-bottom:20px;}
    .case-list { margin-bottom:10px; overflow:hidden; width:1208px;}
    .case-list li { width:400px; height:300px; margin:1px; float:left; position:relative;}
    .case-list li p { color:#fff; height:48px; line-height:48px; background:#000; opacity:.8; font-size:16px; position:absolute; left:0; bottom:0; width:400px; text-align:center}
    .footer { width:100%; background:#fff; overflow:hidden; color:#888;padding: 30px 0; border-top:1px solid #dedede; font-size:12px;}
    .footerBox { width:100%;max-width:1000px; margin:0 auto; text-align:center; line-height:160%;}
    .bottomMenu { width:100%; color:#ddd; padding:0 0 30px 0;}
    .bottomMenu a { padding:0 15px; color:#333;}
    .bottomContact { width:100%;padding:0 0 10px 0;}
    .bottomContact span { padding:0 10px;}
    .bottomContact span a { color:#888;}
    .bottomCopyright a { color:#888;}
    .swiper-pagination { position:inherit!important;}
    .swiper-pagination-bullet { margin:0 5px!important;}
}


/*------移动版-----*/
@media screen and (max-width:767px) {
    
    .footer { width:100%; overflow:hidden; color:#888;padding:2rem 0; }
    .footerBox { width:100%; text-align:center; line-height:160%; font-size:1.2rem;}
    .bottomMenu { display:none;}
    /*.bottomMenu a { padding:0 15px; color:#333;}*/
    .bottomContact { width:100%;padding:0 0 20px 0; float:left;}
    .bottomContact span { display:block; float:left; width:100%;}
    .bottomContact span a { color:#888;}
    .bottomCopyright a { color:#888;}
    .commform { display:none;}
}
