*{ margin:0; padding:0;color: #444;color: #888888;font-family:SourceHanSansCN-Normal,Microsoft YaHei; font-size:14px;  line-height:1;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin:0 ;  overflow-x: hidden;min-width: 1200px;position: relative;width: 100%;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
a{ text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all linear 0.4s; transition: all linear 0.4s;}
.text,textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}
img{border:none;display: block;}
.clear{clear:both}
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix {clear:both; *zoom:1; }.fr,.r{float:right;}.fl,.l{float:left}.fix{*zoom: 1;}


body{font-family:'Microsoft YaHei';max-width:1920px; margin:auto; font-size:14px; width:100%;}
.container{width:1200px;margin:auto; }
.w1000{width:1200px;margin:auto; }
.imghover{-webkit-transition: all linear 1s;transition: all linear 1s;z-index: 10;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.imghover:hover{-webkit-transition: all linear 0.5s;transition: all linear 0.5s;z-index: 10;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.pcshow,.pcbanner{display:block;}
.mobileshow,.mobanner{display:none}


.banner{overflow:hidden}
.banner img{width:100%}

.header{overflow:hidden;  z-index:9999;width:100%; height:80px; padding:10px 0;    }
.header .container{overflow:hidden;}
.header .logo{ float:left; width:380px; }
.header .logo img{max-width:100%;}
.header .nav{float:right;  width:820px; padding-left:150px;}
.header .nav a{display:block; float:left; line-height:50px; padding:0 20px; margin:0 15px; font-size:15px; color:#333;font-weight: bold;}
.header .nav a:hover,.header .nav a.on{background-color:#fff; color:#aa3232}
.footer { background-color: #333333; padding:3% 0 2%; overflow:hidden;}
.footer .f_nav{float:left; margin-right:150px;}
.footer .f_nav b{color:#fff; font-size:16px; line-height:30px; padding-bottom:10px; display:block; font-weight:normal}
.footer .f_nav p,.footer .f_nav a{color:#d0d0d0; font-size:14px; line-height:28px; display:block}
.footer .f_nav p:hover,.footer .f_nav a:hover{color:#fff}
.footer .f_nav.last{float:right; margin-right:0;}
.footer .f_nav.last p{text-align:center;}
.footer .copyright{text-align:center; border-top:1px solid #676767; line-height:30px; margin-top:20px; padding-top:20px;}


/*手机端*/
@media screen and (max-width:1200px) {
    body{max-width:100%; min-width:100%;}
    .container,.w1000{width:100%;margin:auto; }
    .pcshow,.pcbanner{display:none;}
    .mobileshow,.mobanner{display:block}

    .header{padding:8px 3% 5px; height:55px;}
    .header .logo{ float:left; width:auto}
    .header .logo img{; height:30px; margin-top:5px; }
    .header .nav{float:none; z-index:99999;  width:35%; padding:60px 5% 5%; position:fixed; top:0; bottom:0; right:-35%; background-color:#333;-webkit-transition: all linear 0.4s;transition: all linear 0.4s;}
    .header .nav.expend{right:0;}
    .header .nav a{ float:none; width:100%; line-height:50px; padding:0; margin:0; font-size:16px; color:#d0d0d0;}
    .header .nav a:hover,.header .nav a.on{background-color:#333; color:#fff; border-bottom:1px solid #ddd}
    .header .mmenu{position:absolute; right:3%; z-index:99999; top:10px; width:10%; height:35px;}
    .header .mmenu span{display:block; width:80%; height:4px; margin-top:7px; border-radius:5px; background-color:#fff}
    .header .mmenu span:nth-child(2){width:60%;}
    .header .mmenu.on{background:url(/images/close.png) no-repeat center center;}
    .header .mmenu.on span{display:none}
    .footer { padding:5%; position:relative}
    .footer .f_nav{float:none; width:100%; margin-right:0;}
    .footer .f_nav b{ font-weight:bold; font-size:16px; }
    .footer .f_nav.last{ display:none; position:absolute; right:5%; float:none; top:10%; width:28%;}
    .footer .f_nav.last img{float:right; max-width:100%}
    .footer .f_nav.last p{width:100%; text-align:right; float:right}
    .footer .copyright {margin-top: 10px; padding-top: 10px;}
    .footer .copyright P,.footer .copyright a{font-size:12px; text-align:left}
}