@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
*::before, *::after {box-sizing:border-box;}
* { margin:0px;  padding:0px;box-sizing:border-box;}
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;}
a { text-decoration:none;blr:expression(this.onFocus=this.blur())}
a:link { text-decoration:none}
/*common*/
.clear {clear:both;} 
.warp { width:90%; margin:0 auto}
.bai,.hui,.art{ background:#ffffff; padding:20px 0}
.hui { background:#f1f1f1;}

@media screen and (min-width: 768px) {
.bai,.hui,.art {padding:40px 0 }
.warp { width:720px; margin:0 auto}
}
@media screen and (min-width: 996px) {
.bai,.hui,.art {padding:60px 0 }
.warp { width:960px; margin:0 auto}
}
@media screen and (min-width: 1280px) {
.bai,.hui,.art {padding:80px 0 }
.warp { width:1080px; margin:0 auto}
}
.headw { width: 100%;height: 68px;background: #122c56;position: fixed; padding:10px 0 ; z-index:999} 
.head { width: 90%; margin:0 auto;} 
.head .logo {float:left  }
.head .logo img { height:48px;margin-right: 20px;}
.head .slogan { float:left; width:60% }
.head .slogan h1 a { display:block;font-size: 16px; color:#FFF;line-height: 24px;font-weight: bold;}
.head .tel { display:none; float:right ;font-size: 16px; color:#FFF;line-height: 48px;}
.head .tel  img { vertical-align:middle; margin-right:10px;}
@media screen and (min-width: 768px) {
.head { max-width:720px; margin:0 auto}
.head .logo img { height:48px;margin-right: 20px;}
.head .slogan { float:left; width:50% }
.head .slogan h1 a {font-size: 16px; line-height:48px;}
.head .tel { display: block;}
}
@media screen and (min-width: 996px) {
.head { max-width:960px; margin:0 auto}
}
@media screen and (min-width: 1280px) {
.head {max-width:1400px; margin:0 auto}
.head .slogan h1 a {font-size: 20px; line-height:48px;}
}

.banner a {display:block; height:700px; padding:168px 0%; color:#FFF;}
.banner  a  h2{ font-size:28px; line-height:52px;}
.banner  a  h3{font-size:20px; line-height:56px; margin-bottom:30px }
.banner  a  p{font-size:16px; line-height:32px; background:url(../img/bg-icon-01.png) left  10px no-repeat; padding-left:30px}
.banner  a  .more{ width:200px; height:36px; line-height:36px; border:solid 1px #FFF; border-radius:5px; font-size:16px; text-align:center; margin-top:30px}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 996px) {

}
@media screen and (min-width: 1280px) {
.banner  a  h2{ font-size:32px; line-height:64px;}
.banner  a  h3{font-size:28px; line-height:56px; margin-bottom:30px }
.banner  a  p{font-size:18px; line-height:54px; background:url(../img/bg-icon-01.png) left  20px no-repeat;  }
.banner  a  .more{ width:240px; height:48px; line-height:48px;font-size:18px; }
}

.title { color: #303030;text-align:center; }
.title h2{font-size: 22px; }
.title p{ font-size: 15px;margin: 20px 0 0;color: #555;}
.advantage .title,.advantage .title p { color:#FFF }
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 996px) {

}
@media screen and (min-width: 1280px) {
.title h2{font-size: 36px; }
.title p{ font-size: 20px;}
}

.feature ul li{float: left;width: calc((100% - 8px) /3); margin-right:4px; margin-top:60px;text-align: center;padding: 20px 10px 10px;
min-height: 240px;box-sizing: border-box;box-shadow: 10px 10px 10px #efefef;}
.feature ul li:nth-of-type(3n) {margin-right:0}
.feature ul li .pic { }
.feature ul li .pic img{ width:80% }
.feature ul li h3{font-size: 14px;font-weight: bold;color: #333;margin: 30px auto 10px;}
.feature ul li p { font-size: 12px;line-height: 180%;color: #555;}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 996px) {

}
@media screen and (min-width: 1280px) {
.feature ul li {width: calc((100% - 16px) /5); margin-right:4px; margin-top:60px;padding: 50px 20px 20px; min-height: 340px;}
.feature ul li:nth-of-type(3n) {margin-right:4px}
.feature ul li:nth-of-type(5n) {margin-right:0}
.feature ul li h3{font-size: 18px;}
.feature ul li p { font-size: 15px}
}

.zixun .zixun-box{ width:50%; float:left }
.zixun .zixun-box a{ display:block; width:90%; margin:20px auto 0;border: 1px solid #ccc;border-radius: 10px;height: 50px;line-height: 50px;text-align: center;font-size: 12px;color: #3d3d3d;}
.zixun .zixun-box:nth-of-type(2) a{background: #007cff;color: #fff; }
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 996px) {

}
@media screen and (min-width: 1280px) {
.zixun .zixun-box a { width:70%; margin:50px auto 0;height: 60px;line-height: 60px;font-size: 18px;}
}

.brand { }
.brand ul li{width: 25%;float: left;text-align: center; }
.brand ul li h3{font-size: 20px;color: #ffc000;font-weight: bold;margin-bottom: 5px; }
.brand ul li p{font-size: 12px;color: #fff; }
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 996px) {

}
@media screen and (min-width: 1280px) {
.brand ul li h3{font-size: 48px;margin-bottom: 10px; }
.brand ul li p{font-size: 24px;}
}

.function-detail .function-detail-list { width:100%; margin-top:30px;  }
.function-detail .function-detail-list ul li{ }
.function-detail .function-detail-list ul li h3{ font-size:14px;color: #303030; font-weight:bold; height:24px; line-height:24px;}
.function-detail .function-detail-list ul li h3::before {display: inline-flex;content:""; height:24px;border:solid 5px #007cff; margin-right:10px; }
.function-detail .function-detail-list ul li p{font-size: 12px;margin-top: 5px;margin-bottom: 10px; }
.function-detail .function-detail-pic{ width:100%;  margin:30px 1% 0 }
.function-detail .function-detail-pic img { width:100%} 
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 996px) {

}
@media screen and (min-width: 1280px) {
.function-detail .function-detail-list { width:29%; float:left; margin-top:60px; padding-left:0 }
.function-detail .function-detail-pic{ width:40%; float:left;  margin:60px 1% 0 }
.function-detail .function-detail-list ul li h3{ font-size:16px; }
.function-detail .function-detail-list ul li p{font-size: 16px;margin-top: 10px;margin-bottom: 20px; }
}

.enterprise { }
.enterprise .pic{margin:60px 0;  text-align:center }
.enterprise .pic img { width:90%; max-width:714px; }
.enterprise .text {background: #007cff;padding: 30px;color: #fff;text-align: left; }
.enterprise .text .text-l{ width:100% }
.enterprise .text .text-r {width:100%  }
.enterprise .text  h3{font-weight: bold;font-size: 14px;margin: 10px 0; }
.enterprise .text  p{font-size: 12px;margin-bottom: 20px;line-height: 150%; }
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 996px) {

}
@media screen and (min-width: 1280px) {
.enterprise .text .text-l{float: left;width: 45%; }
.enterprise .text .text-r {float: right;width: 45%; }
.enterprise .text  h3{font-size: 18px;}
.enterprise .text  p{font-size: 16px;}
}

.product-detail { }
.product-detail ul li{width:90%; margin:30px auto 0;background: #fff;padding: 30px 20px;border-radius: 5px;min-height: 340px;text-align: center; }
.product-detail ul li .pic img { width:100% }
.product-detail ul li h3{font-size: 14px;font-weight: bold;margin: 20px auto 10px; }
.product-detail ul li p{ line-height: 150%;font-size: 12px;text-align: left;}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 996px) {

}
@media screen and (min-width: 1280px) {
.product-detail ul li{width: calc((100% - 40px) /3); float: left;margin-right:20px;padding: 50px 30px; min-height: 480px;}
.product-detail ul li:nth-of-type(3n) {margin-right:0}
.product-detail ul li h3{font-size: 18px;margin: 40px auto 20px;}
.product-detail ul li p{font-size: 16px;}
}

.case { margin-top:30px; }
.case ul li { float:left;width: calc((100% - 10px) /2); margin-right:10px; margin-top:10px; }
.case ul li:nth-of-type(2n) {margin-right:0}
.case ul li img { width:100% }
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 996px) {

}
@media screen and (min-width: 1280px) {
.case ul { width:100%; margin:0 auto}
.case ul li {width: calc((100% - 90px) /4); margin-right:30px; margin-top:30px;  }
.case ul li:nth-of-type(2n) {margin-right:30px}
.case ul li:nth-of-type(4n) {margin-right:0}
}

.advantage { }
.advantage ul li  {width: 100%;  margin:30px auto;  }
.advantage ul li .pic { float:left ; width:60px; }
.advantage ul li .pic img { width:100%}
.advantage ul li .text { float: right ;color: #fff;width: calc((100% - 76px) /1);  }
.advantage ul li .text  h3{font-size: 15px;font-weight: bold;margin-bottom: 10px; }
.advantage ul li .text p {text-align: left;font-size: 14px;line-height: 150%; }
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 996px) {

}
@media screen and (min-width: 1280px) {
.advantage ul li{ float:left;width: calc((100% - 30px) /2);margin-right:30px; margin-top:60px;}
.advantage ul li:nth-of-type(2n) {margin-right:0}
.advantage ul li .pic { width:96px}
.advantage ul li .text { width: calc((100% - 116px) /1); }
.advantage ul li .text  h3{font-size: 20px;}
.advantage ul li .text  p{font-size: 16px;}
}

/*slide 通用==============================*/
.owl-dots{position:relative;z-index:2;display:inline-block;padding-top:1rem;left:50%;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.owl-dots button.owl-dot{display:inline-block;width:0.5rem;height:0.5rem;border-radius:50%;margin:0 0.3rem;background:rgba(0,0,0,.2);cursor:pointer;transition:all 500ms ease;-webkit-transition:all 500ms ease}
.owl-dots button.owl-dot.active{background:#0C157C}
.owl-nav{position:absolute;z-index:1;top:calc(70% - 3rem);width:100%;color:#fff;text-align:center;cursor:pointer}
.owl-nav button{width:6rem;height:6rem;line-height:6rem;position:absolute;margin:0;transition:all 500ms ease;-webkit-transition:all 500ms ease; text-align:center}
.owl-nav button i{font-size:4rem}
.owl-nav button.owl-prev{left:1rem;text-align:left}
.owl-nav button.owl-next{right:1rem;text-align:right}
.owl-nav button:hover{opacity:0.5}
.owl-nav button.disabled{opacity:0.1}
/*project-list*/
.project-list{position:relative;}
.project-list .item{position:relative;display:block;overflow:hidden;zoom:1; margin-top:30px; }
.project-list .item li { float:left;width: calc((100% - 30px) /3); margin-right:15px; margin-top:30px;  }
.project-list .item li:nth-of-type(2n) {margin-right:0}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 996px) {

}
@media screen and (min-width: 1280px) {
.project-list .item li {width: calc((100% - 90px) /4); margin-right:30px; margin-top:30px; }
.project-list .item li:nth-of-type(2n) {margin-right:30px}
.project-list .item li:nth-of-type(4n) {margin-right:0}

}
.news-list { margin-top: 60px;border-top: 1px #dadada solid;}
.news-list li{ }
.news-list li{ border-bottom: 1px #dadada solid;padding: 20px 0;}
.news-list li a { display:block; color:#3d3d3d }
.news-list li a h2{ font-size:16px; }
.news-list li a span{ float:right;font-size:12px; display:none }
.news-list li a p{ font-size:12px; line-height:24px; }
.news-list li a:hover h2{ color:#0072bc}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 996px) {

}
@media screen and (min-width: 1280px) {
.news-list li a h2{ font-size:18px; }
.news-list li a span { font-size:14px; display:block}
.news-list li a p{ font-size:14px; line-height:28px;}

}
.footer { background:#414146}
.footer .footer-l,.footer .footer-r { width:60%; float:left; line-height: 1.6;font-size: 12px;   color: #9a9a9a;}
.footer .footer-r { width:40%; float:right; text-align:right; }
.footer .footer-r img {margin-top: 20px; width:100%; max-width:230px;}
.footer .copyright { text-align:center;margin-top: 45px;width: 100%;padding: 30px 0;font-size: 12px; color:#999; line-height:22px;border-top: 1px #59595d solid;}
.footer .copyright img { vertical-align:middle}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 996px) {

}
@media screen and (min-width: 1280px) {
.footer .footer-l,.footer .footer-r { line-height: 2.3;font-size: 18px; }
 .footer .copyright  {font-size: 14px; line-height:28px;}
}

.art h1.entry-title{text-align: center;margin: 0;padding: 70px 0 10px 0;font-size: 30px;color: #3d3d3d;font-weight: 400;}
.entry-content {border-top: 1px #dadada solid;padding: 20px 0px;font-size: 14px;color: #3d3d3d;line-height: 28px;}
.time  {text-align: center;display: block;font-size: 12px;color: #818181;padding-bottom: 15px;}
@media screen and (min-width: 768px) {
.entry-content  {font-size: 16px;line-height: 32px; padding: 50px 0px;}
}

.page { margin:20px 0; text-align:center }
.pagenavi span,.pagenavi a{ display:inline-block; font-size:14px; color:#7d7d7d; border:solid 1px #7d7d7d; border-radius:4px; margin:10px; padding:3px 8px; }
.pagenavi span.pages { }
.pagenavi span.current,.pagenavi a:hover { background:#0d61c4; border:solid 1px #0d61c4; color:#FFF }
.pagenavi span#next-page,.pagenavi span#next-page { padding:0; margin:0; border:none }
@media screen and (min-width: 768px) {
.page{ margin:50px 0;}
}