@charset "utf-8";
/* CSS Document */

/*重置*/

body,html,li,input,gloabl,h2,th,input,nav,td,h1,rembed,blockquote,ol,xml,div,dl,dt,dd,ul,h3,h4,h5,h6,pre,form,fieldset,abbr,p,header,hgroup,Section,figure,section,nav,article,aside,canvas{margin:0;padding:0;}
img{border:0;padding:0;margin:0;}
a{border:none; color:#333333; text-decoration: none;}
ol,ul,li {list-style:none;}
i,em{font-style:normal;}
caption,th {text-align:left;}
q:before,q:after{list:'';}
.clear{ clear:both}
a:visited{color:#333333;}
a:focus {outline: none; }
a:focus {-moz-outline-style: none; }
body{/* font-family:宋体; */
	font-family: ff-tisa-web-pro-1,ff-tisa-web-pro-2,"Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","微软雅黑"; font-size:1.5rem;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;text-decoration:none; line-height:none;}
address,cite,dfn,rem,var { font-style: normal; } 
 /* 使得表单元素在 ie 下能继承字体大小 */
.fl{ float:left;}
.fr{ float:right;}
*:focus { outline: none;}

/* 字体图标 CSS */
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot?#iefix') format('rembedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
input[type=text], input[type=button], input[type=submit], input[type=reset],select{
	-webkit-appearance:none;
	outline:none; border-radius:0; -webkit-border-radius:0;
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/* 字体图标 CSS END */

@media screen and (min-width:320px){html{font-size:62.5%}/*10px */}
@media screen and (min-width:360px){html{font-size:70.3125%}/*12px */}
@media screen and (min-width:375px){html{font-size:73.2424875%}/*12px */}
@media screen and (min-width:400px){html{font-size:78.125%}/*12.5px */}
@media screen and (min-width:414px){html{font-size:80.86%}/*12.5px */}
@media screen and (min-width:480px){html{font-size:93.75%}/*15px*/}
@media screen and (min-width:568px){html{font-size:111%}}
@media screen and (min-width:640px){html{font-size:125%}/*20px */}
@media screen and (min-width:720px){html{font-size:137.5%}/*22px */}
@media screen and (min-width:768px){html{font-size:150%}/*24px */}
@media screen and (min-width:1024px){html{font-size:180%}/*24px */}
@media screen and (orientation:landscape){html{font-size:150%}/*24px */}

body{min-width:320px;max-width: 768px; margin:0 auto;background:url(../images/bodybg.jpg) center;font-family:'微软雅黑';font-size: 1.2rem;}


/*header*/
header{overflow:hidden;padding:1rem 0 0.8rem;font-family: "微软雅黑";text-align: center;background: #fff;}
header .head{display: inline-block;position: relative;padding: 0 0 0 0;}
header a.logo{display:block;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 6rem;}
header a.logo img{display:block; width:100%;margin: 0 auto;}
header .text{text-align: left;line-height: 1;margin-left: 7rem;}
header .text img{display: block;width: 14rem;}
header .text h3{display: block;font-size: 1.6rem;color: #222;font-weight: bold;letter-spacing: 0.3rem;}
header .text p{display: block;font-size: 1.4rem;color: #0078d4;margin-top: 0.5rem;font-family: "幼圆","微软雅黑";white-space: nowrap;}
header .text a{font-size:1.2rem;color: #999;display: block;line-height: 1;margin-top: 0.2rem;}
header .text a span{font-size: 1.6rem;color: #333;font-family: "幼圆","微软雅黑";}


nav{background:#0078d4; line-height:1; text-align:center; font-size:1.5rem; position: relative;padding: 0.8rem 0;}
nav .menuleft{height:inherit;width:0.2rem;height:100%;position:absolute; left:0; top:0; z-index:2;background:#0078d4;}
nav .menuright{width:0.2rem;height:100%;position:absolute; right:0; top:0; z-index:2;background:#0078d422;}
nav .swiper-container{ /*margin:0 2rem;*/}
nav .swiper-wrapper{overflow:hidden;}
nav .swiper-slide{float:left; width:25%; display:block; text-align:center;}
nav .swiper-slide a{display:block;color:#fff; height: 100%;border-right: 1px dashed #fff;}
nav .swiper-slide a span{display:block;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}


/*banner css*/
.banner {position: relative;display:block;overflow: hidden;}
.banner .swiper-wrapper img {width: 100%; display:block;}
.banner .pagination {position:absolute;left: 0;text-align: center;bottom:1vw; width:100%; z-index:999}
.banner .swiper-pagination-switch {display: inline-block; width:1.2rem;height: 0.5rem; cursor: pointer; margin:0 0.5rem;background-color:#999; border-radius: 0.3rem;opacity: 1;}
.banner .swiper-active-switch{width: 1.6rem;background-color:#0078d4;}



.product{padding-top: 3rem;}
.title{text-align: center;margin: 2rem 1rem;line-height: 1;position: relative;height: 1px;background-color: #e2e2e2;}
.title .tit{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);border: 1px solid #e2e2e2;background-color: #fff;white-space: nowrap;padding: 0.5rem 1rem;}
.title h3{font-size: 1.6rem;text-transform: uppercase;color: #333;font-weight: bold;}
.title p{color: #666;font-size: 1.2rem;margin-top: 0.5rem;}
.product .tt{padding: 2rem 1rem 0;}
.product .tt:after{clear: both;display: table;content: '';}
.product .tt li{float: left;width: 32%;margin-right: 2%;background-color: #ebebeb;}
.product .tt li:nth-child(1){background-color: #f45c00;}
.product .tt li:nth-child(3n){margin-right: 0;}
.product .tt li a{display: block;font-size: 1.3rem;line-height: 1.5;padding: 0.5rem 1rem;text-align: center;color: #333;}
.product .tt li:nth-child(1) a{color: #fff;}
.product .swiper-container{margin: 1.5rem 0.5rem 0;}
.product .swiper-slide{width:50%;}
.product .swiper-slide a{display: block;text-align: center;overflow: hidden;background-color: #fff;position: relative;border: 1px solid #ebebeb;margin: 0 0.5rem;padding: 0.5rem;}
.product .swiper-slide a .pic{position: relative;overflow: hidden;height: 0;padding-bottom:68.1%;width: 100%;}
.product .swiper-wrapper a .pic img {width: 100%; display:block;height: 100%;position: absolute;left: 0;top: 0;}
.product .swiper-slide a h3{font-size: 1.2rem;line-height: 1.5;overflow: hidden;color: #0078d4;white-space: nowrap;text-overflow: ellipsis;margin-top: 0.5rem;}
.product .swiper-slide a p{font-size: 1rem;line-height: 1.5;height: 6rem;overflow: hidden;text-align: center;color: #555;}




.advant{padding: 2rem 0 1rem;background:url(../images/advant.jpg) center; margin-top: 3rem;}
.advant .title em{color: #f45c00;font-size: 4rem;font-weight: bold;font-family: "微软雅黑";position: absolute;left: 1rem;top: 0;}
.advant .title .tit{background: url(../images/advant.jpg) center;display: inline-block;text-align: left;padding-left: 4rem;}


.advant ul:after{display: table;content: '';clear: both;}
.advant ul{margin: 3.5rem 0.5rem 0;}
.advant ul li{width: 33.3333%;float: left;box-sizing: border-box;border-right: 1px dashed #f45c00;padding: 0.5rem;animation: enlarge 1.8s linear infinite; -webkit-animation: enlarge 1.8s linear infinite;}
.advant ul li:last-child{border-right: none;margin-right: 0;}
.advant ul li .pic{background: url(../images/ico1.png) center;background-size: 100%;height: 0;width: 100%;padding-bottom: 115.6%;position: relative;}
.advant ul li a{display: block;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 100%;text-align: center;}
.advant ul li img{width: 25%;margin: 0 auto;display: block;}
.advant ul li h3{font-size: 1rem;color: #fff;}
.advant ul li span{display: block;font-size: 1.2rem;text-align: center;line-height: 1.5;color: #f45c00;height: 3.6rem;overflow: hidden;padding: 0 0.5rem;}
.advant ul li p{text-align: center;font-size: 1rem;line-height: 1.5;height: 6rem;overflow: hidden;}
.advant ul li.hover .pic{ background-position: -213px -80px; -webkit-animation: xuanzhuan 4s linear infinite; animation: xuanzhuan 4s linear infinite; }

@-webkit-keyframes xuanzhuan{
	from{ -webkit-transform: rotateZ(0); transform: rotateZ(0);}
	to{ -webkit-transform: rotateZ(360); transform: rotateZ(360deg);}
}
@keyframes xuanzhuan{
	from{ -webkit-transform: rotateZ(0); transform: rotateZ(0);}
	to{ -webkit-transform: rotateZ(360); transform: rotateZ(360deg);}
}

.witness{padding: 3rem 0 0;}
.witness .swiper-container{margin: 4rem 0.5rem 0;}
.witness .swiper-slide{width:50%;}
.witness .swiper-slide a{display: block;text-align: center;overflow: hidden;position: relative;padding: 0.5rem;background-color: #ebedef;margin: 0 0.5rem;}
.witness .swiper-slide a b{font-size: 1.2rem;overflow: hidden;color: #222;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.witness .swiper-slide a em{font-size: 1rem;overflow: hidden;color: #f45c00;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0.2rem;}
.witness .swiper-slide a dt{position: relative;padding:0.8rem 0rem 0.8rem 4.5rem;text-align: left;line-height: 1;}
.witness .swiper-slide a dt img{display: block;position: absolute;width: 4rem;height: 4rem;border-radius: 100%;left: 0;top: 0;}
.witness .swiper-slide a dd{font-size: 1rem;line-height: 1.5;height: 6rem;overflow: hidden;text-align: left;margin-top: 1rem;}





.about{padding: 2rem 0 ;background: url(../images/about.jpg) center;background-size: cover;margin: 3rem 1rem 0;}
.about .text{margin: 0 1rem;text-align: center;}
.about .text h3{color: #fff;font-size: 1.4rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:2rem;}
.about .text .info{font-size: 1.1rem;line-height: 1.5;overflow: hidden;color: #fff;margin: 0.5rem 0;}
.about .text span{display: block;margin: 1rem 8rem;border-left: 1px solid #fff;border-right: 1px solid #fff;font-size: 1.2rem;line-height: 1;color: #fff;}
.about .text .more{font-size: 1.1rem;display:block;margin: 0 10rem;color: #fff;border: 2px solid #fff;}
.about .swiper-container{margin: 1.5rem 0.5rem 0;}
.about .swiper-slide{width:33.3333%;}
.about .swiper-slide a{display: block;margin: 0 0.5rem;text-align: center;overflow: hidden;background-color: #fff;position: relative;padding: 0.5rem;}
.about .swiper-slide a .pic{position: relative;overflow: hidden;height: 0;padding-bottom:134%;width: 100%;}
.about .swiper-wrapper a .pic img {width: 100%; display:block;height: 100%;position: absolute;left: 0;top: 0;}


.news {margin-top: 3rem;}
.news .tt{overflow:hidden;color: #fff; line-height:2;margin: 3rem 0.5rem 0;}
.news .tt a{float:left;width:33.333%;display:block;font-size:1.4rem;text-align:center;box-sizing: border-box;}
.news .tt a span{color:#333 ;display:block;border-bottom:#333 solid 1px;}
.news .tt a span.act{color: #0078d4; border-bottom:#0078d4 solid 1px;}
.news .tab{overflow: hidden;display: none;}
.news .pic{width:40%;height:0;padding-bottom:  24.8%; overflow: hidden;position: absolute;left: 0;top: 0;}
.news .pic img{display: block;width: 100%;position: absolute;left: 0;top: 0;height: 100%;}
.news .contac{margin: 1rem 1rem 0;overflow: hidden;position: relative;}
.news .contac li{line-height: 1;border: 1px solid #333;padding: 0.5rem;margin-top: 1rem;}
.news .contac li a{display: block;position: relative;color: #333;padding-left: 5rem;}
.news .contac li .num{position: absolute;left: 0;top: 50%;transform: translateY(-50%);text-align: center;-webkit-transform: translateY(-50%);}
.news .contac li .num b{font-size:2rem;color: #666;display: block;}
.news .contac li .num span{display: block;color: #666;font-size: 1.2rem;}
.news .contac li .text{}
.news .contac li strong{font-size: 1.2rem;color: #666;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;line-height: 1;margin-top: 0.5rem;}
.news .contac li strong.nnt{line-height: 3.6rem;margin-top: 0;}
.news .contac li p{font-size: 1rem;line-height: 1.6;height:1.6rem;overflow: hidden;margin: 0.5rem 0;color: #999;}
.news #faq{margin-top: 1.5rem;height: 18rem;overflow: hidden;}
.news .faq{ display:block; margin: 0 0.5rem;}
.news .faq dl{color:#fff;overflow:hidden;padding:0.5rem;border-bottom: 1px dashed #999; margin: 0.5rem 0;}
.news .faq dl dt{margin-bottom:0.2rem; font-size:1.2rem;line-height:1.5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#333;}
.news .faq dl a{color:#333;}
.news .faq dl dd{overflow:hidden; line-height:1.5;color:#666;font-size:1.1rem;margin: 0.5rem 0;height: 3.6rem;}
.news .faq dl dd span{display:inline-block; line-height:1.5;margin-right:0.5rem; color:#fff;background-color: #f45c00 ;width: 1.8rem;height: 1.8rem; text-align: center;border-radius: 0.3rem;}
.news .faq dl dt span{ display:inline-block; font-size:1.2rem; line-height:1.5; margin-right:0.5rem;color:#fff;background-color: #0078d4;text-align: center;border-radius: 0.3rem;width: 1.8rem;height: 1.8rem;}



footer{color:#fff; font-size:1rem; line-height:1.6;padding:1rem 1rem;background:#333; position: relative;overflow: hidden;margin-top: 2rem;}
footer .pic{text-align: center;color: #555;width:100%;}
footer .pic p{display:inline-block !important;margin-top:0 !important;}
footer img{width: 5rem !important;height: 5rem !important;display:block;margin: 0.5rem 0;}
footer .pic a{display: none;}
footer .text{text-align: center;padding: 0 0 0 0;font-size: 1rem;line-height: 1.4;}
footer a{color:#fff}
footer span a{color:#fff}



.witness ul {
    display: flex;
    display: -webkit-flex;
    padding: 1rem .8rem 0;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.witness ul li{ width:33.333%; padding:.2rem; box-sizing:border-box}
.witness ul li img{ display:block; width:100%}
.witness ul li a{ display:block; border:1px solid #eee}