@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:350px;padding: 0;margin:80px auto 0 auto;clear: both;float: left;}
.row{ padding:0 14px;}
/*---------------*/
/***flexslider***/
/*---------------*/
.flexslider {width:100%;height:350px;position: relative;overflow:hidden;background: url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:350px;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background: url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

/*---------------*/
 /******内容******/
 /*---------------*/
.col-lg-4{ height:265px; padding:0; }
.content-introduce{width:100%;position: absolute;top: 150px;}
.content-introduce h4{ width:50px; line-height:40px; margin:0 auto; border-bottom:#D53E38 3px solid; text-align:center;}
.content-introduce p{width:auto; margin:20px; line-height:20px;text-align:center;}
.xk{display:block; background:url(../images/xk.png) no-repeat;background-position:50% 30px;}
.sk{display:block; background: url(../images/sk.png) no-repeat;background-position:50% 30px;}
.jk{display:block; background:url(../images/jk.png) no-repeat;background-position:50% 30px;}

 /*功能*/
.function-icon{position: absolute;width: 80px;height: 80px;-moz-border-radius: 180px;-webkit-border-radius: 180px;border-radius: 180px;top: 25px;left: 35%;z-index: 2;}
.function-introduce{ position:absolute; width:auto; height:170px;top:130px; left:0;}
.function-introduce h4{ text-align:center; font-size:16px;}
.function-introduce p{text-align:center;  width:auto; margin:20px 30px; font-size:14px;}
/*---------------*/
/******下载******/
/*---------------*/	
.download{margin:0 auto;width: 100%;height: auto;background-color: #d53e38;}
.download-location{position:relative;width: 650px;margin:0 auto;height: 750px;}
.download-pic{ position:absolute; top:0;}
.trial{z-index:3;left:25%;right:25%;width:auto;height:auto;position:absolute;top:690px;}	
.trial-font{width:360px;height:auto; position:relative; top:0;}
.trial img{ margin:0 25px; float:left;}
#wxImg{width:180px; height:180px;box-shadow:0 0 10px #666;display:none;back-ground:#f00;position:absolute; bottom:70px; left:25%;}
#wxImg img{width:180px; height:180px;}
#wxImg span{display:inline-block;position:absolute;left:-7px;right:0;height:0;width:0;bottom:-8px;content:'';margin:auto;border-width:.6em;border-bottom-width:0;border-left-width:.5em;border-right-width:.5em;border-style:solid dashed dashed dashed;border-color:#fff transparent transparent transparent}
/*---------------*/
/******案例******/
/*---------------*/	
.hidden{ display: none;}
.jq22,.jq23{max-width: 1200px;height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;padding:5px;}
.jq22 ul.list,.jq23 ul.list{overflow: hidden;}
.jq22 ul.list li,.jq23 ul.list li{float: left;overflow: hidden; width:160px; height:auto; margin:10px 10px;}
.jq22 ul.list li img,.jq23 ul.list li img{width: 100%;height: 100%; border-radius:5px;}
.jq22 ul.list p,.jq23 ul.list p{text-align: center;padding: 10px;}
 .more{overflow: hidden;padding:10px;text-align: center; margin-top:30px;}
 .more a{ font-size:16px;display: block;width: 130px; height:35px; line-height:32px;color:#fff;margin:0 auto;background:#D53E38;text-align:center;border-radius:50px;}
.more a:hover{text-decoration: none;background:#ffffff; border:2px solid #D53E38;color: #D53E38;-moz-transition:background-color .5s ease-in;-webkit-transition:background-color .5s ease-in;-o-transition:background-color .5s ease-in;-ms-transition:background-color .5s ease-in;transition:background-color .5s ease-in;}


/*---------------*/
/******新闻******/
/*---------------*/	
.x_time{font-size:12px;color:#999999;margin:5px 0;}
.news-img img{ box-shadow:2px 2px 5px #888888;;}
.news-nr{ text-align:center;}
.news-line{ width:auto; height:auto; padding:20px 40px 0 0; float:left;}
.news-line:hover{box-shadow: 0 0 12px rgba(0, 0, 0, 0.28);-transform: scale(1.1,1.1);-moz-transition-duration:.5s;-webkit-transition-duration:.5s;-o-transition-duration:.5s;-ms-transition-duration:.5s;transition-duration:.5s;background: #fff;z-index: 2; }
.col-xs-6{ height:300px;}
/*---------------*/
/******页脚******/
/*---------------*/	
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;}

#banner1{background: url(../images/banner6.png) no-repeat center;background-size:cover;}
#banner2{background: url(../images/banner5.png) no-repeat center;background-size:cover;}
#banner3{background: url(../images/banner3.png) no-repeat center;background-size:cover;}
#banner4{background: url(../images/banner3-3.png) no-repeat center;background-size:cover;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}

.row{ margin:50px auto 30px auto;}
.content-title{margin: 0 auto;height: 60px;width: 100%;}
.content-title h3{ visibility:hidden; display:none; height:0;}
.video{width: 100%;height: auto;background:#FDF7F7;position: 0;float: left;clear: both;}

.xk:hover,.sk:hover,.jk:hover{-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; background-position:50% 30px;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-webkit-box-shadow:0px 0px 10px #666;-moz-box-shadow:0px 0px 10px #666;	-o-box-shadow:0px 0px 10px #666;}

.xd-ds{ height:300px;	height: 300px;position: relative;margin-top: 30px;}
/*.jq22 ul.list li,.jq23 ul.list li{width: 240px;height: 160px;margin:20px;}
*/
.news-img{width: 25%;float: left;text-align: center;}
.news-img img{width: 250px;height: 150px;}
.xwriqi{ margin:42px 0;}
.x_time{ visibility:hidden; display:none; height:0;}
.xw{ margin:34px 0;}
.news-line-zj{border-top: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;}

.col-lg-3-k{border-left: dashed 1px #dcdcdc;border-right: dashed 1px #dcdcdc;}

.col-lg-2 h3,.col-lg-2 h4{width: 200px;float: right;text-align: right;}
.col-lg-2 h3{ color: #d53e38;}
.col-lg-2 h4.col-lg-7 h4{color:#313131;}
.col-lg-7 h4{ margin-bottom:15px;}
.col-lg-7 ul li{color:#666666;line-height:28px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.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;}

#banner1{background: url(../images/banner6.png) no-repeat center;background-size:cover;}
#banner2{background: url(../images/banner5.png) no-repeat center;background-size:cover;}
#banner3{background: url(../images/banner3.png) no-repeat center;background-size:cover;}
#banner4{background: url(../images/banner3-3.png) no-repeat center;background-size:cover;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.video{width: 100%;height: auto;background:#FDF7F7;position: 0;float: left;clear: both;}

.row{ margin:50px auto 30px auto;}
.content-title{margin: 0 auto;height: 60px;width: 100%;}
.content-title h3{ visibility:hidden; display:none; height:0;}
.xk:hover,.sk:hover,.jk:hover{-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; background-position:50% 30px;-webkit-box-shadow:0px 0px 10px #666;-moz-box-shadow:0px 0px 10px #666;	-o-box-shadow:0px 0px 10px #666;}



.xd-ds{ height:300px;	height: 300px;position: relative;margin-top: 30px;}
.col-lg-3-k{border-left: dashed 1px #dcdcdc;border-right: dashed 1px #dcdcdc;}


/*.jq22 ul.list li,.jq23 ul.list li{width: 200px;height:133px;margin:15px;}
*/

.xwriqi{ margin:19px 0;}
.xw{ margin:13px 0;}
.x_time{ visibility:hidden; display:none; height:0;}
.news-img{margin-top:10px;width: 25%;float: left;text-align: center;}
.news-img img{ width:180px; height:108px;}	
.news-line-zj{border-top: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;}
.col-lg-2 h4,.col-lg-2 h3{width: 200px;float: right;text-align: right;line-height: normal;}
.col-lg-2 h3{ color: #d53e38;}
.col-lg-2 h4.col-lg-7 h4{color:#313131;}
.col-lg-7 h4{ margin-bottom:15px;}
.col-lg-7 ul li{color:#666666;line-height:28px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.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;}
#banner1{background: url(../images/md-banner6.png) no-repeat center;background-size:cover;}
#banner2{background: url(../images/md-banner5.png) no-repeat center;background-size:cover;}
#banner3{background: url(../images/md-banner3.png) no-repeat center;background-size:cover;}
#banner4{background: url(../images/md-banner4.png) no-repeat center;background-size:cover;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}

.row{ margin:30px auto 20px auto;}
.content-title{margin: 0 auto;height: auto;width: 100%;}
.content-title img{ visibility:hidden; display:none; height:0;}

.sk{border-left: dashed 1px #959595;border-right: dashed 1px #959595;}

.jq22 ul.list li,.jq23 ul.list li{width:150px;height:100px;margin:10px;}



.col-xs-6-k{border: 1px solid #dcdcdc;} 
.col-lg-3-k{border-left: dashed 1px #dcdcdc;border-right: dashed 1px #dcdcdc;/* [disabled]height: auto; */}
.xd-ds{ height:300px;height: 300px;margin-top: 20px;margin-bottom: 20px;}
.xd-ds-bg{ background-color:#FDF7F7;}

.xwriqi{ margin:17px 0;}
.x_time{ visibility:hidden; display:none; height:0;}
.news-img{margin-top:15px;width: 25%;float: left;text-align: center;}
.news-img img{ width:160px; height:96px;}
.news-line-zj{border-top: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;}
.col-lg-2 h4,.col-lg-2 h3{width: 200px;float: right;text-align: right;line-height: normal;}
.col-lg-2 h3{ color: #d53e38;}
.col-lg-2 h4.col-lg-7 h4{color:#313131;}
.col-lg-7 h4{ margin-bottom:15px;}
.col-lg-7 ul li{color:#666666;line-height:28px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.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;}
#banner1{background: url(../images/xs-banner6.png) no-repeat center;background-size:cover;}
#banner2{background: url(../images/xs-banner5.png) no-repeat center;background-size:cover;}
#banner3{background: url(../images/xs-banner3.png) no-repeat center;background-size:cover;}
#banner4{background: url(../images/xs-banner4.png) no-repeat center;background-size:cover;}

.row{ margin:30px auto 0 auto;}
.content-title{margin: 0 auto;height: auto;width: 100%;}
.content-title img{ visibility:hidden; display:none; height:0;}
.content-title h3{font-size: 20px; margin-top:20px; margin-bottom:20px;font-weight:bold;}

.sk{border-top: dashed 1px #959595;border-bottom: dashed 1px #959595;}
.xd-ds-bg{background-color:#FDF7F7;}

.jq22 ul.list li,.jq23 ul.list li{width:130px;height:auto;margin:10px;}

.function-introduce h4{font-size: 16px}
.function-introduce p {font-size: 13px;text-align: center;width: auto;margin: 10px 10px;}
.col-xs-6-k{border: 1px solid #dcdcdc;}
.col-xs-4{ width:100%; float:left;}
.content-icon{ width:auto; height:auto; margin-top:10px;}
.content-icon img{ width:40%; height:auto}
.content-icon p{ margin:0 auto 5px auto;}
.col-lg-3-k{ border-bottom:1px dashed #dcdcdc; border-top:1px dashed #dcdcdc;}
.download{ visibility:hidden; display:none;}
.news-img{ visibility:hidden; display:none;}
.news-line-zj{border-top: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;}
.col-lg-2 h3,.col-lg-2 h4{width: 200px;float: right;text-align: right;line-height: normal;}
.col-lg-2 h3{color: #d53e38;}
.col-lg-2 h4,.col-lg-7 h4{color:#313131;}
.col-lg-7 h4{ font-size:16px;}
.news-line .col-xs-2{ visibility:hidden; display:none;}
.col-xs-7{ width:100%;}
.col-xs-7 h4{ margin-bottom:15px; padding-left:5px; border-left:3px solid #D53E38;}
.col-xs-7 ul li{ font-size:13px;color:#666666;line-height:28px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.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; }

}