body{ background:#fff; font-family:'微软雅黑'; font-size:0.235rem; color:#666}
h2,h3,h1,h4,h7,h5,h6{ font-weight:normal}
.g-flexview, .g-view{ max-width:640px;}
.g-view{ overflow:hidden;}
.g-view:before{ height:0;}
.g-view:after{ height:0.9rem;}
a{color:#666}
.navbar-center{ width:70%;}
.navbar-item{min-width: 15%;flex: 0 0 15%;}
.top-icon{    font-size: .4rem;}
.m-box{  }
.m-box-title{   color:#ae212a; padding:0.25rem 0.1rem 0.23rem 0.1rem; line-height:normal; border-bottom:#ddd 1px solid;   position:relative; text-align:left; }
.m-box-title font{font-size:0.325rem;  margin-left:0.1rem; padding-left:0.1rem; border-left:4px solid #ae212a; line-height:1}
.m-box-title a{ float:right; margin-right:0.1rem; font-size:0.25rem; color:#ae212a; top:0.04rem; }


.m-box-title.m-box-title_nobg{ background:#fff; border-bottom:#ddd 1px solid;}
.m-box-title.m-box-title_nobg font{font-size:0.375rem;}
.m-box-title.m-box-title_nobg a{font-size:0.275rem;top:0.24rem; color:#333;}
.m-box-title.m-box-title_bottomline font{ padding-left:0; border-left:0; }
.m-box-title.m-box-title_bottomline span{ display:block;   ; left:0.1rem; padding:0 0.2rem; height:2px;  position:absolute; bottom:-1px; overflow:hidden;  font-size:0.375rem;}


header.logoheader .logo2{ display:none;}
header.logoheader{ overflow:hidden; padding:0.2rem 0.2rem; position:fixed; top:0; z-index:22222222; left:0; width:100%;max-width: 640px;
    right: 0;
    left: 0;
    z-index: 49;
    margin: 0 auto;}
header.logoheader.fix{ background:#fff; box-shadow: 0 0 16px #e1e1e1;}
.logoimg{ float:left; max-width:63%;}
.logoimg img{height:0.7rem; max-width:100%;}
.logotxt{ float:left; margin-left:0.18rem;}
.logotxt big{ display:block; font-size:0.325rem; color:#F00; font-weight:900;}
.logotxt small{ display:block;}
.logomenu{ float:right; width:0.6rem; margin-top:0.2rem; margin-right:0.1rem}
.logomenu i{font-size:0.375rem; }
.logomenu span{ display:block; height:3px;; background:#c2142a;}
.logomenu span:nth-child(2){ margin-top:5px; margin-bottom:5px;}
 
header.logoheader.fix .logomenu span{ background:#333;    background: #c2142a}
header.logoheader.fix .logo1{ display:none;}
header.logoheader.fix .logo2{ display:block;}

header.logoheader.on{ background:#fff; box-shadow: 0 0 16px #e1e1e1;}
header.logoheader.on .logomenu span{ background:#333;}
header.logoheader.on .logo1{ display:none;}
header.logoheader.on .logo2{ display:block;}
header.logoheader.on{border-bottom: #e0e0e0 1px solid;}

.logotel{ float:right; background:url(../img/header_tel.png) left center no-repeat; line-height:1; padding-left:0.7rem; background-size:0.6rem 0.6rem; padding-top:0.05rem; padding-bottom:0.05rem}
.logotel font{ display:block; line-height:0.3rem}
.logotel b{ display:block;line-height:0.3rem}

 
 
.tabbar-icon i{ font-size:0.5rem; color:#c2142a;}
.tabbar-item{border-right: 1px solid #c6c7cb;}
.tabbar-item:last-child{ border:none;}
.m-nav{  padding:0rem 0;}
.m-nav-box{ margin:0px -1px 0 0px}
.m-nav a { display:block; float:left; width:25%; text-align:center; font-size:0.225rem;  line-height:0.7rem; color:#fff;}
.m-nav a span{ display:block; border-bottom:#fff 1px solid;border-right:#fff 1px solid;}
.m-nav a:nth-child(5) span,.m-nav a:nth-child(6) span,.m-nav a:nth-child(7) span,.m-nav a:nth-child(8) span{ border-bottom:none;} 

.m-logo{ text-align:center;  }
.m-logo img{ display:inline-block; }
.m-logo-text{ font-size:0.5rem ; line-height:1rem; text-align:center;background:#fff; color:#000; padding:0 0.2rem;}
 

/*itager*/
.itager{background:#f4f4f4; overflow:hidden;}
.itager ul{border-bottom:1px solid #e0e0e0;}
.itager li{float: left;width: 50%;padding: 4% 0 4% 18%;line-height: 1.4;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.itager li:nth-child(4n) { border-right:0; }
.itager li:nth-child(1){background:url(../images/itager_01.png) 6% center no-repeat;background-size:.6rem;}
.itager li:nth-child(2){background:url(../images/itager_02.png) 6% center no-repeat;background-size:.6rem;}
.itager li:nth-child(3){background:url(../images/itager_03.png) 6% center no-repeat;background-size:.6rem;}
.itager li:nth-child(4){background:url(../images/itager_04.png) 6% center no-repeat;background-size:.6rem;}
.itager li h2{font-size:.26rem;color:#202022;font-weight:bold;line-height: 1.8;}
.itager li h3{color:#666666;line-height:1.2;}

.m-img img{ max-width:100%;}
.m-box-title1{ text-align:center; margin:0.3rem 0;}
.m-box-title1 font{ font-size:0.55rem;  line-height:0.55rem; height:0.55rem;}
.m-box-title1 small{ font-size:0.325rem; display:block; color:#999}
.m-box-title1 span{ display:block; height:1px; background:#d9d9d9; margin:0.08rem 2%;}
.m-box-title1 big{ display:block; width:1.5rem ;   height:2px; margin:0 auto; margin-top:0.1rem;}
.m-box.m-box-top0{ margin-top:0px;}


.m-box-title2{ border:#d9d9d9 1px solid; text-align:center; height:0.61rem; margin: 0.3rem 15%; font-size:0.475rem;  ;}
.m-box-title2 span{ display:inline-block; margin-top:0.18rem;   background:#FFF; padding:0px 0.1rem;}
.m-box-title2 span small{ color:#CCC;}

.m-box-title3{ text-align:center;   font-size:0.325rem; padding:0.1rem 0; background:url(../img/titlebg.png) center;  ;}
.m-box-title3 span{ display:inline-block;    background:#FFF; padding:0.1rem 0.5rem; border:#d9d9d9 1px solid; border-radius:1rem; }
.m-box-title3 span small{ color:#CCC;}


.text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.clear{ clear:both}
.m-box-2 .m-item{ width:50%; float:left;}
.m-box-3 .m-item{ width:33.3%; float:left;}.m-box-4 .m-item{ width:25%; float:left;}
.grids-item:after{border-bottom:none;}
.m-box .m-box-con{  }
.m-box .m-box-con .m-box-about{line-height:180%; padding:0.2rem;  }
a.m-prolist { display:block;   margin:3%; text-align:center; overflow:hidden;
    border-radius: 7px;}
 

a.m-prolist.m-prolist-noborder{  padding:0; border:#efefef 0px solid; }
a.m-prolist img{ max-width:100%; display:block; width:100%;}
a.m-prolist font{ text-align:center; display:block; padding:0.23rem 0 0.2rem 0;    background: #efefef;
}


a.m-prolist2 { display:block;   margin:3%; text-align:center; overflow:hidden;
    border-radius: 7px;}
  a.m-prolist2 span{ display:block; position:relative ;  overflow:hidden;  }
a.m-prolist2 span:before{ content:" "; display:block; padding-top:75%;}
a.m-prolist2 img{ width:100%; display:block; width:100%; position:absolute; height:100%; left:0; top:0; object-fit:cover}
 
 
a.m-prolist2 font{ text-align:center; display:block; padding:0.23rem 0 0.2rem 0;    background: #efefef;
}


 .team-box-5,.team-box-4,.team-box-3,.team-box-2,.team-box-1 { padding:0.2rem;}
.team-box-5 .team-item{ width:20%; float:left;}
.team-box-4 .team-item{ width:25%; float:left;}
.team-box-3 .team-item{ width:33.333%; float:left;}
.team-box-2 .team-item{ width:50%; float:left;}
.grids-item:after{border-bottom:none;}
 
 
a.team-prolist { display:block;   margin:5%; text-align:center;  }
 
 a.team-prolist span{ display:block; position:relative ;  overflow:hidden;  }
 a.team-prolist span:before{ content:" "; display:block; padding-top:100%;}
a.team-prolist img{ width:100%; display:block; width:100%; position:absolute; left:0; top:0; height:auto;}
a.team-prolist font{ text-align:center; display:block; margin-top:0.1rem; color:#000;
}
a.team-prolist p{ margin-bottom:0.2rem; font-size:0.20rem;}

.home_news{margin:0 0 0.15rem 0;}
.home_news li{border-bottom:1px solid #E6E6E6;overflow:hidden;padding:5px 0 5px 0;min-height:1.1rem;}
.home_news li .date{ color:#fff;line-height:0.8rem;height:0.8rem;width:1rem;display:inline-block;text-align:center;margin:0.05rem 0 0 0;float:left;font-family:verdana;position:absolute;border-radius:4px;font-size:0.275rem;}
.home_news li .right{color:#999;font-size:12px;margin-left:1.1rem; margin-top:0.12rem;}
.home_news li .right a{display:block;font-size:16px;color:#333; margin-bottom:0.00rem;}
.home_news li .right a:hover{color:#f30;}
.home_news li .right p{margin:0;padding:0;}
.home_news.nhome_news li .date{ background:#efefef; color:#000}


.fenlei{ overflow:hidden;  }
.fenlei a{ display:block; float:left; color:#000; width:33.3%; line-height:normal;  }
.fenlei a span{ display:block;  ;border:#eee 1px solid; ; padding:4% 1% 4% 1%; text-align:center; margin:4% 2%  0% 2% ; border-radius:5px;}
.fenlei a span font{  display:inline-block;  }

.m-i-news{ line-height:2; padding:2% 4%;;}
.m-i-news li a { font-size:0.25rem;}
 

.navbar-center .navbar-title{ color:#fff;}
.m-navbar{ }
.navbar-item{ color:#fff;}

.m-box-menu{ padding:0.3rem 0; background:#fff;}
.m-box-menu a{ display:block; float:left; width:33.3%;}
.m-box-menu a div{ padding:2%;}
.m-box-menu a div span{ background:#fd3e5c; height:60px; display:block; width:60px; margin:0 auto; border-radius:50%; line-height:64px; font-size:0.475rem; color:#fff; text-align:center;}
.m-box-menu a div font{ display:block; font-size:0.275rem; text-align:center; line-height:.6rem;}
.m-box-menu a:nth-child(2) div span{ background:#f5b100;}
.m-box-menu a:nth-child(3) div span{ background:#6dc114;}
.m-box-menu a:nth-child(4) div span{ background:#3498db;}
.m-box-menu a:nth-child(5) div span{ background:#4dc764;}
.m-box-menu a:nth-child(6) div span{ background:#1ed2c7;}
.m-box-menu a:nth-child(7) div span{ background:#e19ffc;}
.m-box-menu a:nth-child(8) div span{ background:#2cc0fa;}


.navlistbox{ padding:0.3rem 0; background:#fff;}
.navlistbox .navlistboxitem{ display:block; float:left; width:25%;}
.navlistbox .navlistboxitem a{ display:block; padding:2%;}
.navlistbox .navlistboxitem img{  height:1.2rem; display:block; width:1.2rem; margin:0 auto; border-radius:50%;  }
.navlistbox .navlistboxitem p{ display:block; font-size:0.275rem; text-align:center; line-height:.6rem;}

.m-about-bg{ background:url(../img/aboutbg.png) center; background-size:100%;}
.m-lx-bg{ background:url(../img/lxbg.png) center; background-size:100%;}
.m-box-more{ margin:0 auto; width:40%;}
.m-box-more a{ display:block; line-height:normal; border-radius:1rem; padding:0.1rem;    text-align:center; font-size:0.345rem; border:#ddd 1px solid;}

.m-box-contact{ padding:4%; line-height:2;}

.footer{ text-align:center; padding:0.2rem 0 0.6rem 0; background:#f3f4f8;}

.nav1{ text-align:center; background:#f5f4f9; border-bottom:#efefef 1px solid;}
.nav1 .nav1box{ width:auto;float:left;}
.nav1 .nav1box a{ font-size:0.28rem; line-height:0.4rem;  display:block; padding:0.2433rem 0.22rem 0.2133rem 0.22rem ; overflow:hidden; }
.nav1 .nav1box a small{ padding:0px; margin:0px;}
.nav1 .nav1box.on a,.nav1 .nav1box:hover a { background:#09BB07; color:#fff;}

.m-box-con-p1{ padding:1%;}
.m-box-con-p2{ padding:2%;}
.nav1 .nav1box.col2{ width:50%}
.nav1 .nav1box.col3{ width:33.333333%}
.nav1 .nav1box.col4{ width:25%}
.nav1 .nav1box.col5{ width:20%}

.m-ad{   color:#fff; padding:0.2rem 0.2rem 0.1rem 0.2rem;}
.m-ad  .m-ad-left-icon{ float:left; font-size:0.5rem; margin:0 2%;}
.m-ad  .m-ad-right-txt{ float:left; line-height:1.3;}
.m-ad  .m-ad-right-txt big{ display:block; font-size:0.275rem;}
.m-ad  .m-ad-right-txt small{ display:block;font-size:0.275rem;}
.m-ad  .m-ad-right-txt small b{font-size:0.375rem;}

.m-ad1{   color:#fff; padding:0.25rem 0.2rem 0.2rem 0.2rem; text-align:center; font-size:0.325rem; line-height:1;  }
.m-ad1 a{ color:#fff; }


.m-ad2{   color:#fff; padding:0.3rem 0.1rem 0.2rem 0.1rem;}
.m-ad2  .m-ad-left-icon{ float:right; font-size:0.275rem; width:30%; text-align:right}
.m-ad2  .m-ad-right-txt{ float:left; line-height:1.3; width:68%;}
.m-ad2  .m-ad-right-txt big{ display:block; font-size:0.355rem;}
.m-ad2  .m-ad-right-txt small{ display:block;font-size:0.275rem;}

.ys{ padding:2%}
.ys .ysitem{ border:#d9d9d9 1px solid; margin:5% 0 2% 0; }
.ys .ysimg img{ height:2.rem; width:100%;}
.ys .ystext{ padding:2% 4%;}
.ys .ystextd1 font{ width:0.6rem; height:0.6rem;   border-radius:50%; display:inline-block; color:#fff; text-align:center; margin-right:1%;}
.ys .ystextd1{ font-size:0.4rem; line-height:0.6rem; padding:2% 0;}
.ys .ystextd3{ line-height:1.8;}
.ys .ysbtn{ text-align:center; padding:2% 0;}
.ys .ysbtn span{  width:0.5rem; height:0.5rem; background:#d9d9d9; line-height:0.5rem; margin:0 2%;   border-radius:50%; display:inline-block; color:#fff; text-align:center;}


.ys2{ padding:2%;}
.ys2-2,.ys2-l{ overflow:hidden; margin-bottom:4%; padding-bottom:4%; border-bottom:#d9d9d9 1px solid;}
.ys2-img{ position:relative; float:left; width:40%;}
.ys2-img img{ width:100%;}
.ys2-img font{ font-size:0.375rem; text-align:center; border-radius:50%; position:absolute; top:0; right:0; background:#000; width:0.7rem; height:0.7rem; line-height:0.7rem; color:#fff;}
.ys2-2 .ys2-img font{  right:auto; left:0;;}
.ys2-text { float:right; width:58%; line-height:1.2;}
.ys2-text big{ color:#F00; display:block; font-size:0.275rem;}
.ys2-text small{ color:#CCC; display:block; font-size:0.2rem;}
.ys2-text b{ display:block; width:30%; height:1px; background:#999; overflow:hidden; line-height:1; margin:2% 0;}
.ys2-text p{ line-height:1.4; margin-top:2%;}

.ys2-2 .ys2-img{ float:right;}
.ys2-2  .ys2-text{ float:left;}

.sitepath{ background:#f3f3f3; position:relative; line-height:0.82rem; height:0.8rem;border-bottom:#efefef 1px solid;}
.sitepath font{ display:inline-block; font-size:0.345rem; margin:0 0.2rem; width:70%;}
.sitepath  span{ float:right; font-size:0.3rem; margin-right:0.2rem; color:#666; margin-top:0.2rem}
.sitepath  span i{  }
.sitepath span img{height:0.4rem;}
.menu{ display:none; padding:0.1rem  0;}
.menu .list a { display:block; float:left; width:50%; text-align:center; font-size:0.275rem}
.menu .list a span{ display:block; border:#ddd 1px solid; margin:2%; padding:.2rem 0.1rem; border-radius:3px;}

.menu .list a.on span{   color:#fff;}


.info{ margin:2%; line-height:150%; font-size:0.3rem;}
.info img{ max-width:100%; height:auto}


.mainbox{ background:#fff; overflow:hidden;}


.zplist{ position:relative;}
.zplist ul{}
.zplist li{ float:left; width:48%; position:relative; margin-left:1.5%; margin-bottom:1.5%; text-align:center}
.zplist li img{ display:inline-block;  width:100%; height:3rem; display:block; }

.zplist li font{ text-align:center; display:block; padding:0.13rem 0 0.1rem 0;    background: #eee;}
 
.h10 {
	height: 0.14rem;
	clear: both
}
 


/*新闻相关*/
.news_show{}
.news_show h1{text-align:left;font-size:18px;font-weight:400;margin:0;padding:5px 0 0;}
.news_show .info{background:#f3f3f3;margin:15px 0;padding:10px 15px;font-size:14px;color:#666;}
.news_show .intro{padding:15px 0 0; font-size:16px; line-height:2;}
.news_show .intro a{color:#06C;}
.news_show .intro a:hover{color:#f30;}
.news_show .intro img{max-width:100%;height:auto;}
.news_show .other{margin:20px 0 10px 0;text-align:center;}
.news_show .other p{font-weight:bold;}
.news_show .other a{display:inline-block;margin:0 10px;cursor:pointer;background:#fff;border-radius:4px;border:1px solid #ddd;padding:4px 20px;min-width:100px;}
.news_show .other a span{font-size:18px;margin-right:10px;}
.news_show .other a em{font-style:normal;font-size:18px;}
.news_show .other a:hover{background:#2384D5;border-color:#2384D5;color:#fff;}
.news_show .other a:hover span{color:#fff;}
.news_show .tags{font-weight:500;}
.news_show .tags a{margin-right:5px;display:inline-block;border-radius:4px;border:1px solid #ddd;background:#fff;padding:4px 10px;font-weight:normal;font-size:14px;}
.news_show .tags a:hover{background:#2384D5;color:#fff;border-color:#2384D5;}
.shangxia{ border-top:#efefef 1px solid; margin-top:0.15rem; padding-top:0.15rem; }
.shangxia div{ line-height:200%;}




.ceng{position:fixed; right:0px; left:0; width:100%; height:100%; z-index:1;; top:0px; filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1; opacity:0.1; display:none;; max-width:640px; margin:0 auto}
.leftbox{ position:fixed;  right:0%; width:100%; max-width:640px; left:0;  height:0; overflow:hidden; margin:0 auto;   top:0rem;background:#fff; background-color:rgb(255,255,255);   
 opacity:0.9;   
filter:alpha(opacity=90);   
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)';
 z-index:222222222222 ; }
.leftbox .mmlogo{ margin:0.2rem; float:left;}
.leftbox span font{ position:absolute; top:0.15rem; right:0px; text-align:center; padding:0 0.2rem 0 0.8rem; font-size:0.475rem}
.leftbox span font i{ font-size:0.425rem;}
.leftbox .on  font{    margin-right: 0.055rem;}
.leftbox span{ display:block; font-size:0.325rem; color:#000; font-size:0.275rem;  position:relative; padding:0.1rem 0; }
.leftbox span a.tt{ display:block; font-size:0.325rem; line-height:2.2; color:#000; padding:0 2rem 0 0.3rem; }
.leftbox span a.tt i{ margin-right:0.15rem}
.leftbox span.on{ }
.leftbox span div{ background:#f7f8f9; padding:0.3rem 0; display:none}
.leftbox span div a{  display:block;;  color:#333; text-align:left; font-size:0.275rem;  padding:0.15rem 0.3rem; line-height:normal; color:#333 }
.leftbox span div a img{display:inline-block; height:0.5rem;  top: 0.2rem ; position: relative;
    margin-right: 0.1rem;}
.menuclose{ text-align:center; font-size:0.8rem; line-height:1; color:#b5b5b5;margin-top: 0.1rem;
    /* width: 100%; */
    margin-right: 0.37rem; float:right;}
.menuclose a{ color:#000}
.menuclose img{ display:inline-block; height:0.5rem}

.menubox{ position:absolute; left:0px; width:100%;; top:1.16rem;;background:#000;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9; opacity:0.9; z-index:2; display:none }
.menubox a{ display:block; font-size:0.275rem; color:#fff; text-align:center; padding:0rem 0px; border-bottom:#333 1px solid;}
.menuclose{ display:none}



.my-slider .swiper-slide a{ display:block; position:relative;}
.my-slider .swiper-slide img{ width:100%; }
.my-slider .swiper-slide span{ position:absolute; left:0px; height:100%; width:100%; background:#000; top:0px;}


 
.newslist1 ul{ padding-top:3%; overflow:hidden; padding-bottom:2%;}
.newslist1 li{ overflow:hidden; border-bottom:#eaeaea 1px solid; padding-bottom:2% ; margin-bottom:2%;}
.newslist1 li a.img{ display:inline-block; float:left; margin-left:2%; margin-right:1.5%; width:25%; height:1.5rem;; overflow:hidden}
.newslist1 li a.img img{ width:100%; height:auto; }

.newslist1 li a.txt{ float:left; width:70%; display:inline-block;}
.newslist1 li a.txt span{ font-size:0.4rem;    font-size: 0.32rem;
    display: block;
    
    overflow: hidden; color:#000; line-height:0.45rem; margin-top:0.1rem; margin-bottom:0.1rem;}
.newslist1 li a.txt p{ font-size:0.275rem; line-height:0.45rem; height:0.9rem; overflow:hidden; color:#999999;}
 
 .newslist1 li a.txt.txt-none{ float:none; width:auto; display:block; margin:0 2.5%;}
 
 .caselist{ overflow:hidden; padding:3% 0;}
 .caselist_left{ float:left; width:48%; margin-left:1.5%;}
 .caselist  img{ width:100%;}
 .caselist_right{ width:48%; margin-right:1.5%; float:right;}
 .caselist_right .caseitem{ width:49%; float:left; margin-bottom:0.05rem}
 .caselist_right .caseitem.last{ float:right;}
 .caseitem { position:relative;}
 .caseitem .case_bg{ position:absolute; z-index:2; left:0; width:100%; bottom:0; height:0.45rem;; background-color:rgb(0,0,0);   
 opacity:0.8;   
filter:alpha(opacity=80);   
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=80)';
}
 .caseitem .caset_txt{ position:absolute; z-index:3; left:0;width:100%; bottom:0; line-height:0.45rem;   color:#fff; text-align:center; color:#fff;}
 .caseitem .caset_txt a{ color:#fff; display:block;}
 
 .ycmap{ position:fixed; left:0 ; top:0px; width:100%; height:100%; background:#383838; width:100%;box-shadow: 0 -0.05rem 0.05rem rgba(0,0,0,.2); z-index:123; display:none}
 .ycmapcontent{ position:absolute; left:0; top:0; left:0px; bottom:1rem; background:#333; width:100%;}
 .ycmapcbotton{ position:absolute; height:1rem; bottom:0; left:0; width:100%; color:#fff; padding:0.2rem;}
 .ycmapcbottonl{ width:86%;}
 .ycmapcbotton-close{position: absolute;
    right: .2rem;
    bottom: .2rem;
    width: .6rem;
    height: .6rem; line-height:0.6rem;
    text-align: center;
    font-size: .4rem;
    z-index: 99;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFW…qjdg3xOEi+ib6GeHyEOIjHQRzE4yAeB3EQj4M4iEcw/wUYAL6JZ/aVt9nDAAAAAElFTkSuQmCC) center center no-repeat;
    background-size: .35rem;
    border: .02rem solid #aaa;
    border-radius: 50%; font-size:20px; color:#fff;}
	a.mapbtn{ display:inline-block; padding:0.0rem 0.3rem; border-radius:0.2rem; color:#fff;}
	.mapbox{ line-height:2;}

.tongzhi{ font-size:0.275rem; line-height:1.3; padding:0.3rem 0.2rem; display:flex;}
.tongzhi span img{ height:0.4rem; padding-right:0.2rem}


.yc_eee{ background:#fff; padding:0.3rem 0;}
.yc_hzhb{}
.yc_hzhb ul{ margin:0 0.1rem }
.yc_hzhb ul li{ float:left; width:50%;}
.yc_hzhb ul li span{ display:block; margin:0.1rem;   background:#fff; padding:0.2rem 0.1rem; border-radius:5px; text-align:center;}
.yc_hzhb ul li span img{ height:1.8rem; max-width:100%; margin:0 auto;}

.m-tabbar.tabbar-fixed{position: fixed;
    bottom: 0;
    max-width: 640px;
    right: 0;
    left: 0;
    z-index: 49;
    margin: 0 auto;}
	
	
	.nav-open .nav-sousuo{ display:block; width:70%;}
.nav-sousuo{ overflow:hidden; border:#d5d5d5 1px solid; line-height:38px;  padding:0 15px ; margin:46px 15px 24px 15px; }
.nav-sousuo-input{ float:left; width:85%;}
.nav-sousuo-input input{ border:none; background:none ;   line-height:38px; color:#000;  width:100%;}
.nav-sousuo-btn{ float:right; width:15%; text-align:right;}
.nav-sousuo-btn button{ background:none; border:none;  font-size:14px;}
.topline{background:none; height:3px; border-bottom:#f7f7f7 0px solid;}


.pc-sousuo{ overflow:hidden; border:#d5d5d5 1px solid; line-height:25px;  padding:0 15px ; margin-left:20px; }
.pc-sousuo-input{ float:left; width:85%;}
.pc-sousuo-input input{ border:none; background:none ;   line-height:25px;  width:100%;}
.pc-sousuo-btn{ float:right; width:15%; text-align:right;}
.pc-sousuo-btn button{ background:none; border:none;  font-size:14px;}


.side-foot {
	padding: 10px 22px;;
	text-align: left;
	overflow: hidden;
}
.side-phone {
	border-bottom: 1px solid rgba(0,0,0,.15);
	line-height: 1; clear:both;
	 margin-top:15px;
	padding-bottom: 15px;
	opacity: 1;
	 
}
.side-phone:after {
	display: block;
	clear: both;
	content: '';
}
body.open .side-phone {
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	opacity: 1;
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
}
.side-phone P {
	float: left;
	margin: 0;
	line-height: 1;
}
.side-phone p b {
	display: block;
	font-family: 'AddFont';
	font-weight: normal;
 
	margin-bottom: 5px;
}
.side-phone p a {
	display: block;
    font-family: 'AddFont';
    font-size: 24px !important;
    letter-spacing: -1px;
    margin-top: 14px; color:#c2142a;
    padding-left: 0 !important;
    font-weight: 900;
}
.slide-ch a{  }
.slide-ch{ }
.side-phone i {
	float: right;
	display: block;
	font-size: 28px;
	color: rgba(255,255,255,1);
	background: rgba(0,0,0,.8);
	padding: 4px 4px 0 4px;
	margin-top: 9px;
	cursor: pointer;
}
.side-phone i:hover {
	background: rgba(0,0,0,.8);
	transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
}
.social-box {
	margin: -4px 0 0 -4px;
	opacity: 0;
	transform: translateY(75%);
	-moz-transform: translateY(75%);
	-ms-transform: translateY(75%);
	-o-transform: translateY(75%);
	-webkit-transform: translateY(75%);
	transition: .6s .4s;
	-moz-transition: .6s .4s;
	-ms-transition: .6s .4s;
	-o-transition: .6s .4s;
	-webkit-transition: .6s .4s;
}


.side-text {
	white-space: pre-wrap;
	padding-top: 10px;
	 line-height:2;
	opacity: 1; color: #000;
	font-family: 'Addfont', Microsoft Yahei;
 
	 
}
body.open .side-text {
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	opacity: 1;
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
}
.social-sidebar {
	position: fixed;
	right: 20px;
	top: 50%;
	z-index: 1199;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.social-sidebar a {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	line-height: 50px;
	color: rgba(0,0,0,.9);
	text-align: center;
	display: block;
	background: rgba(255,255,255,.6);
	font-size: 20px;
	margin: 10px;
	cursor: pointer;
	transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	-webkit-transition: background .3s;
}

@media only screen and (max-width:768px) {
	.pcnav{ display:none}
	.nav-sousuo-btn{ line-height:30px;}
	.nav-sousuo{line-height:26px; margin:0.4rem 0.2rem 0.2rem 0.2rem}
	.nav-sousuo-input input{ line-height:32px;}
}


.sjslist1 ul{ padding-top:3%; overflow:hidden; padding-bottom:2%;}
.sjslist1 li{ overflow:hidden; border-bottom:#eaeaea 1px solid; padding-bottom:2% ; margin-bottom:2%;}
.sjslist1 li div.img{ display:inline-block; margin-left:2%; margin-right:1.5%; width:100%; margin:0;}
.sjslist1 li div.img img{ width:100%;  }

.sjslist1 li div.txt{ margin:10px 10px; display: block;}
.sjslist1 li div.txt span{ font-size:0.4rem;    font-size: 0.32rem; 
    display: block;
    
    overflow: hidden; color:#000; line-height:0.45rem; font-weight:900; text-align:left; margin-top:0.1rem; margin-bottom:0.1rem; text-align: center;}
.sjslist1 li div.txt p{ font-size:0.250rem; line-height:0.45rem; height:0.9rem; overflow:hidden; color:#999999;}
.sjslist1 li div.txt .yybtn a{ display:block; border:#ddd 1px solid; line-height:2.3; font-size:0.3rem; margin-bottom:0.1rem; text-align:center; border-radius:5px;}
.sjslist1 li div.txt .yybtn a:nth-child(1){background-color:#c2142a; color:#fff; border:#c2142a 1px solid; }
 
 .sjslist1 li div.txt.txt-none{ float:none; width:auto; display:block; margin:0 2.5%;}
 
 
 	/*feedback*/
.ny_feed_ny {
 
	padding: 1em 0;
	height: auto;
	 
}
.ny_feed_tit {
	padding-bottom: 25px;
	border-bottom: 1px solid #e6e6e6;text-align: center;  
	color: #787878;
	font-weight: normal;
	margin-bottom: 15px
}
.ny_feed_tit span {
	font-size: 26px;
	font-weight: bold;
	color: #c2142a;
	display: block;
	line-height: 30px ;margin-bottom:10px;
}
.ny_feed_ny form {
	 
}
.lyb {
	position: relative;
	width: 100%; margin-top:0.2rem;
}
.lyb.lyb-h{  }
.lyb.lyb-h.lyb-h-fr{ float:right}
.lyb input {
	width: 100%;
	border: 1px solid #e7e7e7;
	color: #999;
	height: 46px;
	font-size: 1.1em; padding-left:2%;
	 
}
.lyb textarea {
	width: 100%;
	border: 1px solid #e7e7e7; margin-top:0.2rem; padding:0.2rem;
	color: #999;
	height: 100px;
	font-size: 1.1em;
	 font-family: "微软雅黑";padding: 1%;
}
.lyb img {
	position: absolute;
	top: 3px;
	right: 1px;
}
.lyb_tj {
	width: 80%;
	margin: 1em auto;
}
.lyb_tj input {
	width: 100%;
	background-color: #c2142a;
	border: 1px solid #c2142a;
	color: #fff;
	height: 0.8rem;
	font-size: 0.325rem;
	border-radius: 0.5rem;
	cursor: pointer;
}
.ny_feed_l {
	 
}
.ny_feed_r {
 
}
@media (max-width:1199px) {
.ny_feed_l {
	width: 50%;
	float: left
}
.ny_feed_r {
	width: 47%;
	float: right
}
.ny_feed_r img {
	width: 100%;
	height: auto;
	overflow: hidden
}
}
@media (max-width:991px) {
.ny_feed_l {
	width: 45%;
	float: left
}
.ny_feed_r {
	width: 52%;
	float: right
}
}
@media (max-width:768px) {
.ny_feed_l {
	width: 99%;
	float: none
}
.ny_feed_r {
	display: none
}
}
@media (max-width:640px) {
.ny_news_ny {
	padding: 15px 0;
}
.lyb {
	width: 100%;
}
.lyb_tj {
	 
}
}
@media (max-width:320px) {
.lyb_tj {
	width: 100%;
}
}
.ny_whxq dl {
	width: 25%;
	padding: 1em;
	float: left;
	font-size: 1.1em
}
.ny_whxq dl dt {
	width: 8em;
	height: 8em;
	margin: 0px auto;
	color: #c2142a;
	font-size: 1.3em;
	border-radius: 360px;
	border: 1px solid #f29c21;
	text-align: center;
}
.ny_whxq dl dt span {
	padding-top: 40%;
	display: block
}
.ny_whxq dl dd {
	margin-top: 2em;
	line-height: 1.8em;
	width: 100%;
	min-height: 6em
}


 
 
button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

a {
    color: #666;
}

a:hover {
    color: #eee;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}/* 必要布局样式css */.ques-section {
    
    margin: 0 auto 10px;
    padding: 0.2rem;
    border-radius: 2px;
    background-color: #fff;
}

.ques-section-item {
    
    position: relative;
    
}
.ques-section-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ques-item-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: normal;
    color: #333;
}

.ques-section-card {
    position: relative;
    height: auto;
    text-align: center;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    background-color: #fafafa;
}

.ques-card-head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    padding-top: 48px;
    border-radius: 2px 2px 0 0;
}

.ques-card-gul {
    background-color: #f55727;
    background-image: -webkit-radial-gradient(50% 3%,circle,#f07a56,#f55727);
    background-image: radial-gradient(circle at 50% 3%,#f07a56,#f55727);
    height: 78px;
}

.ques-card-org {
    background-color: #f59b00;
    background-image: -webkit-radial-gradient(50% -6%,circle,#ffb83d 2%,#f59b00);
    background-image: radial-gradient(circle at 50% -6%,#ffb83d 2%,#f59b00);
    height: 78px;
}

.ques-card-bul {
    background-color: #397bee;
    background-image: -webkit-radial-gradient(50% -45%,circle,#53a7f5,#397bee);
    background-image: radial-gradient(circle at 50% -45%,#53a7f5,#397bee);
    height: 78px;
}

.ques-card-red {
    background-color: #c2142a;
    background-image: -webkit-radial-gradient(50% -45%,circle,#c2142a,#c2142a);
    background-image: radial-gradient(circle at 50% -45%,#c2142a,#c2142a);
    height: 78px;
}

.ques-card-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    padding-top: 15px;
    color: #efefef;
}
.ques-card-title span.on{font-weight:900; color:#dbd50f; font-size:18px;}
.ques-card-text {
    line-height: 18px;
    position: relative;
    margin-top: 6px;
    opacity: .7;
    color: #fff;
    font-weight: normal;
}

.ques-card-num {
    overflow: hidden;
    margin: 40px auto 0;
    border-radius: 50%;
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
}

.ques-card-num:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 76px;
    height: 76px;
    content: '';
    border: 2px solid rgba(255,255,255,.9);
    border-radius: 100%;
}

.ques-card-num:hover:before {
    background-color: rgba(0,0,0,.3);
}

.ques-card-num img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}

.ques-card-name {
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px;
}

.ques-card-major {
    line-height: 18px;
    margin-top: 6px;
    color: #a3a3a3;
}

.ques-card-field {
    font-size: 12px;
    line-height: 18px;
    height: 18px;
    margin-top: 25px;
    text-align: center;
    color: #000;
}

.ques-card-tag {
    font-size: 12px;
    margin: 6px 0 25px;
}

.ques-card-tag span {
    line-height: 17px;
    display: inline-block;
    max-width: 84px;
    height: 18px;
    padding: 0 6px;
    color: #fa9600;
    border: 1px solid #f5cc84;
    border-radius: 2px;
    margin: 0 4px;
}

.ques-card-help {
    display: block;
    margin: 20px auto;
    line-height: 29px;
    width: 90px;
    height: 30px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: #2fa9f1;
}

.ques-card-bots {
    line-height: 18px;
    margin-top: 25px;
    color: #a3a3a3;
}

.ques-section-item+.ques-section-item {
    margin-left: 20px;
}

.ques-card-title-top {
    padding: 27px 0;
}

.ques-card-list {
    text-align: left;
}

.ques-card-list li {
    position: relative;
}

.ques-card-list-1:before {
    position: absolute;
    z-index: 2;
    top: 6px;
    left: 37px;
    display: block;
    content: '';
    background-position: -115px -44px;
    width: 20px;
    height: 20px;
    background-image: url("../img/icon-body.png");
}

.ques-card-list-3:before {
    position: absolute;
    z-index: 2;
    top: 6px;
    left: 37px;
    display: block;
    content: '';
    background-position: -115px -88px;
    width: 20px;
    height: 20px;
    background-image: url("../img/icon-body.png");
}

.ques-card-list li:after {
    position: absolute;
    bottom: 0;
     
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #ededed;
}

.ques-list-box {
    position: relative;
    display: block;
    
    padding: 16px 15px 17px;
}

.ques-list-head {
    position: relative;
    float: left;
    padding-right: 8px;
}

.ques-list-image {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    z-index: 2;
    margin: 0 auto;
}

.ques-list-image:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    content: '';
    border: 2px solid #f87851;
    border-radius: 100%;
}

.ques-list-image img {
    border-radius: 100%;
    width: 100%;
    height: 36px;
    display: block;
    border: none;
}

.ques-list-name {
    overflow: hidden;
    margin-right: 33px;
}

.ques-list-name-head {
    line-height: 18px;
    color: #333;
}

.ques-list-name-text {
    font-size: 12px;
    line-height: 16px;
    margin-top: 2px;
    color: #a3a3a3;
}

.ques-list-name-icon {
    font-size: 12px;
    line-height: 24px;
    position: absolute;
    top: 50%;
    right: 14px;
    display: block;
    margin-top: -13px;
    text-align: center;
    color: #fff;
    background-position: 0 -60px;
    width: 25px;
    height: 25px;
    background-image: url("../img/icon-body.png")
}

.item-icon001 {
    background-position: -62px -27px;
    width: 25px;
    height: 25px;
    display: block;
}

.item-icon002 {
    background-position: -62px 0;
    width: 25px;
    height: 25px;
}

.item-icon003 {
    background-position: -28px -32px;
    width: 25px;
    height: 25px;
}

.item-icon004 {
    background-position: 0 -60px;
    width: 25px;
    height: 25px;
}

.item-icon005 {
    background-position: 0 -60px;
    width: 25px;
    height: 25px;
}

.ques-list-box:hover {
    cursor: pointer;
    background-color: #f5f5f5;
}

.ques-card-list-2:before {
    background-position: -115px -66px;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 2;
    top: 6px;
    left: 37px;
    display: block;
    content: '';
    background-image: url(../img/icon-body.png);
} 


.comment-form-area {
    margin-top: 30px
}

.comment-form-area .single-input {
    margin-bottom: 20px
}

.comment-form-area .single-input input,.comment-form-area .single-input textarea {
    border: 1px solid #efefef;
    border-radius: 5px;
    width: 100%;
    padding: 0.1rem;
    background-color: #fafafa
}
.comment-form-area .single-input textarea {
    height: 1.5rem
}

.blog-details-two-header {
    max-width: 800px;
    text-align: center;
    margin: auto;
    margin-top: 40px
}

.blog-details-two-post-title {
    margin-bottom: 25px;
    font-size: 32px;
    font-weight: bold;
    color: #0f034a
}

.blog-details-two-post-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

@media only screen and (max-width:479px) {
    .blog-details-two-post-meta {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.blog-details-two-post-meta span {
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
    font-size: 13px;
    font-weight: 600
}

.blog-details-two-post-meta span::after {
    position: absolute;
    content: "";
    right: -5px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #091d40;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}


.blog-details-two-post-meta span a:hover {
    color: #5974ff
}

.blog-details-two-post-meta span:last-child {
    padding-right: 0;
    margin-right: 0
}

.blog-details-two-post-meta span:last-child::after {
    display: none
}

.blog-details-two-post-author {
    color: #9b9ea1
}

.blog-details-two-post-author a {
    color: #091d40
}

@media only screen and (max-width:479px) {
    .blog-details-two-post-author {
        font-size: 12px
    }
}

.blog-details-two-tags a {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    height: 40px;
    border-radius: 10px;
    line-height: 40px
}

.blog-details-two-post-text .title {
    color: #0a1e43
}

.table-content-list .table-content-item {
    position: relative;
    padding: 20px;
    padding-left: 50px;
    background-color: transparent;
    border-radius: 15px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    font-weight: 600;
    color: #5138ee;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.table-content-list .table-content-item:hover {
    background-color: #eeee
}

.table-content-list .table-content-item::before {
    content: '\ea98';
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: IcoFont;
    color: #0a1e43
}

.blockquote-box-two {
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #5138ee;
    padding: 80px 60px;
    text-align: center
}

.blockquote-box-two h4 {
    font-size: 44px;
    color: #fff;
    font-weight: 500
}

.blockquote-box-two h4 .bold {
    font-weight: 600
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .blockquote-box-two {
        padding: 60px 30px
    }

    .blockquote-box-two h4 {
        font-size: 30px
    }
}

@media only screen and (max-width:767px) {
    .blockquote-box-two {
        padding: 60px 30px
    }

    .blockquote-box-two h4 {
        font-size: 26px
    }
}

.blog-post-author {
    color: #9b9ea1;
    margin-left: 15px
}

.blog-post-author a {
    color: #000
}

.blog-details-two-share-area {
    margin-top: 40px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 50px
}

@media only screen and (max-width:767px) {
    .blog-details-two-share-area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px 10px
    }

    .blog-details-two-share-area .share-title {
        margin-bottom: 20px
    }
}

.related-post-two-slider-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.related-post-two-slider-navigation .navigation-button {
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #e0dfe6;
    text-align: center;
    background-color: transparent;
    font-size: 25px;
    border-radius: 10px;
    color: #0f034a;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.related-post-two-slider-navigation .navigation-button.popular-swiper-button-next {
    margin-left: 10px
}

.related-post-two-slider-navigation .navigation-button:hover {
    border: 1px solid #5138ee;
    background-color: #5138ee;
    color: #fff
}

.comment-list-wrapper {
    margin-bottom: 0.2rem;
}

.comment-list-wrapper .widget-title {
    color: #0a1e43
}

.comment-list {
    margin: 0;
    padding: 0
}

.comment-list .comment-2,.comment-list .comment-reply-wrap {
    border: 1px solid #eee;
    padding: 0.2rem;
    border-radius: 10px
}

.comment-list .comment-author-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.comment-list .comment {
    list-style-type: none;
    padding: 10px 0
}

.comment-list .comment:last-child {
    padding-bottom: 0
}

.comment-list .comment-author img {
    border-radius: 50%;
    width: 1rem; height:1rem;
}

.comment-list .comment-content {
    position: relative;
    overflow: hidden;
    margin-left: 20px;
    width: 100%
}

.comment-list .meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:767px) {
    .comment-list .meta {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.comment-list .meta .fn {
    font-size: 22px;
    text-transform: uppercase;
    color: #0a1e43;
    display: block;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .comment-list .meta .fn {
        font-size: 18px
    }
}

.comment-list .meta .comment-datetime {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #ababab;
    margin-top: 10px
}

.comment-list .meta .separator {
    padding: 0 10px
}

.comment-list .meta .time {
    color: #888
}

.comment-list .comment-author.vcard {
    padding: 8px;
    border: 1px solid #dfeee5;
    border-radius: 100%
}

.comment-list .comment-actions a {
    margin-right: 20px;
    font-weight: 500;
    color: #333
}

.comment-list .comment-actions a:hover {
    color: #5138ee
}

.comment-list .comment-reply-link {
    background-color: #f8f8f8;
    height: 45px;
    line-height: 45px;
    color: #5138ee;
    font-weight: 600; display:none;
    border-radius: 10px;
    padding: 0 20px; width: 2.4rem;
}

.comment-list .comment-reply-link i {
    margin-right: 10px
}

@media only screen and (max-width:767px) {
    .comment-list .comment-reply-link {
        margin-top: 5px
    }
}

.comment-list .children {
    margin: 20px 0 20px 100px;
    padding: 0
}

@media only screen and (max-width:767px) {
    .comment-list .children {
        margin: 40px 0 20px 30px
    }
}

.comment-list .children li+li {
    margin-top: 0
}

.comment-list .comment-text {
    margin-top: 15px
}

.comment-submit-btn .ht-btn {
    padding: 0 54px
}

.messonry-button {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee
}

.messonry-button button {
    background-color: transparent;
    border: 0;
    font-weight: 600;
    padding-left: 35px;
    margin-left: 30px;
    position: relative
}

.messonry-button button.is-checked {
    color: #ffc4a0
}

.messonry-button button::before {
    color: #222;
    content: '';
    height: 6px;
    width: 6px;
    background: #222;
    border-radius: 5000px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0
}


.pic_in_f_box{ width:94%; margin:0 auto; overflow:hidden;padding: 10px 0;}
.pic_in_f_box img{ float:left; width:45%; margin:2.5%;}
.out_pri{ width:100%; max-width:600px; overflow:hidden; margin:0 auto; background-color:#f8f8f8;}
.ad_pri{ width:100%; overflow:hidden;}
.ad_pri img{ display:block; width:100%;}


.pri_inp{ width:100%; overflow:hidden; margin-bottom:20px;}
.pri_inp .per_inp_pri{ width:90%; overflow:hidden; margin:20px auto; height:70px; background-color:#fff; border-radius:5px; position:relative; border:1px solid #e1e1e1;}

.pri_inp .per_inp_pri select{ width:49%; float:left; font:25px/70px "microsoft yahei"; color:#666; border:none; background-color:#fff;height: 70px; text-indent: 10px; outline:none;-webkit-appearance: none; background:url(../img/pic_u.png) no-repeat right center;}

.pri_inp .per_inp_pri i{ float:left; width:1%; border-right:1px solid #ddd; height:30px; margin:20px 0;}
.pri_inp .per_inp_pri span{ display:none;}
.pri_inp .per_inp_pri h1{ font:25px/70px "microsoft yahei"; color:#333; position:absolute; right:15px; top:0; height:70px;}
.pri_inp .per_inp_pri h2{ font:22px/70px "microsoft yahei"; color:#ccc; position:absolute; left:15px; top:0; height:70px;}

.pri_inp .per_inp_pri input{ width:100%; float:left; font:25px/70px "microsoft yahei"; color:#333; text-indent:15px; height:70px; outline:none; position:relative; z-index:10; background-color:transparent; border: none;}
.pri_inp h3{ width:100%; overflow:hidden; text-align:center; font:18px/30px "microsoft yahei"; color:#333; }
.pri_inp h3 span{ color:#c33;}
.pri_inp  button{ width:90%; display:block; overflow:hidden; height:70px; background-color:#c33; font:25px/70px "microsoft yahei"; color:#fff; border:none; border-radius:5px; margin:30px auto; cursor:pointer; outline:none;}

.price{ width:100%; overflow:hidden; margin-top:30px;}
.price img{ width:90%; overflow:hidden; display:block; margin:0 auto;}

.price .pri_box{ width:90%; margin:0 auto; overflow:hidden; background-color:#fff; padding-bottom:20px; border-top:8px solid #c33;}
.price .pri_box .ti_pri{ width:100%; overflow:hidden; margin-top:20px;}
.price .pri_box .ti_pri p{ float:left; width:33%; float:left; font:20px/60px "microsoft yahei"; color:#666; text-align:center;}

.price .pri_box .pri_info_num{ width:100%; overflow:hidden;}
.price .pri_box .pri_info_num .pri_num_ev{ width:100%; overflow:hidden;}

.price .pri_box .pri_info_num .pri_num_ev h1{float:left; width:33%; float:left; font:22px/66px "microsoft yahei"; color:#666; text-align:center; }
.price .pri_box .pri_info_num .pri_num_ev p{float:left; width:33%; float:left; font:22px/66px "microsoft yahei"; color:#cc3333; text-align:center; }
.tip_info{ width:90%; overflow:hidden; margin:0 auto; margin-top:36px;}
.tip_info p{ font:14px/25px "微软雅黑"; color:#666; text-align:center;}
.tip_info p span{ color:#ff6600;}

.pic_dec{ width:100%; overflow:hidden; margin:40px auto; background-color:#fff; position:relative;}

.pic_dec .ti_dec{ height:30px;border-bottom:1px solid #ddd; width:80%; float:left; margin-left:10%; margin-bottom:25px;}
.pic_dec .ti_dec h1{ font:25px/60px "microsoft yahei"; color:#333; width:140px; height:60px; background-color:#fff; text-align:center; margin:0 auto;}

.pic_box{ overflow:hidden; float:left; height:auto !important;}
.pic_box .pic_text{ width:50%; float:left; text-align:center;}

.pic_box .pic_text img{ width:86%; float:left; margin-left:7%; height:180px; margin-top:15px;}
.pic_box .pic_text p{ font:16px/48px "微软雅黑"; color:#333; float:left; height:48px; overflow:hidden; width:100%; text-align:center; }

.out_pic_b{ position: relative;
    overflow: hidden;
/*    padding-top: 80%;*/
    background-color: #fff; width: 94%;
    margin: 0px auto;}
.out_pic_b .pic_in_box{
    position: absolute;
    left: 0;
    top: 0; }
	.cover_info .info_t .off_pic {
    width: 84%;
    margin-left: 8%;
  
}
	.cover_info .info_t .info_deta {
    width: 84%;
    border-radius: 8px;
    margin-left: 8%;}
	.cover_info .info_t .off_pic span{ width:40px; height:40px; background:url(../image/off_x.png) no-repeat center;overflow:hidden; margin-bottom:-20px; margin-right:-20px; background-size:40px;}
	.cover_info .info_t .info_deta{  padding:10px 0;}
	.cover_info .info_t .info_deta p {
    font: 12px/22px "microsoft yahei";
    margin-bottom: 20px;
    text-indent: 26px;
    background-size: 18px;
    }
	.cover_info .info_t .info_deta input {
    font: 14px/42px "microsoft yahei";
    margin: 15px auto;
    }
	.cover_info .info_t .info_deta h1 {
    font: 16px/42px "microsoft yahei";
    margin: 15px auto;
    }
	
	
	
	.pic_box .pic_text img {
     margin-top:5px;
    height: 110px;
}
	.num_pri {
    background-position: 47.5% 6px;
    background-size: 100px;
}
    .pic_box .pic_text{ width:50%; float:left; text-align:center;}

    .pic_box .pic_text p{ font:12px/30px "微软雅黑";  width:90%; margin-left:5%; height:30px; overflow:hidden; text-align:center; }
    .num_pri h1 {
    font: 16px/45px "microsoft yahei"; height:45px; overflow:hidden;
}
    .out_pic_b {
    width: 94%;
    margin: 0px auto;
   
    
    }
	.pri_box {
   
    border-top: 4px solid #c33 !important;
}
	/*.num_pri h1 span {
    margin: 0 1.5%;
	font: 18px/36px "microsoft yahei"; font-weight:bold;
	}*/
	.btn_rpi_thr {
    margin-top: 10px;
	}
	.pic_dec {
   
    margin: 20px auto;
	}
	.pri_inp .per_inp_pri {
   
height: 42px;
   
margin:12px auto;
   
}
	.pri_inp .per_inp_pri select {
    font: 14px/42px "microsoft yahei";
    background-size: 30px;
    height: 42px;
 }
	.pri_inp .per_inp_pri input {
    font: 14px/42px "microsoft yahei";
    height: 42px;
 }
	.pri_inp button {
    font: 16px/42px "microsoft yahei";
    margin: 15px auto 20px;
    height: 42px;
 }
	.pri_inp h3 {
    font: 14px/20px "microsoft yahei";
    }
	.price .pri_box .ti_pri p {
    font: 16px/40px "microsoft yahei";
	}
	.price .pri_box .pri_info_num .pri_num_ev p {
    font: 16px/46px "microsoft yahei";
	}
	.price .pri_box .pri_info_num .pri_num_ev h1{
    font: 16px/46px "microsoft yahei";
	}
	.tip_info {
    width: 60%;

    margin-top: 20px;
    }
    .tip_info p {
    font: 12px/25px "微软雅黑"; 
    }
	.btn_rpi_thr h1 span {
    font-size: 16px;
	}
	.btn_rpi_thr h1 {
    font: 14px/40px "microsoft yahei"; background-size:24px;
    padding-left: 24px;
 
    width: 250px;
    }
	.btn_rpi_thr p {
    width: 120px;
    height: 35px;
    font: 15px/35px "microsoft yahei";
    margin-top: 5px;
    background-position: 15% center;
    text-indent: 20px;
    background-size: 10%;
    }
	.pic_dec .ti_dec h1 {
    font: 16px/60px "microsoft yahei";

    width: 80px;

  
    }
	
	.pri_inp .per_inp_pri h2 {
    font: 14px/50px "microsoft yahei";
    height: 50px;
	}
	.pri_inp .per_inp_pri h1 {
    font: 14px/33px "microsoft yahei";
    height: 42px;
 }
	.pri_inp .per_inp_pri i{
    margin: 10px 0;
    }
    
    .tjnum{font-size:10px; margin:0.2rem 0; color:#000}
    .tjnum_item{float:left;margin-right:0.2rem;}
	
.imgtxt3{font-size: 0.275rem;
    background: #f94b4c;
    color: #fff;
    line-height: 0.6rem;
    padding: 0 0.4rem;
    float: right;
    border-radius: 0.4rem;}
    
.fixshare{position:fixed; bottom:0; left:0; width:100%; color:#fff; text-align:center; background:#bfaed0; font-size:0.325rem; padding:0.2rem 0; z-index:12;}
.mk{ position:fixed; left:0; width:100%; top:0; height:100%; background-color:rgb(0,0,0);   
 opacity:0.5;   
filter:alpha(opacity=50);   
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)'; z-index: 13; display: none;
}
.share{ position:fixed; right:2%;  top:2%;   z-index:14; text-align:right;display: none;}
.share img{ display:inline-block; width:50%;}