/* CSS Document */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {box-sizing:border-box;-ms-overflow-style:scrollbar;}
*::before, *::after {box-sizing:inherit;}
* { margin:0px;  padding:0px; font-family:myFirstFont }
html { -webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
ul li{ list-style:none;}
li{ list-style:none;}
img { border:none; display: inline-block }
a { text-decoration:none;blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
a:link { text-decoration:none}
.fl { display:block; float:left;}
.fr { display:block; float:right;}
.clear {clear:both;} 
.hui { background:#f4f4f4;padding:60px 0;}
.bai { background:#ffffff;padding:60px 0;}
@media(min-width:768px) {

}
@media(min-width:992px) {
.hui,.bai { padding:120px 0}
}
.title { text-align:center;color:#303030; }
.footer .title { color:#FFF;}
.title h2 { font-size:20px;  font-weight:bold; letter-spacing:5px; margin-top:20px; }
.title p { font-size:12px; letter-spacing:2px; margin-top:20px; }
@media(min-width:768px) {
.title h2 { font-size:48px;}
.title p { font-size:18px;}
}
@media(min-width:992px) {

}
/*header*/
.site-header {padding:10px 0; height:52px; background:rgba(0, 0, 0, 0.5); position:fixed;left:0;top:0;z-index:8000;width:100%;box-sizing:border-box;}
.site-header .logo{ padding-top:0!important }
.site-header .logo img { height:32px;}

.site-header #nav-menu { display:none;}
#nav-menu{height:52px;   }
#nav-menu .menu li{display: block; float:left;height:52px; line-height:52px; }
#nav-menu .menu li a{display:block;font-size:15px;color:#FFF; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
/*#nav-menu .menu li a:hover,#nav-menu .menu li a.xialaguang { font-weight:bold}*/
#nav-menu .menu li a i{ display:block;
    width: 0;
    height: 2px;
    background: #FFF;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;  
}
#nav-menu .menu li a:hover i,#nav-menu .menu li a.xialaguang i   {width: 100%;}
#nav-menu .menu li.mszx a { width:80px; height:36px; margin:8px 0 0 20px;background:#FFF; color:#c72800; text-align:center;line-height:36px; font-weight:bold;border-radius: 20px; transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;  }
#nav-menu .menu li.mszx a:hover { color:#FFF; background:#c72800;}
@media(min-width:768px) {
.site-header {padding:30px 0; height:112px;}
.site-header .logo img { height:42px; margin-top:10px}
.site-header #nav-menu {display:block;}
#nav-menu .menu li a {padding:0 8px; margin:0 5px;}
}
@media(min-width:992px) {
.site-header .logo img { height:52px; margin-top:0px}
#nav-menu .menu li a {padding:0 10px; margin:0 20px;}
#nav-menu .menu li.mszx a {width:100px; margin-left:40px}
}




.menu-icon {box-sizing:border-box;padding:8px 0 0;height:30px;width:30px;position:fixed;z-index:9000;right:1rem;top:9px;cursor:pointer;}
@media(min-width:768px) {
.menu-icon {display:none;}
}
.menu-icon__line {height:2px;width:30px;display:block;background-color:#FFF;margin-bottom:5px;transition:transform .2s ease, background-color .5s ease;}
.menu-icon__line-left {width:30px;}
.menu-icon__line-right {width:30px;float:right;}

.nav {visibility:hidden;position:fixed;z-index:7001;font-size:18px;}
.nav:before, .nav:after {content:"";position:fixed;width:100vw;height:100vh;background:rgba(234, 234, 234, .2);z-index:-1;transition:transform cubic-bezier(.77, 0, .175, 1) .8s;transform:translateX(0%) translateY(-100%);}
.nav:after {background:#fff;transition-delay:0s;}
.nav:before {transition-delay:.1s;}
.nav__content {position:fixed;top:0;width:100%;height:100%;cursor:pointer;padding-top:60px; background:#eee}
.nav__list {list-style:none;margin:0;padding:0;overflow-y:auto;height:100%;}
.nav__list-item {border-bottom:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px;transition-delay:.8s;opacity:0;transition:opacity .2s ease, transform .3s ease;}
.nav__list-item a {color:#666; display:block}
 
body.nav-active .menu-icon__line {background-color:#FFF;transform:translateX(0) rotate(-45deg);display:none;}
body.nav-active .menu-icon__line-left {transform:translateY(7px) rotate(45deg);display:block;}
body.nav-active .menu-icon__line-right {transform:translateX(0) rotate(-45deg);display:block;}
body.nav-active .nav {visibility:visible;}
body.nav-active .nav:before, body.nav-active .nav:after {transform:translateX(0%) translateY(0%);}
body.nav-active .nav:after {transition-delay:.1s;}
body.nav-active .nav:before {transition-delay:0s;}
body.nav-active .nav__list-item {opacity:1;transform:translateX(0%);transition:opacity .3s ease, transform .3s ease, color .3s ease;}
body.nav-active .nav__list-item:nth-child(0) {transition-delay:.5s;}
body.nav-active .nav__list-item:nth-child(1) {transition-delay:.6s;}
body.nav-active .nav__list-item:nth-child(2) {transition-delay:.7s;}
body.nav-active .nav__list-item:nth-child(3) {transition-delay:.8s;}
body.nav-active .nav__list-item:nth-child(4) {transition-delay:.9s;}
body.nav-active .nav__list-item:nth-child(5) {transition-delay:1s;}
body.nav-active .nav__list-item:nth-child(6) {transition-delay:1.2s;}
/*fuSlide*/
.fuSlide {width:100%;height:560px;position:relative;z-index:1}
.fuSlide .imgs {width:100%}
.ck-slide, .ck-slide ul.ck-slide-wrapper li{transition:all 1s ease}
.ck-slide {position:relative;overflow:hidden;width:100%}
.ck-slide ul.ck-slide-wrapper {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}
.ck-slide ul.ck-slide-wrapper li {position:absolute;width:100%;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%}
.ck-slide ul.ck-slide-wrapper li:first-child {z-index:1111}
.ck-slide ul.ck-slide-wrapper li.current {z-index:1112}
.ck-slide ul.ck-slide-wrapper li a {display:block}
.ck-slide ul.ck-slide-wrapper li a .img {width:100%;height:auto;opacity:0;filter:alpha(opacity='0')}
.ck-slide ul.ck-slide-wrapper li .leftto {filter:alpha(opacity=0);opacity:0}
.ck-slide ul.ck-slide-wrapper li.current .leftto {animation:mymove8 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s}
.ck-slide ul.ck-slide-wrapper li .rightto {filter:alpha(opacity=0);opacity:0}
.ck-slide ul.ck-slide-wrapper li.current .rightto {animation:mymove7 .5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.5s}
.ck-slide ul.ck-slide-wrapper li.current .anim-3 {animation:mymove10 .8s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0s}
.ck-slide ul.ck-slide-wrapper li.current .anim-1 {animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.3s}
.ck-slide ul.ck-slide-wrapper li.current .anim-2 {animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.6s}
.ck-slide ul.ck-slide-wrapper li.current .anim-3 {animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.9s}
.banner_con {top:0;left:0;width:100%;height:100%;position:absolute}
.banner_con h2 {font-weight:400;font-family:华文细黑; font-size:28px;color:#fff;margin-top:30%;opacity:0;filter:Alpha(opacity=0)}
.banner_con p {font-family:华文细黑; font-size:14px; color:#bababa; margin-top:50px;opacity:0;filter:Alpha(opacity=0)}
.banner_con  div.more a{ display:block; width:200px; height:56px; line-height:56px; font-size:16px; color:#FFF; text-align:center; background:#ad0023; border-radius:26px; margin-top:50px;}
.ck-slide ul.ck-slide-wrapper li.current .banner_con .leftto {animation-delay:1s}
.index-waper-box {position:absolute;bottom:0;width:100%;height:100px;overflow:hidden;z-index:9;perspective:800px;transform-style:preserve-3d}
.index-back-box {height:100px;background:0 0;width:100%;margin:0 auto;overflow:hidden;transform-origin:bottom;transform:rotateX(0) translate3d(0, 0, 0);transition:all .65s cubic-bezier(.55, .65, .55, 1) 0s}
.index-back-box .sub-arrows {position:absolute;right:0;top:0;width:auto;height:100%;line-height:100px;padding-left:10px;font-size:0} 
.index-back-box .sub-arrows i.next, .index-back-box .sub-arrows i.prev {display:inline-block; margin:0 10px; width:48px;height:48px; border-radius:24px; cursor:pointer} 
.index-back-box .sub-arrows i.prev { background:url(../image/arrows.png)  left top no-repeat #282828;} 
.index-back-box .sub-arrows i.next { background:url(../image/arrows.png) right top no-repeat #282828;} 
.index-back-box .sub-arrows i.prev:hover { background:url(../image/arrows.png) left bottom no-repeat #FFF;} 
.index-back-box .sub-arrows i.next:hover { background:url(../image/arrows.png) right bottom no-repeat #FFF;} 
@media(min-width:768px) {
.fuSlide { height:720px;}
.banner_con h2 { font-size:40px;}
}

@media(min-width:996px) {
.fuSlide { height:860px;}
.banner_con h2  { font-size:50px;}
.index-back-box { width:1440px;}
}

 
 @keyframes ani-svg {
0% {
opacity:.4;
transform:translateY(-20px)
}
15% {
opacity:.65;
transform:translateY(-15px)
}
25% {
opacity:.8;
transform:translateY(-10px)
}
50% {
opacity:1;
transform:translateY(0)
}
65% {
opacity:.8;
transform:translateY(5px)
}
75% {
opacity:.65;
transform:translateY(10px)
}
100% {
opacity:.4;
transform:translateY(15px)
}
}

/*banner*/
.banner { height:420px;}
.banner.banner-news-wiki {height:280px; }
.banner.banner-index-dx { background:url(../image/banner-index-dx.jpg) center top; background-size : cover}
.banner.banner-dx-web { background:url(../image/banner-dx-web.jpg) center top; background-size : cover}
.banner.banner-dx-sys { background:url(../image/banner-dx-sys.jpg) center top; background-size : cover}
.banner.banner-dx-idw { background:url(../image/banner-dx-idw.jpg) center top; background-size : cover}
.banner.banner-index-om { background:url(../image/banner-index-om.jpg) center top; background-size : cover}
.banner.banner-om-server { background:url(../image/banner-om-server.jpg) center top; background-size : cover}
.banner.banner-om-wm { background:url(../image/banner-om-wm.jpg) center top; background-size : cover}
.banner.banner-om-cm { background:url(../image/banner-om-cm.jpg) center top; background-size : cover}
.banner.banner-index-ims { background:url(../image/banner-index-ims.jpg) center top; background-size : cover}
.banner.banner-ims-seo { background:url(../image/banner-ims-seo.jpg) center top; background-size : cover}
.banner.banner-ims-nms { background:url(../image/banner-ims-nms.jpg) center top; background-size : cover}
.banner.banner-ims-sma { background:url(../image/banner-ims-sma.jpg) center top; background-size : cover}
.banner.banner-index-about { background:url(../image/banner-index-about.jpg) center top; background-size : cover}
.banner.banner-news-wiki { background:url(../image/banner-news-wiki.jpg) center top; background-size : cover}
.banner .banner-wen {   padding-top:125px; color:#FFF; text-align:center; }
.banner .banner-wen h1 { text-align:center; font-size:28px; line-height:80px; letter-spacing:10px;}
.banner .banner-wen .banner-wen-en { font-size:40px; line-height:80px; letter-spacing:10px;}
.banner .banner-wen .banner-wen-cn {  font-size:16px; line-height:32px; padding:0 0px }
@media(min-width:768px) {
.banner { height:720px;}
.banner.banner-news-wiki{ height:420px;}
.banner .banner-wen {   padding-top:220px; }
.banner.banner-news-wiki .banner-wen{   padding-top:160px; }
.banner .banner-wen h1 { font-size:66px;line-height:180px; }
.banner .banner-wen .banner-wen-en { font-size:60px; line-height:100px; }
.banner .banner-wen .banner-wen-cn { padding:15px 0 0;}
}
@media(min-width:992px) {
.banner .banner-wen .banner-wen-cn { padding-top:26px}
}
/*type-box*/
.type-box { background:#f2f2f2; height:60px; line-height:54px}
.type-box a { display:block; text-align:center; font-size:16px; color:#303030;}
 
.type-box a i{ display:block;
    width: 0;
    height: 4px;
    background: #c72800;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;  
}
.type-box a:hover i,.type-box a.on i   {width: 100%;}
@media(min-width:768px) {
.type-box { height:80px; line-height:76px}
.type-box a {  font-size:20px; letter-spacing:5px;}
}

/*fenlei-box*/
.fenlei-box { text-align:center;margin:30px 0 50px }
.fenlei-box a { display:inline-block; margin:0px 8px ; width:100px; height:42px; background:#c72800; font-size:14px; color:#FFF; line-height:42px; border-radius:5px;}
.fenlei-box a{border:none;position:relative;transition:800ms ease all;outline:none;}
.fenlei-box a:hover{background:#fff;color:#c72800;}
.fenlei-box a:before,.fenlei-box a:after{content:'';position:absolute;top:0;right:0;height:2px;width:0;background: #c72800;transition:400ms ease all;}
.fenlei-box a:after{right:inherit;top:inherit;left:0;bottom:0;}
.fenlei-box a:hover:before,.fenlei-box a:hover:after{width:100%;transition:800ms ease all;}
/*biaoqian-box*/
.biaoqian-tit p {font-size:16px; color:#303030;  text-align:center; font-weight:bold}
.biaoqian-box{ margin-top:50px; }
.biaoqian-box .biaoqian{margin:10px 5px 0 ; height:40px; border:solid 1px #ca1212; font-size:12px; color:#ca1212; line-height:40px;text-align:center; border-radius:34px; cursor:pointer}
.biaoqian-box .biaoqian:hover { border:solid 1px #fff; background:#ca1212; color:#fff;}
@media(min-width:768px) {
.fenlei-box {margin:50px 0 100px }
.fenlei-box a { width:180px;font-size:20px;  letter-spacing:5px;margin:0px 20px ; height:60px;line-height:60px;}
.biaoqian-box .biaoqian { margin:10px 5px 0 ;}
}
@media(min-width:992px) {
.fenlei-box a { width:240px; letter-spacing:10px;}
}
@media(min-width:1200px) {
.biaoqian-box .biaoqian {margin:20px 10px 0 ; font-size:16px; }
}
/*client*/
.sph{width: 330px;margin: 50px auto 0;border-left:solid 1px #f0f0f0 ;border-bottom:solid 1px #f0f0f0 }
.spbq{float: left;position: relative;overflow: hidden; cursor:pointer}
.spbq .zst { border-top:solid 1px #f0f0f0; border-right:solid 1px #f0f0f0; text-align:center; width: 164px;height: 81px; position: relative }
.spbq .zst img{ width: 160px; height:160px;position: absolute; left:2px; top:0; z-index:1;
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease; }
.spbq:hover .zst img { top:-80px; }
.biankuang{width: 1px;height: 1px;position: absolute;z-index: 99; }
.biankuang_1{height: 0px;top: 0px;left:0px;border-left: 1px solid #c72800;}
.biankuang_2 {width: 0px;bottom:0px;left: 0px;border-top: 1px solid #c72800;}
.biankuang_3{height: 0px;bottom:0px;right:0px;border-right: 1px solid #c72800;}
.biankuang_4{width:0px;top:0px;right:0px;border-bottom: 1px solid #c72800;}
@media(min-width:768px) {
.sph{width: 720px;}
}
@media(min-width:992px) {
.sph{width: 960px;margin: 100px auto 0;}
.spbq .zst {width: 239px;height: 121px; }
.sph .zst img{width: 240px; height:240px; left:0px;}
.spbq:hover .zst img { top:-120px; }
}
@media(min-width:1200px) {
.sph{width: 1200px;}
.spbq .zst {width: 299px;height: 121px; }
.sph .zst img{left:30px;}
 
}
/*youshi-box*/
.youshi-box { margin:50px auto 0; }
.youshi {  padding:30px 20px; background:#efdfdb; margin:20px 8px 0;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; min-height:200px;}
.youshi .youshi-tit { font-size:20px; font-weight:bold; letter-spacing:5px; margin-bottom:20px;}
.youshi p { font-size:11px; color:#303030; line-height:22px; }
.youshi:hover { background:#c72800; }
.youshi:hover .youshi-tit,.youshi:hover p { color:#FFF}
@media(min-width:768px) {
.youshi { margin:0;margin-top:10px; padding:50px 20px;  min-height:auto}
.youshi p{ font-size:14px; }
}
@media(min-width:992px) {
.youshi-box{ margin-top:100px;}
.youshi { margin:0}
}
/*.why-box*/
.why-box { background:#FFF;  margin:50px  15px 0!important  }
.why { padding:20px 20px ; border-bottom:solid 1px #d5e0d5; min-height:280px;}
.why i {display: inline-table;width: 40px;height: 6px;background: #c72800;vertical-align: middle;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;  }
.why:hover i {width: 80px;}
.why .why-tit { font-size:20px; color:#303030; font-weight:bold;  line-height:70px;/* background:url(../images/bg-why-tit.jpg) left top no-repeat*/}
.why p { font-size:11px; color:#303030; line-height:24px; }
@media(min-width:768px) {
.why-box {margin:50px auto 0;  }
.why { border-right:solid 1px #d5e0d5; border-bottom:none; margin:20px 0; min-height:auto}
.why.why-noborder-a { border:none}
.why.why-noborder-b { border:none}
.why p {font-size:14px;  }
}

@media(min-width:992px) {
.why-box {margin:100px auto 0;  }
.why.why-noborder-a { border-right:solid 1px #d5e0d5}
}
/*wiki*/
.wiki-box {margin:50px auto 0;}
.wiki{ margin:0 20px;}
.wiki a { display:block; border-bottom:solid 1px #eeeeee; padding:30px 0;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.wiki a h3 { font-size:16px; color:#000;-moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease;}
.wiki a p{ font-size:12px; color:#646464; line-height:24px; margin-top:10px}
.wiki a:hover { border-bottom:solid 1px #c72800}
.wiki a:hover h3 {color:#c72800; }
@media(min-width:768px) {
.wiki{ margin:0 30px;}
.wiki a h3 { font-size:18px;}
.wiki a p{ font-size:14px; }
}
@media(min-width:992px) {
.wiki{ margin:0 50px;}
}
/*footer*/
.footer { background:#000; color:#FFF;font-size:14px;  line-height:25px; font-weight:}
.footer  h3{ font-size:18px;line-height:46px; font-weight: bold  }
.footer .dizhi,.footer .ewm-box, .footer .tijiao{margin-top:50px; }
.footer .dizhi,.footer .tijiao { padding: 0 0 0 10px;}
.footer .ewm-box { text-align:center}
.footer .ewm { display:inline-block;   margin:0 15px;  text-align:center }
.footer .ewm img { width:100px; margin-bottom:10px;}
.footer .tijiao form div { margin-top:10px;}
.footer .tijiao form input { display:inline-block; margin-left:10px; background:none; font-size:16px; color:#FFF; height:36px; line-height:36px}
.footer .tijiao form input.text { width:250px; border:none; border-bottom:solid 3px #FFF; }
.footer .tijiao form input.text:focus { outline: none; }
.footer .tijiao form input.submit{ margin:30px 0 0 55px; width:120px; font-size:18px;line-height:30px; text-align:center; border-radius: 20px; cursor:pointer;border: solid 1px #fff;}
.footer .copyright { margin-top:80px; text-align:center }
@media(min-width:768px) {
.footer {font-size:16px; line-height:32px; } 
.footer  h3{ font-size:18px;line-height:46px; font-weight:normal }
.footer .dizhi,.footer .tijiao { padding: 0 0px}
.footer .ewm  {margin:0 30px;  }
.footer .ewm img { width:152px}
}
@media(min-width:992px) {
.footer {font-size:16px; } 
.footer  h3{ font-size:24px;}
.footer .ewm  {margin:0 15px;  }
.footer .tijiao { margin-left:50px;}

}
/*关于我们*/
/*about*/
.about-box { margin-top:50px; }
.about-box .about-pic { width:100%; overflow:hidden}
.about-box .about-pic img { display:block; width:100%; margin:0 auto; -webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; } 
.about-box .about-pic img:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);    -ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);} 
.about-box .about-info { margin-top:30px; font-size:14px; color:#303030; line-height:28px; }
@media(min-width:992px) {
.about-box .about-pic img {  width:90%;}
.about-box .about-info { margin-top:0px;font-size:16px;line-height:32px;}
}
/*brand*/
.brand-box { background:url(../image/bg-brand.jpg) center top; background-size : cover}
.brand-w { background:rgba(196,53,65,0.9); padding:0 0 30px}
.brand { color:#FFF; text-align:center; font-weight:bold; border-right:solid 2px #FFF; margin-top:30px;}
.brand.brand-noborder-m { border:none}
.brand.brand-noborder-p { border:none}
.brand p { font-size:14px; } 
.brand div.num { font-size:36px;  }
.brand p.line { width:25px; height:4px; margin:10px auto; background:rgba(255,255,255,0.8); transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.brand:hover p.line {width:65px;}
@media(min-width:768px) {
.brand { margin-top:0}
.brand-w {padding:72px 0 }
.brand p { font-size:16px; } 
.brand div.num { font-size:46px;  }
}
@media(min-width:992px) {
.brand.brand-noborder-m {  border-right:solid 2px #FFF}
}
/*value*/
.value { text-align:center }
.value .value-pic{ width:140px; height:140px; border-radius:70px; padding:20px; background:#d23341; margin:60px auto 30px; }
.value .value-pic img { display:block; width:100px; height:100px;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-o-transition: -o-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out; }
.value p.value-tit{ font-size:20px; color:#303030;line-height:32px;  }
.value p.value-info{ font-size:14px; color:#5b5b5b }
.value .value-pic:hover img{-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
@media(min-width:768px) {
.value p.value-tit{ font-size:26px;line-height:52px;}
 }
/*job*/
.job-box {background:url(../image/bg-job.jpg) center top; background-size : cover}
.job { text-align:center}
.job .job-pic{ width:85px; height:85px; margin:60px auto 30px }
.job p{ font-size:18px; color:#303030;line-height:32px;  }
/*zixun*/
.zixun .zixun-pic{ width:100%;margin:30px auto 10px; overflow:hidden; }
.zixun .zixun-pic img{ width:100%; display:block; margin:0 auto;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; } 
.zixun .zixun-pic img:hover {-webkit-transform:scale(1.25);-moz-transform:scale(1.25);    -ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25);} 
.zixun p{ font-size:16px; color:#303030;line-height:32px;  }
 @media(min-width:768px) {
.zixun .zixun-pic { width:90%;margin:60px auto 20px}
.zixun .zixun-pic img{ width:90%;}
}
/*百度百科*/
.pos {  color:#303030; margin:30px 0 0; }
.pos a { font-size:14px; color:#303030 }
.list-wiki-box { background:#f6f6f6; padding:50px 40px; margin:0px 0 20px 0 }
.list-wiki-box .list-wiki-lmmc{ }
.list-wiki-box .list-wiki-lmmc a{ display:block; width:120px; height:36px; font-size:14px; color:#959595; text-align:center; line-height:36px; background:#e9e9e9; border-radius:18px; }
.list-wiki-box .list-wiki-lmmc a:hover { background:#d4d4d4}
.list-wiki-box .list-wiki-con{ }
.list-wiki-box .list-wiki-con a { display:block; padding-right:80px;background:url(../image/bg-wiki-list.png) center right no-repeat; }
.list-wiki-box .list-wiki-con a h2 { height: 80px;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: all .3s linear;}
.list-wiki-box .list-wiki-con a h2 span{ font-size:24px; color:#333333; line-height:40px; width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; }
.list-wiki-box .list-wiki-con a p { font-size:14px; color:#626262; line-height:28px; }
.list-wiki-box .list-wiki-con a:hover h2 span{ color:#c72800 }
.list-wiki-box .list-wiki-con a:hover p { color:#373737 }
/*新闻中心*/
.news-box { padding:30px 0 }
.news-box .news-tit a{font-size:22px; color:#333333; line-height:36px; }
.news-box .news-time{ font-size:14px; color:#999; margin:20px 0; }
.news-box .news-time a{ display:inline-block; background:#e9e9e9; border-radius:18px; color:#868686; font-size:12px; line-height:36px; padding:0 20px; }
.news-box .news-pic{ height:240px;}
.news-box .news-pic a{ display:block; width:100%; height:200px; }
.news-box .news-pic a img{ width:100%; }
.news-box .news-info{font-size:14px; color:#626262; line-height:28px; margin:20px 0  }
.news-box .news-more a{ font-size:16px;color:#c72800; text-decoration:underline; }
/*页码*/
.list-page { margin-top:30px;font-size:14px; text-align:center;}
.list-page  li { display: inline-block;  width:auto; color:#333;margin:20px 5px 0; background:#FFF ; border:solid 1px #d0cece;}
.list-page  li.thisclass,.list-page  li.aaa {  padding:10px 15px;}
.list-page  li.thisclass,.list-page  li a:hover  { background:#e90101; color:#FFF;}
.list-page  li.thisclass a {color:#FFF; }
.list-page  li a { display:block; padding:10px 15px; color:#333;}
.list-page  li:hover  a{ color:#FFF;}
.list-page  li.bbb { display:none}
/*文章页*/
.article .article-title { font-size:22px; color:#333333; line-height:36px; }
.article .article-time { font-size:14px; color:#999; margin:50px 0; }
.article .article-time a { display:inline-block; width:120px; height:36px; font-size:14px; color:#999; text-align:center; line-height:36px; background:#e9e9e9; border-radius:18px;  }
.article .article-content { padding:50px 0px; font-size:16px; color:#000; line-height:32px; border-top:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf; }
.article .article-content a { color:#c72800}
.article .article-content img{ width:100%!important; height:auto!important; }
.article .pre-next a { display:block;  font-size:14px; color:#999999; line-height:32px;  }
.article .pre-next .pre {width:100%; padding-left:14%;background:url(../image/bg-pre.png) left center no-repeat;margin-top:40px;}
.article .pre-next .next { width:100%; padding-left:14% ;background:url(../image/bg-next.png) left center no-repeat;margin-top:40px;}
.article .pre-next  a:hover { color:#c72800 } 
.hot-box { background:#f5f5f5; padding:50px 35px; margin-top:50px;position: sticky;top: 150px;}
.hot-box .hot-bar { font-size:16px; color:#333; line-height:46px; font-weight:bold} 
.hot-box ul li { display:block; }
.hot-box ul li a{ display:block; font-size:14px; color:#878787; line-height:32px;  }
.hot-box ul li a:hover { color:#c72800 } 
@media(min-width:768px) {
.article .article-title { font-size:32px; line-height:64px;  }
.article .pre-next .pre { float:left; width:50%;padding-left:6% ;}
.article .pre-next .next { float:right;width:50%; padding:0; padding-right:6% ;background:url(../image/bg-next.png) right center no-repeat;text-align:right;}
}
@media(min-width:992px) {
.article { margin-right:30px;}
.article .article-content img{ width:auto!important; height:auto!important; }
.hot-box{ margin-top:0 }
}

 /* flexslider */
.flexslider{margin:50px auto 0;position:relative;width:100%;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flexslider .slides li div.img { width:100%; height:800px; margin:0 auto; background-position: center 85px; background-repeat:no-repeat}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../image/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:90%;position:absolute; right:10%;bottom:30px;text-align:right;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../image/bg-control-02.jpg) center center no-repeat; display:block;height:20px;overflow:hidden;text-indent:999px;width:50px;cursor:pointer;  }
.flex-control-paging li a.flex-active{background:url(../image/bg-control-01.jpg) center center no-repeat; }

.slides-box-l { padding:30px 10%;background:rgba(0,0,0,0.5);  }
.slides-box-l h1{ font-size:40px; color:#ad0023; }
.slides-box-l p{ font-size:14px; color:#292929; line-height:28px; margin-top:10px; }
.slides-box-l div a{ display:block; width:200px; height:56px; line-height:56px; font-size:16px; color:#FFF; text-align:center; background:#ad0023; border-radius:26px; margin-top:30px;}

.slides-box-r.anim-1 {animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.3s}
.slides-box-r.anim-2 {animation:mymove6 .6s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:.6s}

.slides-box-r{ height:715px; padding:20px; background:rgba(239,239,239,0.5); }
.slides-box-r dl { float:left; width: calc((100% - 4px) /3); margin-right:2px; text-align:center; }
.slides-box-r dl:nth-of-type(3n) {margin-right:0}
.slides-box-r dl dt { display:block; }
.slides-box-r dl dt a{ display:block; background:#373737; font-size:16px; color:#FFF; line-height:72px; }
.slides-box-r dl dt a:hover{ background:#ad0023;}
.slides-box-r dl dd { display:block; font-size:12px; color:#373737; line-height:32px; border:solid 1px #d3d3d3; border-top:none }
.slides-box-r dl dd:hover { color:#ad0023; font-weight:bold; background:#eee2e2 } 

@media(min-width:768px) { 
.slides-box-r { padding:30px 60px; }
.slides-box-r dl dd { font-size:14px; }
.slides-box-r dl dt a { font-size:20px; }
}	
@media(min-width:996px) {
.slides-box-l { padding:30% 0 20% 20%; background:none }
.slides-box-l h1{ font-size:60px;}
.slides-box-r {padding:120px 0 120px 120px; background:rgba(239,239,239,0.9);  }	
.slides-box-r dl { width: calc((100% - 4px) /4); margin-right:2px; }
.slides-box-r dl dt a { font-size:20px; line-height:72px;}
.slides-box-r dl dd { font-size:16px; color:#878787; line-height:36px;   }
}	

.index-client { background:url(../image/bg-index-client.jpg) bottom center no-repeat;}
.main {width: 100%;margin: 0px auto 0; float:left}
.main.maina { margin-top:50px;}
.imgtag {float: left;width: calc((100% - 5px) /2);margin-top:5px;margin-right:5px;height: 100px;position: relative;   }
.imgtag:nth-of-type(2n) {margin-right:0}
.imgtag:nth-of-type(5n) {margin-right:5px;} 
.imgtag:nth-of-type(10) {margin-right:0px;} 
.tag_item {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;overflow: hidden;background:#e4e8e8}
.tag_item  a img {opacity: 0;  -webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out; transition:All 0.6s ease-in-out; }
.tag_item a img {width:100%; }
.curr {z-index: 100; background: #666;}
.curr .tag_item a img  {opacity: 1;filter: alpha(opacity = 100);}
.not_curr {opacity: .5;filter: alpha(opacity = 45);}
.taglist {height: 60px;width: 100%;overflow: hidden;position: absolute;left:50%;top:50%;margin-left:-50%;margin-top:-30px;font-size:20px;color:#000;line-height:60px;text-align:center;}
div.morea a{ display:block; width:200px; height:56px; line-height:56px; font-size:16px; color:#FFF; text-align:center; background:#ad0023; border-radius:26px; margin:50px auto 0;}
@media(min-width:768px) {
.imgtag {width: calc((100% - 20px) /5);height: 150px;}
.imgtag:nth-of-type(2n) {margin-right:5px}
.imgtag:nth-of-type(5n) {margin-right:0px}
.main div.more a {  margin:100px auto 0;}
}
@media(min-width:996px) {
.imgtag { height:200px; }
}

#c-news { margin:0; }
#c-news .c-boxw {display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap; width:100%; overflow:hidden}
#c-news .c-boxw .c-list {margin-top: 20px;width:100%;}
#c-news .c-boxw a {position: relative;display: block;height: 120px;}
#c-news .c-boxw .c-bg {width: 100%;height: 100%;object-fit: cover;opacity: 0;-webkit-transition: all 0.6s;transition: all 0.6s;}
#c-news .c-boxw .c-box {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f6f6f6 url(../image/news-bg.png) no-repeat center center;background-size: cover;-webkit-transition: all 0.6s;transition: all 0.6s;}
#c-news .c-boxw .c-wrap {display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;position: absolute;top: 50%;left: 0;box-sizing: border-box;padding: 20px;width: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#c-news .c-boxw .c-textBox {width: -webkit-calc(100% - 80px);width: calc(100% - 80px);-webkit-transition: all 0.6s;transition: all 0.6s;}
#c-news .c-boxw .c-textBox .c-classification {margin-bottom: 10px;font-size: 14px;color: #999;-webkit-transition: all 0.6s;transition: all 0.6s;}
#c-news .c-boxw .c-textBox .c-title {font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;-webkit-transition: all 0.6s;transition: all 0.6s;}
#c-news .c-boxw .c-arrow {position: relative;width: 45px;}
#c-news .c-boxw .c-arrow img {width: 100%;opacity: 1;-webkit-transition: all 0.6s;transition: all 0.6s;}
#c-news .c-boxw .c-arrow img:last-child {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;}

#c-news .c-boxw a:hover .c-textBox {-webkit-transform: translateY(5px);transform: translateY(5px);}
#c-news .c-boxw a:hover .c-box {background: rgba(0, 0, 0, .6) url(../image/news-bg.png) no-repeat center center;}
#c-news .c-boxw a:hover .c-textBox .c-classification,#c-news .c-boxw a:hover .c-textBox .c-title {color: #fff;}
#c-news .c-boxw a:hover .c-arrow img:first-child {opacity: 0;}
#c-news .c-boxw a:hover .c-arrow img:last-child {opacity: 1;}
#c-news .c-boxw a:hover .c-bg {opacity: 1;}
@media(min-width:768px) {
#c-news { width:96%; margin:0 auto}
#c-news .c-boxw .c-list {margin-top: 30px;}
#c-news .c-boxw a {height: 160px; } 
#c-news .c-boxw .c-wrap { padding:30px;}
#c-news .c-boxw .c-textBox .c-classification { font-size:15px;}
#c-news .c-boxw .c-textBox .c-title { font-size: 17px;}
}
@media(min-width:996px) {
#c-news { width:90%; margin:0 auto}
#c-news .c-boxw .c-list {margin-top: 40px;   }
#c-news .c-boxw a {height: 200px; } 
#c-news .c-boxw .c-wrap { padding:40px;} 
#c-news .c-boxw .c-textBox .c-title { font-size: 20px;}
}

.youlian { background:#000; font-size:12px;color:#333}
.youlian a { color:#333}