*{ padding: 0; margin: 0; list-style: none;-webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms; }
body{ font-size: 12px; font-family: '微软雅黑'; padding-top:93px;}
a{ color: #666; font-size: 12px; }
a:hover{ text-decoration: none; color: #ff6600 }
.blank1{ height: 1rem; }
.blank2{ height: 2rem; }
.blank3{ height: 3rem; }
.blank4{ height: 4rem; }
.blank5{ height: 5rem; }
::-webkit-scrollbar{width: 6px;height: 6px;background-color: #F5F5F5;}  
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}  
::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #555;}  


.swiper-container {
    width: 100%;
    margin:0;
}
.news_r_box .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{ width: 100% }

.navbar{ border-radius: 0; font-size: 14px; margin-bottom: 0; z-index: 1033;}
.navbar-brand{ padding: 20px 15px; height: 92px; }
.navbar-nav>li{ position: relative; }
.navbar-nav>li>a{ padding: 35px 20px 35px 20px ; font-size: 14px; position: relative; border-top: 2px solid #fff} 
.navbar-nav>li.open>a , .navbar-nav>li.open>a:hover{ background-color: #fff !important; }
.navbar-nav>li>a:hover{ background: none; color:#0076c7 !important; border-top: 2px solid #0076c7; text-shadow:0 0 1px #fff;}
.navbar-toggle{ margin-top:30px;  margin-bottom: 14px;}
.dap{ position: absolute; left: 0; top: 62px; z-index: 999; width: 100%; background: #fff; box-shadow: 0 0 5px #666; display: none;}
.navbar-nav>li .dropdown-menu{
    -moz-transform: rotateX(-0deg);
    -ms-transform: rotateX(-0deg);
    -o-transform: rotateX(-0deg);
    -webkit-transform: rotateX(-0deg);
    transform: rotateX(-0deg);
    }
.navbar-nav>li.open .dropdown-menu{-moz-transform: rotateX(0);-ms-transform: rotateX(0);-o-transform: rotateX(0);-webkit-transform: rotateX(0);transform: rotateX(0);}
.swiper-sb{ position: absolute; left: 50%; margin-left: -9px; z-index:9999;-webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite; }




.about{ line-height: 30px; padding: 20px 0}
.about h5{ color: #5ca200 }
.indexbox{ background: #79c416; padding: 10px; margin-top: -100px; position: relative; z-index: 999}
.indexbox .box_p{ border:1px solid #fff; text-align: center; color: #fff; padding-bottom: 60px;}
.indexbox .box_p img{ max-width: 100%; }
.indexbox .box_p h2{ margin: 0; padding: 80px 0;}
.indexbox .box_p h4{ font-weight: none; font-size: 16px; margin-bottom: 20px;}
.indexbox .box_p h5 a{ color: #fff; border:1px solid #fff; display: inline-block;  padding:8px; }
.indexbox .box_p h5 a:hover{  box-shadow: 1px 1px 3px #62a40c; }

.about_ico{ text-align: right; }
.about_ico ul li{ display: inline-block; margin-left: 1.5rem; text-align: center; color: #79c416}
.about_ico ul li a{  display: table-cell; width: 90px; height: 90px; border-radius: 90px; box-shadow: 0 0 2px #666; text-align: center; vertical-align: middle;}
.about_ico ul li a img{ display: inline; }
.about_ico ul li a img.hv{ display: none; }
.about_ico ul li a:hover{ box-shadow: 0 0 2px #000; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);  transform: scale(1.1); background: #79c416;}
.about_ico ul li a:hover img{ display: none; }
.about_ico ul li a:hover img.hv{ display: inline; }

.about_ico ul li.on a,.about_ico ul li.on a:hover{ box-shadow: 0 0 2px #000; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);  transform: scale(1.1); background: #79c416; }
.about_ico ul li.on a img{ display: none; }
.about_ico ul li.on a img.hv{ display: inline; }


.about_ico ul li p{ padding-top: 10px; line-height: 20px; margin: 0; }
.about_ico ul li i{ display: block; background: #000; height: 1px; width: 10px; line-height: 1px;margin: 5px auto; }
.about_ico ul li span{ display: block; color: #000; text-transform: uppercase; line-height: 20px;}

.title{ text-align: center; padding: 30px 15px;  }
.title img{ max-width: 100%; }
.service{ overflow: hidden; }
.service ul li{ float: left; width: 20%; overflow: hidden; position: relative;}
.service img{ max-width: 100%;line-height: 0; }
.service ul li:hover img.s{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);  transform: scale(1.1);}
.service ul li .mb{ position: absolute; background: rgba(0,0,0,0.6); left: 0; top: 0; width: 100%; height: 100%; z-index: 999; text-align: center; display: table-cell; vertical-align: middle; color:#fff; padding-top: 28%;}
.service ul li .mb h5{ margin-top: 20%;}
.service ul li .mb h5 a{ background: #ff9900; color: #fff; border-radius: 8px; padding:8px 20px; line-height: 18px; }
.service ul li .mb img{max-width: 100%;}


.icase{ padding-top: 34px ;  overflow: hidden; }

.casebox{ background: #0076c6; padding: 10px; margin-top: 0px; position: relative; z-index: 999}
.casebox .box_p{ border:1px solid #fff; text-align: center; color: #fff; padding-bottom: 60px;}
.casebox .box_p img{ max-width: 100%; }
.casebox .box_p h2{ margin: 0; padding: 80px 0;}
.casebox .box_p h4{ font-weight: none; font-size: 16px; margin-bottom: 20px;}
.casebox .box_p h5 a{ color: #fff; border:1px solid #fff; display: inline-block;  padding:8px; }
.casebox .box_p h5 a:hover{  box-shadow: 1px 1px 3px #0968a9; }

.case_t{ padding-top: 200px; }
.case_t img{ max-width: 100%; }
.caser{ float: right; }
#inHd{ height: 60px; width: 100%; }
#inBd{ padding-top: 2rem; }
.casenav{ padding-top: 0;
    margin: 0; }
.casenav li{height: 60px; line-height: 60px; width: auto; padding: 0; float: left;  margin: 0 40px 0 0; cursor: pointer; border-bottom: 2px solid #fff;}
.casenav li.active{ border-bottom: 2px solid #0076c6; color: #0076c6;-webkit-transition: 0ms;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms; }
.dowebok{ margin-top: 10px; }
.dowebok img{ width: 100%; }
.filtr-item{ text-align: center;}
.filtr-item p{margin-top: 5px; line-height: 30px; }
.filtr-item img:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);  transform: scale(1.1);}

.othershow li .hbox{ padding:1rem; box-shadow: 0 0 5px #999; border-radius:5px; margin-bottom: 1rem; overflow: hidden;}
.othershow li .hbox:hover{ color: #c10000;}

.othershow li .hbox p{ line-height: 22px; margin: 0; padding-bottom: 0; text-align: left; padding-left: 1rem; font-size: 16px;}
.othershow li .hbox .himg{ float: left; width: 50%; position: relative; text-align: center;}
.othershow li .hbox .himg .bg{ background: rgba(255,255,255,.6); width: 100%; position: absolute; left: 0; top: 0; height: 100%; left: 0; opacity: 0; }
.othershow li .hbox .himg img{ width: 100%; height: auto; }
.othershow li .hbox .himg .hover{ opacity: 0; position: absolute; left: 0; top:50%;transform:translate(0,-50%); text-align: center;}
.othershow li .hbox .himg .hover img{ width: 90%; }
.othershow li .hbox:hover .himg .bg{ opacity: 1;}
.othershow li .hbox:hover .himg .hover{opacity: 1; position: absolute; left: 0; top:50%;transform:translate(0,-50%)}
.othershow li .hbox .hmemo{ float: left; width: 50%; }

.zhanlue{ margin-bottom: 50px; }
.zhanlue_ico ul li{ line-height: 72px; margin-bottom: 10px; font-size: 14px;}
.zhanlue_ico ul li i{ display: inline; width: 72px; height: 72px; background: url(../images/zlicoa1.gif) no-repeat; float: left;  margin-right: 10px;}
.zhanlue_ico ul li.hh2 i{ background: url(../images/zlicoa2.gif); }
.zhanlue_ico ul li.hh3 i{ background: url(../images/zlicoa3.gif); }
.zhanlue_ico ul li:hover i{ background: url(../images/zlicoh1.gif); }
.zhanlue_ico ul li.hh2:hover i{ background: url(../images/zlicoh2.gif); }
.zhanlue_ico ul li.hh3:hover i{ background: url(../images/zlicoh3.gif); }
.news{ background: url(../images/news_bg.jpg) no-repeat center; background-size: cover; padding: 50px 0; }

.newsl{}
.newsbox{ background: #ff9900; padding: 10px; margin-top: 0px; position: relative; z-index: 999}
.newsbox .box_p{ border:1px solid #fff; text-align: center; color: #fff; padding-bottom: 60px;}
.newsbox .box_p img{ max-width: 100%; }
.newsbox .box_p h2{ margin: 0; padding: 80px 0;}
.newsbox .box_p h4{ font-weight: none; font-size: 16px; margin-bottom: 20px;}
.newsbox .box_p h5 a{ color: #fff; border:1px solid #fff; display: inline-block;  padding:8px; }
.newsbox .box_p h5 a:hover{  box-shadow: 1px 1px 3px #0968a9; }

.nhd{ padding-top: 60px; }
.nhd ul{ overflow: hidden; margin-bottom:20px; }
.nhd ul li{ height: 48px; line-height: 48px; float: left; margin-right: 20px; border-bottom-width: 2px; font-size: 14px; cursor: pointer;}
.nhd ul li.on{ border-bottom: 2px solid #ff9900; color: #ff9900; -webkit-transition: 0ms;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms; }
.new-swiper-container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.nbdbox{ margin-top: 40px; }
.new-swiper-container .swiper-slide{ background: none; }
.new-swiper-container .swiper-slide .data{font-size: 26px;vertical-align: top;padding-right: 10px;position: relative;top: -20px; float: left ; }
.safari .new-swiper-container .swiper-slide .data{ padding:0 35px 0 5px; }
.safari .new-swiper-container .swiper-slide .data p{ text-indent: -4px }
.new-swiper-container .swiper-slide .data p{ font-size: 12px; }
.new-swiper-container .swiper-slide .memo{ text-align: left; float: left;}
.new-swiper-container .swiper-slide .memo h4{    height: 22px; margin: 0; line-height: 20px;margin-bottom: 4px; text-overflow:ellipsis;overflow: hidden; }
.new-swiper-container .swiper-slide .memo h4 a{ font-size: 14px; }
.new-swiper-container .swiper-slide .memo h5{  padding-top: 5px; border-top: 1px solid #3d3d3d; line-height: 22px; color: #222222; font-size: 12px; display: -webkit-box;display: -moz-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:3;    margin-top: 8px;height: 69px;}
.new-but{ background: #fff; border: 1px solid #ff9900; float: right; padding:0 20px; line-height: 24px; cursor: pointer; color: #ff9900; margin-top: 20px;}
.new-but.swiper-button-disabled{ background: #ccc !important; border: 1px solid #ccc; color: #fff; }
.new-but:hover{ background: #ff9900; color: #fff; }

.contact{ padding:30px 0; }

.contr{ float: right; }
.contbox{ background: #0076c6; padding: 10px; margin-top: 0px; position: relative; z-index: 999}
.contbox .box_p{ border:1px solid #fff; text-align: center; color: #fff; padding-bottom:20px;}
.contbox .box_p img{ max-width: 100%; }
.contbox .box_p h2{ margin: 0; padding: 26px 0 0 0;}
.contbox .box_p h3 img{ height: 160px; }
.contbox .box_p h4{ font-weight: none; font-size: 16px; margin-bottom: 20px;}
.contbox .box_p h5 a{ color: #fff; border:1px solid #fff; display: inline-block;  padding:8px; }
.contbox .box_p h5 a:hover{  box-shadow: 1px 1px 3px #0968a9; }
.contnr{ padding:0; }
.maxwidth{ max-width: 100%; }
.map{ text-align: center;padding-top: 60px; }
.map img{}
.contnr p{ margin-bottom: 3rem; }
.contnr h5 i{  color: #0076c6; display: inline-block; width: 20px; text-align: center; }
.contnr h5{ border-bottom: 1px solid #d6d6d6; line-height: 40px; margin: 0; font-size:12px; margin-right: 2rem;}
.contnr h6{ color: #818181; font-size: 14px; line-height: 20px; margin:10px 0 0 0; cursor: pointer;}
.allf{ margin-top: 20px; }

/*footer*/
#footer{ background: #262626; padding: 30px 0 0 0; color: #fff;}
#footer a{ color: #999999; }
#footer dl { float: left; width: 12%; padding: 0 15px; margin-bottom: 30px }
#footer dl.fx { float: left; width: 16%; padding: 0 15px; }
#footer dl dt{ font-weight: normal; color: #999999;text-align: center; margin-bottom: 10px;}
#footer dl dt span{ display: inline-block; border-bottom: 1px solid #999; line-height: 30px; }
#footer dl dd{ text-align: center; line-height: 26px;}
#footer a:hover{ color: #ccc; text-shadow: 0 0 1px #000;}


.bdshare-button-style1-24 a{ background: none !important; padding-left:0 !important;float: none !important;position: relative;z-index: 999;}
#footer .fx a.bds_weixin{ background: none; color: #7ac417}
#footer .fx a.bds_tsina{ background: none; color: #f50510}
#footer .fx a.bds_tqq{ color: #318cc9 }
#footer .fx a.bds_fbook{color: #fff}
#footer .fx a.bds_twi{ color: #4aa3df; }
#footer .fx a i{ font-size:22px; position: relative; z-index: -1;} 
#footer .fx h6{ margin-bottom: 10px; color: #999999}
#footer dl div.other{-webkit-transition: 0ms;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;}
#footer dl dt { position: relative; }
#footer dl dt i{ position: absolute; width: 100%; left: 0; top:0; height: 100%; text-align: right; line-height: 30px; display: none; }
.gz span{ display: inline-block; background: #3b3b3b; width: 26px; height: 26px; text-align: center; border-radius: 22px; line-height: 26px; margin-right:5px; font-size: 14px; position: relative;}
.gz span:hover{ background: #fff; color: #3b3b3b }
.gz .ewmbox{ position: absolute; left: 0; top: 36px; display: none; }
.gz .ewmbox i{ position: absolute; }
.cshow{-webkit-transition: 0ms;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms; display: none;}
.copyright{ background: #fff; padding:5px 0; line-height: 30px; text-align: center; color: #999;}


/*about*/
.culture{ padding:5rem 0; }
.name{ font-size:2rem; text-align: center; border-bottom: 1px solid #d9d9d9; line-height: 28px;    height: 68px;}
.name p{ font-size: 12px; margin: 0; display: inline-block; height: 28px; color: #707070;}
.name span.line{ background: #0076c7; height: 4px; display: inline-block; width: 100%; position:relative; top: -6px;}
.culnr{ padding-top: 5rem;padding-bottom: 5rem; padding-left: 15px; padding-right: 15px;}
.quan{ width: 100px; height: 100px; border-radius: 100%; background: #79c416;color: #fff; font-size: 14px; text-align: center; line-height: 100px; float: left; margin-right: 20px; }
.culwenzi{ line-height: 100px; text-align: left; font-size: 14px; }
.culimg{ float: right; }
.culnr1{ padding-top: 0;padding-bottom: 0;padding-left: 15px; padding-right: 15px; }
.culnr1 .culimg{ float: left; margin-right: 20px; }
.culnr1 .quan{ background: #0076c7; float: right; margin-right: 0; }
.culbox{ padding-top: 5rem; }
.culk{ background: #e8e8e8; padding:1.5rem 1rem; line-height: 26px; }
.culk h4{ font-size: 14px; text-transform: uppercase; color: #242424; padding-bottom: 1.5rem;-webkit-transition: 0ms;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;}
.culk h4 p{ font-size: 16px; }
.culk h4 span{ border-bottom: 1px solid #000; padding-bottom: 5px; }
.culk h5{ line-height: 2.6rem; font-size: 2rem; color: #878787;-webkit-transition: 0ms;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms; }
.culk:hover{ background: #c3c3c3; }
.culk:hover h4{ color: #fff; }
.culk:hover h4 span{ border-color: #fff; }
.culk:hover h5{ color: #fff; }

.course{ overflow: hidden; background: url(../images/histbg.gif) no-repeat center center; background-size: cover; padding: 5rem 0; }
.course .name{ font-size:2rem; text-align: center; border-bottom: 1px solid rgba(38,14,0,0.3); line-height: 28px;height: 68px;color: #fff;}
.course .name p{ font-size: 12px; margin: 0; display: inline-block; height: 28px; color: #fff;}

.coursebox{float: none; margin:0 auto; padding-top: 5rem;}
/*.swiper-content {width: 100%;height:auto !important;}*/
.swiper-nav .swiper-slide { width: 90px;height: 90px;text-align: center;position: relative;}
.swiper-nav .swiper-wrapper{ margin:0 auto; }
.swiper-nav .dataname{ margin: 0 3px; background: #fff; width: 90px; height:90px; line-height: 90px;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; font-size: 16px;}
.active-nav .dataname{ margin: 0 3px; background: #0076c7; color: #fff; }
.coursebox_nr{ padding-top:2rem; color: #fff; max-width: 810px; }
.coursebox_nr .swiper-slide{ font-size: 12px; line-height: 30px; }
.coursebox_nr .swiper-slide p{ margin-bottom: 0;border-bottom: 1px solid #fff;line-height: 20px;padding: 1rem 0; text-indent: 2rem;}

.coursebox_nr , .coursebox_nr .swiper-slide { height: auto !important; }

.swiper-nav .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*ambient*/
.ambient{ padding:5rem 0; }
.ambient_b{ position: relative; }
.abnav{ position: absolute; left: 0; top: 0; width: 100%; height: 80px; z-index: 999;list-style: none;-webkit-transition: 100ms;
    -moz-transition: 100ms;
    -o-transition: 100ms;
    transition: 100ms; }
.abnav ul li{ float: left; width: 20%; text-align: center; line-height: 80px; color: #fff; font-size: 1.4rem; border-right: 1px solid #fff;background: rgba(0,0,0,0.8);}
.abnav ul li:last-child{ border-right: 0; }
.abnav ul li a{ font-size: 1.4rem; color: #fff; display: block;}
.abnav ul li.current{background: rgba(0,118,199,0.8);}
.abnavon{ position: fixed; top: 90px; }

.amboxt{ padding-top: 3rem;padding-bottom: .5rem; }
.ambox{padding-bottom: 1rem; }
.name1{ text-align: center; font-size:2rem; padding:3rem 0 0 0;}
.name1 span{ border: 2px solid #0076c7; border-top: none; border-bottom: none; padding: 0 2rem; }
.fajt{ text-align: center; color: #0076c7; font-size: 2rem;}

.abswiper .swiper-button-next{ background:url(../images/next.png) no-repeat rgba(3,97,162,0.8) center center; background-size: 100% auto; width: 50px;height: 100px;margin-top: -50px; color: #fff; text-align: center; line-height: 100px; font-size: 5rem; border-radius: 5px;}
.abswiper .swiper-button-prev{ background: url(../images/prev.png) no-repeat rgba(3,97,162,0.8) center center; background-size: 100% auto;width: 50px;height: 100px;margin-top: -50px; color: #fff; text-align: center; line-height: 100px; font-size: 5rem;border-radius: 5px;}

/*contact */
.contactbox{ padding:3rem 0; }
.contactbox #inHd{ padding-bottom: 2rem; overflow: hidden; z-index: 1032; position: relative;}
.contactbox #inHd ul li{cursor:pointer; text-align: center; line-height: 4rem;}
.contactbox #inHd ul li.on{ height:4rem;color:#fff; background: #0076c7;}
.ct{ padding-bottom: 2rem; }
.jdbox{ font-size: 12px; font-family: '微软雅黑'; line-height: 24px}
.jdbox i{ width: 20px; display: inline-block; font-size: 14px; }
.jdewm{ text-align: right; }

.mapqh{ position: relative; }
.jdqh{ width: 320px;  position: absolute; left: 15px; top: 1rem; background: rgba(0,0,0,.5); }
.jdt{ line-height: 4rem; color: #fff; background: #6ba716; text-align: center; }
.jdqhbox{ height: 320px;margin: 0 auto;position: relative;overflow: hidden;z-index: 1;}
.jdqhbox .swiper-button-prev , .jdqhbox .swiper-button-next{ color: #fff; background: none; font-size: 44px; line-height: 44px; }

.feedback{ padding: 3rem 0 10rem 0; }
.text{ width: 100%; border: 0; background: #eeeeee; height: 3rem; text-indent: 1rem;outline: none; margin-bottom: .5rem; line-height: 3rem;}
.text:focus{ border: 0; }

.feedbox ul li{  width: 100%;}
.textarea{ width: 100%; border: 0; background: #eee; height: 13.5rem;outline: none; line-height: 1.8rem; padding:.8rem 1rem ;}
.feedbut{ clear: both; text-align: center; }
.feedbut button{ background: #db3717; font-size: 12px; padding:10px 3rem; border-radius: 0; }
.feedbox{ padding-top: 3rem; }

.group { text-align: center; padding:3rem 0 1rem 0; overflow: hidden;}
.group ul{ margin-bottom: 0; }
.group ul li{ display: inline-block; line-height: 3rem; margin:0 2px}
.group ul li a{ display: block; background: #e1e1e1; padding:0 2.5rem; }
.group ul li a:hover{ background: #0076c7; color: #fff; }
.group ul li.on a{ background: #0076c7; color: #fff; }

.new{ padding:5rem 0; }
.new .group{ padding-bottom: 0; }
.nrbox{ padding-bottom: 5rem; line-height: 24px; }
.ndate{ line-height: 3rem; text-align: center; padding:1rem;}
.ndate a.on{ color:#ff6600 }
.ndate a{ padding:0 1rem; border-right: 1px solid #d7c4c4 }
.ndate a:last-child{ border-right: 0; }

.newslist { display: table; }
.newslist dt{ display: table-cell; width: 70px; background: #0076c7; color: #fff; vertical-align: middle; text-align: right; padding:1rem; font-weight:normal; white-space:nowrap;}
.newslist dt.date p{ margin-bottom: 0; font-size: 16px;white-space:nowrap;}
.newslist dd{ display: table-cell;  background: #e1e1e1; vertical-align: middle; padding:1rem; box-shadow: 2px 5px 10px #ccc;}
.newslist dd a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; font-size: 13px;}

.link{ float: right;  line-height: 1.8rem; padding:.6rem 0;}
.link code{ position: relative; top: -1px; }
.listtitle{ border: 1px solid #d9d9d9; line-height: 2.85rem; display: inline-block; padding:0 2rem;}
.newstitle{ text-align: center; font-size: 2rem; padding:4rem 0 1rem 0; }
.news_t{ text-align: center;color:#999999; border-bottom: 1px solid #ccc; padding-bottom: 1rem; }
.news_t span{ padding:0 1rem;  }
.news_nr{ line-height: 2.6rem; padding-top: 2rem; }
.news_nr *{ font-size: 12px !important; }
.news_nr img{max-width: 100%; text-align: center;}
.news_pager{ border-top: 1px solid #ccc; margin-top: 2rem; line-height: 3rem;}

/*join*/
.joinbox{ text-align: center; font-size: 14px; line-height: 3rem; padding-top: 3rem; padding-bottom: 3rem; }
.join{ background: #383838; padding:3rem 0; }
.join .name{ font-size:2rem; text-align: center; border-bottom: 1px solid #626262; line-height: 28px;height: 68px;color: #fff;}
.join .name p{ font-size: 12px; margin: 0; display: inline-block; height: 28px; color: #fff;}
.join .name .line{ background: #fff; }
.join-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin:5rem 0 2rem 0;
}
.join-container .swiper-slide {
    text-align: left;
    background: #fff;
    font-size: 12px;
    display: block;
    padding:1rem;
}
.join-container h4{ border-bottom: 1px solid #666; padding-bottom: 1rem; color: #000;}


.join-container .more{ text-align: right; padding-top: 4rem; }
.join-container .more a{ color: #626262;font-size: 14px; }
.join-container .more a:hover{ color: #0076c7;font-size: 14px; }

.job{ padding: 5rem 0 0 0; line-height: 3rem; }

.staff{ padding:5rem 0 3rem 0; }
.staff .name{ margin-bottom: 4rem; }
.staff_list{ text-align: center; margin-bottom: 2rem;}
.staff_list img{ max-width: 100%; }
.staff_list .staff_name{ border: 1px solid #e0e0e0; margin-top: 1rem; padding:0.8rem; line-height: 24px; font-size: 14px;}
.staff_list .staff_name p{ margin-bottom: 0; font-size: 12px;-webkit-transition: 0ms;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;  }
.staff_list:hover .staff_name{ background: #0076c7; border-color: #0076c7; color: #fff; }


.party{ background: #ff9900; padding:3rem 0; }
.party .name , .party .name p{ color: #fff; border: 0;}
.party .name span.line{ background: #fff }
.party_box { overflow: hidden; /*padding-bottom: 5rem;*/}
.party_box div{ float: left; width: 20%; overflow: hidden;}
.party_box div img{ max-width: 100%;-webkit-filter: grayscale(1);-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.party_box div:hover img{ max-width: 100%;-webkit-filter: grayscale(0);-webkit-filter: grayscale(0%);filter: grayscale(0%); -webkit-transform:scale(1.1) ;-o-transform:scale(1.1) ;transform:scale(1.1);}

.psbox{ text-align: center;}
.psmore{ padding-top: 2rem;}
.psmore a{ display: inline-block; background: #73a716; padding:1rem 2rem; color: #fff; border-radius: 20px; }

.case{ background: url(../images/case_bg.jpg) no-repeat center center; background-size: cover; padding:5rem 0; }
.case_name{ color: #fff; text-align: center; font-size: 3rem; }
.case_name p{ font-size: 12px; margin-bottom: 5px; }
.case_name span.line{ height: 2px; background: #7fbe25; display: inline-block; padding:0 1.5rem; }

.case #inHd{ text-align: center; height: 4rem; line-height: 4rem; background: #4c544e; color: #fff; margin-top: 1.5rem; }
.case #inHd div{ cursor: pointer; }
.case #inHd div.on{ background: #6ba716; }
.case #inBd{ background:rgba(255,255,255,.5); padding: 4rem 0;}

.case #inBd .item{ background: none; padding: 0; text-align: center;}
.case #inBd .item img{ max-width: 100%; border-radius: 100% }
.case #inBd .owl-theme .owl-controls{ margin-top: 0; }
.case #inBd .owl-prev{ position: absolute; left: -10px;  margin-top: -60px; }
.case #inBd .owl-next{ position: absolute; right:  -10px; margin-top: -60px; }

.otname{ text-align: center; font-size: 4rem;color:#09a3c4;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 172, 124, 1)), to(rgba(10, 162, 198, 1)));-webkit-background-clip: text;-webkit-text-fill-color: transparent; padding:3rem 0;}
.othersy img{ width: 100%; border-radius: 1rem; margin-bottom: 1rem;-webkit-filter: grayscale(1);-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.othersy a:hover img{-webkit-filter: grayscale(0);-webkit-filter: grayscale(0%);filter: grayscale(0%); -webkit-transform:scale(1.1) ;-o-transform:scale(1.1) ;transform:scale(1.1);}

.num{ text-align: center; border-right: 1px solid #ccc; margin-bottom: 3rem;}
.num:last-child{ border: 0; }
.num span{ font-size: 8rem; color: #da1309; display: inline-block;}
.num p{ display:inline-block; text-align: left; line-height: 18px; font-size: 14px;}


/*case*/
.caselist{ text-align: center; line-height: 4rem; }
.caselist img{ max-width: 100% }
.page{ text-align: center; }
.page li .on{color: #fff;background-color:#0076c7;border-color: #0076c7;}
.page li.on a{color: #fff;background-color: #0076c7;border-color: #0076c7;}
.gslist{ position: relative;  height: 171px; margin-bottom: 2rem;}
.gsname{ background: #ed6d00; display: inline-block; width: 6rem; font-size: 14px; text-align: center; color: #fff;  position: absolute; line-height: 1.8rem; padding-top:1.1rem; padding-bottom: 1.1rem; top: 0; left: 3rem; z-index: 9;}
.gslist .bg{ background: #eaeaea; margin-top:3rem; padding: 2.5rem 2rem 0 2rem; height: 135px; position: relative;}
.gslist .bg h4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;white-space: nowrap;overflow: hidden;}
.gslist .bg h4 a{ font-size: 14px; color: #000; }
.gslist .bg h4 a:hover{ color: #fff }
.gslist .bg h5{ padding-right: 140px; font-size: 12px; line-height: 24px; color: #929292;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;-webkit-transition: 0ms;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;}
.gslist:hover .bg{ background: #ed6d00; }
.gslist:hover .gsname{ background: #fff; color: #000; box-shadow: 0 0 5px #ccc;}
.gslist:hover .bg h4 a{ color: #fff; }
.gslist:hover .bg h5{ color: #fff; }
.gslist .bg h6{ position: absolute; right: 0;  top: 0; margin: 0; opacity: 1; z-index: 1;}
.gslist .bg h6 img{ width: 135px; height: 135px; }
.gslist:hover .bg h6{ opacity: 1; z-index: 1;}

.casenr_nav{ padding-bottom: 2rem; text-align: center; }
.casenr_nav li{width: auto; padding: 0; margin: 0 10px; cursor: pointer; border-bottom: 2px solid #fff; display: inline-block;}
.casenr_nav li a{ display: inline-block; height: 30px; line-height: 30px; }
.casenr_nav li.active a{border-bottom: 2px solid #0076c6; color: #0076c6;-webkit-transition: 0ms;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms;}



.cased{ padding: 5rem 0; }
.casedimg{ text-align: center; }
.casedimg img{ max-width: 100% }
.cmore a{ display: inline-block; background: #ff9900; color: #fff; line-height: 3rem; padding:0 2rem; }
.cname{ font-size: 3rem; }
.cname p{ font-size: 12px; border-bottom: 1px solid #ccc; padding-bottom: 1rem; padding-top: .5rem;}
.casedright{ float: right; }
.casedright ul li{ float: left; width: 50%; text-align: center; padding:0 .5rem;}
.casedright ul li img{ max-width: 100%; }
.casedright ul li p{ padding-top:.7rem; }

.abc{ padding: 2rem 0 }
.abc .abcl{ display: table-cell; float: none; }
.abc .abcr{ display: table-cell; float: none; vertical-align: middle; }


.xttop{ position: relative; overflow: hidden; line-height: 0;}
.xttop h5{ left: 0; top:0; color: #fff; font-size: 1.5rem;padding: 0;margin: 0;text-align: center; background:url(../images/bg1.jpg) no-repeat; background-size: cover; padding:1rem 0 ; position: relative;}
.xttop h5 span{ width: 26px; height: 26px; border: 1px solid #fff; border-radius: 26px; display: inline-block; position: absolute;top: 7px; }
.xttop h5 span.dh{ left: 1rem; background: url(../images/dh.png) no-repeat center center; background-size: 60% auto;}
.xttop h5 span.jia{ right:1rem; background: url(../images/jia.png) no-repeat center center; background-size: 80% auto;}
.xttop h5 span img{ width: 100%; }
.xtbox { position: relative; }
.xtbox_m{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ef940f; color: #fff; display: table-cell; vertical-align: middle; line-height: 2.4rem; opacity: 0; }
.xtbox_m h4{ text-align: center;  margin-bottom: 0; line-height: 30px}
.xtbox_m .xq{/*transform: translate(0,-60%);*/position: absolute;left: 0;top: 0;padding: 0 2rem;  text-align: center;}
.xtbox img{ width: 100%; }
.xtbox_m .xq span.line{background-color: #fff;display: inline-block;height: 2px;width: 60px;margin: 0 auto;position: relative;
    top: -8px;}
.xtkf ul li .nr{ box-shadow: -10px 7px 10px #ccc; margin-bottom: 2rem;}
.xtkf ul li:hover .xtbox_m{ opacity: 1 }
@-webkit-keyframes sdb05 {
  0% {
    opacity: 0;
   bottom:56px;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
     bottom:36px;
  }
}
@keyframes sdb05 {
  0% {
    opacity: 0;
    bottom:56px;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
     bottom:36px;
  }
}

@media (max-width: 992px){
  .navbar-nav>li>a {
      padding: 35px 5px 35px 5px;
  }
  .culimg{ width: 100%; margin-bottom: 10px; }


}

@media (max-width: 769px) {
  body{ padding-top: 73px; }
  .navbar-brand{ padding:10px 15px; height: 72px;}
  .navbar-toggle{ margin-top: 20px; }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
.caselist{ margin-top: 0 !important; }
  .navbar-nav>li>a{ border:0; text-align: left;}
  .navbar-nav>li>a:hover{ border-top: 0; background: none; color:#0076c7 !important; border-bottom:none; text-shadow:0 0 1px #fff;}
  .dropdown-menu{ clear: both; overflow: hidden; }
  .dropdown-menu > li{float: left; width: 25%}
  .dropdown-menu > li > a{ text-align: left; padding: 5px 15px; }

  .indexbox{ top: 0px;  margin-bottom: 10px; margin-top: 0;}
  .indexbox .box_p{ padding-bottom: 10px;}
  .indexbox .box_p h2{ margin: 0; padding: 10px 0;}
  
  .about_ico ul li{ float: left; width: 50%; margin-left: 0; margin-bottom: 10px;}
  .about_ico ul li a{ display:inline-block;  margin: 0 auto;}
  .about_ico ul li a img{ margin-top: 24px; }

  
  .service ul li{ float: left; width: 100%; overflow: hidden; position: relative;}
  .service ul li img.s{ width: 100% }
  .case_t {padding-top: 0px;}
  .ctname{ text-align: center; }
  .casebox{ margin-bottom: 10px; }
  .casebox .box_p{ padding-bottom: 20px; }
  .casebox .box_p h2{ margin: 0; padding: 20px 0;}
  .dowebok img{ width: 100%; }
  .casenav{ margin-bottom: 20px; overflow:hidden; }
  .casenav li{height: 40px; line-height:40px; width: 25%; float: left;  margin: 0 0 0 0; cursor: pointer; text-align: center;}
  .zhanlue_ico ul li{ float: left; width: 33.33333%; text-align: center}
  .zhanlue_ico ul li i{ float: none; display: block; margin: 0 auto; }
  .zhanlue_ico ul li p{ margin: 0; padding:0; line-height: 30px; }

  .newsbox{ margin-bottom: 10px; }
  .newsbox .box_p{ padding-bottom: 20px; }
  .newsbox .box_p h2{ margin: 0; padding: 20px 0;}
  .nhd {padding-top: 0px;}
  .nbdbox{ margin-top: 10px; }
  .map{ text-align: center;padding-top: 20px; }
  .contnr h5{ margin-right: 0; }
  .abnavon{ top:72px}
  #mdnav li img{ display: none; }

.new-swiper-container .swiper-slide .data{ display: none; }
  #footer dl { float: left; width: 100%; padding: 0 15px; margin-bottom: 0;}
  #footer dl dt{ font-weight: normal; color: #999999;text-align: left; margin-bottom: 0; padding-bottom:0;}
  #footer dl dt span{ display: inline-block; border-bottom:none; line-height: 30px; }
  #footer dl.fx{ width: 100%; text-align: center; }
  #footer dl dd{ text-align: left; padding-left:1rem; }
  #footer dl dd a{ color: #ccc; }
  #footer dl div.other{-webkit-transition: 0ms;-moz-transition: 0ms;-o-transition: 0ms;transition: 0ms; display: none;}
  .jiathis_style_24x24 a{ display: inline-block; }
  #footer dl dt i{ display: block; }
  #footer dl dt i.on:before{webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg); position: absolute; right: -2px;-webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms; }

    .culnr{ padding-left: 15px; padding-right: 15px; padding-bottom: 1.5rem; padding-top: 3rem;}
    .culnr1{ padding-left: 15px; padding-right: 15px; padding-bottom: 1.5rem;}
    .quan{ width: 100%; height: 34px; line-height: 34px; border-radius: 0; margin-right: 0; }
    .culwenzi{ line-height: 40px; width: 100%; }
    .culbox{ padding-top: 0; }
    .culk{ background: #e8e8e8; margin-bottom: 1rem }
    .culk h5{ font-size: 18px; line-height: 18px; }


    .jdewm{ text-align: center; }
    .jdqh {width: 320px;position: relative;left: 0;top: 1rem;background: rgba(0,0,0,.5);margin: 0 auto;}
    .link{ display: none;}
    .listtitle{ border:none; line-height: 2.85rem; display: block; background:#318cc9; color: #fff; border-radius: 4px;}
    .party_box div{ float: left; width: 50%; }
    .group ul li {margin-bottom: .5rem; }

    .casedright ul{ display:none; }

    .num{ border: 0; }

    .abc .abcl{ display: table-cell; float: left; }
    .abc .abcr{ display: table-cell; float: left; vertical-align: middle; }

.coursebox_nr .swiper-slide p{ margin-bottom: 0;border-bottom: 1px solid #fff;line-height: 20px;padding: 1rem 0; text-indent: 0;}
    
}


@media (min-width: 767px) {
  .dropdown-menu .divider{ display: none; }
  
}
@media(max-width: 320px){

  .group ul li a{ display: block; background: #e1e1e1; padding:0 2rem;}

}
@media(max-width: 375px){
  .party_box div{ float: left; width: 100%; }

  .gslist:hover .bg h5{ opacity: 1; z-index: 1; color: #fff}
  .gslist:hover .bg h6{ opacity: 0; z-index: 1;}
  .otname{ font-size: 3rem; }
}