@charset "utf-8";
/* CSS Document */

/*-- 导航 --*/
#home{background: url(../images/b_bg.jpg) center top no-repeat;background-color: #fff; }
.wierp{overflow: hidden;color: #888;width: 100%;min-width: 300px;max-width: 1920px;margin: 0 auto;}
.header { width:100%; /* background:#fff; position:fixed; border-bottom:1px solid #ccc; */ height: 72px;margin:0 auto;}
.con {  width:98%; margin:0 auto; max-width:1100px; min-width:300px;font-size:0.875rem; clear:both}
.logo { width:132px; float:left; margin-top:10px; border-right:1px solid #ccc; margin-right:15px; padding-right:15px; }
.logo-nav ul li { float:right; }
.logo-nav ul li a { color:#fff; font-size:16px; display:block; width:88px; height:69px; line-height:69px; text-align:center; padding: 0 20px; }
.logo-nav ul li a:hover { text-decoration:none; border-bottom:3px solid #e30000; color:#e30000; }
.dianzhubudong { border-bottom:3px solid #e30000; color:#e30000; }
.wz { color:#fff; font-size:15px; height:69px; line-height:69px; }
.m20{ padding-top:30px;}
/*-- 导航结束 --*/
.banner{height: 806px;position: relative;width:1100px;margin: 0 auto;z-index: 2;}
/*-- 平台介绍 --*/
.tit{ text-align: center;background: url(../images/xian.png) center no-repeat; width:100%; margin: 0 auto 30px;}
.tit h3{ font-size: 30px; color: #0597ef;}
.tit p{ font-size: 16px; color: #0597ef; font-family: arial;text-transform: uppercase; word-spacing:4px;}
.cont{}
.cont p{ font-size: 20px;word-spacing:4px; text-indent:50px; line-height:40px;}
.cont img{ width:100%; margin:60px auto; display: block;}
/*-- 主要特点 --*/
.point{ background: #efefef; padding: 30px 0;}
.tedian{}
.tedian .TED{ float: left; width: 33.3%; padding: 0px 26x; box-sizing: border-box; text-align: center;margin: 16px 0}
.tedian .TED h3{ font-size: 20px; color: #069def; padding-top: 20px; font-weight: normal;}
.tedian .TED p{font-size: 15px;  padding-top:10px}
.duoduan{ margin-top: 40px;}
.conts img{ width:100%; margin: 26px auto 10px;}
.conts p{ font-size: 20px; text-align: center; line-height: 36px;}
/*-- 联系我们 --*/
.Contact {width:100%; margin:30px auto 0 auto; }
.Contact .top { width:258px; height:54px; margin:0 auto 48px auto; }
.Contact .lxd { width:100%; background-color:#efefef; height:100px;}
.Contact .lxd ul { width:98%; margin:0 auto; max-width:1100px; min-width:300px;font-size:0.875rem; clear:both}
.Contact .lxd li { width:33.33%; margin-top:24px; float:left; }
.Contact .lxd li a{color:#6a6a6a;}
.Contact .lxd img { float:left; margin: 0 22px;}
.Contact .lxd h1 { height:56px; line-height:56px; font-size:24px; color:#6a6a6a;}

/*-- 底部 --*/
.bottom { width:100%; background-color:#8f8f8f; height:82px; text-align:center; padding-top:48px; color:#fff; font-size:20px;}
@media screen and (max-width:1024px) and (min-width:801px){
.logo-nav ul li a { padding: 0 10px;}
.Contact .lxd img { float: left;margin: 0 20px !important;}
.Contact .lxd h1 {font-size: 22px;}
}
@media(max-width:800px){
#home{background: url(../images/b_bg.jpg) center top no-repeat;background-color: #fff; background-size:cover; height:300px; width:100%}
.logo-nav .nav{ display:none !important;}	
.wz {
    color: #777; padding-top:16px;
    font-size: 14px;
     height:auto !important;
    line-height:20px !important;
}
.conts p{ font-size:15px; text-align: center; line-height:20px !important;}
.cont img{ width:100%; margin:20px auto; display: block;}
.logo-nav .nav{ display:none !important;}	
.banner {
    height: 280px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 2;
}
.Contact .lxd li {
    width: 50%;
    margin-top: 24px;
    float: left;
}
.Contact .lxd li:nth-child(3){display:none !important;}
.tedian .TED p {
    font-size: 15px;
    padding-top: 10px;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

}
.bottom {
    width: 100%;
    background-color: #8f8f8f;
    height:auto !important;
    text-align: center;
    padding:20px 0;
    color: #fff;
    font-size: 18px;}
	}
@media(max-width:640px){
.logo img {
    width: 90%;
    margin-left: 10px;
}
.wz {
    color: #ccc;
    padding-top: 16px;
    font-size: 14px;
    height: auto !important;
    line-height: 20px !important;
}
#home{background: url(../images/b_bg.jpg) center top no-repeat;background-color: #fff; background-size:cover; height:240px; width:100%}
.banner {
    height: 200px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 2;
}

.tit {
    text-align: center;
    background: url(../images/xian.png) center no-repeat;
    width: 100%;
    margin: 0 auto 10px;
}
.tit h3 {
    font-size:20px !important;
    color: #0597ef;
}	
.left,.right { float:none; }
.cont p {
    font-size:15px;
    word-spacing: 4px;
    text-indent: 30px;
    line-height:26px;
}
.tit p {
    font-size: 14px;
    color: #0597ef;
    font-family: arial;
    text-transform: uppercase;
    word-spacing: 4px;
}
.TED img{ width:80px;}
.tedian .TED h3 {
    font-size:15px;
    color: #069def;
    padding-top:10px;
    font-weight: normal;
}
.tedian .TED p { display:none !important;}
.Contact .lxd li{ width:100% !important; float:none !important; margin-top:0 !important;}
.Contact .lxd li:nth-child(2),.Contact .lxd li:nth-child(3){display:none !important;}
.Contact {
    width: 100%;
    margin: 50px auto 0 auto;
}
.Contact .lxd {
    width: 100%;
    background-color: #efefef;
    height:auto !important;
	padding:10px 0 !important;
}
.Contact .lxd img {
    float: left;
    margin: 0 10px;
}
.bottom {
    width: 100%;
    background-color: #8f8f8f;
    height:auto !important;
    text-align: center;
    padding: 18px 0;
    color: #fff;
    font-size: 16px;}
}