@charset "utf-8";
/* CSS Document */
*{
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-decoration: none;
	font-family: "Microsoft YaHei UI";
}
h1,h2,h3,h4,h5,ul,li,p{
	font-family: "Microsoft YaHei UI";}
a[href="http://www.51.la/?19188526"]{position:absolute;opacity:0;}
main{width: 100%;height: auto;margin: 0 auto;}

/*---------------*/
/***首页banner***/
/*---------------*/
#banner {width: 100%;height:300px;padding: 0;margin:80px auto 0 auto;clear: both;float: left; }
/*---------------*/
 /******内容******/
 /*---------------*/
.content-title{margin: 0 auto;height: 60px;width: 100%;}
.xwnr{ padding:0 28px 0 28px;}
.current-box span.curr {color: #000; font-weight:bold;}
.current-box {    max-width: 1200px; margin: 0 auto;padding: 25px 0; border-bottom: 1px solid #bbbbbb; font-size: 16px; position: relative;}
.current-box span { color: rgba(213,62,56,1.00);}


.zpzw{ height:50px; background:#D53E38;}
.zpxx{ border:1px solid #a0a0a0;}
.jc,.zz{ margin:30px auto 0 auto; padding-bottom:30px; border-bottom:1px solid #A0A0A0} 
.bz {margin:30px auto 0px auto; padding-bottom:30px; border-bottom:1px solid #A0A0A0}
.cz{ margin:30px auto 0 auto; padding-bottom:20px; }

/*---------------*/
/******选项卡******/
/*---------------*/	
.tab{ margin-top: 30px;}
.tab .nav-tabs{ border:none;border-bottom: 1px solid #e4e4e4;}
.nav-tabs li a{ padding: 15px 40px; border:1px solid #ededed; border-top: 2px solid #ededed; border-right: 0px none; background: #ffffff; color:#333333; border-radius: 0px; margin-right: 0px;font-weight: bold; transition: all 0.3s ease-in 0s;}
.nav-tabs li a:hover{ border-bottom-color: #ededed;border-right: 0px none; background: #ffffff; color: #d53e38;}
.nav-tabs li a i{ display: inline-block; text-align: center; margin-right:10px;}
.nav-tabs li:last-child{border-right:1px solid #ededed;}
.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover{border-top: 3px solid #d53e38;border-right: 1px solid #d3d3d3;margin-top: -15px;color: #444; padding: 22px 40px;}
/*.tab .tab-content{padding: 20px;line-height: 22px; box-shadow:0px 1px 0px #808080;}*/
.tab .tab-content h3{margin-top: 0;}



/*---------------*/
/******页脚******/
/*---------------*/	
footer{ float:left; background-color:#313131; width:100%; height:auto; }
.foot-logo{ background:url(../images/1_47.png) no-repeat; height:50px; width:auto;}
.ewm{ text-align:right;bottom:-30px;}
.copyright{ width:100%;font-size:12px;float:left; text-align:center; align-content:center; color:#FFFFFF; border-top:1px solid #535353;}

/* 大型设备（大台式电脑，1200px 起）*/
@media (min-width:1200px) { 
/*---------------*/
/******导航******/
/*---------------*/
#header{z-index:999;height:80px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
#header .header-in{width: 100%;max-width: 1200px;height: 80px;margin: 0 auto}
#header .header-in #logo{float:left;margin-top:5px;}
#logo img{ width:250px; height:65px;}
#header .header-in nav{padding-top:40px;float:right;line-height:30px}

#jMenu {display:table;margin:0;padding:0}
#jMenu li {display: inline-block;text-align:center;padding:0 0 10px 0;position: relative;}
#jMenu li a {padding: 0 20px 0 20px;position: relative;display:block;color:#7a7a7a;text-transform:uppercase;transition: all 0.5s;font-size:16px;}
#jMenu li a:hover{color:#fd4a55} 
#jMenu li .active{color:#fd4a55}
#jMenu li .car-trial{text-align:center; border:1px solid #ff6562;color:#ff6562;border-radius:15px;padding:0px 15px}
#jMenu li .car-login{text-align:center;background:#ff6562;color:#fff;border-radius:20px;padding:0px 15px; margin-left:20px;}
#jMenu li .car-login:hover{color:#fff}
#jMenu li dl { width:100%;display:none;position:absolute;padding:0;margin:10px 0 0 0;z-index:3;}
#jMenu li dl dd {margin-bottom:3px;background-color: rgba(49,49,49,0.8);display:block;padding:0;}
#jMenu li dl dd a{font-size:16px;display:block;color:#fff;text-align:center;padding:10px 0;}
#jMenu li dl dd a:hover  { color:#FFFFFF; text-decoration: underline;}


#banner {background: url(../images/zp-banner.png) no-repeat center;background-size:cover;}
.content-title h3,.content-title p{display:none; height:0;}
.row{ margin:50px auto 30px auto;}
.zpxx{font-size: 16px;}
.jc { height:60px;}.zz {overflow: hidden}.bz { height:100px;}

.foot-up{width:1200px; height:200px; margin:0 auto; padding:30px 0;}
.foot-logo{margin:0 0 15px 15px;}
.copyright{height:30px;line-height:30px;}
.info p{ color:#FFFFFF;font-size:14px; }
}
@media (min-width:992px) and ( max-width:1199px) { 
/*---------------*/
/******导航******/
/*---------------*/
#header{z-index:999;height:80px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
#header .header-in{width: 100%;max-width: 1200px;height: 80px;margin: 0 auto}
#header .header-in #logo{float:left;margin-top:5px;}
#logo img{ width:250px; height:65px;}
#header .header-in nav{padding-top:40px;float:right;line-height:30px}

#jMenu {display:table;margin:0;padding:0}
#jMenu li {display: inline-block;text-align:center;padding:0 0 10px 0;position: relative;}
#jMenu li a {padding: 0 15px 0 15px;position: relative;display:block;color:#7a7a7a;text-transform:uppercase;transition: all 0.5s;font-size:16px;}
#jMenu li a:hover{color:#fd4a55} 
#jMenu li .active{color:#fd4a55}
#jMenu li .car-trial{text-align:center; border:1px solid #ff6562;color:#ff6562;border-radius:15px;padding:0px 15px}
#jMenu li .car-login{text-align:center;background:#ff6562;color:#fff;border-radius:20px;padding:0px 15px; margin-left:20px;}
#jMenu li .car-login:hover{color:#fff}
#jMenu li dl { width:100%;display:none;position:absolute;padding:0;margin:10px 0 0 0;z-index:3;}
#jMenu li dl dd { margin-bottom:3px;background-color: rgba(49,49,49,0.8);display:block;padding:0;}
#jMenu li dl dd a{font-size:16px;text-decoration:none;display:block;color:#fff;text-align:center; padding:10px 0;}
#jMenu li dl dd a:hover  { color:#FFFFFF; text-decoration: underline;}

#banner {background: url(../images/zp-banner.png) no-repeat center;background-size:cover;}
.row{ margin:50px auto 30px auto;}
.content-title img{display:none; height:0;}
.content-title h3,.content-title p{ align-content:center; text-align:center; color:#333;}
.content-title h3{ margin-bottom:20px;}

    .zpxx{font-size: 16px;}
.jc { height:60px;}.zz { overflow: hidden;}.bz { height:100px;}

.foot-up{max-width:1200px; height:200px; margin:0 auto; padding:30px 0;}
.foot-logo{margin:0 0 15px 15px;}
.copyright{height:30px;line-height:30px;}
.info p{ color:#FFFFFF;font-size:14px; }
}

@media (min-width:768px) and ( max-width:991px)  {
/*---------------*/
/******导航******/
/*---------------*/
#header{height:120px;position:fixed;left:0;right:0;z-index:99;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
#header .header-in{width:auto;height:auto;padding:0;position:relative;}
#header .header-in nav{ width:100%;position:absolute; margin:0 auto; top:70px;left:0;right:0;background:#fff;text-align:center;padding:0; border-top:#eee 1px solid;}
#header .header-in #logo{ width:100%;float:left; margin:10px auto 0 auto; align-content:center; text-align:center;}
#header .header-in #logo img{width:190px;}
#header .header-in nav ul li:nth-of-type(5){display:none}

#jMenu{ width:500px;display:table;margin: 0 auto;line-height:50px;padding:0}
/* #header .header-in nav ul{ width:600px; margin:0 auto;}*/
#jMenu li { width:100px;display: inline-block;text-align:center;position: relative;}
#jMenu li a {padding: 0 15px 0 15px;position: relative;display:block;color:#7a7a7a;text-transform:uppercase;transition: all 0.5s;font-size:14px;}
#jMenu li a:hover{color:#fd4a55} 
#jMenu li .active{color:#fd4a55}
#jMenu li .car-trial{text-align:center; border:1px solid #ff6562;color:#ff6562;border-radius:15px;padding:0px 15px}
#jMenu li .car-login{text-align:center;background:#ff6562;color:#fff;border-radius:20px;padding:0px 15px; margin-left:20px;}
#jMenu li .car-login:hover{color:#fff}
#jMenu li dl { width:100%;display:none;position:absolute;padding:0;margin:0 0 0 0; line-height: normal;z-index:3;}
#jMenu li dl dd { margin-bottom:3px;background-color: rgba(49,49,49,0.8);display:block;padding:0;}
#jMenu li dl dd a{font-size:14px;text-decoration:none;display:block;color:#fff;text-align:center; padding:10px 0;}
#jMenu li dl dd a:hover  { color:#FFFFFF; text-decoration: underline;}

#banner{ margin-top:120px;}
#banner {background: url(../images/zp-banner-1.png) no-repeat center;background-size:cover;}
.row{ margin:30px auto 20px auto;}
.content-title img{display:none; height:0;}
.content-title h3,.content-title p{ align-content:center; text-align:center; color:#333;}
.content-title h3{ margin-bottom:20px;}

.jc { height:110px;}.zz { overflow: hidden;}.bz { height:120px;}
/*.nav-tabs li{ width:100%; margin-bottom: 10px;}
.nav-tabs li a{padding: 15px;}
.nav-tabs li.active a,.nav-tabs li.active a:focus, .nav-tabs li.active a:hover{padding: 15px;margin-top: 0;}
*/
.foot-up{max-width:991px; height:200px; margin:0 auto; padding:30px 0;}
.ewm{ display:none;}
.foot-logo{margin:0 0 15px 15px;}
.copyright{height:30px;line-height:30px;}
.info p{ color:#FFFFFF;font-size:14px; }
}

@media screen and ( max-width:767px){ 
/*---------------*/
/******导航******/
/*---------------*/
#header{height:120px;position:fixed;left:0;right:0;z-index:99;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.2);}
#header .header-in{width:auto;height:auto;padding:0;position:relative;}
#header .header-in nav{ width:100%; padding-top:15px;position:absolute; margin:0 auto; top:70px;left:0;right:0;background:#fff;text-align:center; border-top:#eee 1px solid;}
#header .header-in nav ul li span{ display:none; visibility:hidden }
#header .header-in #logo{ width:100%;float:left; margin:10px auto 0 auto; align-content:center; text-align:center;}
#header .header-in #logo img{width:190px;}
#header .header-in nav ul li:nth-of-type(5){display:none}

#jMenu{ width:300px;display:table;margin: 0 auto;line-height:20px;padding:0}
/* #header .header-in nav ul{ width:600px; margin:0 auto;}*/
#jMenu li { width:60px; display: inline-block;text-align:center;margin:0 auto;position: relative;}
#jMenu li a {padding: 0 15px 0 15px;position: relative;display:block;color:#7a7a7a;text-transform:uppercase;transition: all 0.5s;font-size:14px;}
#jMenu li a:hover{color:#fd4a55} 
#jMenu li .active{color:#fd4a55}
#jMenu li .car-trial{text-align:center; border:1px solid #ff6562;color:#ff6562;border-radius:15px;padding:0px 15px}
#jMenu li .car-login{text-align:center;background:#ff6562;color:#fff;border-radius:20px;padding:0px 15px; margin-left:20px;}
#jMenu li .car-login:hover{color:#fff}
#jMenu li dl {width:100%;display:none;position:absolute;padding:0;margin:15px 0 0 0; line-height: normal;z-index:3;}
#jMenu li dl dd { margin-bottom:3px;background-color: rgba(49,49,49,0.8);display:block;padding:0;}
#jMenu li dl dd a{font-size:14px;text-decoration:none;display:block;color:#fff;text-align:center; padding:5px 0;}
#jMenu li dl dd a:hover  { color:#FFFFFF; text-decoration: underline;}

#banner{ margin-top:120px;}
#banner {background: url(../images/zp-banner-xs.png) no-repeat center;background-size:cover;}
.row{ margin:20px auto 10px auto;}
.content-title img{display:none; height:0;}
.content-title h3{font-size: 20px; margin-bottom:20px;font-weight:bold;}
.content-title h3,.content-title p{ align-content:center; text-align:center; color:#333;}
.content-title h3{ margin-bottom:20px;}

.gsjj{ margin-bottom:30px;}

.jc { height:100px;}.zz {overflow: hidden;}.bz { height:220px;}
      .nav-tabs li{ width:100%; margin-bottom: 10px;} 
	.nav-tabs li a{ padding: 15px;}
    .nav-tabs li.active a,
    .nav-tabs li.active a:focus,
    .nav-tabs li.active a:hover{ padding: 15px; margin-top: 0; }
  
  
.foot-up{max-width:991px; height:200px; padding:30px 0;}
.ewm{ display:none;}
.foot-logo{margin:0 0 15px 15px;}
.copyright{height:60px; padding-top:10px;line-height:20px;}
.info p{ color:#FFFFFF;font-size:12px; }
}
/**
返回顶部
*/

.material-scrolltop {
	z-index:999;display: block;
    position: fixed;
    width:0;
    height:0x;
    bottom: 15%;
    right:0;
    padding: 0;
    overflow: hidden;
    outline: none;
    border: none;
    cursor: hand;
    background: #d53e38;
	color:#ffffff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
}

.material-scrolltop:hover {
    background-color: #333;
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
}

.material-scrolltop::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    width: 0;
    background: #d53e38;
}

.material-scrolltop:active::before {
    width: 100%;
    padding-top: 100%;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.material-scrolltop.reveal {
    width: 40px;
    height: 40px;
}

.material-scrolltop span {
    display: block;
    font-size: 25px;
    color: #fff;
}

.material-scrolltop,
.material-scrolltop::before {
    background-image: url(icons/top-arrow.svg);
    background-position: center 50%;
    background-repeat: no-repeat;
}
/*# sourceMappingURL=material-scrolltop.css.map */