body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd {
	margin:0;
	padding:0;
}
div,ul,h1,h2,h3,h4,h5,h6 {
	box-sizing:border-box;
}
ul,ol,li {
	list-style:none;
}
img {
	max-width:100%;
}
a {
	color:#223645;
}
a:hover {
	color:#fd0406;
	text-decoration: none;
}
button,input,textarea {
	letter-spacing:.5px;
	outline:none;
}
html,body {
	background:#fff;
}
body {
	font-size:20px;
	line-height:1.5;
	font-family:"Microsoft YaHei",Arial,sans-serif;
	letter-spacing:.1px;
	width:100%;
	overflow-x:hidden;
	color: #666;
}
.topbar { padding:0.5rem 0;}

.top-iconbox { position: relative; border-right:0.05rem solid #f2f2f2; }
.top-iconbox dt { display: inline-block;}
.top-iconbox dt h4{ font-size: 0.9rem; font-weight: bold; }
.top-iconbox dt p{font-size: 0.8rem;  font-weight: normal;}
.top-iconbox dd { display: inline-block; }
.top-iconbox dd i { font-size:2rem; color: #fd0406; }
.header {     }
.navbar { padding: 0; background: #fff; }
.navbar dd { padding:0 0 0.5rem; font-size: 1rem; margin:0.5rem 1rem 0;display: inline-block;  }
.navbar dd a {color: #fff; }
.navbar dd a:hover { color:#fff; font-weight: bold;}
.navbar .dropdown-menu { transition: all .4s ease; left:-100%; top: 115%; min-width: 10rem; border-top: 0.2rem solid #fd0406 ; border-radius: 0; }
.navbar .dropdown-menu li a { color: #999;  }
.navbar .dropdown-menu li a:hover { color:#fd0406 ;  text-indent: 0.5em;  }
.navbar dt { margin: 0.5rem 1.5rem; }
.navbar dt a { background: #f5f5f5; border-radius: 1rem; font-size:1rem;color:#666; line-height: 1rem; padding:0.3rem 1rem; font-weight: normal;}
.navbar-toggler-icon { color: #fff; }

.navbar dt form { position: relative;  color:#fff;  padding:0.3rem 0.5rem;  background: #f5f5f5;border-radius: 0.3rem; font-size:0.8rem;}
.navbar dt input { display: inline-block;width: 4rem; border: none;  background:#f5f5f5; }
.navbar dt button {position: absolute; right: 0; text-align: right ; display: inline-block; border: none; background: #f5f5f5; }


@media (max-width:1140px ) and (min-width:960px)  { 
.navbar dd { margin: 0.5rem 1rem 0; }
}

@media (max-width:767px  )   {
.navbar-collapse   {  background: #fd0406; }
.navbar dd a { color: #fff; }
.navbar dd  { border-bottom: 0.05rem solid #fff ; }
.navbar .dropdown-menu { background: transparent; }
.navbar dd li a {border-bottom: 0.05rem solid #fff ;}
.dropdown-menu { border: none; }
.navbar dt button  { width: auto; }
.carousel-caption   {   display: none;           }
}



.ad-banner  {}
.crumbs { font-size: 0.8rem; line-height: 1.2rem;height: 1.2rem;color: #c9c9c9;}
.crumbs a { color: #c9c9c9; }
.crumbs a:hover { color:#fd0406; }

.art-header  { border-bottom: 0.05rem solid #f2f2f2;padding: 1rem 0; }
.art-header  h1 { font-size: 2rem; font-weight: bold; line-height: 3rem;margin: 0 0 1rem; }
.art-header  p { color: #888; line-height: 2rem; font-size: 0.9rem; }
.art-header  i { margin: 0 0 0 1rem; }

.art-header .readtime{ float: right; }
@media ( max-width:575px)  {
.readtime  { display: none; }	
}
.art-content { font-size: 1rem; min-height: 20rem; }
.art-content  p{margin-bottom:1.5rem;max-width:100%;}
.art-content h2 {
	font-size:1.5rem;
	margin-bottom:0.5rem;
	font-weight: bold;
}
.art-content h3 {
	font-size:1.4rem;
	margin-bottom:0.5rem;
	font-weight: bold;
}

.art-content h4 {
	color:#333;
	font-size:1.3rem;
	line-height:1.5rem;
	margin-bottom:1.5rem;
	font-weight: bold;
}
.art-content h5 {
	font-weight: bold;
	font-size:1.2rem;
	margin-bottom:0.5rem;
}

.art-content ul {
	margin-bottom:1.5rem;
	margin-left:2.8em;
}
.art-content ul li {
	list-style:circle;
	margin-bottom:.5em
}
.art-content ol {
	list-style-type:decimal;
	margin:0 0 1.75em 3.1em;
	padding:0;
}
.art-content ol li {
	list-style-type:decimal;
}
.art-content .img-zoom {
	overflow:visible;
}
.art-content img {
	visibility:visible;
	opacity:1;
	transition:all .2s;
	height:auto;
	width:auto;
	transition:none;
	margin:0;
}
.art-content .aligncenter {
	margin:0 auto;
}
.art-content a {
	border-bottom:0.05rem solid #525252;
	word-break:break-all;
}
.art-content a:hover {
	border-bottom-color:transparent;
}

.art-content blockquote {
    margin: 0.5rem 0 0.5rem 0.5rem;
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
    padding-left: 15px;
    border-left: 0.15rem solid #f2f2f2;
    background-color:#fafafa;
	color:#888;
	position:relative;
}
.art-content blockquote::before {
	content:'';
	font-family:"fontello";
	font-style:normal;
	font-weight:normal;
	speak:none;
	text-decoration:inherit;
	font-size:1.7rem;
	color:#e7e7e7;
	width:1em;
	text-align:center;
	font-variant:normal;
	text-transform:none;
	display:block;
	position:absolute;
	left:0;
	top:0;
}

.archives {border-bottom: 0.05rem solid #f2f2f2; padding: 1rem;}
.archives h3 {width:30%;vertical-align: top; color: #ff6000; display: inline-block; font-size:1.2rem; line-height: 2rem;}
.archives ul {width:90%;display: inline-block; margin-left: 10%;}
.archives  li { position: relative; color: #888; list-style:disc; font-size: 1rem; line-height: 2rem; }
.archives li span {  margin-right: 5%;  }
.archives li p {  position: absolute; right: 0; top: 0; }

@media  (max-width:767px)    {
.archives li p {display: none;}
}

.art-tool { margin: 0 0 3rem; text-align: center; }
.art-tool i { font-size: 1.2rem; }
.art-zan {padding: 0.5rem 1rem; display: inline-block;background-image:linear-gradient(to right, #ff2a00, #ff8400) ; border-radius: 0.5rem;  }
a.art-zan   { color: #fff; font-size: 1rem; }
a.art-zan:hover { background-image:linear-gradient(to right, #ff8400,#ff2a00) ; }
.art-fav  { border:0.05rem solid #fd0406; display: inline-block; padding:0.55rem 1rem; border-radius: 0.5rem; color: #fd0406;margin: 0 1rem; }
a.art-fav  { color: #fd0406;font-size: 1rem; }
a.art-fav:hover { background: #fff5ef;color: #fd0406;    }



.art-pic {}
.art-info {}
.art-info dt {font-size: 1.2rem; line-height:3rem; }
.art-info dd { font-size: 1rem; line-height:3rem; border-bottom:0.05rem  solid  #2D4353;}
.art-info dd i { color: #fd0406; margin: 0 0.5rem 0 0; width: 1rem; font-size: 1.1rem; }
.art-info dd span {color: #888; margin: 0 0.5rem 0 0;}
.art-info dd strong {color:#000;}

.art-tags {padding: 1rem 0 0; margin: 0 0 2rem;border-top:0.05rem solid #f3f3f3  }
.art-tags h4{  font-size: 1rem; line-height: 2rem; color: #888; margin: 0 0 1rem;  }
.art-tags ul { overflow: hidden;   }
.art-tags li { display: inline-block;  }
.art-tags li a {  background: #f7f7f7; color: #888; white-space: nowrap; border-radius: 0.1rem; padding: 0.25rem 0.5rem; font-size: 0.8rem; margin: 0 0.5rem 0 0; }
.art-tags li a:hover {  background:#fd0406;color:#fff;}
.art-prenext { border:0.05rem solid #f3f3f3; }
.art-prenext li { font-weight: bold;  padding:2%; display: inline-block; width:46%;font-size: 1rem;}
.art-prenext li a { font-size: 1rem;  font-weight: normal; }
.art-relate {  }
.art-relate h3 { font-size: 1.1rem; font-weight: bold; margin: 0 0 1rem;  }
.relate-block { overflow: hidden; margin:0 0 1.5rem;padding: 0; }
.relate-thumb {border-radius: 0.4rem; display: inline-block; width: 35%; margin: 0; float:left;}
.relate-content {display: inline-block; width: 60%; float:right;}
.relate-content h4{ font-size: 1rem; line-height: 1.5rem; padding:0 0 0.5rem; }
.relate-content p {  font-size: 0.8rem; color: #888; }





.art-tab {   }
.art-tab li {  display:block; width: 25%; text-align: center;  }
.art-tab li a{ font-size: 1rem; color: #888; background: #f9f9f9;display:block; padding: 0.5rem 0;  }
.art-tab li a:hover,.art-tab li a.active { background:#fd0406; color: #fff; }
.art-tab  .tab-content {  }
.art-tab  .tab-content li {  text-align: left; width: 100%; padding:1rem 0; border-bottom: dashed 0.05rem #f2f2f2; }
.art-tab  .tab-content li a {background: #fff;  padding: 0;   }
.art-tab  .tab-content li a:hover  {color:#fd0406; }
.art-tab  .tab-content li h4 { margin: 0 0 0.3rem; font-size: 1.2rem; line-height:1.8rem;  }
.art-tab  .tab-content li h4  a{ color:#000; font-weight: bold; }
.art-tab  .tab-content li p{text-indent: 2em;  font-size: 0.9rem;line-height:1.5rem; color:#a7a7a7;}
@media ( max-width:575px )  {
.art-tab  .tab-content li p { display: none; }
}

.list-ztheader { margin: 2rem 0 2rem; position: relative; }
.list-ztheader i { display: inline-block;font-size: 1.8rem; }
.list-ztheader h1 { font-weight: bold; font-size: 1.8rem;display: inline-block; margin:0 0 0.8rem;}
.list-ztheader p { color: #888; font-size: 0.9rem; }
.list-ztheader span { text-align: center; position: absolute; right:0.3rem; top: 0; font-size: 1rem; color: #888; }
.list-ztheader span strong { color: #fd0406; display:block;  font-size: 2.5rem; }

@media (max-width:575px) {
.list-ztheader span{   display: none;        }	
}


.zt-row { font-size:0.9rem;  background: #fff; border-radius: 0.2rem; padding: 2rem; }
.zt-row i { color: #fd0406; }
.zt-row a { color: #888; }


.list-cat a {  line-height: 2rem;padding: 1rem 0; display: inline-block; font-size: 1rem; font-weight: bold; }
.list-cat a.active  { border-bottom: 0.2rem solid #fd0406; color: #fd0406; }

.list-header {  }
.list-header i { display: inline-block;font-size:1.8rem;  }
.list-header h1 { display: inline-block; font-size:1.8rem; line-height: 3rem;  font-weight: bold; }
.list-header span { display: inline-block; font-size:1rem; color:#888;}
.list-notice { background: #fcfcfc; font-size:0.9rem; line-height: 1rem;padding:1rem;}
.list-notice a {color:#9b9b9b;}
.list-notice a:hover {color:#fd0406;}
.page-nav {  font-size: 0.9rem; }
.page-nav a {margin:0 0 0.5rem;display: inline-block; border:0.05rem solid #f3f3f3; background:#fff; text-align: center;  border-radius: 0.2rem; padding: 0.5rem 1rem; }
.page-nav a:hover { border: #fd0406 solid 0.05rem; color: #fd0406; background: #fffaf6;border-radius: 0.2rem;   }
.page-nav b{ background:#fd0406; color: #fff; padding: 0.5rem 1rem;border-radius: 0.2rem; }
.page-nav a b { border: none; }



.tags-header { text-align: center; }
.tags-header h1 { font-size:1.8rem; font-weight: bold;margin:0 0 1.2rem;}
.tags-header p { color: #888; font-size: 0.9rem; }

.tags-lable { background:#fff;border-radius: 0.2rem; }
.tags-lable a { background: #fff; padding: 1rem;display: block; margin:1rem 0 0; }
.tags-lable a:hover { margin:0.8rem 0 0; }
.tags-lable h3{ font-weight: bold; font-size: 1rem; margin: 0 0 0.8rem; border-radius: 0.2rem; height: 1.3rem; overflow: hidden; }
.tags-lable p {font-size: 0.9rem;color:#888;}

.tags-letter { margin: 1rem 0 ; border-bottom:0.05rem solid #f3f3f3; padding: 0 0 2rem;   }
.tags-letter a {color: #888;  display: inline-block; margin: 0 0.2rem 0.2rem;  border:0.05rem solid #f3f3f3; border-radius: 0.2rem; padding:0 0.5rem; }
.tags-letter a:hover { border: 0.05rem solid #fd0406;background: #fffaf6 ;color: #fd0406;}
.tags-letter span { font-size: 0.9rem; color: #888; }

@media (max-width:576px) {
.tags-letter span { display: block; text-align: center; line-height: 2rem; }
}

.tags-block {display:block; margin-bottom: 2rem;  }
.tags-alphabet { font-size: 2rem; font-family:Arial,Impact,Georgia; font-weight: bold; color:#666; width:3rem; }
.tags-content{font-size: 1rem; padding:0.5rem 0.5rem 0 ;border-left:0.4rem solid #f9f9f9;  }
.tags-content a { color: #888; background: #f9f9f9; padding: 0.3rem 0.5rem; margin: 0 0.5rem 0.5rem; display: inline-block; border-radius: 0.2rem;      }
.tags-content a:hover {background: #fd0406;    color: #fff; }
.tags-content a i {color:#fd0406;   }
.tags-content a:hover i {color: #fff;}


.tags-item {transition: all .2s;  background: #fff; border:0.05rem solid #f3f3f3; padding: 1.2rem 0.8rem; margin: 0 0 2rem;display: block;  }
.tags-item:hover  { margin: -0.5rem 0 0;border:0.05rem solid #fd0406; }
.tags-item h3{ height: 2.6rem; line-height: 1.3rem; overflow: hidden; font-size: 1.1rem; font-weight: bold;margin: 0 0 1rem; }
.tags-item p {  margin: 0 0 1rem;  }
.tags-item p img { border-radius: 0.4rem; }
.tags-item h5 {  font-size: 0.8rem; color: #bbb;  overflow: hidden;   }
.tags-item h5 a {color: #bbb;}
.tags-item h5 a:hover {color: #fd0406;}
.tags-item .tagcat{   }
.tags-item .tagtime{ float: right;  }


.page-title { border-bottom: 0.05rem solid #f2f2f2; }
.page-title h1 { color:#333; font-size: 2rem; font-weight: bold; text-align: center; margin: 0 0 2rem; }
.page-siderbar { position: fixed; top: 12rem;  border: 0.05rem solid #f2f2f2; background: #fff;  z-index: 55;  }
.page-siderbar li {  text-align: center; border-bottom: 0.05rem solid #f2f2f2; padding:0.5rem 2rem; }
.page-siderbar li a { font-size: 1rem; }
.page-siderbar li.active { background: #fafafa; border-right: 0.2rem solid #fd0406; }

@media (max-width:767px) {
.page-siderbar {display: none;}
}
.wrapper { background:#fff; position: relative;    }
.bg-fc { background: #fcfcfc; }
.bg-fff { background: #fff; }
.bg-pattern{ background:#fd0406 url(theme/img/header-bg.png) scroll repeat 0 0;  }
.slide { position: relative; }
.slide img {width:100%;}
.slide  .owl-dots { position: absolute; right:1rem; bottom:0; }
.slide  .owl-nav  {   }
.owl-nav button.owl-prev,.owl-nav button.owl-next  {width:2rem; height:2rem; border:2px solid;   font-size:1rem; line-height: 1rem; position: absolute; border-radius: 50%; transition: 
all .3s ease-out 0s; top:50%; left:0.5rem; margin-top:-1rem !important;}
.owl-nav button.owl-next {left:auto;right:0.5rem;}
.owl-nav button.owl-next:hover {  color: #fff; background: #fd0406; }
.owl-dots .owl-dot span { color: #fff; }
.owl-theme .owl-nav [class*=owl-]:hover   { background: #000; }


.zt-thumb {margin:0 0 1rem;}
.zt-thumb img {}

.zt-share {color:#bbb; font-size:0.9rem;}
.zt-share dd { display: inline-block;}
.zt-share dd i { font-size: 1.5rem; border-radius: 100%; padding: 0.3rem; border: 0.05rem solid #bbb;color: #bbb; }
.zt-share dt {  display: inline-block; font-weight: normal; }
.zt-content {}
.zt-content h1 { font-size: 1.8rem; font-weight: bold; margin: 0 0 1rem; }
.zt-content h4{color:#888; padding: 0 0 1rem; font-size: 0.9rem;border-bottom: 0.05rem solid #f3f3f3; }
.zt-content h4 span { font-weight: bold; font-size: 1.4rem;color: #fd0406; }
.zt-content p {color: #888; margin: 1rem 0; font-size: 0.9rem; line-height: 1.5rem; }

@media (max-width:575px) {
.zt-share {display: none;}
}

.dh-box {margin:0 0 1rem; border:0.05rem solid #f2f2f2;  box-sizing:border-box;box-shadow: 0.4rem 0.4rem 0.6rem #fafafa; padding:0.7rem 0.85rem 0;}
.dh-title { border-bottom:0.05rem solid #f2f2f2; margin: 0 0 0.5rem;padding: 0 0 0.5rem; }
.dh-title>i{ color: #fd0406; display: inline-block;line-height: 1rem; font-size: 1rem; font-weight: bold;margin: 0 0.3rem 0 0; }
.dh-title h3{ color: #383838; display: inline-block;line-height: 1rem;font-size: 1rem; font-weight: bold;margin: 0 0.3rem 0 0;}
.dh-title span { color: #a7a7a7; display: inline-block; line-height: 1rem;font-size: 0.8rem; }
.dh-content {display: block; padding:0  0.5rem 1rem; overflow: hidden;}
.nav-lable {   }
.nav-lable a { font-size:0.8rem; background: #f9f9f9;padding: 0.3rem 0.5rem; border-radius: 0.1rem; color: #888; display: inline-block;  }
.nav-lable a:hover { background: #fd0406;color: #fff; }
.nav-say {  }
.nav-say li {  font-size: 0.8rem; line-height: 1.3rem; }
.nav-say li a {color:#888;}
.nav-say li a:hover { color: #fd0406; }
.nav-icon {  }
.nav-icon li { float:left; display: inline-block; width: 25%;padding: 0; margin: 0 ; }
.nav-icon li a  {  display: block; text-align: center;  }
.nav-icon li a i {  border-radius: 100%; background: #fff5f0; color: #fd0406; font-size: 1.5rem; padding: 0.7rem;  }
.nav-icon li a:hover i { background: #fd0406; color: #fff; }
.nav-icon li a span { display: block; color: #888;  font-size: 0.8rem; }
.nav-icon li a:hover span { color: #fd0406; }

.article-menu { border-bottom: 0.05rem solid #f2f2f2; line-height: 3.3rem; height:3.3rem;  }
.article-menu h2 { color: #fd0406; font-weight: bold; display: inline-block; font-size: 1.2rem; border-bottom: 0.3rem solid  #fd0406; line-height: 2.5rem;}
.article-menu h2::after { content: ""; border-right:0.1rem solid  #f2f2f2; font-size: 0.3rem; padding:0 0 0 0.8rem;      }
.article-menu ul { display: inline-block;  }
.article-menu li { display: inline-block; padding: 0 0.6rem; }
.article-menu li a { font-size: 1.1rem; font-weight: bold;  }
.article-menu li a:hover { text-decoration: none; }

@media ( max-width: 575px)   {
.article-menu ul { display:none; }	
}


.article-tab {   }
.article-tab ul { border:0; border-bottom: 0.05rem solid #f2f2f2;  }
.article-tab li {  margin: 0.5rem 1rem; }
.article-tab li a { background: #fff; padding: 0.5rem 0; font-size:1.2rem; }
.article-tab li a.active { border-bottom:0.2rem solid #fd0406; font-weight: bold; color: #fd0406;    }
@media ( max-width: 575px)   {
.article-tab li a { font-size:1rem;    }
.more-btn: { line-height: 2rem;  font-size: 0.9rem;       }
}

.listtitle {  background: #fafafa;  padding:1rem;   } 
.listtitle  h3{  font-size: 0.9rem;  color: #888;     }
.listtitle  h3 strong { color:#fd0406;        }


.article-list {margin:2rem 0;}
.article-list .row{ padding:1rem 0; }
.article-list .row:hover{ background: #fafafa; border-radius: 0.25rem;  }

.article-title { padding:0 0 0.8rem;  }
.article-title h3 { font-size: 1.2rem; line-height:1.8rem; }
.article-block  {}
.article-block  h3{ font-size: 1.2rem; line-height: 1.5rem; margin:0.5rem 0; font-weight: bold; }
.article-block  p { color: #888; line-height: 1.4rem; font-size: 0.9rem;margin: 0 0 1rem; }
.article-block  h4 {color: #a7a7a7; line-height: 1.5rem; font-size: 0.8rem;}

.article-des  p {  color: #888; line-height: 1.6rem; font-size: 0.9rem;margin: 0 0 1rem;      }


.article-info    { text-align: right; }
.article-info h4  a { font-size: 1.0rem; color: #008000; }
.article-info  p  { font-size: 0.7rem; color: #888; }

@media (max-width:576px) {
.article-block  h3{   margin: 0;  font-size: 0.85rem;        }	
.article-block p {display: none;}
.article-list .row{ padding:0.6rem 0; border-bottom: 0.05rem dashed #f2f2f2; }
.list-cat a {display: none;}
.article-info { padding: 0; margin: 0;  text-align: left; color: #888; }
.article-info h4  { display: inline-block; padding: 0;margin: 0;  }
.article-info h4 a {  font-size: 0.8rem; }
.article-info  p { display: inline-block; max-height: ;  }
.article-des p{font-size:0.8rem;  height: 3.9rem; margin: 0;  line-height: 1.3rem; overflow: hidden;  }
.article-title h3  { font-size: 1.1rem; line-height: 1.5rem; }
}

.article-thumb  {overflow:hidden; border-radius: 0.3rem;}
.article-thumb img {width: 100%; transition: .3s; }
.article-thumb img:hover {transform:scale(1.1);}


.pe-box {}
.pe-pic { margin: 0 0 2rem; }
.pe-info { font-size: 1rem; text-align: center;  }
.pe-info dl  {margin: 0 0 0.5rem;  }
.pe-info dt { color: #fd0406;  display: inline-block; width: 3rem; }
.pe-info dd { color: #888;display: inline-block; }

.pe-intro { margin: 0 0 3rem;  }
.pe-intro h1 {  color: #000; font-size: 2rem; margin: 0 0 1rem; text-align: center; line-height: 3rem; }
.pe-intro p { color: #888; font-size:1rem; line-height: 1.8rem;}

.pe-skill { color: #000;  }
.pe-skill h3 { font-size: 1.5rem;  margin: 0 0 1rem; }

.pe-skilltitle {  color:#fd0406; font-size: 1.1rem; } 


.contact-box {  padding: 2rem;    }
.contact-box  h1 {  color: #000;  font-size: 2rem; margin: 0 0 1rem;  }
.contact-block  { margin: 0 0 1rem; padding: 0; display: flex; }
.contact-icon { background: #fd0406; display: inline-block; width: 5rem; height: 5rem; text-align: center; line-height: 5rem; margin: 0 1.5rem 0 0; padding: 0.5rem;  }
.contact-icon  i { font-size: 3rem; color: #fff;  }
.contact-info { display: inline-block; }
.contact-info h4 { color: #fd0406; font-size: 1.2rem; margin: 0 0 0.5rem;}
.contact-info p {font-size: 0.9rem; line-height: 1.2rem; color:#888;}


.service-block  {}
.service-pic {}
.service-pic img {}
.service-content {font-size: 0.9rem; line-height: 1.5rem; }
.service-content h1 { font-weight: bold; font-size: 1.5rem; padding:0.5rem 0 1rem; color: #000; }
.service-content h2 {font-size: 1.2rem; padding: 0.5rem 0;}
.service-content p {   }
.service-faq {}

.more-btn { line-height: 2.5rem; color: #fff; text-align: center; font-size: 1rem; background: #fd0406; width: 100%; }
.more-btn a{ color: #fff; }
.more-btn a:hover { font-size: 1.1rem;color: #fff; }

.section-title { position: relative; height: 1.5rem; line-height: 1.5rem;margin:0 0 1.2rem; }
.section-title h2 { font-size: 1.2rem;  font-weight: bold;position: absolute; left: 0;width: auto; }
.section-title span { font-size: 0.8rem; float: right; color: #a7a7a7;position: absolute; right: 0; }
.section-title span a  {color: #a7a7a7;}
.section-line { border-top:0.05rem solid #f2f2f2; margin:0 0 1rem;}

.box-item {border:0.05rem solid #f2f2f2; border-top-color:transparent; border-radius:0.2rem;}
.box-item:hover {box-shadow:0 .125rem .25rem rgba(0,0,0,.075);}
.box-thumb  { margin: 0 0 1rem; }
.box-thumb img {}
.box-thumb img::after{content:''; display: block; height: 1rem; background-image: linear-gradient(to bottom, rgba(255,255,255,0.7) 0, #fff 100%);background-repeat: repeat-x; }
.box-content { background: #fcfcfc; }
.box-content h2 { font-size: 1.2rem; font-weight: bold;margin: 0.5rem 0; }
.box-content h2::before { content:''; width: 0.3rem; background: #fd0406;display: inline-block; height: 1rem; margin: 0 0.5rem 0 0; }
.box-content p {font-size:0.9rem; line-height: 1.5rem; color:#888; margin:0 1rem 1rem;}
.box-content .btns { display: block; text-align: center; padding: 0 0 2rem; }
.box-content .btns .view-btn { font-size: 0.8rem;  border: 1px solid #eaeaea; padding:0.5rem 1rem;border-radius: 0.2rem; }
.box-content .btns .view-btn:hover { background: #fd0406; color: #fff;border-color:#fd0406;}


.card-list { }
.card-item {display: block; border-radius: 0.2rem;margin:0 0 1.5rem}
.card-item a {padding:2rem; background: #fafafa;display: block; border-radius: 0.2rem; position: relative; }
.card-item a:hover{ background: #fd0406;color:#fff; }
.card-item a:hover i {color:#fff;}
.card-item a:hover p{color:#fff;}
.card-item a i{ color: #fd0406; display: inline-block;  }
.card-item a h3 { font-size: 1rem; font-weight: bold;display: inline-block; }
.card-item a p { line-height: 1.5rem; color: #888; font-size: 0.9rem;display: inline-block; }

.tag-item { height: 1.4rem;line-height: 1.2rem; margin: 0 0 1.5rem; overflow: hidden;}
.tag-item a {   }
.tag-item a i { line-height:1.1rem;display: inline-block;  width:1.2rem; height:1.2rem; text-align: center;border:0.05rem solid #b4b4b4; font-size:0.7rem;font-style:normal; border-radius: 0.1rem;}
.tag-item a strong{ font-size: 0.9rem; display: inline-block; font-weight: normal;}
.tag-item a span {display: inline-block; color:#cacaca; font-size: 0.8rem; }
.tag-item a:hover i { border:0.05rem solid #fd0406; color: #fd0406; }

.rank-header {}
.rank-box  {    border-radius: 0.3rem;  border: 0.05rem solid #f3f3f3;  background: #fff; position: relative;  padding:1rem 0;}
.rank-box h2 {  font-size: 1.2rem; line-height: 1.5rem; display: inline-block; font-weight: bold; }
.rank-box h2::before{ content:''; width: 0.3rem; background: #fd0406;display: inline-block; height: 1rem; margin: 0 0.5rem 0 0; }
.rank-box ul  {position: absolute; right: 1rem; top:1rem;}
.rank-box li { display: inline-block; }
.rank-box li a { font-size: 1rem; margin:0 0.5rem;  padding: 0.3rem 0;}
.rank-box li a.active { color: #fd0406; border-bottom: 0.1rem solid #fd0406; }
.rank-box  .tab-content {}
.rank-box  .tab-content ul { position: relative; margin: 1rem; right:0;top:0;}
.rank-box  .tab-content  li {height: 2.5rem; line-height: 2.5rem; display: block; border-bottom: solid 0.05rem #f2f2f2; overflow: hidden; }
.rank-box  .tab-content  li a { font-size: 1rem;  position: relative; padding: 0; }
.rank-box  .tab-content  li  span.onclick{ float: right;  color:#a7a7a7; font-size:0.8rem; line-height: 2.8rem; }
.rank-box  .tab-content  li  span.no{ border:0.05rem solid #b4b4b4; text-align: center; font-size: 0.7rem;  border-radius: 0.2rem;  color: #888; padding: 0.1rem 0.3rem; }
.tab-content li:nth-child(3) span.no,.tab-content li:nth-child(2) span.no, .tab-content li:nth-child(1) span.no { color: #fff; background: #fd0406;border-color: #fd0406;  }


.sitemap   {  }
.sitemap dl  {  margin: 0 0 0.3rem;    }
.sitemap dt  {  line-height: 2rem; font-size: 1.0rem; }
.sitemap dt a {  }
.sitemap dd { line-height: 2rem; font-size: 1.0rem;  }
.sitemap dd a {  margin: 0 0.5rem;  }



.widget {  margin:0 0 1.5rem;  box-sizing: border-box;  position: relative;}
.widget-tagslist {} 
.tag-card { background: #fafafa; margin: 0 0  1rem; } 
.tag-card:hover { background:#fd0406; color: #fff;display: block; }
.tag-card:hover h3{color:#fff;}
.tag-card:hover h3 i{color:#fff;}
.tag-card:hover h3 p{color:#fff;}
.tag-card a {display: inline-block; padding:0.5rem; border-radius: 0.2rem;} 
.tag-card a h3{ font-size: 0.9rem; font-weight: bold;  line-height:1.8rem; height: 1.8rem; overflow: hidden;  } 
.tag-card a h3 i{ color: #fd0406;margin: 0 0.3rem 0 0; } 
.tag-card a p{ font-size: 0.8rem; color: #cacaca; } 
.widget-newslist {} 
.widget-newslist li { font-size: 0.9rem; line-height: 2rem; margin: 0 0 1rem; } 
.widget-newslist li:hover a i{color:#fd0406;} 
.widget-newslist li a { position: relative; padding: 0 0 0 3rem;display: block; line-height: 1.2rem; }



.widget-ad {overflow:hidden; position: relative; }
.widget-ad img {width: 100%; transition: .3s;border-radius: 0.3rem; }
.widget-ad img:hover {transform:scale(1.1);}
.widget-ad i { padding: 0.2rem; font-style: normal; z-index: 5; background: rgba(0,0,0,0.2); color:#fff; position: absolute; right: 0.5rem; bottom: 0.5rem;  font-size: 0.6rem; }


.widget-tags { font-size: 0.8rem;  }
.widget-tags a {border-radius: 0.2rem; margin: 0 0.5rem 0.5rem 0 ; display: inline-block; background:#f5f6f7; color: #555; padding:0.4rem  0.6rem;    }
.widget-tags a:hover { background: #fd0406; color: #fff;  }

.num { font-style: normal; font-weight:bold;display: block; color:#dbdbdb; font-family:Arial,Impact,Georgia;font-size: 2rem;line-height: 2.8rem; position: absolute; left: 0; top: 0;  }
.widget-more { display: block; border-radius: 0.2rem;   text-align: center; width:100%;background: #fafafa;height:2rem;line-height:2rem; font-size:0.9rem;}
.widget-more:hover a {color:#fff;}
.widget-more:hover {display: block; background:#fd0406; color: #fff;width:100%;  }


.widget-tabs   {}
.widget-tabs li { width: 33%;font-size: 1rem;text-align: center;  margin-bottom:-0.05rem;}
.widget-tabs li a {display: inline-block; padding:.2rem 1rem;color: #888;  }
.widget-tabs li a.active { border: 0.05rem solid #f2f2f2;border-top-left-radius: 0.3rem; border-top-right-radius:0.3rem; background: #fafafa; color: #000; font-weight: bold; } 
.widget .tab-content { padding: 0.5rem 0; }
.widget .tab-content li { font-size: 0.9rem; line-height: 2rem;height:2rem; white-space: nowrap;text-overflow:ellipsis; overflow: hidden; }
.widget .tab-content li a {   position: relative; padding:0 0 0 1.3rem; }  
.widget .tab-content li a span { border:0.05rem solid #b4b4b4; text-align: center; font-size: 0.7rem; display: block; width: 1rem; height: 1rem; border-radius: 0.2rem; line-height: 0.8rem; position: absolute; left: 0; color: #888; top: 0.2rem; }
.tab-content li:nth-child(3) .num ,.tab-content li:nth-child(2) .num, .widget .tab-content li:nth-child(1) .num { color: #fff; background: #fd0406;border-color: #fd0406; }


.widget-panel {font-weight: bold; color: #fff; padding: 3rem; text-align: center;  }
.widget-category { border: 0.05rem #2D4353 solid;  }
.widget-category li { position: relative; line-height: 3rem; border-bottom:0.05rem #2D4353 solid; }
.widget-category li a {  padding: 0 2rem; font-size: 1.1rem; color:#888;display: block;}
.widget-category li a:hover, .widget-category li.active a{ box-shadow:0 .5rem 1rem rgba(0,0,0,.15); background: #fd0406; color: #fff;  font-size: 1.3rem; }
.widget-category li a i { position: absolute; right: 1rem; top: 1rem;  font-size:0.8rem; font-weight: normal;}
.widget-search {}

.widget-search  form { position: relative;  color:#fff;  padding:0.3rem 0.5rem;  background: #f5f5f5;border-radius: 0.3rem; font-size:0.8rem;}
.widget-search  input { display: inline-block;width: 100%; border: none;  background:#f5f5f5; }
.widget-search button {position: absolute; right: 0; text-align: right ; display: inline-block; border: none; background: #f5f5f5; }



.widget-follow { position: fixed; top: 100px;z-index:250; }
.widget-catalog { border-radius: 0.3rem; background: #fff;  border:0.05rem solid #efefef; padding:1rem;  } 
.widget-catalog h2 { font-size: 1.2rem; font-weight: bold;margin: 0 0 1rem;  } 
.widget-catalog li { list-style: disc inside; font-size: 0.9rem; line-height: 1.8rem; }
.widget-catalog li a{  }

@media (max-width:767px) {
.widget-follow { position: relative; top: 0; display: none; }
.widget-catalog {display: none; }
.s-header { text-align: center; }
.s-words { text-align: center; }
.s-sider { display: none; }
}	

.s-box {  }
.s-box form { display: block; position: relative; width: 100%; }
.s-btn { height: 3rem; font-size:1rem; padding:0.2rem 1.5rem;border-radius: 0 0.3rem 0.3rem 0;  background: #fd0406; color: #fff; position: absolute; right: 0 ;top: 0;  border: none; }
.s-input {border: 0.05rem solid #f2f2f2; line-height: 3rem; height: 3rem; font-size: 1rem; border-radius: 0.3rem;display: block; box-sizing: border-box; padding: 0.3rem  7rem 0.3rem 1rem; background: #f9f9f9; border: #f2f2f2;   width: 100%; }
.s-words { margin: 0.5rem 0; line-height: 2rem; height: 2rem; overflow: hidden; }
.s-words a { font-size: 0.9rem; line-height: 1.2rem;  margin: 0 0.5rem 0 0;   }

.p404 {  }
.p404 h1 {   }
.p404 {  }

.ad-block { background: #ecf1f5; }
.ad-img {}
.ad-info {}
.ad-info h3{ font-size: 1.3rem; font-weight: bold; line-height: 2.5rem; }
.ad-info h4{margin: 0.5rem 0; font-size: 1.1rem; line-height: 2.2rem; }
.ad-info ul {}
.ad-info li { display: inline-block; font-size: 0.9rem; }
.ad-btn { text-align: center; }
.ad-btn span{ font-size:1rem;margin:3rem 0 0; border-radius: 0.2rem;padding: 0.5rem; display: block; background:#fd0406 ; color: #fff; }

.seo-title { text-align: center; padding: 2rem 0;  }
.seo-title  h2 { padding: 1rem 0; font-size: 2rem; color:#fd0406;}
.seo-title  p { font-size: 0.9rem;  }
.seo-focus { margin: 5rem 3rem; }
.seo-focus  h3 {font-size:2.5rem; font-weight: bold; margin: 3rem 0 2rem ;}
.seo-focus  p { margin: 3rem 0 2rem; color: #888; }
.seo-focusbg { position: absolute; right: 0; bottom: 0;  }

@media  (max-width:1023px) {
.seo-focusbg { display: none; }	
}

@media  (max-width:767px) {
.seo-focus {margin: 0 0 2rem;  }

}	

.seo-process { display: block; overflow:hidden; background: #fff; border-radius: 1rem; text-align: center; padding:1rem 0 2rem;  position: relative; margin: 0 0 1rem; }
.seo-process i { display: block; font-size: 2rem; color: #fd0406; line-height: 3rem; }
.seo-process h4 { display: block;font-size: 1.1rem;line-height:2.5rem;  }
.seo-process h6{font-weight: bold; font-size: 3.5rem; opacity: 0.2; color: #888; position: absolute; bottom: -1.5rem; left: 0; right: 0; }
.seo-process {}



.seo-subinfo {}
.seo-subinfo h3 { font-size: 1.3rem; line-height: 2rem; }
.seo-subinfo p {font-size: 0.9rem; line-height: 2rem; color:#888;}

.seo-subtool {  }
.seo-subtel {  }
.seo-inquery {}

@media (max-width:576px) { 
.seo-subinfo { text-align: center; }
.seo-subinfo p { margin: 0 0 0.5rem; }
.seo-subtel { margin: 0 0 0.5rem; }
}
 


.seo-intro  {}
.seo-intro  h2{ font-weight: bold; font-size: 1.5rem; margin: 1.5rem 0 }
.seo-intro  p {color: #888; font-size:1rem; line-height: 1.8rem; text-indent: 2em;}
.seo-subintro {  position: relative; margin: 1rem 0 0; padding: 0 0 0 2.5rem; }
.seo-subintro i { text-align: center; border-radius: 50%; position: absolute; display: inline-block; width: 1.5rem;height:1.5rem; line-height: 1.5rem; top: 1rem; left: 0.5rem;color: #fd0406; }
.seo-subintro i:hover { background: #fd0406; color: #fff; }
.seo-subintro h5 { font-size: 1.2rem; line-height: 2rem; }
.seo-subintro p { color: #888; font-size: 0.9rem;line-height: 1.7rem; }
.seo-intropic { text-align: center; }

.seo-gbook { padding: 2rem;  }
.seo-gbook h3 { text-align: center; font-size: 1.4rem; line-height: 3rem; margin: 0 0 2rem; }


.seo-tcbox { position: relative; border-radius: 0.4rem;  padding: 2rem; text-align: center; background:#fff;}
.tc-popular { position: absolute; top: 0; right: 0 ; background:#fd0406; color:#fff; font-size:0.7rem; padding: 0.3rem;}
.tc-icon { color: #888;  }
.tc-name {}
.tc-name h3 { font-weight: bolder; font-size: 1.4rem; line-height: 2.5rem; }
.tc-price { font-size: 2rem; color: #fd0406; border-bottom: 0.05rem solid #f2f2f2; padding: 1rem 0; margin:0 0 1rem; font-weight:800;}
.tc-price small { font-size: 1rem; }
.tc-project { padding: 0 2rem;   }
.tc-project li { text-align: left; color: #888; line-height: 2rem; font-size: 0.9rem; }
.tc-project li i { color: #00a37b; }
.tc-project li i.fa-times-circle { color: #ff99af; }

.seo-date { text-align: center; color: #fff;  }
.seo-date h3 { margin: 0 auto; border-radius: 50%; width: 8rem; height: 8rem; border:solid 0.2rem rgb(255,255,255,0.3); font-size: 3rem; padding: 2rem 0;   }
.seo-date p { font-size: 1.2rem; line-height: 2rem; margin:1rem 0 0;}

@media (max-width:768px) {
.seo-date   {  margin: 0 0 1rem;         }
}



.choose-box { position: relative; padding-left: 3rem; padding-bottom: 3rem; margin: 0 0 3.5rem; }
.choose-box dl {  }
.choose-box dt {position: absolute; left: 4rem; top: 0; }
.choose-box dt h4{ font-size: 1.2rem; margin: 0 0 0.5rem; }
.choose-box dt p {font-size: 0.9rem; font-weight: normal; }
.choose-box dt {}
.choose-box dd { position: absolute; left: 0; top: 0.5rem;  background: #fd0406; border-radius: 50%; width: 2rem; height: 2rem; text-align: center;}
.choose-box dd i { color: #fff; font-size: 2rem;  }
.choose-pic {  }


.item-box  { position: relative; cursor: pointer;transition: all .5s ease;   margin: 0 0 1.5rem;  }
.item-img  {     }
.item-intro  {  position: absolute; top: 50%; left: 50%; background:rgba(255,255,255,0.9); width:80%;height:80%; transform: translate(-50%,-50%); opacity: 0;  transition: all .5s ease; }
.item-intro h4 {padding: 2rem 0 1rem; font-weight: bold; color: #fd0406; font-size: 1.2rem;   text-align: center;  }
.item-intro  p { padding: 0 1rem;  color: #666; font-size: 0.9rem;   }
.item-box:hover  .item-intro  { opacity: 1 }

@media (max-width:768px) {
.item-intro  p   {  display: none;       }
}

.seo-tab  {}
.seo-tab li { text-align: center;   }
.seo-tab li a { display:block;  border-radius: 0.2rem; padding: 1rem; }
.seo-tab li a.active {background: #fd0406; color: #fff; }
.seo-tab li a:hover { background: #fd0406; color: #fff; }
.seo-tab li a i {  display: block; font-size: 1.5rem; }
.seo-tab li a span  {  font-size: 0.9rem; }

.tab-box { padding: 1.5rem; }
.tab-pic {}
.tab-info {}
.tab-info h4 {font-size: 1.2rem; font-weight: bold; line-height: 3rem; }
.tab-info p { color: #888; font-size: 1rem; line-height: 1.6rem; text-indent: 2em; }

.tab-mix {  }
.tab-mix ul {margin: 0 0 1rem;  }
.tab-mix li {  }
.tab-mix li a{padding: 0.5rem; border: 0.05rem solid #fd0406;  font-size: 1.2rem; }
.tab-mix li a.active{ background: #fd0406; color: #fff;   }
.mix-box { color: #000; }
.mix-box a {color: #000;}
.mix-topnews {  }
.mix-topnews dt{  }
.mix-topnews dt img {  }
.mix-topnews dd {  }
.mix-topnews dd h4{ font-size: 1.1rem; line-height: 2rem;  }
.mix-topnews dd p {color: #888; font-size: 0.9rem; line-height: 1.5rem;  }
.mix-listnews {}
.mix-listnews dt { font-size: 1.2rem; line-height: 2.5rem; }
.mix-listnews dd { font-size: 1rem; line-height: 1.8rem; }


@media (max-width:768px)  and ( min-width:577px){
.mix-listnews  dd {  width: 48%;   display: inline-block; }
.scroll-list dd {   width: 48%;   display: inline-block;    }    
}

.scroll-list { border-left:0.05rem solid #f2f2f2; padding: 0 0 0 1rem; }
.scroll-list a { color: #000; }
.scroll-list dt { font-size: 1.2rem; line-height: 3rem;color: #fd0406;  }
.scroll-list dd { line-height: 2rem; font-size: 1rem; border-bottom:0.05rem dashed #f2f2f2 ; }

@media (max-width:768px) {
.scroll-list   {  border: none; padding: 0;         }
}


.seo-yfbox { position: relative; margin:0 0 2rem }
.seo-yfbox:hover { margin: 0 0 1.8rem; }
.seo-yfbox dl   {    text-align: center;  }
.seo-yfbox dd{ background: #fd0406; border-radius: 50%; width: 5rem; height: 5rem; position: absolute; top: -4rem;  left: 50%; margin-left: -2.5rem;   }       
.seo-yfbox dd i{  color: #fff; padding: 1rem; }
.seo-yfbox dt{font-weight: normal; background: #fff; width: 100%; border-radius: 0.2rem; padding: 1.5rem 2rem; margin: 4rem 0 0; }
.seo-yfbox dt h3 { font-weight: bold; font-size: 1rem; line-height: 2rem; }
.seo-yfbox dt p {   color: #888;  font-size: 0.8rem; line-height: 1.5rem;}

.seo-yg {  background: #fff; border-radius: 0.4rem; padding: 1.5rem; text-align: center; height: 13.5rem; }
.seo-yg h4{  font-size: 1.2rem; line-height: 2.5rem;  font-weight: bold; }
.seo-yg h2{   font-size: 1.4rem; line-height: 3.5rem;   font-weight: bolder;   }
.seo-yg p {  font-size: 1rem;  line-height: 1.5rem; }
.seo-td { margin: 0 0 1.5rem; }
.seo-td dl { position: relative;  }
.seo-td dt { z-index: 5; text-align: center;  background:#fd0406; width:6rem; height:6rem; border-radius: 50%;  padding: 1.2rem 0;  position: absolute;  top: 0;    }
.seo-td dt i{ color: #fff;font-style: normal; font-size:1.1rem;}
.seo-td dd {  background: #fff;    border-radius: 0.2rem;   height:6rem;  top: 0; left: 0;  padding: 0 1rem 0 7rem; width: 100%; display: inline-block; }
.seo-td dd i { color: #888; margin: 1.3rem 0; font-size: 1rem;font-style: normal; display: block;  }

@media (max-width:768px) {
.seo-yg  {  margin: 0 0 1.5rem;         }
}

.team-box {}
.team-avatar { overflow:hidden;  }
.team-avatar img { width: 100%;transition: .3s; }
.team-avatar img:hover{transform:scale(1.1);}
.team-intro { position: relative;  text-align: center; background: #fff; margin-top:-45px; margin-left:20px;margin-right: 20px; box-shadow: 0 0 1rem #acacac54; padding: 1rem 0; z-index: 1; }
.team-intro  h4 { font-size: 1.0rem; color: #223645;margin:0 0 0.5rem 0;font-weight:700;}
.team-intro p { color:#fd0406; font-size: 0.9rem; line-height: 1rem; font-weight: 500; }


.seo-onebg { border-radius: 1rem; overflow: hidden; background-color: #fd0406;background-image: linear-gradient(145deg,#fd0406,#88c250); box-shadow:10px 10px 20px 0 rgba(255,92,0,0.3);}
.seo-onebox { text-align: center; color: #fff; border-right:0.05rem solid  rgba(255,255,255,0.3);border-bottom:0.05rem solid  rgba(255,255,255,0.3); padding:3rem;}
.seo-onebox:hover {background:#fff; color:#223645;}
.p-0 { padding: 0; }
.one-icon {}
.one-icon i { font-size: 3rem; }
.one-icon:hover i { color:#0039e4; }
.one-content {}
.one-content h4{ font-size: 1.3rem; line-height: 2rem; font-weight: bold; padding:1rem 0;}
.one-content P{ font-size: 0.9rem; }
.one-content p:hover {color:#888;}

.btn-c { padding:0.5rem 1rem; text-align:center; line-height:1;display: inline-block; margin:0; white-space:nowrap;vertical-align:middle; font-weight:bold;border:1px solid transparent;  color:#fff; position:relative; overflow:hidden; border-radius:25px; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.btn-c span {  font-weight: bold;  line-height: 2rem; font-size: 1rem; }
.btn-c  span i { margin: 0 0 0 1rem; line-height: 2rem;   width: 2rem; height: 2rem; font-size: 2.5rem; color: #fff;  text-align: center;  background:transparent;}
.footer{ border-top: 0.2rem solid #2D4353; padding:2rem 0 0; background:#223645;color:#A0ACB5;}
.footer a:hover { color: #fff; }
.f-main {  color: #949498; padding:1rem 0;}
.f-main a {color: #888; }
.f-main a:hover { color: #495057; }
.f-advanced { }
.fad-box { padding:0 0 1rem; text-align: center; border-bottom: 0.05rem solid #2D4353; margin: 0 0 1rem; color: #fff; }
.fad-box dt {margin:0 0.5rem;display: inline-block; font-weight: normal; }
.fad-box dd {display: inline-block;}
.fad-box i {  font-size: 3rem; }
.fad-box h5 { text-align: left; font-size: 1.2rem;font-weight:bold; line-height: 1.8rem; }
.fad-box p { font-size: 0.8rem; }


@media (max-width:1024px) {
.fad-box h5 {   text-align: center;        }

.fad-box p {  text-align: left;  }
}



.fmain-intro {}
.fmain-intro h3 { font-size: 1.2rem; line-height: 2rem; color: #fff; margin: 0 0 0.5rem; }
.fmain-intro p {font-size: 0.9rem; line-height: 1.5rem;}
.fmain-intro h5 {font-size: 1rem; line-height: 2rem;}
.fmain-nav {  }
.fmain-nav h3 {color: #fff;font-size: 1.2rem; line-height: 2rem; margin: 0 0 0.5rem;}
.fmain-nav ul {}
.fmain-nav li {width:45%; display: inline-block;font-size: 0.9rem; line-height: 1.5rem;}
.fmain-nav li a:hover {color:#fff;}
.fmain-contact {}
.fmain-contact h3 {font-size: 1.2rem; line-height: 2rem; color: #fff; margin: 0 0 0.5rem;}
.fmain-contact ul {}
.fmain-contact li {font-size: 0.9rem; margin: 0 0 1rem;}
.fmain-contact li i { font-size: 1.5rem;  font-style:normal;margin:0 0.6rem 0 0;width:1.5rem;}
.fmain-service {}
.fmain-service h3 {font-size: 1.2rem; line-height: 2rem; color: #fff; margin: 0 0 0.5rem;}
.fmain-service ul {}
.fmain-service li {font-size: 1rem; margin: 0 0 0.5rem;}
.fmain-service li a:hover {color:#fff;}
.fmain-qrcode {  }
.fmain-qrcode dt { font-size: 0.9rem; text-align: center; }
.fmain-qrcode dd { padding:0 1rem; }


 @media (max-width: 575px)   {
.fmain-nav , .f-link , .fbar-menu , .fmain-service , .fmain-contact{ display: none; }
.fbar-copy { text-align: center; }
} 	
.f-link { padding:0.5rem 0; }
.f-link h5 {font-size:0.8rem;display: inline;}
.f-link ul {display: inline;}
.f-link li { display: inline-block;font-size:0.8rem; margin: 0 1rem 0 0; }
.f-link li a {color:#4f4f4f; }
.f-link li a:hover {color: #676b6f;}
.f-bar {border-top:0.05rem solid #2D4353; color: #676b6f; height:2.5rem; line-height: 2.5rem; font-size:0.8rem;  }
.f-bar a {color:#676b6f;}
.f-bar a:hover {color:#acacac;}
.fbar-copy { text-align: left; }
.fbar-menu {text-align: right;}
.fbar-menu li {display: inline-block;}
.fbar-menu li a { margin: 0 1rem 0 0;  }

.fix-bar  { text-align: center; position: fixed;  z-index: 10; display: block;  bottom: 3rem; right:auto; left: 50%;transition: all .2s; margin-left: 580px; color: #999;   }
.fix-bar dd {background: #fff;  padding:0.5rem 1rem;border: 0.05rem solid #f2f2f2; }
.fix-bar dt  {background: #fff;  margin: 1rem 0 0; padding:0.5rem 1rem 1rem;border: 0.05rem solid #f2f2f2; }
.fix-bar dt span { display: block; font-size: 0.5rem; font-weight: normal; margin: -0.5rem 0 0; }
.fix-bar a { color: #888; }
.fix-bar a:hover i,.fix-bar a:hover span{ color: #7952b3;  }
.fbar-copy { text-align: left; }
.fbar-menu {text-align: right;}
.fbar-menu li {display: inline-block;}
.fbar-menu li a { margin: 0 1rem 0 0;  }

.fix-bar  { text-align: center; position: fixed;  z-index: 10; display: block;  bottom: 3rem; right:auto; left: 50%;transition: all .2s; margin-left: 580px; color: #999;   }
.fix-bar dd {background: #fff;  padding:0.5rem 1rem;border: 0.05rem solid #f2f2f2; }
.fix-bar dt  {background: #fff;  margin: 1rem 0 0; padding:0.5rem 1rem 1rem;border: 0.05rem solid #f2f2f2; }
.fix-bar dt span { display: block; font-size: 0.5rem; font-weight: normal; margin: -0.5rem 0 0; }
.fix-bar a { color: #888; }
.fix-bar a:hover i,.fix-bar a:hover span{ color: #fd0406;  }