@charset "utf-8";
body { background:#FFF; font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", "\5B8B\4F53", simsun, sans-serif; color: #666;}
/*body,html{ font-family: "黑体";}*/
a{ color:#666666;}
a:hover{ color:#d00021; text-decoration:none;}

.my-navbar{border:none;font-size: 16px; background-color: white;}
.my-navbar.snav{background:none;}
.my-navbar.snav.s-crt{background-color:#fff;}
.logo { padding:0; }
.logo img{ padding-left:10px;}
#logoWhite{}
#logoRed{ display: none;} 


#navbar-collapse{ border:none; padding:15px;}
#navbar-collapse ul li{ padding:0px 14px 0px; font-size:17px; font-weight:bold;font-family: SimHei;}
#navbar-collapse ul li a{ color:#666;}
#navbar-collapse.snav ul li a{ color: white;}
#navbar-collapse.snav.s-crt ul li a{ color: #666;}
#navbar-collapse ul li a:hover,
.call_color{
    color:#d00021;
}
#navbar-collapse ul li a.active{ color:#d00021; border-bottom:2px solid #d00021;}
#navbar-collapse.snav ul li a:hover,
#navbar-collapse.snav ul li a.active{ color:white; border-bottom:2px solid white;/* color:#e60012; border-bottom:2px solid #e60012;*/}
#navbar-collapse.snav.s-crt ul li a.active,
#navbar-collapse.snav.s-crt ul li a:hover{ border-bottom:2px solid #e60012; color: #e60012;}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}

@media (min-width: 990px){
	#navbar-collapse ul li{ padding: 0;}
}

.about{  margin-top:20px; margin-bottom:20px;}
.about .container{ background:#FFF;}
.about h4{ color:#111; font-weight:bold;font-family: SimHei;}
.about p{ color:#666; line-height:35px;margin:0;}
.about .jianjie{ padding:0px 18px 15px 25px; margin-top:22px; }
.about .video{ padding:0 15px 0 25px;  margin-top:22px; border-left:1px solid #eee;}
.about .video h4{ padding-bottom: 8px;}
.more { width:72px; height:24px; text-align:center; font-size:14px; line-height:24px; margin-top:8px;}
.more a{width:80px; height:24px; display:block; border:1px solid #cccccc; border-radius:15px; color:#666666; }
.more a:hover{ background:#f1f1f1; border:1px solid #aaaaaa;}

.huodong{ margin-bottom:40px; }
.huodong h4{ color:#111111; padding:15px 0 12px 10px;font-family: SimHei;}
.huodong h4 .more{ float:right; margin-right:30px; margin-top:-3px;}
.huodong .container{ background:#FFF; padding-bottom:20px;}
.huodong ul{margin:0; padding:0; padding-left:1%;}
.huodong ul li{position: relative; width:32%; height:240px;  float:left; display:inline;background: #f5f5f5;border:1px solid #fff;overflow: hidden;cursor: pointer; margin:0; margin-right:1%;}
.huodong ul li:hover{border-color:#e1e1e1;}
.huodong .intro{position: absolute;top:170px; width:100%;height:104px; padding:10px;background: #f5f5f5;z-index: 1;-webkit-transition: top .3s ease-in-out 0s;transition: top .3s ease-in-out 0s;}
.huodong ul li:hover .intro{top:140px}
.huodong ul li h5{font-size: 14px;color: #333;line-height:24px;margin:0; padding:0;}
.huodong ul li p{font-size: 13px;color: #999;text-overflow: ellipsis;line-height: 24px; white-space:nowrap; width:100%; overflow:hidden; margin:9px 0px;}
.huodong ul li a img{ margin:0; padding:0; transform:translate(-50px,0); transition-delay:0.08s;}
.huodong ul li a:hover img{ -webkit-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s; transform:translate(0px,0);transition-delay:0.08s;}

.foot{ background:#f5f5f5; border-top:1px solid #f5f5f5; color:#666; width: 100%;margin-top: 100px}
.foot dl{padding-top:30px;}
.foot dl dt a,.foot dl dt { color:#333; line-height:40px;font-family: SimHei;}
.foot dl dd{ line-height:28px; color:#666; font-size: 14px;}
.foot dl dd.phone{ font-size:16px; color:#e60012;}
.sina{ margin-bottom:8px;}
/*.sina a{width:120px; height:35px; background:url(../images/sina.jpg) no-repeat; display: block; border: 1px solid #dcdcdc; border-radius: 35px;}*/
/*.sina a:hover{width:120px; height:35px; background:url(../images/sina_hover.jpg) no-repeat; display: block;border: 1px solid #d20410; border-radius: 35px;}*/

.weixin{position:relative;}
/*.weixin a{width:120px; height:35px; background:url(../images/wx.png) no-repeat; display: block; border: 1px solid #dcdcdc; border-radius: 35px;}*/
/*.weixin a:hover{width:120px; height:35px; background:url(../images/wx_hover.jpg) no-repeat; display: block; border: 1px solid #219f22; border-radius: 35px;}*/


.copyright{border-top:1px solid #dddddd; padding:15px 0; font-size:12px; color:#999999;}
.copyright p{ padding-left:15px;}
.copyright img{ margin-left:20px;}

.banner{ background:url(../image/title_img_about.png) no-repeat top center; height:280px; width:100%; margin-top:75px;}
.banner_list{ background:url(../image/trouble_banner.png) no-repeat top center; height:280px; width:100%; margin-top:75px;}
.banner_service{ background:url(../image/product_service_banner.png) no-repeat top center; height:280px; width:100%;  margin-top:55px;}
.banner_about{ background:url(../image/about_banner.png) no-repeat top center; height:280px; width:100%;  margin-top:75px;}
.banner_contact{ background:url(../image/relation_banner.png) no-repeat top center; height:280px; width:100%; margin-top:75px;}

.banner img{ display:none;}
.banner_service img{ display:none;}
.banner_news img{ display:none;}
.banner_about img{ display:none;}
.banner_contact img{ display:none;}
.banner_partner img{ display:none;}
.banner_list img{display:none;}
.ny{ margin-top:55px; margin-bottom:15px;}
.ny .positions{line-height:40px;}
.title_list{
    color:#000;font-weight: bold
}
.title_list_bold{
    margin-top: 35px;color:#000;font-weight: bold
}
/*.ny #a2 .honor{ padding-top: 20px;}*/
/* padding:20px 60px; */
#nav li a{ margin: 0;font-size:17px; background:#F5F5F5; border-radius:0px; border-bottom:2px solid #F5F5F5;}
#nav li a:hover{border-radius:0px; border-bottom:2px solid #d00021;}
#nav li.active a,
#nav li.active a:hover{ color: #fff; background: #d00021; border-radius:0px;border-bottom:2px solid #d00021;}
.pt20{ padding-top: 5px;}
.fixed{ position: fixed; top: 100px; width: 195px;}

@media screen and (min-width: 960px) and (max-width: 1199px){
    .fixed{ position: fixed; top: 100px; width: 175px;}
}

.category{background:#F5F5F5; text-align:center;}
.category dl dt{ margin:0; padding:0; height:50px; line-height:50px; font-size:18px; color:#e60012;font-family: SimHei;}
.category dl dd{ margin:0; padding:0; height:50px; line-height:50px; font-size:16px;}
.category dl dd a{ font-size:16px;  border-radius:0px; display:block;}
.category dl dd a:hover{ display:block;  border-radius:0px; border-bottom:2px solid #e60012; }
.category dl dd a.active{ color: #fff; background: #e60012;display:block;  border-radius:0px; border-bottom:none;}

#listbox{ width:100%; height:auto; overflow:hidden; padding-bottom: 20px;}
#listbox .sec{background:#FFF;  padding:0px 30px; margin-bottom:30px;
    }
.border-bottom{
    border-top: 1px solid #eee;
}
#listbox .sec strong{font-family: SimHei;}
#listbox .sec img,
#listbox .sec p img{max-width:100%;}
#listbox .sec p{ text-align: left;}
#listbox #a1 p{ line-height:30px;}
#listbox #b1 p{ line-height:30px;}
/*background:url(../images/title01.jpg) repeat-x 0 5px; */
#listbox h4{ font-weight:bold; font-family: SimHei;color:#000; padding: 5px 15px 10px 0; padding-top:5px; padding-bottom:10px;}
#listbox h4 span{ background:#FFF; padding-right:20px;}
#a1 p{ line-height:25px;}
.affix-top { position: relative;}
.affix { top: 100px;}
.affix,.affix-bottom { width: 200px;}
.affix-bottom { position: absolute;}
#listbox .sec .huoban .col-md-6{ width: 49%; margin: 0; padding: 0; margin-right: 15px; margin-top: 15px;}
#listbox .sec .huoban .col-md-6:nth-child(2n){ margin-right: 0;}

.ys{ width:100%; height:auto; overflow:hidden; padding-top:20px; }
.ys .col-md-4{ padding-left: 0;}
.ys .col-md-4:last-child{ padding: 0;}
.ys .col-md-4 span{ display: inline-block; min-height: 75px;}
.ys .col-md-4 p{ line-height: 30px;}
.ys h6{ font-size:16px; font-weight:bold;font-family: SimHei;}
.honor{ width:100%; height:auto; overflow:hidden;}
.honor ul{margin:0; padding:0; padding-left:0%; list-style:none;}
.honor ul li{float:left; display: inline; width:32%; text-align:left; margin-bottom:8px; margin-right: 17px;}
@media screen and (min-width: 960px) and (max-width: 1199px){
    .honor ul li{float:left; display: inline; width:32%; text-align:left; margin-bottom:8px; margin-right: 13px;}
}
@media screen and (min-width: 770px) and (max-width: 959px) {
    .honor ul li{float:left; display: inline; width:32%; text-align:left; margin-bottom:8px; margin-right: 13px;}
}
@media screen and (min-width: 480px) and (max-width: 767px){
    .honor ul li{float:left; display: inline; width:32%; text-align:left; margin-bottom:8px; margin-right: 10px;}
}
@media screen and (max-width: 479px) {
    .honor ul li{float:left; display: inline; width:100%; text-align:left; margin-bottom:8px; margin-right: 0;}
}



.honor ul li:nth-child(3n){ margin-right: 0;}
.honor ul li a{ display: inline-block; width: 100%; overflow: hidden;}
.honor ul li a:hover img{
-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1);}
.honor ul li img{ width:100%;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}

.honor ul li p{width:100%; margin:0 auto;line-height:20px; height:40px; margin-top:5px; text-align: center;}
.yuangong{ width:100%; height:auto; overflow:hidden;}
.yuangong h5{ font-size:18px;}
.yuangong .col-md-6{ margin: 0; padding: 0;}

.service{background:#FFF; margin-top:0; margin-bottom:30px;}
.service .row{ padding:25px 25px 0;}
.service .jj{ padding: 15px 0 20px;}
.service .jj p{ line-height:35px;}
.service_info{text-align:center; min-height: 400px;margin-bottom:20px;}
/*background:url(../images/title01.jpg) repeat-x 0 5px;*/
.service_info h3{ font-weight:bold; font-family: SimHei;  height:40px; color:#000; padding:0 20px; margin: 30px 0;}
.service_info h3 span{ background:#FFF; padding:0 20px;}
.service_info h4{font-weight:bold;font-family: SimHei;}
.service_info h4 p{ line-height:25px;}
.service_info a img{ padding: 20px; margin-bottom: 15px;}
.service_info a:active img{}
.service_info .col-md-4,
.service_info .col-md-4 a img{
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.service_info .col-md-4:hover{
-webkit-box-shadow: 0 0 5px #ccc;
   -moz-box-shadow: 0 0 5px #ccc;
    -ms-box-shadow: 0 0 5px #ccc;
        box-shadow: 0 0 5px #ccc;
}
.service_info .col-md-4:hover img{
-webkit-transform:rotate(360deg);
   -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
        transform:rotate(360deg);}

.about_info{text-align:center; min-height: 400px;margin-bottom:20px;}
/*background:url(../images/title01.jpg) repeat-x 0 5px;*/
.about_info h3{ font-weight:bold; font-family: SimHei;  height:40px; color:#000; padding:0 20px; margin: 30px 0;}
.about_info h3 span{ background:#FFF; padding:0 20px;}
.about_info h4{font-weight:bold;font-family: SimHei;}
.about_info h4 p{ line-height:25px;}
.about_info a img{ padding: 20px; margin-bottom: 15px;}
.about_info .col-md-4:hover{
    -webkit-box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    -ms-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}
@media screen and (max-width: 768px) {
.service_info{text-align:center; min-height: 970px;margin-bottom:20px;}
}

.tab{padding: 10px 0 4px;width: 100%;overflow: hidden;margin-top:45px; }
.tab ul{width: 380px;overflow: hidden; margin:0;padding:0;}
.tab ul li{float: left;font-size: 16px;color: #333;cursor: pointer;text-align: center;list-style:none; position: relative;}
.tab ul li:after{ content: ''; width: 1px; height: 20px; background-color: #ddd; position: absolute; top: 10px; right: 0;}
.tab ul li:last-child:after{ content: ''; width: 0px; height: 20px; background-color: #ddd; position: absolute; top: 10px; right: 0;}
.tab ul li a{ padding: 8px 16px;margin: 0 15px; display:block;}
.tab ul li a.active {border-radius: 4px;background: #e60012;color: #fff}

.newslist{margin-bottom:50px;height:auto; overflow: hidden; margin-top: 25px;}
.newslist ul{margin:0;padding:0;}
.newslist ul li{position: relative;float: left; width:32%; margin-left:1%;
    margin-bottom:10px;overflow: hidden;cursor: pointer;-webkit-transition: -webkit-box-shadow .3s ease-in,-webkit-transform .2s ease-in;transition: -webkit-box-shadow .3s ease-in,-webkit-transform .2s ease-in;transition: box-shadow .3s ease-in,transform .2s ease-in;transition: box-shadow .3s ease-in,transform .2s ease-in,-webkit-box-shadow .3s ease-in,-webkit-transform .2s ease-in; }
.newslist ul li a{height: 100%}
.newslist ul li .intro{position: absolute;left: 0;bottom: 0;height: 60px;border: 1px solid #e1e1e1;border-top: none;background: #fff;z-index: 1; width:100%;}
.newslist ul li .intro p{padding: 10px 18px;font-size: 13px;color: #666;line-height: 20px; }
.newslist ul li:hover{-webkit-transform: translateY(-4px);transform: translateY(-4px);-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.06);box-shadow: 0 3px 10px rgba(0,0,0,.06)}

.news{ margin-top:55px; margin-bottom:40px;}
.news .positions{line-height:40px;}
.news .info{ width:100%; background:#FFF; height:auto; overflow:hidden; padding:25px; line-height:30px;}
.news .info h1{font-size:20px; font-weight:bold; font-family: SimHei; text-align:center; color:#333;}
.news .info h5{ text-align:center; padding:15px 0;}
.news .info img{max-width:100%;}
.news .page{border-top:1px solid #ccc;line-height:80px; margin-top:30px;}
.news .page .prev{float: left; text-align:left; width:50%; height:80px; overflow:hidden; }
.news .page .next{float: right;text-align:right; width:50%; height:80px; overflow:hidden; }

.new{background:#FFF; padding:10px 15px 15px 15px; margin-bottom:15px;}
.new h4{ font-size:16px; font-weight:bold;font-family: SimHei;}
.new h4 span{ float: right; font-size:14px;}
.new ul{margin:0;padding:0;}
.new ul li{  height:30px; line-height:30px; overflow:hidden;}
/*.new ul li a{ background: url(../images/ico-d.jpg) no-repeat left center; padding-left: 15px;}*/

/*
.new ul li a::before {
    color: #666;
    content: "◆";
    display: block;  float: left;  font-size: 14px; line-height: 33px;margin-right: 4px;
}*/

.news .col-md-4 img{max-width:100%;}

.job ul{overflow: hidden; margin:0; padding:0;}
.job ul li{float: left;margin: 0 40px 16px 0;width: 162px;height: 34px;line-height: 34px;font-size: 14px;color: #111;text-align: center;cursor: pointer;background: #f5f5f5; list-style:none;}
/*.job ul li.active{color: #e60012;-webkit-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;width: 162px;height: 34px; background:url(../images/jobbg.jpg) no-repeat;}*/

.panel h5{ padding:5px 0;}
.panel h6{ font-size:18px;  border-radius:0px;}
.panel{  border-radius:0px;}
.panel .panel-title a{ width:100%; height:auto; display: block; padding: 10px 0;}
.panel .panel-title a:hover{text-decoration:none;}
.panel .panel-body p{ margin-bottom:30px;}

.contact{background:#FFF; margin-top:15px; margin-bottom:20px;}
.contact .info,.contact .hezuo{ padding:20px;}

/*.contact h3{ font-weight:bold; font-family: SimHei; background:url(../images/title01.jpg) repeat-x 0 center; height:35px; color:#000; }*/
.contact h3 span{ background:#FFF; padding-right:20px;}
.contact h4{ font-size:16px; color:#333333; padding-top:3px; }
.contact h4 span{ padding:0 20px; color:#666666; font-size:20px; position:relative;top:4px;}
.contact .map{padding:0 15px 15px;font-family: SimHei;}
.contact .map img{/* max-width:100%;*/}
.contact .hezuo .col-md-4,
.contact .hezuo .col-md-4 img{margin-bottom:15px; padding:20px;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.contact .hezuo .col-md-4 h4{ font-size:18px; font-weight:bold; font-family: SimHei;}
.contact .hezuo .col-md-4 p{ font-size:14px;}
.contact .hezuo .col-md-4:hover{
-webkit-box-shadow: 0 0 5px #ccc;
   -moz-box-shadow: 0 0 5px #ccc;
    -ms-box-shadow: 0 0 5px #ccc;
        box-shadow: 0 0 5px #ccc;}
.contact .hezuo .col-md-4:hover img{
-webkit-transform:rotate(360deg);
   -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
        transform:rotate(360deg);}

.huoban{width:100%; height:auto; overflow:hidden;}
.huoban p{line-height:30px; padding-top:10px;}

.ptjs{width:100%; height:auto; overflow:hidden;}
.ptjs .col-md-7{margin:0;padding:0;}
.ptjs .col-md-7 p{text-align: justify;display: inline-block; line-height:30px;}

.hhys{width:100%; height:auto; overflow:hidden;}
.hhys h5{font-size:16px; line-height:38px; background:#f5f5f5; height:38px; color:#000; font-weight:bold;font-family: SimHei;}
.hhys h5 span{width:50px; height:50px; border-radius:25px; background:#e60012; color:#FFF; display: block; text-align:center; float: left; display:inline; font-size:20px;  line-height:40px; margin-right:8px; border:5px solid #FFF;position:relative;top:-5px;}
.hhys .col-md-6{height:auto;}
.hhys .col-md-6 p{line-height:30px;}

.anli{width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.anli .infos{position: relative;border:1px solid #d71318; border-radius:8px; padding:15px; line-height:32px;}
.anli h5{font-size:16px;}
.anli .infos .img1{position:absolute; top:70px; left: -44px;}
.anli .infos .img2{position:absolute; top:70px; right:-44px;}

.zazhi{width:100%; height:auto; overflow:hidden; text-align:left; }
.zazhi .col-md-4{ padding: 0; margin: 0;}
.zazhi .col-md-4 p{ text-align: center; text-indent: 68px;}
.pages{width:100%; height:auto; overflow:hidden; text-align:center;}
.pages ul li{ display:inline; margin-left:8px;}

.gototop{ width:50px; height:50px; position: fixed; right:50px; bottom:50px;}
.gototop span{ font-size:30px; line-height:40px; color:#ccc; padding-left:4px;}

@media (min-width: 768px) {
 .logo{margin:10px 0px 0px 0px; max-width:240px; max-height: 68px;}
    .navbar{min-height: 72px;}
    .navbar-nav{float:right; }
      .navbar-nav > li > a {text-align: center;}
      .navbar-default .navbar-nav > li > a{padding: 13px 23px 8px 23px; color: #fff;}
      .navbar-default .navbar-nav > li > a:hover,
      .navbar-default .navbar-nav > li > a:focus,
      .navbar-default .navbar-nav > .active > a,
      .navbar-default .navbar-nav > .active > a:hover,
      .navbar-default .navbar-nav > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {color: #fff;}

      .small-nav{min-height: 55px;margin-top: 0px;}
      .small-nav .navbar-nav > li > a{}
      .small-nav .logo img{max-width:240px; }

      .nav_small{  border-radius: 0px; border: none; box-shadow: none;}
      .nav_small > li{}
      .nav_small > li > a{line-height:26px; color: #fff; font-size: 13px;}
      .nav_small > li > a:hover{color: #fff; }
    #app_menudown{display:none; }

.job ul li{float: left;margin: 0 40px 16px 0;width: 162px;height: 34px;line-height: 34px;font-size: 14px;color: #111;text-align: center;cursor: pointer;background: #f5f5f5; list-style:none;}
/*.job ul li.active{color: #e60012;-webkit-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;width: 162px;height: 34px; background:url(../images/jobbg.jpg) no-repeat;}*/

.nav-tabs {

}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px; 
  line-height: 1.42857143;
  line-height: 15px;
}
.nav-tabs > li > a:hover {

}
.nav-tabs > li.active > a
/*,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus */{
  color: #555;
  cursor: default; line-height: 15px;
  /*background:url(../images/jobbg.jpg) no-repeat;*/
}
.nav-tabs > li.active > a{ color: #D43F3A !important;}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {float: none;}
.nav-tabs.nav-justified > li > a {margin-bottom: 5px;text-align: center;}
.nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto;}

}
.slideBox{ width:100%; width:100%; height:400px; overflow:hidden; position:relative; display: block;  margin-top:70px; }
.slideBox .hd{ height:3px; overflow:hidden; position:absolute; left:42%; bottom:25px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:10px;  width:70px; height:3px; display: block; background: #FFF; opacity: 0.5!important; 
 filter:alpha(opacity=50);  cursor:pointer; }
.slideBox .hd ul li.on{ background:#FFF; opacity: 1!important; filter:alpha(opacity=100); }
.slideBox .bd{ position:relative; height:100%; z-index:0;margin:auto;  }
.slideBox .bd ul{  list-style:none; padding:0; margin:0 auto;}
.slideBox .bd li{ zoom:1; vertical-align:middle;width:100%; height:400px; text-align: center; display:block; list-style:none; padding:0; margin:0;}
.slideBox .bd li a{ width: 100%; display: block; cursor: pointer;}
.slideBox .bd li:nth-child(2) a{ cursor: default;}
.slideBox .bd li:nth-child(3) a{cursor: default;}
.slideBox .bd li img{ width: 100%; height:466px; display: none;}

.i-banner { margin-top: 76px; display: none;}
.i-banner .swiper-container {width: 100%;height: 100%;}
.i-banner .swiper-slide {background-position: center; background-size: cover;}
.i-banner .swiper-slide a{ width: 100%; height: 100%; display: block;}
.i-banner .swiper-slide a img{ max-width: 100%; height: auto; display: block;}

@media screen and (max-width: 768px) {
       .slideBox{ display: none;}
      .i-banner{display: block;}
      .navbar-default .navbar-brand {color: #fff;}
      .navbar-default .navbar-brand:hover,
      .navbar-default .navbar-brand:focus {color: #fff;}
      .navbar-toggle{border:none;}
      .navbar-default .navbar-collapse, .navbar-default .navbar-form{}
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus { }
      .navbar-default .navbar-toggle .icon-bar{}
      .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;}
      .navbar-default .navbar-nav > li {}
      .navbar-default .navbar-nav > li:last-child{border: none;}
      .navbar-default .navbar-nav > li > a,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #fff;font-family:Arial,Helvetica, sans-serif; font-size: 13px;}
      .navbar-default .navbar-nav > li > a:hover,
       .navbar-default .navbar-nav > li > a:focus,
       .navbar-default .navbar-nav > .active > a,
       .navbar-default .navbar-nav > .active > a:hover,
       .navbar-default .navbar-nav > .active > a:focus,
       .navbar-default .navbar-nav > .open > a,
       .navbar-default .navbar-nav > .open > a:hover,
       .navbar-default .navbar-nav > .open > a:focus,
       .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{}

      .small-nav{}

.logo{margin:0px 0px 0px 10px; max-width:100px; height: 40px;}
.my-navbar{ padding-top:5px; padding-bottom:6px;}
.huodong ul li{ width:100%; margin:0;}
.newslist ul li{ width:100%; margin:0;}
.copyright .col-xs-12{ text-align:center; padding-left:0;}
.copyright .text-right{ text-align:center;}
.copyright .text-right img{ margin:0 3px;}
.banner{ background:none; height:auto;margin-top:65px;}
.banner img{ width:100%; display:block;}
.banner_service{ background:none; height:auto;margin-top:65px; }
.banner_service img{ width:100%;display:block;}
.banner_news{ background:none; height:auto;margin-top:65px; }
.banner_news img{ width:100%;display:block;}
.banner_join{ background:none; height:auto; margin-top:65px;}
.banner_join img{ width:100%;display:block;}
.banner_contact{ background:none; height:auto; margin-top:65px;}
.banner_contact img{ width:100%;display:block;}
.banner_partner{ background:none; height:auto; margin-top:65px;}
.banner_partner img{ width:100%;display:block;}
.honor ul li p{display:none;}

/*
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:50px; }
.slideBox .hd{ height:3px; overflow:hidden; position:absolute; left:30%; bottom:25px; z-index:1; display:;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:10px;  width:30px; height:3px; display: block; background: #FFF; opacity: 0.5!important;
filter:alpha(opacity=50); cursor:pointer; }
.slideBox .hd ul li.on{ background:#FFF; opacity: 1!important; filter:alpha(opacity=100); }
.slideBox .bd{width:100%; height:100%; z-index:0;}
.slideBox .bd ul{  list-style:none; padding:0; margin:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; height:auto;}
.slideBox .bd li a{ width: 100%; height: auto;}
.slideBox .bd img{ max-width:100%; height:auto; display:block;}

*/
}


.tableForm{ width: 50%; margin: 0 auto; padding-top: 20px;}
.tableForm h1{ width: 100%; text-align: center; height: 30px; font-size: 20px; color: #666; position: relative;}
.tableForm h1 span{ display: inline-block; padding: 0 10px; position: relative; background-color: white; z-index: 9;}
.tableForm h1:after{ content: ''; position: absolute; top: 36px; left: 50%; margin-left: -100px; width: 200px; height: 2px; background-color: #ccc;}
.tableForm ul{ list-style: none; padding: 0;}
.tableForm ul li{ padding-top: 15px;}
.tableForm ul li input[type="text"]{ font-size: 14px; text-indent: 11px; width: 100%; height: 45px; line-height: 45px; border:1px solid #ccc; border-radius: 5px;}
.tableForm ul li input[type="text"]:focus{
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.tableForm button[type="button"]{ font-size: 14px;  border: 0; color: white; width: 100%; height: 45px; text-align: center; line-height: 45px; border-radius: 5px; background-color: #e60012; font-size: 22px;
border: 1px solid #e60012; margin-top: 15px;}
.tableForm button[type="button"]:hover{
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); 
}


.f-clearfix:before, .f-clearfix:after { content:''; display:table;}
.f-clearfix:after { clear:both;}
.f-clearfix,.f-zm { *zoom:1;}
.pr10{ padding-right: 7px;}
.abimgList{ width: 921px; padding-top: 15px;}
.abimgList dl{ float: left;}
.abimgList dl dd a img{
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
}
.abimgList dl dd a:hover img{
-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
        transform: scale(1.1);
}
.abimgList dl.s-01 dd.img-01 a{ width: 216px; height: 195px; display: block; overflow: hidden;}
.abimgList dl.s-01 dd.img-01 a img{width: 216px; height: 195px; display: block;}
.abimgList dl.s-01 dd.img-02{ padding-top: 7px;}
.abimgList dl.s-01 dd.img-02 a{ width: 216px; height: 137px; display: block; overflow: hidden;}
.abimgList dl.s-01 dd.img-02 a img{width: 216px; height: 137px; display: block;}
.abimgList dl.s-02 dd.img-01 a{ width: 216px; height: 137px; display: block; overflow: hidden;}
.abimgList dl.s-02 dd.img-01 a img{width: 216px; height: 137px; display: block;}
.abimgList dl.s-02 dd.img-02{ padding-top: 7px;}
.abimgList dl.s-02 dd.img-02 a{ width: 216px; height: 195px; display: block; overflow: hidden;}
.abimgList dl.s-02 dd.img-02 a img{width: 216px; height: 195px; display: block;}


/*content*/
#contentBdoy{ height:auto; padding: 0 0px 10px;}
#contentBdoy h2{ padding-left: 108px;}
#contentBdoy ol{list-style-type: none; padding: 0; padding-left: 25px;}
#contentBdoy ol li{padding: 0; padding-bottom: 35px;}

#contentBdoy ol li dl{ margin: 0; padding: 0;}
#contentBdoy ol li dl dd{ float: right; width: 86%; font-size: 15px; line-height: 25px;}




@media screen and (min-width: 480px) and (max-width: 767px){

.my-navbar{border:none;font-size: 16px; background-color:#fff;}
.my-navbar.snav{background:#fff !important;}
.my-navbar.snav.s-crt{background-color:#fff;}

.about iframe{ width: 100% !important;}
#logoRed{ display: block;}
#logoWhite{ display: none;}
.sec .anli:last-child{ display: none;}  
.tableForm{ width: 100%; margin: 0 auto; padding-top: 20px;}
.hhys h5{font-size:16px; line-height:38px; background:#f5f5f5; height:auto; color:#000; font-weight:bold;font-family: SimHei;}
#listbox .sec .huoban{ width: 100%; }
#listbox .sec .huoban .col-md-6{ width: 100%; margin: 0; padding: 0; margin-right: 15px;}
.abimgList{ width: 100%;}
.abimgList dl{ float: left; width: 50%;}
.abimgList dl.s-01 dd.img-01{width:100%}
.abimgList dl.s-01 dd.img-01 a{ width: 100%; height: 195px; display: block; overflow: hidden;}
.abimgList dl.s-01 dd.img-01 a img{width: 100%; height: 195px; display: block;}
.abimgList dl.s-01 dd.img-02{ padding-top: 7px;}
.abimgList dl.s-01 dd.img-02 a{ width: 100%; height: 137px; display: block; overflow: hidden;}
.abimgList dl.s-01 dd.img-02 a img{width: 100%; height: 137px; display: block;}
.abimgList dl.s-02 dd.img-01 a{ width: 100%; height: 137px; display: block; overflow: hidden;}
.abimgList dl.s-02 dd.img-01 a img{width: 100%; height: 137px; display: block;}
.abimgList dl.s-02 dd.img-02{ padding-top: 7px;}
.abimgList dl.s-02 dd.img-02 a{ width: 100%; height: 195px; display: block; overflow: hidden;}
.abimgList dl.s-02 dd.img-02 a img{width: 100%; height: 195px; display: block;}
.foot dl dd a{ line-height:28px; color:#666; font-size: 14px;}
#contentBdoy{ height:auto; padding: 0 0px 10px;}
.contentBdoy{background: none; padding: 20px 0;}
#contentBdoy h2{ display: none;}
#contentBdoy ol{ padding: 0; margin: 0;}
#contentBdoy ol li .years{ float: left; text-align:left; width: 100%; line-height: 25px; color: #666; background: none; font-size: 16px;}
#contentBdoy ol li dl dd{ float: right; width: 100%; font-size: 15px; line-height: 25px;}
#contentBdoy ol li:hover .years,
#contentBdoy ol li:first-child .years{ background:none;}
}

@media screen and (max-width: 479px) {

.about iframe{ width: 100% !important;}
#logoRed{ display: block;}
#logoWhite{ display: none;}
.sec .anli:last-child{ display: none;}  
.tableForm{ width: 100%; margin: 0 auto; padding-top: 20px;}
.hhys h5{font-size:16px; line-height:38px; background:#f5f5f5; height:auto; color:#000; font-weight:bold;font-family: SimHei;}
#listbox .sec .huoban{ width: 100%; }
#listbox .sec .huoban .col-md-6{ width: 100%; margin: 0; padding: 0; margin-right: 15px;}
.foot dl dd a{ line-height:28px; color:#666; font-size: 13px;}

.abimgList{ width: 100%;}
.abimgList dl{ float: left; width: 50%; margin-bottom: 7px;}
.abimgList dl.s-02.pr10{ padding-right: 0;}
.abimgList dl.s-01 dd.img-01{width:100%}
.abimgList dl.s-01 dd.img-01 a{ width: 100%; height: 135px; display: block; overflow: hidden;}
.abimgList dl.s-01 dd.img-01 a img{width: 100%; height: 135px; display: block;}
.abimgList dl.s-01 dd.img-02{ padding-top: 7px;}
.abimgList dl.s-01 dd.img-02 a{ width: 100%; height:100px; display: block; overflow: hidden;}
.abimgList dl.s-01 dd.img-02 a img{width: 100%; height: 100px; display: block;}

.abimgList dl.s-02 dd.img-01 a{ width: 100%; height: 100px; display: block; overflow: hidden;}
.abimgList dl.s-02 dd.img-01 a img{width: 100%; height: 100px; display: block;}
.abimgList dl.s-02 dd.img-02{ padding-top: 7px;}
.abimgList dl.s-02 dd.img-02 a{ width: 100%; height: 135px; display: block; overflow: hidden;}
.abimgList dl.s-02 dd.img-02 a img{width: 100%; height: 135px; display: block;}

#contentBdoy{ height:auto; padding: 0 0px 10px;}
.contentBdoy{background: none; padding: 20px 0;}
#contentBdoy h2{ display: none;}
#contentBdoy ol{ padding: 0; margin: 0;}
#contentBdoy ol li .years{ float: left; text-align:left; width: 100%; line-height: 25px; color: #666; background: none; font-size: 16px;}
#contentBdoy ol li dl dd{ float: right; width: 100%; font-size: 15px; line-height: 25px;}
#contentBdoy ol li:hover .years,
#contentBdoy ol li:first-child .years{ background:none;}
}

/*addCss -2018-04-19 wap*/
.th_hhr_wraper_wap{ margin: 0 auto; padding-top: 60px;}
.th_hhr_wraper_wap img{ max-width: 100%; height: auto; display: block;}
.th_hhr_wraper_wap .th_btn{ text-align: center;}
.th_hhr_wraper_wap .th_btn a{ display: inline-block;}

.th_hhr_wraper_wap h1{ text-align: center; font-size: 20px; font-weight: 600; color: #111; padding: 25px 0;}

/*addCss -2018-04-19 pc*/
.th_wrap_1200{ max-width: 1200px; margin: 0 auto;}
.th_hhr_ban{ width: 100%; padding-top: 75px;}
.th_hhr_ban img{ max-width: 100%; max-height: 448px; display: block;}

.th_hhr_box_00{ padding: 90px 0 0px; text-align: center;}
.th_hhr_box_00 a{ padding: 20px 60px; font-size: 17px; background: #F5F5F5; border-radius: 0px;}
.th_hhr_box_00 a:hover,
.th_hhr_box_00 a.s_crt{
	color: #fff;
    background: #e60012;

}

.th_hhr_box_00_wap{ padding: 90px 0 0px; text-align: center;}
.th_hhr_box_00_wap a{ padding: 15px ; font-size: 17px; background: #F5F5F5; border-radius: 0px; display: inline-block;}
.th_hhr_box_00_wap a:hover,
.th_hhr_box_00_wap a.s_crt{color: #fff; background: #e60012;}

.th_hhr_box_01{ padding: 160px 0 43px;}
.th_hhr_box_01 .th_title{ text-align: center; color: black; font-size: 24px; font-weight: 600;}
.th_hhr_box_01 .th_title font{ color: #e70012;}
.th_hhr_box_01 .th_body{ padding-top: 103px;}
.th_hhr_box_01 .th_body .th_img{ float: left; max-width: 640px; margin-left: 120px;}
.th_hhr_box_01 .th_body .th_img img{max-width: 100%; height: auto; display: block;}
.th_hhr_box_01 .th_body .th_txt{ float: left; color: #666; padding: 105px 0 0 65px; width: 360px; font-size: 14px; line-height: 30px;}

.th_hhr_box_02{ padding: 43px 0 90px;}
.th_hhr_box_02 .th_title{ text-align: center; font-size: 24px; color: black; font-weight: 600;}
.th_hhr_box_02 .th_title font{ color: #e70012;}
.th_hhr_box_02 .th_body{ padding-top: 80px;}


.th_hhr_box_03{ padding: 90px 0;}
.th_hhr_box_03 .th_title{ text-align: center; font-size: 24px; color: black; font-weight: 600;}
.th_hhr_box_03 .th_title font{ color: #e70012;}
.th_hhr_box_03 .th_body{ padding-top: 80px;}
.th_hhr_box_03 .th_body p{ text-align: center; font-size: 14px; color: #666; padding-top: 60px;}
.th_hhr_box_03 .th_body font{ color: #e70012;}


.th_hhr_box_04{ background-color: #f2f2f2; padding: 90px 0;}
.th_hhr_box_04 .th_title{ text-align: center; font-size: 24px; color: black; font-weight: 600;}
.th_hhr_box_04 .th_title font{ color: #e70012;}
.th_hhr_box_04 .th_body .th_txt_01{ max-width: 825px; margin: 0 auto; text-align: center; font-size: 14px; color: #666; line-height: 30px; padding: 45px 0 35px;}
.th_hhr_box_04 .th_body .th_txt_01 font,
.th_hhr_box_04 .th_body .th_txt_02 font{ color: #e70012;}
.th_hhr_box_04 .th_body .th_txt_02{max-width: 825px; margin: 0 auto; text-align: center; font-size: 14px; color: #666; line-height: 30px; padding-bottom: 15px;}
.th_hhr_box_04 .th_body .th_txt_img img{ max-width: 100%; height: auto; display: block;}

.th_hhr_box_05{ padding: 90px 0;}
.th_hhr_box_05 .th_title{ text-align: center; font-size: 24px; color: black; font-weight: 600;}
.th_hhr_box_05 .th_title font{ color: #e70012;}
.th_hhr_box_05 .w940{ max-width: 940px; margin: 0 auto;}
.th_hhr_box_05 center{ margin-top: 85px; padding-bottom: 45px;}
.th_hhr_box_05 .th_tt{ font-size: 24px; color: black; font-weight: 600; height: 58px; line-height: 58px; 
text-align: center; padding:0 90px; min-width: 470px; margin: 0 auto; display: inline-block; background-color: #eee; border: 2px solid #d2d2d2;}
.th_hhr_box_05 .tt_box_01 .th_cont{ font-size: 14px; color: #666; line-height: 30px;}

.th_hhr_box_06{ background-color: #f2f2f2; padding: 90px 0;}
.th_hhr_box_06 .th_title{ text-align: center; font-size: 24px; color: black; font-weight: 600;}
.th_hhr_box_06 .th_title font{ color: #e70012;}
.th_hhr_box_06 .th_body{ padding-top: 45px;}

.th_hhr_box_07{  padding-top: 90px;}
.th_hhr_box_07 .th_title{ text-align: center; font-size: 24px; color: black; font-weight: 600;}
.th_hhr_box_07 .th_title font{ color: #e70012;}
.th_hhr_box_07 .th_body{ text-align: center;}
.th_hhr_box_07 .th_body span{ float: left; display: block; width: 24%; padding: 0 .5%;color: #666; height: 300px; margin-top: 60px;}
.th_hhr_box_07 .th_body span .th_ig{ height: 140px;}
.th_hhr_box_07 .th_body span h1{ font-size: 20px; font-weight: 600;}
.th_hhr_box_07 .th_body span .th_des{ font-size: 14px; line-height: 30px;  height: 100px; padding: 0 20px;}
.th_hhr_box_07 .th_body span:nth-child(5){ margin-left: 150px;}

.th_hhr_box_08{ padding: 90px 0;}
.th_hhr_box_08 .th_title{ text-align: center; font-size: 24px; color: black; font-weight: 600;}
.th_hhr_box_08 .th_title font{ color: #e70012;}
.th_hhr_box_08 .th_body{ overflow: hidden; padding: 30px 0 50px;}
.th_hhr_box_08 .th_body ul{ width: 110%; list-style-type: none;}
.th_hhr_box_08 .th_body li .th_num{ float: left; color: white; font-size: 40px; width: 120px; text-align: center; line-height: 90px;}
.th_hhr_box_08 .th_body li.th-1 .th_txt{ float: left; width: 410px; padding: 0 10px; text-align: center;}
.th_hhr_box_08 .th_body li.th-1 .th_txt h1{ font-size: 20px; color: black; font-weight: 600;}
.th_hhr_box_08 .th_body li.th-1 .th_txt p{ font-size: 14px; color: #666; text-align: left;}

.th_hhr_box_08 .th_body li .th_rtxt{float: left; width: 430px; text-align: center; font-weight: 600; line-height: 103px; font-size: 20px; color: black;}


.th_hhr_box_09{ background-color: #f2f2f2; padding: 90px 0 0;}
.th_hhr_box_09 .th_title{ text-align: center; font-size: 24px; color: black; font-weight: 600;}
.th_hhr_box_09 .th_title font{ color: #e70012;}
.th_hhr_box_09 .th_body{ overflow: hidden; text-align: center; padding-top: 40px;}

.th_hhr_box_10{  padding: 90px 0 0;}
.th_hhr_box_10 h1{ text-align: center; font-size: 20px; padding-bottom: 15px; color: #111; font-weight: 600;}
.th_hhr_box_10 .th_wrap_1200{text-align: center;}
.th_hhr_box_11{  padding: 90px 0 0;}
.th_hhr_box_11 .th_btnn{ text-align: center;}
.th_hhr_box_11 .th_btnn a{ color: white; background-color: #e70012; margin: 0 auto; font-size: 30px; display: block; width: 320px; height: 62px; line-height: 62px;}
.th_hhr_box_11 .th_body{ padding-bottom: 65px;}
.th_hhr_box_11 .th_body .th_title{ padding: 140px 0 50px; text-align: center;  color: black; font-size: 24px; font-weight: 600;}
.th_hhr_box_11 .th_body p{ text-align: center; color: black; font-size: 18px; padding-top: 15px;}


.th_title_zt{ text-align: center; font-size: 24px; color: black; font-weight: 600; padding: 100px 0 95px;}
.th_title_zt font{ color: #b70f0f;}
.thd_box_01{}

.thd_box_01 .th_body{ padding-bottom: 105px;}

.thd_box_02{ background-color: #f4f4f4;}
.thd_box_02 .th_body{ padding-bottom: 105px;text-align: center;}

.thd_box_03{}
.thd_box_03 .list_top{padding: 30px 0 20px 50px;}
.thd_box_03 .list_top span{ float: left; width: 66px; height: 66px; line-height: 66px; border-radius: 50%; font-size: 32px; text-align: center; background-color: #d71618; display: block; color: white;}
.thd_box_03 .list_top h1{ float: left; font-size: 20px; color: black; font-weight: 600; margin-top: 10px; line-height: 25px; margin-left: 20px;}
.thd_box_03 .th_body{ padding-bottom: 30px; background-color: #f2f2f2; border-bottom: 9px solid #d71618; box-shadow: 0 10px 15px #ccc;}
.thd_box_03 .th_body ul{ list-style: none; padding: 0;}
.thd_box_03 .th_body li{ float: left; width: 25%; padding:0 1%; }
.thd_box_03 .th_body li .list_xt{ text-align: center; font-size: 14px; color: #666; line-height: 25px;}

.thd_box_04{}
.thd_box_04 .th_body{ padding-bottom: 105px; text-align: center;}

.thd_box_05{background-color: #f4f4f4;}
.thd_box_05 .th_title_zt{ padding-bottom: 50px;}
.thd_box_05 .th_body{ padding-bottom: 105px;  overflow: hidden;}
.thd_box_05 .th_body ul{ width: 110%; list-style: none;}
.thd_box_05 .th_body li{ float: left; width: 370px; padding: 10px 0; border-radius: 10px; background-color: white;
box-shadow: 0 5px 5px #ccc; margin: 25px 25px 0 0;}
.thd_box_05 .th_body li span{ float: left; font-size: 70px; color: #b70f0f; width: 65px; height: 90px; line-height: 90px; text-align: center;}
.thd_box_05 .th_body li .txt{ float: left; color: #221815;}
.thd_box_05 .th_body li .txt h1{ font-size: 20px; font-weight: 600;}
.thd_box_05 .th_body li .txt p{ font-size: 14px; color: #666;}

.thd_box_06 .th_wrap_1200{ text-align: center;}
.thd_box_06 .th_wrap_1200 h1{ font-size: 24px; color: #ffea00; padding-top: 52px; margin: 0;}
.thd_box_06 .th_wrap_1200 p.w{ font-size: 18px; color: white; line-height: 40px;}
.thd_box_06 .th_wrap_1200 p.y{ font-size: 18px; color: #ffea00; line-height: 40px;}

.thd_box_06 .th_wrap_1200 font{ color: #ffea00; padding-left: 20px;}
.thd_box_06 .th_wrap_1200 a{ font-size: 24px; color: white; width: 320px; background-color: #b70f0f; margin-top: 25px; height: 60px; line-height: 60px; display: inline-block;}
.about_firm_left{background: url(../image/about_red.png) no-repeat;background-size: 250px 250px;height: 250px;  width:250px;
text-align: center !important;padding: 37px;}
.about_firm_right{background: url(../image/about_blue.png) no-repeat;background-size: 250px 250px;height: 250px;width:250px;text-align: center !important;padding: 37px;}
.about_firm{width: 65%;display: flex;justify-content: space-around;margin: auto}
.service_info .col-md-4:hover .select_look {border:none;background-color:#FF6600;border-radius: 5px;padding:5px 20px; color:white;margin-bottom:50px;margin-top:15px;}
.service_info .col-md-4 .select_look{border:1px solid #666;color: #666;border-radius: 5px;padding: 5px 20px;margin-bottom:50px;margin-top:15px;background-color:white;}
.title_fu{width:100%;  margin: auto;display: flex; justify-content: center; color: #000;}
.left_about{display: flex;align-items: center;justify-content: flex-end; width:51%;text-align: right}
.left_about p{text-align: right !important;}
.left_about div{padding-right: 15px;}
.right_about{display: flex;align-items: center;width:51%;text-align: left;float: right;}
.right_about div{padding-left:15px;}
.about_title{width:50%;}
.about_title p{width:75%;margin:auto;}
.isHide{display: none;}
.about_div{font-size: 10px;margin-bottom: 15px;padding-top: 10px;}