@charset "utf-8";
/* CSS Document */
.clear { clear:both}
.hui { background:#f0f0f0;}
/*common*/
.arrow { display:none; background:#FFF;
    margin: 0px;
    height: 140px;
    width: 140px;
    position: absolute;
    left: 0;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: opacity .5s ease,margin-top .2s ease,-webkit-transform .5s ease;
    transition: opacity .5s ease,margin-top .2s ease,-webkit-transform .5s ease;
    transition: transform .5s ease,opacity .5s ease,margin-top .2s ease;
    transition: transform .5s ease,opacity .5s ease,margin-top .2s ease,-webkit-transform .5s ease; font-size:26px;text-align:center; font-weight:bold
}
.arrow span { display:block; width:48px; height:48px; margin:20px auto; overflow:hidden; position:relative}
.arrow span img { position:absolute; left:0;top: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;  }
.arrow:hover span img { top:-48px;}
.more a{ display:block; margin-top:10px; font-size:16px; color:#000; line-height:52px; }
.more a span { display: inline-block; width:42px; height:5px; margin:0px 10px 0 0; overflow:hidden; position:relative }
.more a span img { position:absolute; left:-42px;top: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;  }
.more a:hover span img { left:0px;}
@media only screen and (min-width: 768px) {
.hui { margin-top:100px;}
.arrow { display: block;height: 120px;width: 90px;}
.box {padding-left: 90px;  }
.more a {margin-top:40px;font-size:18px;  }
}
@media only screen and (min-width: 1200px) {
.arrow {height: 140px;width: 140px; }
.box {padding-left: 140px;  }
}
/*header*/
.header  { padding-top:60px}
.header .menu { float:left; padding:0 70px;}
.header .menu li { display:block; float:left; margin-right:40px;}
.header .menu li a { padding:10px 10px; letter-spacing:3px; position:relative; font-size:16px; color:#000;}
.header .menu li a::after {
    content: "";
    position: absolute;
    width: 0;
    bottom: 0;
    height: 1px;
    background: #979797;
    right: 0;
    -webkit-transition: width .3s cubic-bezier(.37,0,.21,1.02);
    transition: width .3s cubic-bezier(.37,0,.21,1.02);}
.header .menu li a.on::after { width:100%}
.header .menu li a:hover::after {
    left: 0;
    right: auto;
    width: 100%;
}
.header .menu,.header .address { display:none}
@media only screen and (min-width: 768px) {
.header .menu { display:block}
}
@media only screen and (min-width: 1200px) {
.header .address { display:block}
.header .address { float:right; padding:0 70px;}
.header .address span  { display: inline-block;
    margin-left: 46px;font-size: 13px;
letter-spacing: .5px;
line-height: 22px;
color: #656565;
white-space: nowrap;
}
}
/*index*/
.index {padding-left: 20px; padding-right: 20px;padding-top: 10vh;padding-bottom: 5vh; }
.index h2{font-size: 24px; color: #000000; line-height:46px;font-weight: 500; margin-bottom:50px}
.index  p{ font-size: 20px; color: #000000; line-height:28px;letter-spacing: 5px; margin-bottom:10px;}
@media only screen and (min-width: 768px) {
.index {padding-left: 80px; padding-right: 75px;padding-top: 19vh;padding-bottom: 11vh; }
.index h2 { font-size: 46px; line-height:80px}
}
@media only screen and (min-width: 1200px) {
.index {padding-left: 140px;}
.index h2 { font-size: 72px; line-height:100px;}
}
/*about*/
.about .about-pic { width:100%; height:100%; overflow:hidden; cursor:pointer}
.about .about-pic img{ width:100%; -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 .about-pic:hover img{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);    -ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25); }
.info { padding-left:20px;padding-right:20px; padding-top:40px; padding-bottom:40px; text-align:justify}
.info p{ font-size:16px; color:#404040; line-height:36px; }
@media only screen and (min-width: 768px) {
.info { padding-left:0px; padding-right:80px; padding-top:80px; padding-bottom:80px;}	
.info p{ font-size:20px; line-height:40px;  }
}
@media only screen and (min-width: 1200px) {
.info { padding-right:140px;padding-top:100px; padding-bottom:100px; }	
.info p{ font-size:24px; line-height:46px;  }
}
/*index-service*/
.service ul li { display:block; float:left; width: calc((100% - 20px) /2); margin-right:20px;}
.service ul li:nth-of-type(2n) {margin-right:0}
.service ul li:nth-of-type(4n) {margin-right:0}
.service ul li a{ display:block;  }
.service ul li a .service-pic { width:100%; height:100%; overflow:hidden}
.service ul li a .service-pic img { width:100%; -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;    }
.service ul li a .service-tit { font-size:26px; color:#000; line-height:40px; text-align:center;  padding:20px 0 20px }
.service ul li a .service-info { display: none}
.service ul li a:hover .service-pic img{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);    -ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25); }
@media only screen and (min-width: 768px) {
.service ul li {  width: calc((100% - 30px) /4);margin-right:10px; }
.service ul li:nth-of-type(2n) {margin-right:10px}
.service ul li:nth-of-type(4n) {margin-right:0}
.service ul li a .service-tit {  }
}
@media only screen and (min-width: 1200px) {
.service ul li {  width: calc((100% - 60px) /4); }
.service ul li:nth-of-type(2n) {margin-right:20px}
.service ul li:nth-of-type(4n) {margin-right:0}
.service ul li a .service-info { display: block}
.service ul li a .service-tit { font-size:26px; color:#000; line-height:60px;  padding:30px 0 20px; text-align:left }
.service ul li a .service-info{font-size:14px; color:#000; line-height:32px; }
.service.servicea ul li a .service-info { padding-bottom:50px;}
.service ul li a .service-info p{ padding:0 20px 0 0; display:inline;}
.service ul li a .service-info p:hover{ text-decoration:underline; color:#570000; font-weight:bold;}
}
/*index-case*/
.sphw { background:#E7E7E7; padding:40px 0}
.sph{width: 330px;margin: 0px auto 0;border-left:solid 1px #e1e1e1 ;border-bottom:solid 1px #e1e1e1 }
.spbq{float: left;position: relative;overflow: hidden; cursor:pointer}
.spbq .zst { border-top:solid 1px #e1e1e1; border-right:solid 1px #e1e1e1; 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: 0px solid #c72800;}
.biankuang_2 {width: 0px;bottom:0px;left: 0px;border-top: 0px solid #c72800;}
.biankuang_3{height: 0px;bottom:0px;right:0px;border-right: 0px solid #c72800;}
.biankuang_4{width:0px;top:0px;right:0px;border-bottom: 0px solid #c72800;}
@media(min-width:768px) {
.sph{width: 720px;}
}
@media(min-width:992px) {
.sphw { padding:100px 0}
.sph{width: 960px;margin: 0px 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;}
}
/*footer*/
.footer__home {
    position: absolute;
    z-index: 1;
    bottom: 140px;
    left: 50px;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateX(25%) rotate(-90deg);
    transform: translateX(25%) rotate(-90deg);
}

.footer-w { background:#3f4041; }
.footer-w,.footer .wx ul li a p,.footer a { color:#F3F3F3}
.footer {  background:#555657;padding-top:40px;padding-bottom:40px; padding-left:20px;padding-right:20px; }
.footer p.t { font-size:34px; line-height:60px;  }
.footer p.c{ font-size:16px; line-height:30px;  }
.footer .wx,.footer .tijiao { width:100%; margin:40px auto 0}
.footer .wx ul li { display:block; float:left; margin-right:10px; width:calc((100% - 20px) /3); padding:0 }
.footer .wx ul li:nth-of-type(3n) {margin-right:0}
.footer .wx ul li .wx-pic img { width:100%; max-width:200px;  }
.footer .wx ul li p { font-size:12px; line-height:20px; margin-top:10px; }
.footer .tijiao form div { margin-bottom:20px; }
.footer .tijiao form input{ height:46px; line-height:44px; font-size:16px; color:#FFF; background:#727272; border:none; border-radius:23px; margin-left:20px; width:80%; max-width:256px; padding:0 20px;}
.footer .tijiao form input.submit{ color:#000; background:#FFF; margin-left:0; margin-top:20px;max-width:316px; width:100%; cursor:pointer}
.copyright { background:#3f4041; height:60px; font-size:12px; line-height:60px; text-align:center}.copyright a { color:#FFF}
@media only screen and (min-width: 768px) {
.footer-h { margin-top:100px;}
.footer { padding-top:80px;padding-bottom:80px; padding-left:80px;padding-right:80px; }
.footer p.t { font-size:54px; line-height:80px;  }
.footer p.c{ font-size:18px; line-height:36px;  }
.footer .wx,.footer .tijiao{ margin:80px auto 0}
.footer .tijiao { max-width:320px; margin:80px auto 0}
.footer .wx ul li {margin-right:20px; width:calc((100% - 40px) /3);  }
.footer .wx ul li p { font-size:15px; line-height:28px;margin-top:10px;}
.copyright {   font-size:14px; height:120px;line-height:120px; }
.copyright a { padding-left:30px;}
}
@media only screen and (min-width: 1200px) {
.footer { padding-top:100px;padding-bottom:100px; }
.footer .wx,.footer .tijiao  { float: left; margin-top:100px; width:40%}
.footer .tijiao { width:40%; margin-left:20%}
.footer p.t { font-size:58px; line-height:100px; padding-bottom:20px;  }
.footer p.c{ font-size:20px; line-height:40px; color:#ccc; }
.copyright { padding-left:140px;text-align:left}
}
/*liucheng*/
.tab-lc {  }
.tab-lc-hd {overflow:hidden;zoom:1;background:#e7e7e7;padding:40px 0; }
.tab-lc-hd li{ display:block; float:left; width:calc((100% - 20px) /5); margin-top:20px; margin-right:5px; color:#000;text-align:center; cursor:pointer; min-height:72px;  }
 
.tab-lc-hd li *{ -webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out; transition:All 0.3s ease-in-out;}
.tab-lc-hdl li span { font-size:24px; line-height:72px; }
.tab-lc-hd li p { font-size:18px; line-height:36px;}
.tab-lc-hd li.active span{ font-size:26px; font-style:bold }
.tab-lc-hd li.active p{ font-size:20px; font-weight:bold}
.tab-lc-bd li {display:none; padding:40px 20px; font-size:20px; line-height:32px; color:#000 }

.lc { background:#e7e7e7;padding:40px 0; }
.lc .swiper-slide {  color:#000;text-align:center; cursor:pointer;  }
.lc .swiper-slide p{ font-size:18px; line-height:36px;}
.lc .swiper-slide span{  font-size:26px; font-style:bold }
.lc .swiper-slide.selected p { font-size:20px; font-weight:bold }
.lcnr .swiper-slide { padding:40px 20px; font-size:20px; line-height:32px; color:#000; min-height:150px;  }
@media only screen and (min-width: 768px) {
.tab-lc-hd { padding:60px 0 }
.tab-lc-hd li {width:calc((100% - 8px) /10);  margin-right:1px;} 
.tab-lc-hd li span { font-size:32px; line-height:72px; }
.tab-lc-hd li p { font-size:20px; line-height:36px;}
.tab-lc-hd li.active span{ font-size:48px;}
.tab-lc-hd li.active p{ font-size:28px;}
.tab-lc-bd li{ padding:60px 40px;font-size:24px; padding-left:20px;}

.lc{ padding:60px 0 }
.lc .swiper-slide {width:calc((100% - 8px) /10)!important;   }
.lc .swiper-slide span {  font-size:32px; line-height:72px; }
.lc .swiper-slide p {font-size:20px; line-height:36px;}
.lc .swiper-slide.selected  span { font-size:48px;}
.lc .swiper-slide.selected  p {  font-size:28px;}
.lcnr .swiper-slide { padding:60px 40px;font-size:24px; padding-left:20px; }
}
@media only screen and (min-width: 1200px) {
.tab-lc-hd { padding:80px 0; }
.tab-lc-hd li {width:calc((100% - 10px) /12);  margin-right:10px;} 
.tab-lc-hd li span{ font-size:38px;}
.tab-lc-hd li p{ font-size:24px;}
.tab-lc-hd li.active span{ font-size:48px;}
.tab-lc-hd li.active p{ font-size:28px;}
.tab-lc-bd li{ padding:80px 40px ;font-size:28px; }

.lc{ padding:80px 0 }
.lc .swiper-slide {width:calc((100% - 10px) /12)!important;   }
.lc .swiper-slide span { font-size:38px;}
.lc .swiper-slide p { font-size:24px;}
.lc .swiper-slide.selected  span { font-size:48px;}
.lc .swiper-slide.selected  p {  font-size:28px;}
.lcnr .swiper-slide {padding:80px 40px ;font-size:28px;  }
}
/*sys-jishu*/
.tab {padding:0px 0 60px; }
.tab-hd {overflow:hidden;zoom:1;}
.tab-hd {background: url(../images/bg-line-tab-40.jpg) repeat-x }	
.tab-hd li {float:left;width:80px; height:80px; font-size:24px;  color:#000; line-height:80px; margin-right:10px; background:#F6F6F6;text-align:center;cursor:pointer;}
.tab-hd li.active {background:#D8D8D8;}
.tab-bd li {display:none;  }
.tab-bd li dl dd { display:block; float:left; width:calc((100% - 80px) /3); margin-left:20px; }
.tab-bd li dl dd .pic{  padding:20%; margin:50px auto 0; background:#FFF; border-radius:50%; overflow:hidden }
.tab-bd li dl dd .pic img { width:100%;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out; transition:All 0.3s ease-in-out; }
.tab-bd li dl dd p{ margin-top:20px; text-align:center; font-size:14px; }
.tab-bd li dl dd:hover .pic img {-webkit-transform:scale(1.25);-moz-transform:scale(1.25);    -ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.05); }

.sys-jishu {background: url(../images/bg-line-tab-40.jpg) repeat-x }	
.sys-jishu .swiper-slide {width:80px!important; height:80px!important; font-size:24px;  color:#000; line-height:80px; margin-right:10px; background:#F6F6F6;text-align:center;cursor:pointer; }
.sys-jishunr {padding:0px 0 60px;  }
.sys-jishunr dl dd { display:block; float:left; width:calc((100% - 80px) /3); margin-left:20px; }
.sys-jishunr dl dd .pic{  padding:20%; margin:50px auto 0; background:#FFF; border-radius:50%; overflow:hidden }
.sys-jishunr dl dd .pic img { width:100%;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out; transition:All 0.3s ease-in-out; }
.sys-jishunr dl dd p{ margin-top:20px; text-align:center; font-size:14px; }
.sys-jishunr dl dd:hover .pic img {-webkit-transform:scale(1.25);-moz-transform:scale(1.25);    -ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.05); }
@media only screen and (min-width: 768px) {
.tab {padding:0px 0 80px; }
.tab-hd {background: url(../images/bg-line-tab-90.jpg) repeat-x }	
.tab-hd li {float:left;width:150px; height:150px;}
.tab-bd li dl dd {width:calc((100% - 60px) /6); margin-right:10px; margin-left:0 }	 

.sys-jishu {background: url(../images/bg-line-tab-90.jpg) repeat-x }	
.sys-jishu .swiper-slide {width:150px!important; height:150px!important; }
.sys-jishunr {padding:0px 0 80px;  }
.sys-jishunr dl dd {width:calc((100% - 60px) /6); margin-right:10px; margin-left:0 }
}
@media only screen and (min-width: 1200px) {
.tab {padding:0px 0 120px; }
.tab-hd {background: url(../images/bg-line-tab-140.jpg) repeat-x }	
.tab-hd li { width:240px; height:240px; font-size:36px;  color:#000; line-height:240px; margin-right:50px; }
.tab-bd li dl dd {width:calc((100% - 70px) /8); margin-right:10px; margin-left:0}
.tab-bd li dl dd .pic { width:100%; height:100%; max-width:124px; min-height:124px; padding:25px; margin:50px auto 0;  }
.tab-bd li dl dd p { font-size:16px; }

.sys-jishu {background: url(../images/bg-line-tab-140.jpg) repeat-x }	
.sys-jishu .swiper-slide {width:240px!important; height:240px!important; font-size:36px;  color:#000; line-height:240px; margin-right:50px;  }
.sys-jishunr {padding:0px 0 120px;  }
.sys-jishunr dl dd {width:calc((100% - 70px) /8); margin-right:10px; margin-left:0}
.sys-jishunr dl dd .pic { width:100%; height:100%; max-width:124px; min-height:124px; padding:25px; margin:50px auto 0;  }
.sys-jishunr dl dd p { font-size:16px; }
}
/*mob-jishu*/
.mob-jishu { padding:20px 20px 40px; }
.mob-jishu ul li { display:block; float:left; width:calc((100% - 20px) /2); margin-right:20px; margin-top:20px; text-align:center}
.mob-jishu  ul li:nth-of-type(3n) {margin-right:20px }
.mob-jishu  ul li:nth-of-type(2n) {margin-right:0px }
.mob-jishu ul li .pic{ width:100%; height:100%; max-width:80px; min-height:80px; padding:16px; margin:0px auto 0;background:#FFF; border-radius:50%; overflow:hidden }
.mob-jishu ul li .pic img{ width:48px;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out; transition:All 0.3s ease-in-out;}
.mob-jishu ul li h3{ font-size:16px; color:#000; font-weight:700; margin:10px 0 }
.mob-jishu ul li p{ font-size:14px; color:#000; text-align:left; padding:0 0px; line-height:24px; }
.mob-jishu ul li:hover .pic img {-webkit-transform:scale(1.25);-moz-transform:scale(1.25);    -ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25); }
@media only screen and (min-width: 768px) {
.mob-jishu { padding:0 0 80px; }
.mob-jishu ul li {width:calc((100% - 100px) /3); margin-right:50px; margin-top:80px;  }
.mob-jishu  ul li:nth-of-type(2n) {margin-right:10px }
.mob-jishu  ul li:nth-of-type(3n) {margin-right:0 }
.mob-jishu ul li .pic { }
.mob-jishu ul li h3{ font-size:18px;margin:20px 0 }
.mob-jishu ul li p{ font-size:14px; text-align:center; padding:0; line-height:28px;}

}
@media only screen and (min-width: 1200px) {
.mob-jishu { padding:0 0 100px; }
.mob-jishu ul li {margin-top:100px; }
.mob-jishu ul li .pic {  }
.mob-jishu ul li h3{ font-size:20px;margin:30px 0 }
.mob-jishu ul li p{ font-size:16px;}
}
/*leixing-common*/
.leixing { background:#E7E7E7; padding:20px}
.leixing  ul li { display:block; float:left; width:calc((100% - 10px) /2); margin-right:10px; background:#F0F0F0; font-size:14px; color:#3d3d3d; line-height:36px; text-align:center; border-radius:18px; margin-top: 10px; margin-bottom:10px; cursor:pointer;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out; transition:All 0.3s ease-in-out;}
.leixing  ul li:nth-of-type(2n) {margin-right:0 }
.leixing  ul li:hover { background:#d0d0d0; color:#000 }
@media only screen and (min-width: 768px) {
.leixing { padding:40px;}
.leixing  ul li {width:calc((100% - 30px) /4); margin-right:10px; font-size:15px;  line-height:46px;border-radius:23px; }
.leixing  ul li:nth-of-type(2n) {margin-right:10px}
.leixing  ul li:nth-of-type(4n) {margin-right:0}
}
@media only screen and (min-width: 1200px) {
.leixing  ul li {width:calc((100% - 80px) /5); margin-right:20px; font-size:18px;  line-height:56px;border-radius:28px; }
.leixing  ul li:nth-of-type(2n) {margin-right:20px}
.leixing  ul li:nth-of-type(4n) {margin-right:20px}
.leixing  ul li:nth-of-type(5n) {margin-right:0}
}
/*wiki-common*/
.wiki { padding:40px 20px; }
.wiki .wiki-bt { font-size:32px; height:56px; line-height:56px; margin-bottom:50px; }
.wiki .wiki-bt span { display:inline-block; width:120px; height:1px; background:#000; margin-right:10px; }
.wiki ul li { display:block; float:left;width:100%;margin-top:10px}
.wiki ul li a { display: inline; font-size:16px; color:#000; line-height:32px; position:relative }
.wiki ul li a:hover { }
.wiki ul li a::after {
    content: "";
    position: absolute;
    width: 0;
    bottom: -10px;
    height: 1px;
    background: #979797;
    left: 0;
    -webkit-transition: width .6s cubic-bezier(.37,0,.21,1.02);
    transition: width .6s cubic-bezier(.37,0,.21,1.02);}
.wiki ul li a:hover::after { width:100%}
@media only screen and (min-width: 768px) {
.wiki { padding:50px 0; }
.wiki .wiki-bt {font-size:36px;  }
.wiki .wiki-bt span {width:150px; margin-right:20px; }
.wiki ul li { width:calc((100% - 30px) /2);margin-right:30px;}
.wiki ul li:nth-of-type(2n) {margin-right:0 }
.wiki ul li a { font-size:18px; line-height:48px;  }	
}
@media only screen and (min-width: 1200px) {
.wiki ul li a { font-size:22px; }	
}
/*case*/
.case-hui { background:#DDE0E2}
.case-hui2 { background:url(../images/bg-line-case-120.jpg) repeat-x}
.case { padding:40px 10px;}
.case ul li { display:block; float:left;  width:calc((100% - 0px) /2);margin-right:0px; margin-bottom:20px;}
.case ul li .pic {width:100%; height:100%; overflow:hidden }
.case ul li .pic img{ width:100%;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out; transition:All 0.3s ease-in-out; }
.case ul li span { display:inline-block; font-size:12px; color:#000; margin-top:10px; }
.case ul li p { font-size:20px; color:#000; line-height:46px; }
.case ul li:hover .pic img{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);    -ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25); }
.case-b  { background:#f0f0f0; padding:40px 20px;}
.case-b div span { display:inline-block; width:220px; height:1px; background:#000;  }
.case-b  h2 { font-size:18px; color:#404040; line-height:60px; margin:20px 0 }
.case-b  p { font-size:14px; color:#000; line-height:32px; }
@media only screen and (min-width: 768px) {
.case-hui2 { background:url(../images/bg-line-case-240.jpg) repeat-x}
.case-b {padding:50px 40px; }
.case-b  h2 { font-size:24px; margin:30px 0 }
.case-b  p { font-size:16px; }

}
@media only screen and (min-width: 1200px) {
.case-hui2 { background:url(../images/bg-line-case-360.jpg) repeat-x}
.case ul li { width:calc((100% - 0px) /3);margin-right:0px; margin-bottom:80px; }
.case ul li span  {font-size:14px; margin-top:30px;  }
.case ul li p {font-size:32px;line-height:66px;}
.case-b {padding:70px 40px; }
.case-b  h2 { font-size:32px; margin:50px 0 }
.case-b  p { font-size:18px; }
}
/*brand*/
.priorities { padding-bottom:100px; }
.brand {  text-align:center; margin-top:30px; width:50%; float:left}
.brand p { font-size:14px; color:#404040 } 
.brand div.num { font-size:36px;color:#000; }
.brand p.line { width:65px; height:1px; margin:20px auto; background:rgba(84,84,84,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;}

@media(min-width:768px) {
.brand { margin-top:0;width:25%; }
.brand div.num { font-size:46px;  }
}
 @media(min-width:1200px) {
.brand div.num { font-size:46px;  }
.brand p { font-size:16px; }
.brand p.line {width:25px;  }
.brand:hover p.line {width:65px;}
 }
/*wh*/
.wh { background:#e7e7e7; padding:40px 20px }
.wh ul li { display:block; float:left;width:100%;  margin:10px 0  }
.wh ul li .en{ float:left; width:40%; height:82px; border-radius:41px; background:#d8d8d8; font-size:24px; color:#000;  line-height:82px; margin:0 auto; text-align:center;}
.wh ul li .cn{ float:left; line-height:82px; margin-left:10px;}
@media only screen and (min-width: 768px) {
.wh {padding:80px 0 }
.wh ul li {width:calc((100% - 60px) /5); margin:0;margin-left:10px;text-align:center;}
.wh ul li .en{ float:none;width:100%; height:82px; border-radius:41px;font-size:24px; line-height:82px;   }
.wh ul li .cn { float:none; font-size:14px;color:#000; margin:0; margin-top:20px;}
}
@media only screen and (min-width: 1200px) {
.wh ul li {width:calc((100% - 120px) /5);  margin-left:20px;  }
.wh ul li .en{width:70%; height:82px; border-radius:41px;font-size:30px; line-height:82px;   }
.wh ul li .cn { font-size:18px;}
}


.art {  padding:40px 20px;font-size:14px; line-height:32px; text-align:justify }
.sx  { background:#f0f0f0; padding:40px 20px;}
.sx .sx-bt span { display:inline-block; width:160px; height:1px; background:#000; margin-right:20px; }
.sx  .sx-bt { font-size:20px; color:#000; line-height:60px; margin:20px 0 0 ; font-weight:bold}
.sx ul li { display:block; float:none; width:100%; margin-top:20px; }
.sx ul li a { display:block; color:#000 }
.sx ul li span { font-size:14px; }
.sx ul li p { font-size:18px; line-height:48px; }
@media only screen and (min-width: 768px) {
.art { padding:50px 50px 50px 0;font-size:16px; line-height:36px;  }
.sx {padding:50px 40px; }
.sx .sx-bt { font-size:24px; margin:30px 0 }
.sx .sx-bt span { width:220px;}
.sx ul li span { font-size:14px; }
.sx ul li p { font-size:20px;}
}
@media only screen and (min-width: 1200px) {
.art { padding:80px 80px 80px 0; font-size:18px; line-height:42px; }
.sx ul li { float:left; width:50%}
.sx ul li span { font-size:16px; }
.sx ul li p { font-size:24px;}
}
/*list*/
.list { padding:40px 10px;}
.list ul li { display:block;  width:100%margin-right:0px; margin-bottom:20px;}
.list ul li .pic {width:100%; height:100%; overflow:hidden }
.list ul li .pic img{ width:100%;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out; transition:All 0.3s ease-in-out; }
.list ul li span { display:inline-block; font-size:12px; color:#000; margin-top:10px; }
.list ul li p { font-size:20px; color:#000; line-height:46px; }
.list ul li:hover .pic img{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);    -ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25); }
@media only screen and (min-width: 768px) {
.list { padding:0px; padding-bottom:50px;}
.list ul li { float:left;  width:calc((100% - 0px) /2); }
}
@media only screen and (min-width: 1200px) {
.list ul li { width:calc((100% - 0px) /2);margin-right:0px; margin-bottom:50px; }
.list ul li span  {font-size:14px; margin-top:30px;  }
.list ul li p {font-size:32px;line-height:66px;}
}
.pagenavi { margin-top:50px; text-align:center }
.pagenavi span,.pagenavi a{ display:inline-block; font-size:14px; color:#7d7d7d; border:solid 1px #7d7d7d; border-radius:4px; margin:0 10px; padding:3px 8px; }
.pagenavi span.pages { }
.pagenavi span.current,.pagenavi a:hover { background:#7a7a7a; border:solid 1px #7a7a7a; color:#FFF }
.pagenavi span#next-page,.pagenavi span#next-page { padding:0; margin:0; border:none }

/* 侧边悬浮导航 */
.right_nav{ display:none}
@media only screen and (min-width: 768px) {
.right_nav{ display: block}
}
.right_nav{ right: 10px; top:500px; position:fixed; text-align:left;overflow: hidden;z-index:999;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.5); border-radius: 6px;  }
.right_nav li{ cursor:pointer;position:relative; right: 0px; width:68px; height:64px; background:#fff; padding:10px 0 0; text-align:center; border: solid 1px  #F5F5FB; border-bottom:none  }
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between; width:20px; height:20px; margin:0 auto}
.right_nav li:nth-child(1) { background:#ad0023;border:none}
.right_nav li:nth-child(1) .iconBox-tit {font-size: 16px; color: #fff;line-height: 22px;}
.right_nav li .iconBox img{width: 100%;}
.right_nav li p {font-size: 12px;color: #909097; line-height:30px;}
.right_nav li:last-child .iconBox { margin:12px auto }
 
.right_nav li .hideBox{display: none;position: absolute;right:62px; top:-20px;z-index: 999;  padding-right:12px; }
.right_nav li .hideBox .hideBox-tel{background-color: #fff;  padding: 10px 20px;border-radius: 4px;box-sizing: border-box;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);width: 125px;
min-height: 64px; text-align:left;color: #202131; position:relative }
.right_nav li .hideBox .hideBox-tel p {font-size: 12px; color: #202131; line-height:28px; border-bottom: solid 1px  #F5F5FB; }
.right_nav li .hideBox .hideBox-tel::after{content: "";display: block;position: absolute;top: 50%;right: -12px;transform: translate(0,-50%);border-width: 6px;border-color: transparent transparent transparent #fff;border-style: solid;}
 
.right_nav li .hideBox .hideBox-wechat { top:-48px; width:160px;height:160px; }
.right_nav li .hideBox .hideBox-wechat img { width:140px;}
.right_nav li .hideBox .hideBox-wechat::after {top: 60%; }