@charset "utf-8";
html,iframe,body{min-height:100%}
* {argin: 0;padding: 0;box-sizing: border-box;}
body {font-family: "Microsoft YaHei", sans-serif;color: #333;background-color: #fff;line-height: 1.6;}
a {text-decoration: none;color: #333;}
ul {list-style: none;}
img {max-width: 100%;display: block;}

.clearfix:after {clear:both; content:"."; display:block; height:0pt; visibility:hidden; overflow:hidden;}
.clear{clear:both;height:1px; margin-top:-1px; width:100%;} 
.dis{display:block;}
.undis{display:none;} 

.currentLocation{width:94%;max-width:1560px;height:auto;line-height:2rem;margin:1rem auto;vertical-align:middle;overflow:hidden}
.currentLocation img{width:auto;height:1.2rem;vertical-align:middle;margin-right:0.5rem;display:inline;overflow:hidden}

.contentTitle{width:94%;height:2rem;line-height:2rem;font-size:1.6rem;color:#3CB371;text-transform:capitalize;font-weight:bold;margin:0 auto;margin-bottom:1.5rem;overflow:hidden}
.contentTitle h1{font-size:2rem;color:#3CB371;text-transform:capitalize;font-weight:bold;}
.contentTitle a{font-size:2rem;color:#3CB371;text-transform:capitalize;font-weight:bold;}

.Content_Title{width:94%;max-width:1560px;height:2rem;line-height:2rem;margin:1rem auto;font-size:2rem;font-weight:bold;text-align:center;overflow:hidden}
.Content_Title span{width:100%;height:2rem;line-height:2rem;margin:0 auto;color:#999999;display:block;overflow:hidden}

.citiaoclass{width:100%;height:auto;margin:0 auto;overflow:hidden}
.citiaoclass ul{width:100%;height:auto;overflow:hidden;}
.citiaoclass ul li{width:auto;height:1.6rem;line-height:180%;font-size:13px;float:left;margin-right:20px;overflow:hidden}
.citiaoclass ul li a{font-size:13px;}
.citiaoclass ul li a:hover{color:#cc0000;}

.citiaoh1{width:100%;height:auto;line-height:180%;margin-top:0px;margin-bottom:2rem;float:left;border-bottom:1px #dcdcdc solid;overflow:hidden}
.citiaoh1 img{max-width:100%;height:auto;display:block;overflow:hidden}
.citiaoh1 h1{font-size:24px;font-weight:bold;margin-bottom:1rem;display:block}
.citiaoh1 h4{width:100%;height:auto;line-height:1.5rem;margin:0 auto;padding-left:1.2rem;font-size:16px;font-weight:bold;background:url(../images/newscontenttitle.png) center left no-repeat;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */display:block;margin:0.5rem auto;overflow:hidden}
.citiaoh1 #ggxc{width:100%;height:auto;margin:1rem auto;overflow:hidden}
.citiaoh1 #ggxc img{width:100%;height:auto;display:block;overflow:hidden}
.citiaos{width:94%;height:auto;margin-top:0px;margin-left:3%;float:left;overflow:hidden}
.citiaos dl{width:100%;height:auto;border-bottom:1px #dcdcdc solid;margin:0;padding:0;margin-bottom:20px;padding-bottom:20px;display:block;overflow:hidden}
.citiaos dl dt{width:100%;height:25px;line-height:25px;font-size:18px;margin-bottom:10px;overflow:hidden}
.citiaos dl dt a{font-size:18px;color:#222222;}
.citiaos dl dt a:hover{color:#003399;text-decoration:underline}
.citiaos dl dd{width:100%;height:auto;line-height:22px;font-size:14px;color: #666666;overflow:hidden}
.citiaos dl .source{background:url(../images/icon/news.png) no-repeat left center;background-size:20px 20px;width:100%;height:30px;line-height:30px;margin-bottom:10px;padding-left:25px;overflow:hidden}
.citiaos dl dd img{max-height:80px;margin-left:10px}

.allcitiaos{width:100%;height:auto;margin-top:0px;float:left;overflow:hidden}
.allcitiaos ul{width:100%;height:auto;margin:0;padding:0;margin-bottom:20px;padding-bottom:20px;display:block;overflow:hidden}
.allcitiaos ul li{width:20%;height:30px;line-height:30px;font-size:14px;color: #666666;float:left;display:inline;overflow:hidden}
.allcitiaos ul li a{font-size:14px;}
.allcitiaos ul li a:hover{font-size:14px;color:blue;text-decoration:underline}

.citiaoUpAD{width:320px;height:auto;margin-bottom:20px;overflow:hidden;}
.citiaoUpAD img{width:auto;max-width:100%;height:auto;display:block;overflow:hidden;}

.citiao{width:320px;height:auto;overflow:hidden;}
.citiao .citiaotitle{width:290px !important;width:300px;height:40px;line-height:40px;font-size:18px;color:#000000;font-weight:bold;padding-left:10px;margin:0 auto;overflow:hidden;}
.citiao ul{width:290px;height:auto;margin:0 auto;margin-top:8px;overflow:hidden}
.citiao ul li{width:100%;height:28px;line-height:28px;margin:3px 2%;font-size:14px;color:#222222;margin:0 auto;display:list-item;list-style-type:disc;list-style-position:inside;overflow:hidden}
.citiao ul li a{font-size:14px;color:#222222;}
.citiao ul li a:hover{font-size:14px;color:#cc0000;}

.cttag{width:100%;height:auto;margin-top:20px;overflow:hidden;}
.cttag > #cttagtitle{width:290px !important;width:300px;height:40px;line-height:50px;font-size:18px;color:#000000;font-weight:bold;padding-left:10px;margin:0 auto;overflow:hidden;}
.cttag ul{width:100%;height:auto;margin:0 auto;margin-top:8px;overflow:hidden}
.cttag ul li{background:#ececec;width:auto;height:28px;line-height:28px;margin:3px 3px;padding-left:5px;padding-right:5px;text-align:center;font-size:14px;color:#222222;float:left;border:1px #cccccc solid;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.cttag ul li:hover{background:#ff6600;width:auto;height:28px;line-height:28px;margin:3px 3px;text-align:center;font-size:14px;color:#ffffff;float:left;overflow:hidden}
.cttag ul li a{font-size:14px;color:#222222;}
.cttag ul li a:hover{font-size:14px;color:#ffffff;}



#catalog{width:90%;height:auto;margin:0 auto;overflow:hidden}
#catalog ul{width:100%;height:auto;overflow:hidden}
#catalog ul li{width:20%;height:2.5rem;line-height:2.5rem;font-size:16px;float:left;overflow:hidden}
#catalog ul li a{font-size:16px;}

#mobans{width:90%;height:auto;margin:0 auto;overflow:hidden}
#mobans ul{width:100%;height:auto;margin:0;padding:0;overflow:hidden}
#mobans ul li{background:#f7f7f7;width:29.333%;margin-left:2%;margin-right:2%;margin-bottom:2rem;height:auto;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;float:left;overflow:hidden}
#mobans ul li span{width:100%;height:25rem;padding:1rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:block;overflow:hidden}
#mobans ul li span img{width:100%;height:auto;display:block;margin:0 auto;transition:all 0.3s linear;overflow:hidden}
#mobans ul li span img:hover{transform:scale(1.1);}
#mobans ul li p{width:100%;height:auto;text-align:center;line-height:2rem;margin:0;padding:0;margin:0.3rem auto;overflow:hidden}
#mobans ul li p.nametitle{width:100%;height:2rem;line-height:2rem;font-size:1.05rem;text-align:center;margin:0;padding:0;margin-top:0.8rem;overflow:hidden}
#mobans ul li p.nametitle a{font-size:1.05rem;font-weight:bold}
#mobans ul li h5{width:50%;height:2rem;line-height:2rem;text-align:center;float:left;margin:0;padding:0;margin-bottom:0.5rem;overflow:hidden}
#mobans ul li h4{width:40%;height:2rem;text-align:center;float:left;margin:0;padding:0;margin-bottom:0.5rem;margin-left:5%;font-weight:normal;overflow:hidden}
#mobans ul li h4 a{background:#ff7700;width:100%;height:2rem;line-height:2rem;text-align:center;display:block;border-radius:3px;color:#ffffff;overflow:hidden}
#mobans ul li h4 a:hover{background:#ff0000}

.fenye{width:100%;height:auto;margin:2rem auto;font-size:14px;text-align:center;overflow:hidden}
.fenye from{font-size:14px;text-align:center;margin:0 auto;}
.fenye .a{font-size:14px;}
.fenye .szinput{width:50px;height:28px;border:1px #999999 solid;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */text-align:center}
.fenye #nowpage{background:#cc0000;width:28px;line-height:28px;text-align:center;color:#ffffff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;display:inline-table}
.fenye .fypage{background:#ffffff;width:28px;line-height:28px;text-align:center;color:#cc0000;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */border:1px #999999 solid;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;display:inline-table}
.fenye .fypage a{font-size:14px;}

.currentlocation{width:90%;height:auto;line-height:2rem;margin:1rem auto;display:block;overflow:hidden}

.webody{width:90%;height:auto;margin:1rem auto;display:flex;overflow:hidden}
.webody #webLeft{width:auto;height:auto;float:left;flex:1;overflow:hidden}
.webody #webLeft .webconTitle{background:#f7f7f7;width:100%;height:3rem;line-height:3rem;font-size:1.2rem;color:#ff0000;display:block;padding-left:1rem;margin:0 auto;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:3px;overflow:hidden}
.webody #webLeft .webconTitle h1{width:100%;height:3rem;line-height:3rem;font-size:1.2rem;overflow:hidden}
.webody #webLeft .webAboutTitle{width:100%;height:3rem;line-height:3rem;font-size:1.3rem;color:#ff0000;display:block;text-align:center;margin:0 auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:3px;overflow:hidden}
.webody #webLeft .webAboutTitle h1{width:100%;height:3rem;line-height:3rem;font-size:1.3rem;font-weight:bold;letter-spacing:1rem;overflow:hidden}
.webody #webLeft .webcon{width:100%;height:auto;line-height:1.8rem;margin:1rem auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden}
.webody #webLeft .webcon p{line-height:1.8rem;}
.webody #webLeft .webcon img{max-width:100%;display:block}

.webody #webRight{width:300px;height:auto;float:left;flex:none;overflow:hidden}
.mobandemo{background:#ff3300;width:90%;height:3rem;line-height:3rem;color:#ffffff;font-size:1.2rem;text-align:center;float:right;margin:0 auto;margin-bottom:1rem;border-radius:3px;}
.mobandemo a{color:#ffffff;font-size:1.2rem;width:100%;height:3rem;line-height:3rem;display:block;overflow:hidden}
.mobanstyle{width:90%;height:3rem;line-height:3rem;font-size:1.2rem;text-align:center;float:right;margin:0 auto;margin-bottom:1rem;border:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:3px;}
.mobanstyle a{font-size:1.2rem;width:100%;height:3rem;line-height:3rem;display:block;overflow:hidden}
.webody #webRight #mobanerweima{width:90%;height:auto;float:right;overflow:hidden}
.webody #webRight #mobanerweima img{width:100%;height:auto;display:block;overflow:hidden}

.maina{
	left:0px;
}

  
.maina{
	position:absolute;
	right:0;
	top:52px;
	bottom:0px;
	z-index:7;
}

.maina{
	*height:100%;
	*top:0;
	*bottom:0;
	*border-top:45px solid #FFF;
	*border-bottom:0px solid #FFF;
	*z-index:1;
}
.main{
	height:100%;
}
.main iframe{
	height:100%;
	width:100%;
	z-index:20;
}
.wrap{margin-left:auto; margin-right:auto;}
#showtit{ margin:5px 0px;}
#showtit h1{ line-height:35px; font-size:14px; font-family:"微软雅黑"; text-align:right;}
#showtit h1 span{ color:#ff8f33; font-family:Verdana, Geneva, sans-serif;}
#showtit img{ margin-top:4px;}


#hidemobile{
font-size: 14px;
    font-weight: bold;
    border: 1px solid silver;
    position: absolute;
    right: 20px;
    top: 8px;
    width: 15px;
    height: 15px;
    text-align: center;
    padding: 0;
    line-height: 15px;
    border-radius: 15px;
    cursor:pointer;}

#fenye{margin:3em auto;font-size:14px;text-align:center;}
#fenye from{font-size:14px;}
#fenye .a{font-size:14px;}
#fenye .szinput{width:50px;height:28px;border:1px #999999 solid;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */text-align:center}
#fenye #nowpage{background:#cc0000;width:28px;line-height:28px;text-align:center;color:#ffffff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;display: inline-table}
#fenye .fypage{background:#ffffff;width:28px;line-height:28px;text-align:center;color:#cc0000;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */border:1px #999999 solid;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;display: inline-table}
#fenye .fypage a{font-size:14px;}

/*网站顶部css开始*/
#banner{background:#ffffff;width:100%;height:auto;overflow:hidden;position:relative;margin:0 auto;}
#banner img{width:100%;height:auto;border:0;}
#banner h2{width:auto;height:4rem;line-height:4rem;font-size:2.5rem;font-weight:bold;color:#ffffff;display:block;overflow:hidden;position:absolute;z-index:9;left:5%;top:4rem;}
#banner span{width:auto;height:auto;line-height:2rem;display:block;overflow:hidden;position:absolute;z-index:9;color:#ffffff;font-size:1.6rem;left:5%;top:9rem;}
/*网站顶部css结束*/

#sitetop{background:#f1f1f1;width:100%;height:36px;margin:0 auto;}
#sitetop #st_con{width:94%;max-width:1560px;height:36px;line-height:36px;margin:0 auto;text-align:left;font-size:0.875rem;position:relative;border-bottom:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
#sitetop #st_con a{font-size:0.875rem;font-weight:normal;}
#sitetop #st_con #slogan{width:50%;height:36px;line-height:36px;float:left;font-size:0.875rem;overflow:hidden}
#sitetop #st_con #slogan a{font-size:0.875rem;}
#sitetop #st_con > #stc_right{width:50%;height:36px;line-height:36px;float:right;text-align:right;position:relative}
#sitetop #st_con > #stc_right a{font-size:0.875rem;}
#sitetop #st_con > #stc_right #derweima{background:#ffffff;width:180px;height:206px;position:absolute;right:0px;top:36px;border:1px #cccccc solid;border-top:0px;z-index:99999;overflow:hidden;line-height:0.875rem;text-align:center;display:block}
#sitetop #st_con > #stc_right #derweima img{width:180px;height:180px;overflow:hidden;display:block}
.hottel{width:1rem;height:1rem;margin-right:0.5rem;vertical-align:middle;}

#webtop{background:#ffffff;width:100%;height:96px;margin:0 auto;z-index:1000;border-bottom:1px #dcdcdc solid}
#webtop #logomenu{width:94%;max-width:1560px;height:96px;margin:0 auto;}
#webtop #logomenu #logo{width:auto;height:96px;text-align:left;float:left;overflow:hidden}
#webtop #logomenu #logo img{width:auto;height:64px;display:block;margin-top:16px;}

#webtop #logomenu #menu{background:#ffffff;width:880px;height:48px;float:right;margin-top:24px; position:relative;z-index:9999;}
#webtop #logomenu #menu ul{width:100%;height:48px;margin:0 auto;padding:0px}
#webtop #logomenu #menu ul li{width:12.5%;height:48px;line-height:48px;color:#ffffff;font-size:16px;font-weight:bold;float:left;}
#webtop #logomenu #menu ul li a{width:100%;height:48px;line-height:48px;text-align:center;font-size:16px;font-weight:bold;transition:all 0.3s linear;display:block;}
#webtop #logomenu #menu ul li a:hover {background:#0074C1;text-align:center;color:#ffffff;display:block;border:0;display:block;transform:scale(1.0);}

#webtop #logomenu #MobMenu{display:none}

#webtop #logomenu #catapng{display:none}

#allbody{width:100%;height:auto;margin:2rem auto;overflow:hidden}

#contentbody{width:94%;max-width:1560px;height:auto;margin:2rem auto;display:flex;align-self:flex-start}
#contentbody > #left{width:auto;height:auto;float:left;flex:1;margin-right:3%;}
#contentbody > #right{width:250px;height:auto;position:sticky;top:150px;z-index:88;float:right;}

#contentbody > #left #AboutTitle{width:100%;height:2rem;line-height:2rem;font-size:14px;border-bottom:1px #dcdcdc solid;margin-bottom:1rem;overflow:hidden}
#contentbody > #left #AboutTitle img{width:13px;height:13px;border:0;margin-right:0.5rem;}

#contentbody > #left #ViewNews{width:100%;height:auto;margin:0 auto;line-height:160%;font-size:14px;overflow:hidden}
#contentbody > #left #ViewNews img{max-width:100%;height:auto;overflow:hidden}
#contentbody > #left #ViewNews #ViewNewsTitle{width:100%;height:auto;line-height:1.5rem;text-align:center;font-size:18px;color:#004D89;margin:1.5rem auto;overflow:hidden}
#contentbody > #left #ViewNews #ViewNewsTitle h1{font-size:18px;color:#004D89;}
#contentbody > #left #ViewNews #ViewNewsTitle h1 a{font-size:18px;color:#004D89;}
#contentbody > #left #ViewNews #newsContent{width:100%;HEIGHT:auto;margin:0 auto;LINE-HEIGHT:160%;font-size:1rem;}

#contentbody > #left #ViewNews #newsContent h2{width:100%;height:auto;line-height:1.6rem;margin:0 auto;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1.2rem;font-size:1.2rem;font-weight:bold;background:url(/images/newscontenttitle.png) center left no-repeat;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */display:block;margin:0.5rem auto;overflow:hidden}
#contentbody > #left #ViewNews #newsContent h2 a{font-size:1.2rem;font-weight:bold;}
#contentbody > #left #ViewNews #newsContent h3{width:100%;height:auto;line-height:1.6rem;margin:0 auto;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1.1rem;font-size:1.1rem;font-weight:bold;background:url(/images/newscontenttitle.png) center left no-repeat;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */display:block;margin:0.5rem auto;overflow:hidden}
#contentbody > #left #ViewNews #newsContent h3 a{font-size:1.1rem;font-weight:bold;}

#contentbody > #left #ViewNews #newsContent img{max-width:100%;height:auto;overflow:hidden}

#contentbody > #left #ViewNews #articleStatement{margin:1rem auto;background:#ececec;padding:1rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden}
#contentbody > #left #ViewNews #articleStatement img{width:120px;height:auto;float:left;margin-right:1rem;display:block;overflow:hidden}

#contentbody > #left #ViewNews #nynewsshare{background:#ececec;width:100%;height:35px;line-height:35px;font-size:14px;text-align:center;margin:0 auto;margin-top:30px;margin-bottom:20px;border:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
#contentbody > #left #ViewNews #nynewsfb{background:#ececec;width:100%;height:35px;line-height:35px;font-size:14px;text-align:center;margin:1rem auto;border:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}

#contentbody > #left #tlnews{width:100%;height:auto;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */margin:2rem auto;overflow:hidden;}
#contentbody > #left #tlnews > #tl_newstitle{background:#F4F5F6;width:100%;height:40px;line-height:40px;font-size:16px;color:#004D89;padding-left:10px;margin:0 auto;border-bottom:1px #ececec solid;overflow:hidden;}
#contentbody > #left #tlnews > #tl_newscon{width:100%;height:auto;margin:0 auto;overflow:hidden}
#contentbody > #left #tlnews > #tl_newscon ul{width:100%;height:auto;margin:10px auto;padding:0;overflow:hidden}
#contentbody > #left #tlnews > #tl_newscon ul li{width:44%;height:28px;line-height:28px;margin:auto 3%;font-size:14px;color:#999999;padding-left:1.5%;display:list-item;list-style-type:disc;list-style-position:inside;float:left;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
#contentbody > #left #tlnews > #tl_newscon ul li a{font-size:14px;}

#contentbody > #left #AboutCon{width:100%;height:auto;margin-top:15px;font-size:14px;line-height:25px;text-align:left;overflow:hidden}
#contentbody > #left #AboutCon a{font-size:14px;}
#contentbody > #left #AboutCon table,#contentbody > #left #AboutCon th,#contentbody > #left #AboutCon td {font-size:14px;line-height:180%}
#contentbody > #left #AboutCon img{max-width:900px;border:0px;}

#contentbody > #left #AboutCon #nynewstitle{width:100%;height:3rem;line-height:3rem;color:#cc0000;font-size:1.5rem;text-align:center;margin:0 auto;overflow:hidden}
#contentbody > #left #AboutCon #nynewscon{width:100%;height:auto;line-height:30px;font-size:14px;text-align:left;margin:0 auto;padding-top:1rem;padding-bottom:1rem;overflow:hidden}
#contentbody > #left #AboutCon #nynewscon img{max-width:100%;height:auto;overflow:hidden}
#contentbody > #left #AboutCon #nynewsshare{background:#ececec;width:898px !important;width:900px;height:33px !important;height:35px;line-height:35px;font-size:14px;text-align:center;margin:0 auto;margin-bottom:10px;border:1px #dcdcdc solid;overflow:hidden}
#contentbody > #left #AboutCon #nynewsfb{background:#ececec;width:100%;height:2rem;line-height:2rem;font-size:14px;text-align:center;margin:1rem auto;border:1px #dcdcdc solid;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}

#contentbody > #left > #news{width:100%;height:auto;margin-top:0px;overflow:hidden}
#contentbody > #left > #news dl{width:100%;height:215px;border-bottom:1px #dcdcdc solid;margin:0;padding:0;margin-bottom:30px;display:block;overflow:hidden}
#contentbody > #left > #news dl > span{width:245px;height:180px;margin-right:20px;float:left;overflow:hidden}
#contentbody > #left > #news dl > span img{width:245px;height:180px;border:0;transition:all 0.3s linear;overflow:hidden}
#contentbody > #left > #news dl > span img:hover{width:245px;height:180px;border:0;transform:scale(1.1);overflow:hidden}
#contentbody > #left > #news dl .newscon2{width:585px;height:180px;overflow:hidden}
#contentbody > #left > #news dl .newscon2 a{font-size:18px;}
#contentbody > #left > #news dl dt{width:585px;height:25px;line-height:25px;font-size:18px;margin-bottom:10px;overflow:hidden}
#contentbody > #left > #news dl dt a{font-size:18px;color:#222222;}
#contentbody > #left > #news dl dt a:hover{color:#003399;text-decoration:underline}
#contentbody > #left > #news dl dd{width:585px;height:auto;line-height:22px;font-size:14px;color: #999999;overflow:hidden}
#contentbody > #left > #news dl .source{background:url(../images/icon/news.png) no-repeat left center;background-size:20px 20px;width:540px !important;width:585px;height:30px;line-height:30px;margin-bottom:10px;padding-left:25px;overflow:hidden}

#contentbody > #right .Catalog{width:100%;height:auto;margin-bottom:20px;border-radius:15px;overflow:hidden}
#contentbody > #right .Catalog .CataTitle{background:#0167B7;width:100%;height:3rem;line-height:3rem;font-size:1.2rem;color:#ffffff;text-align:center;overflow:hidden}
#contentbody > #right .Catalog .CataCon{width:100%;height:auto;overflow:hidden}
#contentbody > #right .Catalog .CataCon ul{width:100%;height:auto;margin:0;padding:0;overflow:hidden}
#contentbody > #right .Catalog .CataCon ul li{background:#ececec;width:100%;height:3rem;line-height:3rem;border-bottom:1px #ffffff solid;text-align:left;display:block;overflow:hidden}
#contentbody > #right .Catalog .CataCon ul li a{width:100%;height:3rem;line-height:3rem;text-align:left;font-size:14px;padding-left:30px;display:block;overflow:hidden}
#contentbody > #right .Catalog .CataCon ul li a:hover{width:100%;background: #0167B7;color:#ffffff}

#contentbody > #right #wechat{background:#0167B7;width:100%;height:auto;padding:25px;border-radius:15px;text-align:center;color:#fff;overflow:hidden}
#contentbody > #right #wechat img{width:100%;height:auto}

#errorbody{width:94%;max-width:1560px;height:auto;margin:1rem auto;overflow:hidden}
#errorbody #EB_content{width:100%;max-width:1200px;margin:0 auto;height:auto;line-height:250%;font-size:14px;display:block;text-align:left;overflow:hidden}
#errorbody #EB_content img{float:left;margin:5px;}
#errorbody #EB_content a{font-size:14px;color:#003399;}
#errorbody #newarticle{width:100%;margin:0 auto;height:auto;line-height:250%;font-size:14px;text-align:center;display:block;overflow:hidden}
#errorbody #newarticle ul{width:100%;height:auto;display:block;overflow:hidden;}
#errorbody #newarticle ul li{width:50%;height:30px;line-height:30px;display:list-item;list-style-type:disc;list-style-position:inside;float:left;overflow:hidden;}

/*底部版权start*/
#copyright{background:#10293C;clear:both;width:100%;height:auto;margin:0 auto;margin-top:2rem;overflow:hidden}

#copyright #copyCon{width:94%;height:auto;text-align:left;margin:2rem auto;}
#copyright #copyCon dl{width:120px;height:auto;text-align:left;margin:0px;padding:0px;float:left;}
#copyright #copyCon dl dt{width:120px;height:3rem;line-height:3rem;color:#BABABA;font-weight:bold;text-align:left;margin:0px;padding:0px;}
#copyright #copyCon dl dd{width:120px;height:25px;line-height:25px;text-align:left;margin:0px;padding:0px;color:#BABABA;}
#copyright #copyCon dl dd a{width:120px;height:2rem;line-height:2rem;text-align:left;margin:0px;padding:0px;color:#BABABA;}
#copyright #copyCon #erweima{background:url(../images/erweima_gzh.gif) 180px 15px no-repeat;background-size:140px 140px;width:320px;height:190px;text-align:left;float:right;}
#copyright #copyCon #erweima dt{width:180px;}
#copyright #copyCon #erweima dd{width:180px;}

#copyTxt{background:#0B1E2C;width:100%;height:3rem;line-height:3rem;color:#BABABA;text-align:center;margin:0 auto;}
#copyTxt p{width:100%;height:3rem;line-height:3rem;color:#BABABA;text-align:center;margin:0 auto;}
#copyTxt a{color:#BABABA;}
#copyTxt span{display:none}

#copyright_two{background:#666666;width:100%;height:60px;overflow:hidden}
#copyright_two > #CRT_CON{width:1200px;height:60px;line-height:60px;color:#ffffff;font-size:14px;text-transform:uppercase;overflow:hidden}
#copyright_two > #CRT_CON a{color:#ffffff;font-size:14px;text-transform:uppercase;}
#copyright_two > #CRT_CON > #left{width:800px;height:60px;line-height:60px;color:#ffffff;font-size:14px;float:left;overflow:hidden}
#copyright_two > #CRT_CON > #left a{color:#ffffff;font-size:14px;font-family:微软雅黑, 'Microsoft Yahei', Arial, Helvetica, sans-serif,Verdana;}
#copyright_two > #CRT_CON > #right{width:400px;height:60px;line-height:60px;color:#ffffff;font-size:14px;float:right;overflow:hidden}

#mobbottom{display:none}
/*底部版权end*/

/* 网页内容css */
#NyBody{width:94%;max-width:1560px;height:auto;margin:0px auto;margin-top:30px;overflow:hidden}
#NyBody .Content_Con{width:100%;height:auto;line-height:180%;margin:20px auto;text-align:left;overflow:hidden}
#NyBody .Content_Con > #seoprice{width:898px !important;width:900px;height:auto;border:1px #dcdcdc solid;float:left;margin-top:15px;margin-bottom:30px;overflow:hidden}
#NyBody .Content_Con > #seoprice dt{width:284px !important;width:300px;height:65px;line-height:200%;border-right:1px #dcdcdc solid;border-bottom:1px #dcdcdc solid;padding-left:15px;padding-top:10px;float:left;overflow:hidden}
#NyBody .Content_Con > #seoprice dd{width:583px !important;width:598px;height:65px;line-height:200%;border-bottom:1px #dcdcdc solid;padding-left:15px;padding-top:10px;float:left;overflow:hidden}
#NyBody .Content_Con > #seoprice #lastdd{width:883px !important;width:898px;height:45px;line-height:35px;border-bottom:0px;padding-left:15px;padding-top:10px;float:left;overflow:hidden}
#NyBody .Content_Con > #seoprocess{width:200px;height:auto;float:right;overflow:hidden}

#NyBody .Content_Con > #siteprice{width:1198px !important;width:1200px;height:auto;border:1px #dcdcdc solid;float:left;margin-top:15px;margin-bottom:30px;overflow:hidden}
#NyBody .Content_Con > #siteprice dt{width:1198px;height:45px;line-height:45px;border-bottom:1px #dcdcdc solid;padding-left:15px;font-size:18px;color:#cc2200;float:left;overflow:hidden}
#NyBody .Content_Con > #siteprice dd{width:1158px !important;width:1198px;height:auto;line-height:25px;padding:20px;float:left;overflow:hidden}
#NyBody .Content_Con > #siteprice dd span{background:url(../images/pic_yes2.gif) left center no-repeat;width:auto;padding-left:25px;height:35px;line-height:35px;display:block;font-weight:bold;overflow:hidden}
#NyBody .Content_Con > #siteprice #lastdd{width:883px !important;width:898px;height:45px;line-height:35px;border-bottom:0px;padding-left:15px;padding-top:10px;float:left;overflow:hidden}

#NyBody .Content_Con > #Cases{width:100%;height:auto;margin:20px auto;overflow:hidden}
#NyBody .Content_Con > #Cases > dl{width:352px;height:350px;float:left;margin-right:71px;margin-bottom:30px;overflow:hidden}
#NyBody .Content_Con > #Cases > dl:hover{width:352px;height:348px !important;height:350px;float:left;margin-right:71px;margin-bottom:30px;position:relative;border-bottom:2px #ff6600 solid;overflow:hidden}
#NyBody .Content_Con > #Cases > dl img{width:350px !important;width:352px;height:280px;border:1px #dcdcdc solid;}
#NyBody .Content_Con > #Cases > dl dt{width:352px;height:35px;line-height:45px;font-size:18px;color:#cc2200;margin:0 auto;overflow:hidden}
#NyBody .Content_Con > #Cases > dl dd{width:352px;height:25px;line-height:25px;margin:0 auto;overflow:hidden}
#NyBody .Content_Con > #Cases > dl > span{display:none}
#NyBody .Content_Con > #Cases > dl:hover > span{background:#000000;filter:alpha(opacity = 50);opacity:0.5;width:330px !important;width:350px;padding:5px 10px 5px 10px;height:auto;line-height:25px;display:block;color:#ffffff;position:absolute;z-index:99;left:1px;bottom:67px;overflow:hidden}
#NyBody .Content_Con > #Cases > #lastdl{width:350px;height:340px;float:left;margin-right:0px;margin-bottom:30px;overflow:hidden}

#NyBody .Content_Con > #Cases > #caseclass{width:100%;height:auto;margin:0px auto;overflow:hidden}
#NyBody .Content_Con > #Cases > #caseclass ul{width:100%;height:auto;overflow:hidden}
#NyBody .Content_Con > #Cases > #caseclass ul li{width:auto;height:40px;float:left;margin-right:20px;overflow:hidden}
#NyBody .Content_Con > #Cases > #caseclass ul li a{width:auto;height:38px !important;height:40px;line-height:38px;padding-left:20px;padding-right:20px;display:block;margin-right:20px;border:1px #dcdcdc solid;overflow:hidden}

#CaseBody{background:#000000;width:100%;margin-top:0px;height:auto;padding-bottom:30px;overflow:hidden}
#CaseBody #CB_Con{width:90%;max-width:1560px;height:auto;margin:0 auto;display:table;overflow:hidden}
#CaseBody #CB_Con > #Left{width:200px;height:auto;margin-right:100px;float:Left;z-index:1000;display:table-cell;overflow:hidden}
#CaseBody #CB_Con > #Left > #title{background:#0278C2;width:200px;height:45px;line-height:45px;color:#ffffff;text-align:center;margin-top:30px;overflow:hidden}
#CaseBody #CB_Con > #Left > #content{width:200px;height:auto;margin-top:10px;overflow:hidden}
#CaseBody #CB_Con > #Left > #content ul{width:200px;height:auto;overflow:hidden}
#CaseBody #CB_Con > #Left > #content ul li{background:#ececec;width:200px;height:35px;line-height:35px;display:block;margin-bottom:3px;overflow:hidden}
#CaseBody #CB_Con > #Left > #content ul li a{width:170px;height:35px;line-height:35px;margin:0 auto;font-family:微软雅黑, 'Microsoft Yahei', Aria, Verdana;overflow:hidden;display:block}
#CaseBody #CB_Con > #Left > #chat_online{width:200px;height:auto;margin-top:10px;overflow:hidden}
#CaseBody #CB_Con > #Left > #chat_online img{width:200px;height:auto;border:0px;}
#CaseBody #CB_Con > #Left > #tel400{width:200px;height:auto;line-height:20px;font-size:18px;color:#ff0000;margin-top:15px;overflow:hidden}
#CaseBody #CB_Con > #Left > #tel400 span{font-size:24px;line-height:30px;color:#ff0000;}

#CaseBody #CB_Con > #Right{width:auto;height:auto;float:right;display:table-cell;overflow:hidden}
#CaseBody #CB_Con > #Right > #title{width:900px;height:35px;line-height:35px;font-size:18px;color:#ffffff;margin-top:30px; position:relative;}
#CaseBody #CB_Con > #Right > #title > #wappic{width:110px;height:160px; line-height:30px;position:absolute; top:0px;right:0;z-index:2;color:#ffffff;text-align:center;overflow:hidden}
#CaseBody #CB_Con > #Right > #title > #wappic img{width:110px;height:110px;border:0;}
#CaseBody #CB_Con > #Right > #title > #seopic{width:110px;height:160px; line-height:30px;position:absolute; top:0px;right:130px;z-index:2;color:#ffffff;text-align:center;overflow:hidden}
#CaseBody #CB_Con > #Right > #title > #seopic img{width:110px;height:110px;border:0;}
#CaseBody #CB_Con > #Right > #title > #seopic a{color:#ffffff}
#CaseBody #CB_Con > #Right > #content{width:900px;height:auto;line-height:25px;font-size:14px;color:#ffffff;font-family:微软雅黑, 'Microsoft Yahei', Aria, Verdana;overflow:hidden}
#CaseBody #CB_Con > #Right > #content img{max-width:900px;height:auto;margin-top:20px;margin-bottom:20px;border:0;}
#CaseBody #CB_Con > #Right > #content a, #CaseBody #CB_Con > #Right > #content span, #CaseBody #CB_Con > #Right > #content p{font-size:14px;color:#ffffff;font-family:微软雅黑, 'Microsoft Yahei', Aria, Verdana;}
#CaseBody #CB_Con > #Right > #content #seojs{background:#ececec;width:860px !important;width:900px;height:auto;line-height:25px;font-size:14px;color:#333333;font-family:微软雅黑, 'Microsoft Yahei', Aria, Verdana;margin:30px auto;padding:20px;overflow:hidden}
#CaseBody #CB_Con > #Right > #content #seojs span{color:#cc2200;font-weight:bold}
#CaseBody #CB_Con > #Right > #content #seojs span > a {color:#ff6600;font-weight:bold}

/*固定的悬浮窗*/
#chatonline{width:3.6rem;height:auto;position:fixed;z-index:99;right:1rem;top:10rem;}
#chatonline ul{width:100%;height:auto;}
#chatonline ul li{background:#0084D6;width:3.2rem;height:3.2rem;border-radius:1.8rem;margin:0.3rem auto;display:block;position:relative}
#chatonline ul li a > img,#chatonline ul li > img{width:auto;height:1.6rem;margin-left:0.8rem;margin-top:0.8rem;vertical-align:middle}
#chatonline ul li a{color:#fff;}
#chatonline span{display:none}
#chatonline ul li:hover span,#chatonline span:hover{position:absolute;z-index:100;top:0;right:3.2rem;width:auto;height:auto;min-height:3.2rem;line-HEIGHT:3.2rem;display:block;white-space:pre;}
#chatonline ul li span > img{width:20px;height:auto;display:inline-block;margin:0;vertical-align:top;top:0;}
#chatonline ul li span > font{background:#0084D6;padding-left:1rem;padding-right:1rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */color:#fff;display:inline-block;margin:0;border-radius:5px;}
#chatonline ul li.silverli{background:#666;}
#chatonline ul li span > font.silverli{background:#666}
#chatonline ul li.orangeli{background:#ff6600;}
#chatonline ul li span > font.orangeli{background:#ff6600}
#chatonline ul li.greenli{background:#31A918;}
#chatonline ul li span > font.greenli{background:#31A918}
#chatonline ul li.lightgreenli{background:#28D368;}
#chatonline ul li span > font.lightgreenli{background:#28D368}

@media screen and (max-width: 960px) {
#sitetop{display:none}

#webtop{background:#ffffff;width:100%;height:3.6rem;margin:0 auto;z-index:1000;border-bottom:1px #f1f1f1 solid}
#webtop #logomenu{width:100%;height:3.6rem;margin:0 auto; position:relative}
#webtop #logomenu #logo{width:auto;height:3.6rem;text-align:left;float:left;overflow:hidden}
#webtop #logomenu #logo img{width:auto;height:2rem;margin-top:0.6rem;margin-left:1rem;}

#webtop #logomenu #catapng{width:30%;height:auto;text-align:right;float:right;display:block;}
#webtop #logomenu #catapng img{height:1.4rem;margin-right:1rem;margin-top:1.1rem;float:right;overflow:hidden}

#webtop #logomenu #menu{display:none}

#MobMenu{width:100%;height:auto;margin:0;margin:0 auto;position:fixed;z-index:99999;left:0;top:3.6rem;}
#MobMenu ul{width:100%;height:auto;margin:0;padding:0;overflow:hidden;}
#MobMenu ul li{background:#1c2333;border-bottom:solid 1px #2C364B;}
#MobMenu ul li:hover{background:#052C7C;border-bottom:solid 1px #2C364B;}
#MobMenu ul li a{background:#1c2333;color:#ffffff;height:2.5em;line-height:2.5em;border-bottom:solid 1px #2C364B;display:block;text-align:center;position: relative;}
#MobMenu > ul > li > .inactive{background:url(../images/mobi/off.png) no-repeat center right 2.5em;height:2.5em;line-height:2.5em;}
#MobMenu > ul > li > .inactives{background:url(../images/mobi/on.png) no-repeat center right 2.5em;height:2.5em;line-height:2.5em;} 
#MobMenu #noneusetop{width:0px;height:0px;overflow:hidden;border:0px;display:none;}
#MobMenu #noneusetop a{width:0px;height:0px;overflow:hidden;border:0px}
#MobMenu ul li ul{display: none;}
#MobMenu ul li ul li { border-left:0; border-right:0; background-color:#dcdcdc;border-bottom:1px #B9B9B9 solid;}
#MobMenu ul li ul li:hover{color:#ffffff}
#MobMenu ul li ul li ul{display: none;}
#MobMenu ul li ul li a{ color:#1c2333;padding-left:0px;}
#MobMenu ul li ul li a:hover{ color:#ffffff;padding-left:0px;}
#MobMenu ul li ul li ul li { background-color:#dcdcdc;}
#MobMenu #last{border-bottom:0px !important;border-bottom:0px;}
#MobMenu .secmenu{border-bottom:0px;color:000000;}
#MobMenu ul li ul li ul li a{ color:#1c2333; padding-left:30px;}

#banner{background:#ffffff;width:100%;aspect-ratio: 5/2.5;overflow:hidden;position:relative;margin:0 auto;}
#banner img{width:auto;height:auto;border:0;}
#banner h2{width:100%;height:3rem;line-height:3rem;font-size:1.5rem;text-align:center;overflow:hidden;position:absolute;z-index:9;left:0%;top:2rem;}
#banner span{width:100%;height:auto;line-height:2rem;text-align:center;overflow:hidden;position:absolute;z-index:9;color:#ffffff;font-size:1rem;left:0%;top:5rem;}

#contentbody{width:100%;height:auto;margin:0.5rem auto;margin-bottom:1rem;overflow:hidden}
#contentbody > #left{width:100%;height:auto;margin:0 auto;overflow:hidden}
#contentbody > #left #AboutTitle{display:none}
#contentbody > #left #AboutCon{width:96%;height:auto;margin-top:0;margin:0 auto;font-size:14px;line-height:1.6rem;text-align:left;overflow:hidden}
#contentbody > #left #AboutCon #nynewstitle{width:100%;height:auto;line-height:1.2rem;color:#cc0000;font-size:1rem;text-align:left;margin:0 auto;overflow:hidden}
#contentbody > #left #AboutCon #nynewscon{width:100%;height:auto;line-height:1.5rem;text-align:left;margin:0 auto;padding-top:0.5rem;padding-bottom:0.5rem;overflow:hidden}
#contentbody > #right{width:0px;height:0px;display:none;overflow:hidden}

#contentbody > #left #ViewNews{width:100%;height:auto;margin:0 auto;line-height:150%;font-size:14px;overflow:hidden}
#contentbody > #left #ViewNews img{max-width:100%;height:auto;overflow:hidden}
#contentbody > #left #ViewNews #ViewNewsTitle{width:96%;height:auto;line-height:1.5rem;text-align:left;font-size:18px;color:#004D89;border:0;margin:0.5rem auto;overflow:hidden}
#contentbody > #left #ViewNews #ViewNewsTitle h1{font-size:1.2rem;LINE-HEIGHT:150%;text-align:left;color:#004D89;}
#contentbody > #left #ViewNews #ViewNewsTitle h1 a{font-size:1.2rem;LINE-HEIGHT:150%;color:#004D89;}
#contentbody > #left #ViewNews #newsContent{width:96%;HEIGHT:auto;margin:0 auto;LINE-HEIGHT:180%;}

#contentbody > #left #ViewNews #articleStatement img{width:30%;height:auto;margin:auto 35%;margin-bottom:1rem;display:block;}

#contentbody > #left #ViewNews #nynewsfb{background:#f1f1f1;width:100%;height:2.5rem;line-height:2.5rem;font-size:0.8rem;color:#666;text-align:center;margin:0.5rem auto;border:0;overflow:hidden}
#contentbody > #left #ViewNews #nynewsshare{background:#f1f1f1;width:100%;height:35px;line-height:35px;font-size:14px;text-align:center;margin:0 auto;margin-top:30px;margin-bottom:20px;border:0;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}

#contentbody > #left #tlnews{width:100%;height:auto;border:0;margin:1rem auto;overflow:hidden;}
#contentbody > #left #tlnews > #tl_newstitle{background:#F4F5F6;width:100%;height:2.4rem;line-height:2.4rem;font-size:1rem;color:#004D89;padding-left:10px;margin:0 auto;border-bottom:1px #ececec solid;overflow:hidden;}
#contentbody > #left #tlnews > #tl_newscon{width:100%;height:auto;margin:0 auto;overflow:hidden}
#contentbody > #left #tlnews > #tl_newscon ul{width:100%;height:auto;margin:10px auto;padding:0;overflow:hidden}
#contentbody > #left #tlnews > #tl_newscon ul li{width:96%;height:28px;line-height:28px;margin:auto 2%;color:#999999;padding-left:2%;display:list-item;list-style-type:disc;list-style-position:inside;float:left;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
#contentbody > #left #tlnews > #tl_newscon ul li a{font-size:14px;}

.citiaoclass{width:96%;height:auto;margin:auto 2%;overflow:hidden}

#mobans{width:96%;height:auto;margin:0 auto;overflow:hidden}
#mobans ul li{width:100%;margin-left:0%;margin-right:0%;margin-bottom:2rem;}

/*底部版权start*/
#copyright{display:none;}

#copyTxt p{display:none}
#copyTxt a{color:#BABABA;}
#copyTxt span{display:block;color:#BABABA;height:3rem;line-height:3rem;}

#mobbottom{background:#18448D;width:100%;height:4em;position:_fixed;position:fixed;left:0px;bottom:0px;z-index:10;margin:0;padding:0;}
#mobbottom > ul{width:100%;height:4em;margin:0px;padding:0px;overflow:hidden}
#mobbottom > ul > li{ position:relative;width:20%;height:4.5em;color:#ffffff;font-size:0.9em;line-height:100%;text-align:center;margin:0;padding:0;float:left;overflow:hidden}
#mobbottom > ul > li > a{width:100%;height:4em;color:#ffffff;font-size:1em;font-family:微软雅黑,Microsoft YaHei,宋体,黑体,Arial,Helvetica,sans-serif;line-height:100%;text-align:center;text-decoration:none;display:block;overflow:hidden;}
#mobbottom > ul > li > a:hover{background: #666666;width:100%;height:4em;color:#ffffff;font-size:1em;line-height:100%;text-align:center;display:block;overflow:hidden;}
#mobbottom > ul > li img{width:auto;height:1.5em;border:0px;margin-top:0.8em;margin-bottom:0.2em;text-align:center;}

#mobbottom #bottomclass{position:absolute;width:50%;left:0;bottom:4.5em;height:auto;margin:0 auto;z-index:1008;}
#mobbottom #bottomclass > ul > li{background:#18448e;width:100%;position:relative;left:0;bottom:0;border-bottom:solid 1px #316a91;display:block;z-index:1009;}
#mobbottom #bottomclass > ul > li a{background:#18448e;padding-left:1.5em;width:100%;position:relative;left:0;bottom:0;color:#ffffff;height:2.5em;line-height:2.5em;font-size:1.2em;font-family:微软雅黑,Arial,Verdana,Helvetica, sans-serif;display:block;line-height: 36px;}
#mobbottom #bottomclass > ul > li > .inactive{background:url(../images/off.png) no-repeat center right 2.5em;height:2.5em;line-height:2.5em;}
#mobbottom #bottomclass > ul > li > .inactives{background:url(../images/on.png) no-repeat center right 2.5em;height:2.5em;line-height:2.5em;} 
#mobbottom #bottomclass #noneuse{width:0px;height:0px;overflow:hidden}
#mobbottom #bottomclass ul li > ul{width:100%;height:auto;margin:0px;padding:0px;overflow:hidden;display: none;}
#mobbottom #bottomclass ul li ul li {width:100%;height:2.5em;line-height:2em;border-left:0; border-right:0;display:block}
#mobbottom #bottomclass ul li ul li a{background:#6196bb;padding-left:1.5em;height:2.5em;line-height:2em;border-bottom:1 solid #467ca2;display:block}
#mobbottom #bottomclass ul li ul li ul{display: none;}
#mobbottom #bottomclass ul li ul li ul li { background-color:#dcdcdc; border-color:#6196bb; }
#mobbottom .last{ background-color:#d6e6f1; border-color:#6196bb; }
#mobbottom .secmenu{background-color:#dcdcdc;color:000000; border:1px solid #6196bb; }
#mobbottom #bottomclass ul li ul li ul li a{ color:#316a91; padding-left:30px;}
/*底部版权end*/

.yb_conct{display:none}
}

/* 全局重置 & 基础样式 */

        .container {
            width: 94%;
            max-width:1440px;
            margin: 0 auto;
            padding: 0 15px;
        }
        .btn {
            display: inline-block;
            padding: 12px 24px;
            border-radius: 4px;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        /* 颜色变量 */
        :root {
            --primary: #165DFF;
            --secondary: #FF7D00;
            --dark: #333;
            --light: #F5F7FA;
            --gray: #666;
            --light-gray: #eee;
        }

        /* 头部导航 */
        header {
            position: sticky;
            top: 0;
            z-index: 999;
            background: #fff;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }
        .header-inner {
            height: 80px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .logo {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .logo .name {
            font-size: 24px;
            font-weight: bold;
            color: var(--primary);
        }
        .logo .domain {
            font-size: 14px;
            color: #999;
        }
        /* 桌面导航 */
        .nav-pc {
            display: flex;
            gap: 24px;
        }
        .nav-pc a {
            padding: 8px 12px;
            font-weight: 500;
            transition: color 0.3s;
        }
        .nav-pc a.active {
            color: var(--primary);
            border-bottom: 3px solid var(--primary);
        }
        .nav-pc a:hover {
            color: var(--primary);
        }
        /* 移动端菜单按钮 */
        .menu-btn {
            display: none;
            font-size: 20px;
            cursor: pointer;
        }
        /* 移动端导航 */
        .nav-mobile {
            display: none;
            position: absolute;
            left: 0;
            top: 80px;
            width: 100%;
            background: #fff;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            padding: 15px;
        }
        .nav-mobile.show {
            display: block;
        }
        .nav-mobile a {
            display: block;
            padding: 8px 12px;
            margin: 4px 0;
        }
        .nav-mobile a:hover {
            color: var(--primary);
        }

        /* 轮播区域 */
        .banner-slider {
            position: relative;
            overflow: hidden;
            height: 300px;
        }
        .slider-container {
            display: flex;
            height: 100%;
            transition: transform 0.6s ease;
        }
        .slider-item {
            min-width: 100%;
            height: 100%;
            position: relative;
            display: flex;
            align-items: center;
        }
        .slider-item .bg-img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            opacity: 0.3;
            z-index: 1;
        }
        .slider-item .content {
            position: relative;
            z-index: 2;
            color: #fff;
        }
        .slider-item h2 {
            font-size: 32px;
            margin-bottom: 16px;
        }
        .slider-item p {
            font-size: 18px;
            margin-bottom: 24px;
            opacity: 0.9;
            max-width: 600px;
        }
        .btn-primary {
            background: var(--secondary);
            color: #fff;
        }
        .btn-primary:hover {
            background: rgba(255, 125, 0, 0.9);
        }
        .btn-white {
            background: #fff;
            color: var(--primary);
        }
        .btn-white:hover {
            background: #f1f1f1;
        }
        /* 轮播左右按钮 */
        .slider-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: rgba(0,0,0,0.2);
            color: #fff;
            border: none;
            font-size: 18px;
            cursor: pointer;
            z-index: 10;
            transition: background 0.3s;
        }
        .slider-btn:hover {
            background: rgba(0,0,0,0.5);
        }
        .prev-btn {
            left: 20px;
        }
        .next-btn {
            right: 20px;
        }
        /* 轮播圆点 */
        .dots-box {
            position: absolute;
            left: 50%;
            bottom: 24px;
            transform: translateX(-50%);
            display: flex;
            gap: 12px;
            z-index: 10;
        }
        .dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255,255,255,0.5);
            cursor: pointer;
            transition: all 0.3s;
        }
        .dot.active {
            background: #fff;
            transform: scale(1.2);
        }

        /* 通用区块样式 */
        .section {
            padding: 80px 0;
        }
        .section-bg {
            background-color: var(--light);
        }
        .section-title {
            text-align: center;
            margin-bottom: 60px;
        }
        .section-title h3 {
            font-size: 30px;
            margin-bottom: 12px;
        }
        .section-title p {
            color: var(--gray);
            max-width: 600px;
            margin: 0 auto;
        }

        /* 服务模块 */
        .service-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px;
        }
        .service-item {
            background: #fff;
            padding: 40px 20px;
            text-align: center;
            border-radius: 8px;
            transition: all 0.3s ease;
        }
        .service-item:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .service-icon {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            background: rgba(22, 93, 255, 0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 24px;
        }
        .service-icon i {
            font-size: 24px;
            color: var(--primary);
        }
        .service-item h4 {
            font-size: 20px;
            margin-bottom: 12px;
        }
        .service-item p {
            color: var(--gray);
        }

        /* 套餐模块 */
        .package-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px;
        }
        .package-item {
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        .package-item:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .package-item.recommend {
            border: 2px solid var(--secondary);
            position: relative;
        }
        .recommend-tag {
            position: absolute;
            top: 0;
            right: 0;
            background: var(--secondary);
            color: #fff;
            font-size: 14px;
            padding: 4px 12px;
        }
        .package-head {
            padding: 20px;
            text-align: center;
            color: #fff;
        }
        .package-head.blue {
            background: var(--primary);
        }
        .package-head.orange {
            background: var(--secondary);
        }
        .package-head h4 {
            font-size: 20px;
            margin-bottom: 8px;
        }
        .package-price {
            font-size: 24px;
            font-weight: bold;
        }
        .package-body {
            padding: 24px;
			LINE-HEIGHT:2.8rem;
        }
        .package-body li {
            padding: 6px 0;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .package-body li i {
            color: var(--primary);
        }
        .package-item.recommend .package-body li i {
            color: var(--secondary);
        }
        .package-btn {
            display: block;
            text-align: center;
            margin-top: 24px;
            padding: 8px;
            border-radius: 4px;
            color: #fff;
            background: var(--primary);
            transition: background 0.3s;
        }
        .package-btn.orange {
            background: var(--secondary);
        }
        .package-btn:hover {
            background: rgba(22, 93, 255, 0.9);
        }
        .package-btn.orange:hover {
            background: rgba(255, 125, 0, 0.9);
        }

        /* 邮箱套餐 */
        .email-item {
            background: #fff;
            padding: 24px;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
        }
        .email-item:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .email-item.recommend {
            border: 2px solid var(--secondary);
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        }
        .email-top {
            text-align: center;
            margin-bottom: 24px;
        }
        .email-top i {
            font-size: 36px;
            color: var(--primary);
            margin-bottom: 16px;
        }
        .email-item.recommend .email-top i {
            color: var(--secondary);
        }
        .email-top h4 {
            font-size: 20px;
            margin-bottom: 8px;
        }
        .email-price {
            font-size: 24px;
            font-weight: bold;
            color: var(--primary);
            margin-bottom: 4px;
        }
        .email-item.recommend .email-price {
            color: var(--secondary);
        }
        .email-desc {
            color: #999;
            font-size: 14px;
        }
        .email-list li {
            padding: 4px 0;
            font-size: 14px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .email-list li i {
            color: var(--primary);
        }
        .email-item.recommend .email-list li i {
            color: var(--secondary);
        }
        .email-btn {
            display: block;
            text-align: center;
            margin-top: 24px;
            padding: 8px;
            border: 1px solid var(--primary);
            color: var(--primary);
            border-radius: 4px;
            transition: all 0.3s;
        }
        .email-btn:hover {
            background: var(--primary);
            color: #fff;
        }

        /* 公司简介 */
        .about-wrap {
            display: flex;
            align-items: center;
            gap: 40px;
        }
        .about-img, .about-text {
            flex: 1;
        }
        .about-img img {
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }
        .about-text h3 {
            font-size: 30px;
            margin-bottom: 20px;
        }
        .about-text p {
            color: var(--gray);
            margin-bottom: 16px;
        }
        .about-btn {
            display: inline-block;
            margin-top: 10px;
            padding: 10px 24px;
            background: var(--primary);
            color: #fff;
            border-radius: 4px;
            transition: background 0.3s;
        }
        .about-btn:hover {
            background: rgba(22, 93, 255, 0.9);
        }
		
/* 案例调用卡片 */
.case-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.case-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
}
.case-img {
    height: auto;
    background: #cbdbe9;
    background-image: linear-gradient(135deg, #accbe1, #d4e3f0);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1f3a5f;
    font-weight: 600;
    font-size: 1.2rem;
}
.case-img img{width:100%;aspect-ratio:5 / 4;}
.case-info {
    padding: 18px;
}
.case-info h4 {
    color: #0b2b42;
}		

        /* 企业优势 */
        .advantage-wrap {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
        }
        .advantage-item {
            text-align: center;
            padding: 24px;
        }
        .advantage-icon {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: #fff;
            box-shadow: 0 2px 6px rgba(0,0,0,0.05);
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 16px;
        }
        .advantage-icon i {
            font-size: 22px;
            color: var(--primary);
        }
        .advantage-item h4 {
            font-size: 18px;
            margin-bottom: 8px;
        }
        .advantage-item p {
            color: var(--gray);
            font-size: 14px;
        }

        /* 资讯列表 */
        .news-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px;
        }
        .news-item {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
        }
        .news-item:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .news-img {
            height: 192px;
            overflow: hidden;
        }
        .news-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .news-text {
            padding: 20px;
        }
        .news-text h4 {
            font-size: 18px;
            margin-bottom: 12px;
        }
        .news-text h4 a:hover {
            color: var(--primary);
        }
        .news-text p {
            color: var(--gray);
            font-size: 14px;
            margin-bottom: 12px;
        }
        .news-more {
            font-size: 14px;
            color: var(--primary);
        }

        /* 联系方式 */
        .contact-wrap {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 32px;
            max-width: 100%;
            margin: 0 auto;
        }
        .contact-item {
            background: #fff;
            padding: 30px 20px;
            text-align: center;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        .contact-item i {
            font-size: 32px;
            color: var(--primary);
            margin-bottom: 16px;
        }
        .contact-item h4 {
            margin-bottom: 8px;
        }
        .contact-item p {
            color: var(--gray);
        }

        /* 页脚 */
        footer {
            background: var(--dark);
            color: #fff;
            padding: 40px 0;
        }
        .footer-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
        }
        .footer-left h4 {
            font-size: 20px;
            margin-bottom: 8px;
        }
        .footer-left p {
            color: #aaa;
            font-size: 14px;
        }
        .footer-right a {
            color: #aaa;
            font-size: 20px;
            margin-left: 16px;
            transition: color 0.3s;
        }
        .footer-right a:hover {
            color: #fff;
        }
        .footer-copyright {
            margin-top: 30px;
            padding-top: 20px;
            border-top: 1px solid #444;
            text-align: center;
            color: #aaa;
            font-size: 14px;
        }
		.footer-copyright a{color: #aaa;font-size: 14px;}

        /* 响应式适配 */
        @media (max-width: 992px) {
            .service-list,
            .package-list,
            .news-list {
                grid-template-columns: repeat(2, 1fr);
            }
            .advantage-wrap {
                grid-template-columns: repeat(2, 1fr);
            }
            .about-wrap {
                flex-direction: column;
            }
        }
        @media (max-width: 768px) {
            .nav-pc {
                display: none;
            }
            .menu-btn {
                display: block;
            }
            .banner-slider {
                height: 300px;
            }
            .service-list,
            .package-list,
            .news-list,
            .contact-wrap {
                grid-template-columns: 1fr;
            }
            .advantage-wrap {
                grid-template-columns: 1fr;
            }
            .section {
                padding: 50px 0;
            }
            .slider-item h2 {
                font-size: 24px;
            }
        }

/* 占位图片/二维码简单模拟 */
.fake-qr {
    background: #1a2e44;
    color: #fff;
    padding: 5px;
    font-size: 0.7rem;
    text-align: center;
}
