@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;font-family:'微软雅黑';font-size: 1.2rem;background: #fff;}


/*header*/
header{overflow:hidden;padding:1rem 1rem 0.8rem;font-family: "微软雅黑";text-align: center;}
header .head{display:inline-block;position: relative;padding-left: 14rem;}
header a.logo{display:block;width: 13rem;position: absolute;left: 0;top: 0.5rem;}
header a.logo img{display:block; width:100%;}
header .text{text-align: left;}
header .text strong{font-size: 1.2rem;color: #333;}
header .text strong span{color: #ee0013;}
header .text p{font-size: 1.2rem;}


nav{ line-height:2; text-align:center; font-size:1.5rem; position: relative;padding: 0rem 0;background-color: #ee0013;}
nav .menuleft{height:inherit;width:0.2rem;height:100%;position:absolute; left:0; top:0; z-index:2;background-color: #ee0013;}
nav .menuright{width:0.2rem;height:100%;position:absolute; right:0; top:0; z-index:2;background-color: #ee0013;}
nav .swiper-container{ /*margin:0 2rem;*/}
nav .swiper-wrapper{overflow:hidden;}
nav .swiper-slide{float:left; width:33.3333%; display:block; text-align:center;}
nav .swiper-slide a{display:block;color:#fff; height: 100%;border-right: 1px solid #bc0f15;border-left: 1px solid #db2b31;}
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.3rem;background-color:#ee0013; border-radius: 0.5rem;opacity:0.5;}
.banner .swiper-active-switch{background-color:#ee0013;width:1.8rem;opacity:0.8;}


.product{background: #f5f5f5;background-size: cover;padding: 3rem 0 2rem;}
.product .title{text-align: center;font-size: 1.4rem;padding: 0 1rem 0.7rem;line-height: 1.2;border-bottom: 1px solid #aaa;position: relative;}
.product .title b{font-size: 1.6rem;color: #333;background: url(../images/ttbg.png) center no-repeat;background-size: 10rem;display: block;}
.product .title em{display: block;font-size: 1.8rem;color: #999;text-transform: uppercase;font-family: "宋体";font-weight: bold;letter-spacing: 0.1rem;}
.product .title i{display: block;position: absolute;bottom: -2px;height: 3px;background-color:#ee0013 ;width: 10%;left: 45%;}
.product .tt:after{clear: both;display: table;content: '';}
.product .tt{padding:1.2rem 0.7rem 0;}
.product .tt li{float: left;width: 33.333%;box-sizing: border-box;padding: 0.3rem;}
.product .tt li a{display: block;text-align: center;background-color: #999;color: #fff;border-radius: 1.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 2;font-size: 1.3rem;}
.product .tt li:nth-child(2) a{background-color:#ee0013 ;}
.product .list{margin: 1rem 0.7rem 0;}
.product .list:after{clear: both;display: table;content: '';}
.product .list li{float: left;width: 50%;box-sizing: border-box;padding:0.3rem;}
.product .list li a{display: block;position: relative;width: 100%;height: 0;padding-bottom: 93.33%;}
.product .list li a img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.product .list li strong{font-size: 1.2rem;color: #333;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: absolute;left: 0;width: 100%;box-sizing: border-box;padding: 0 0.5rem;bottom: 0.5rem;text-align: center;font-weight: normal;}




.case{margin: 3rem 0 0;}
.case .title{text-align: center;font-size: 1.4rem;padding: 0 1rem 0.7rem;line-height: 1.2;border-bottom: 1px solid #aaa;position: relative;}
.case .title b{font-size: 1.6rem;color: #333;background: url(../images/ttbg.png) center no-repeat;background-size: 10rem;display: block;}
.case .title em{display: block;font-size: 1.8rem;color: #999;text-transform: uppercase;font-family: "宋体";font-weight: bold;letter-spacing: 0.1rem;}
.case .title i{display: block;position: absolute;bottom: -2px;height: 3px;background-color:#ee0013 ;width: 10%;left: 45%;}
.case .swiper-container{margin: 2rem 1rem 0;}
.case .swiper-slide{width:100%;}
.case .swiper-slide a {display: block;background-color: #f5f5f5;position: relative;width: 100%;}
.case .swiper-slide a .pic{display: block;position: relative;overflow: hidden;height: 0;padding-bottom:53.33%;width: 50%;}
.case .swiper-wrapper a img {width: auto; display:block;height: 100%;position: absolute;left: 50%;top: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.case .swiper-wrapper a .text{position: absolute;left: 50%;width: 50%;box-sizing: border-box;padding: 0.5rem;top: 0;}
.case .swiper-wrapper a .text h3{display: block;font-size: 1.2rem;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case .swiper-wrapper a .text span{display: block;color: #ee0013;margin: 0.5rem 0;font-size: 1rem;}
.case .swiper-wrapper a .text p{color: #666;font-size: 1rem;line-height: 1.5;overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:5; }
.case .swiper-wrapper a .text i{display: block;background-color: #ee0013;margin: 1rem 0;font-size: 1.4rem;color: #fff;display: inline-block;padding:0.2rem 2rem;line-height: 1;}




.process{background: url(../images/joinbg.jpg) center;background-size: cover;margin-top: 3rem;padding: 2rem 0;}
.process .title{text-align: center;font-size: 1.4rem;padding: 0 1rem 0.7rem;line-height: 1.2;border-bottom: 1px solid #aaa;position: relative;}
.process .title b{font-size: 1.6rem;color: #fff;background: url(../images/ttbg.png) center no-repeat;background-size: 10rem;display: block;}
.process .title em{display: block;font-size: 1.8rem;color: #fff;text-transform: uppercase;font-family: "宋体";font-weight: bold;letter-spacing: 0.1rem;}
.process .title i{display: block;position: absolute;bottom: -2px;height: 3px;background-color:#ee0013 ;width: 10%;left: 45%;}

.process .tt:after{clear: both;display: table;content: '';}
.process .tt{padding:1.5rem 0.5rem 0;}
.process .tt li{float: left;width: 25%;box-sizing: border-box;padding: 0.5rem;}
.process .tt li a{display: block;text-align: center;}
.process .tt li a i{display: block;background:#fff url(../images/ico1.png) center no-repeat;background-size: 50%;width: 100%;height: 0;padding-bottom: 100%;border-radius: 100%;position: relative;-webkit-transition: all 0.3s; transition: all 0.3s;}
.process .tt li:nth-child(2) a i{background:#fff url(../images/ico2.png) center no-repeat;background-size: 50%;}
.process .tt li:nth-child(3) a i{background:#fff url(../images/ico3.png) center no-repeat;background-size: 50%;}
.process .tt li:nth-child(4) a i{background:#fff url(../images/ico4.png) center no-repeat;background-size: 50%;}
.process .tt li a i em{display: block;position: absolute;right: 0;top: 0; width: 2rem;line-height: 2rem;border-radius: 100%;border: 0.2rem solid #f5f5f5;background-color: #fff;color: #333;font-size: 1.2rem;}
.process .tt li a h3{font-size: 1.2rem;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 0.5rem;}
.process .tt li a.act i{background:#ee0013 url(../images/icon1.png) center no-repeat;background-size: 50%;    -webkit-animation: borderbk 1s infinite;animation: borderbk 1s infinite;}
.process .tt li:nth-child(2) a.act i{background:#ee0013 url(../images/icon2.png) center no-repeat;background-size: 50%;}
.process .tt li:nth-child(3) a.act i{background:#ee0013 url(../images/icon3.png) center no-repeat;background-size: 50%;}
.process .tt li:nth-child(4) a.act i{background:#ee0013 url(../images/icon4.png) center no-repeat;background-size: 50%;}
.process .tt li a.act i em{background-color: #ee0013;border:0.2rem solid #fff;color: #fff;}
.process .tt li a.act h3{font-weight: bold;}

.process .list li{display: none;margin: 1rem 1rem 0;text-align: left;}
.process .list li h3{font-size: 1.4rem;color: #ee0013;}
.process .list li p{font-size: 1.2rem;line-height: 1.5;color: #fff;margin: 0.5rem 0;}


.online{margin-top: 3rem;}
.online .title{text-align: center;font-size: 1.4rem;padding: 0 1rem 0.7rem;line-height: 1.2;border-bottom: 1px solid #aaa;position: relative;}
.online .title b{font-size: 1.6rem;color: #333;background: url(../images/ttbg1.png) center no-repeat;background-size: 18rem;display: block;}
.online .title em{display: block;font-size: 1.8rem;color: #999;text-transform: uppercase;font-family: "宋体";font-weight: bold;letter-spacing: 0.1rem;}
.online .title i{display: block;position: absolute;bottom: -2px;height: 3px;background-color:#ee0013 ;width: 10%;left: 45%;}
.online .tt:after{clear: both;display: table;content: '';}
.online .tt{padding:1.5rem 0.5rem 0;}
.online .tt li{float: left;width: 50%;box-sizing: border-box;padding: 0.5rem;}
.online .tt li a{display: block;position: relative;background-color: #f5f5f5;box-sizing: border-box;padding: 0.5rem 0.5rem 0.5rem 4rem;}
.online .tt li a.act{background-color: #ee0013;}
.online .tt li a em{display: block;position: absolute;left: 0.5rem;font-size: 2rem;line-height: 1.2;top: 0.8rem;border-right: 1px solid #aaa;padding-right: 0.5rem;font-weight: bold;color: #666;}
.online .tt li a h3{font-size: 1rem;line-height: 1.5;white-space: nowrap;}
.online .tt li a.act em{color: #fff;border-right: 1px solid #fff;}
.online .tt li a.act h3{color: #fff;}
.online .jmbg{padding: 1rem 1rem 0;}
.online .jmbg li{background-color: #f5f5f5;position: relative;margin-top: 0.5rem;padding:0.5rem 0.5rem 0.5rem 8.5rem;font-size: 1.2rem;line-height: 1.5;}
.online .jmbg li i{display: block;position: absolute;left: 0.5rem;top: 0.5rem;}
.online .jmbg li i em{color: #ee0013;font-size: 1.4rem;padding-right: 0.3rem;}
.online .jmbg li input[type=text]{width: 100%;display: block;padding:0 0.5rem;font-size: 1.2rem;box-sizing: border-box;border: none;background-color: transparent;border-bottom: 1px solid #ababab;}
.online .jmbg li select{width: 48%;display:inline-block;padding:0 0.5rem;font-size: 1.2rem;box-sizing: border-box;border: none;background-color: transparent;border-bottom: 1px solid #ababab;margin-left: 4%;}
.online .jmbg li textarea{width: 100%;display: block;padding:0 0.5rem;font-size: 1.2rem;box-sizing: border-box;border: none;background-color: transparent;border-bottom: 1px solid #ababab;font-family: "微软雅黑";}
.online .jmbg li label{display: inline-block;padding: 0 1rem 0 0;}
.online .jmbg li label input{display: inline-block;margin-right: 0.5rem;}
.online .jmbg li.last{background-color: transparent;text-align: center;padding-left: 0;}
.online .jmbg li.last input{display: inline-block;width: 30%;background-color: #666;color: #fff;font-size: 1.2rem;margin:0 5%;border: none;line-height: 2;}
.online .jmbg li.last input:first-child{background-color: #ee1c23;}




.about{background-color: #f5f5f5;padding: 0 0 0.5rem;margin: 3rem 1rem;text-align: center;}
.about img{display: block;width: 100%;}
.about dd{margin-top: 0.5rem;}
.about h4{font-size: 1.4rem;font-weight: normal;color: #333;}
.about em{display: block;color: #999;}
.about span{display: block;color: #333;font-size: 1.2rem;}
.about i{display: block;height: 2px;background-color: #666;width: 3rem;margin: 0.5rem 0;}
.abouttext{overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; font-size: 1rem !important;line-height: 1.5;margin-top: 0.5rem;}
.abouttext span{font-size: 1rem !important;line-height: 1.5;}
.about dd a{display: inline-block;margin: 0.5rem 0;border: 1px solid #dddddd;text-transform: uppercase;padding: 0 2rem;line-height: 1.8;font-size: 1rem;color: #999;}



.honor{margin-top: 2rem;}
.honor .swiper-container{margin: 1rem 0.7rem 0;}
.honor .swiper-slide{width:50%;}
.honor .swiper-slide a{display: block;margin: 0 0.3rem;padding: 0.5rem;border: 1px solid #aaa;}
.honor .swiper-slide a .pic{position: relative;overflow: hidden;height: 0;padding-bottom:65%;width: 100%;}
.honor .swiper-wrapper a img {width: 100%; display:block;height: 100%;position: absolute;left: 0;top: 0;}
.honor .swiper-wrapper a h3{font-size: 1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;margin-top: 0.5rem;}



.news {margin-top: 3rem;}
.news .tt{padding: 0 0.8rem 0;}
.news .tt:after{display: table;content: '';clear: both;}
.news .tt li{float: left;width:33.3333%;box-sizing: border-box;padding: 0.2rem;}
.news .tt li a{display: block; border: #aaa 1px solid;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: center;color: #666;font-size: 1.2rem;padding: 0 0.5rem;line-height: 2.5;}
.news .tt li a.act{border: #ee1c23 1px solid;color: #ee1c23;}

.news .tab{overflow: hidden;display: none;}
.news .contac{margin: 1rem 1rem 0;overflow: hidden;position: relative;}
.news .contac li{line-height: 1;border: 1px solid #aaa;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: #333;display: block;}
.news .contac li .num span{display: block;color: #333;font-size: 1.2rem;}
.news .contac li .text{}
.news .contac li strong{font-size: 1.2rem;color: #333;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;margin-top: 0.5rem;}
.news .contac li p{font-size: 1rem;line-height: 1.6;height:1.6rem;overflow: hidden;margin: 0.5rem 0;color: #333;}


.news #ntp{padding: 1.5rem 1rem 0;height: 14rem;overflow: hidden;}
.news #ntp dl{color:#fff;overflow:hidden;padding:0.5rem;border-bottom: 1px dashed #999; margin: 1rem 0 0;border: 1px solid #aaa;}
.news #ntp dl a{display: block;}
.news #ntp dl dt{font-size:1.2rem;line-height:1.5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#333;line-height: 2rem;position: relative;}
.news #ntp dl dd{overflow:hidden; line-height:1.5;color:#666;font-size:1rem;height: 3rem;position: relative;margin-top: 0.5rem;}



footer{color:#666; font-size:1rem; line-height:1.6;padding:1.2rem 1rem;background:#333; position: relative;overflow: hidden;margin-top: 2.5rem;}
footer .pic{text-align: center;position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-size: 1rem;line-height: 1;letter-spacing: 0.2rem;}
footer img{width: 8rem !important;height: 8rem !important;display:block;margin-bottom: 0.5rem;}
footer .pic a{display: none;}
footer .text{text-align: left;padding: 0 0 0 9rem;font-size: 0.9rem;line-height: 1.5;}
footer a{color:#666}
footer span a{color:#666}