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

/*重置*/
body{min-width:320px; margin:0 auto;background-color:#fff;}
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:#5b5b5b; text-decoration: none;}
ol,ul,li {list-style:none;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
.clear{ clear:both}
a:visited{color:#555;}
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","微软雅黑";}
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;}
@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 */}



/*header*/
header{overflow:hidden;position:relative; background:url(../images/topbg.jpg) center; padding:0 1rem 0.5rem;}
header a.logo{position:absolute; left:0.3rem; top:0; display:block; width:5.3rem;padding:0.5rem 0.5rem 0;}
header a.logo img{width:5.3rem; height:4.3rem; display:block; margin:0 auto;} 
header .headerrightbox{padding-left:6rem; margin:0.9rem 0 0.4rem;}
header .headerrightbox h3{font-size:1.4rem;color:#333;font-weight:bold;}
header .headerrightbox h3 i{color:#c23434;font-style:normal;}
header .headerrightbox span{color:#666; font-size:1rem;display:block; text-align:left; font-weight:normal; white-space:nowrap;line-height:2rem;}
header p{color:#1c1c1c;background:url(../images/phone.png) center left no-repeat; background-size:2.4rem;padding-left:3rem;  line-height:2.4rem; float:right}
header p a{color:#c23434;font-size:1.5rem; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
/*nav*/
nav{height:3.5rem; background:url(../images/menubg.jpg) center;position:relative;font-size:1.3rem; line-height:3.5rem;}
nav img{width:1rem; height:1.7rem; padding-top:0.9rem; display:block;padding-left:0.55rem;}
nav .menuleft{height:inherit;width:2.1rem;position:absolute; left:0; top:0;}
nav .menuright{height:inherit;width:2.1rem; z-index:2; position:absolute; right:0; top:0;}
nav .swiper-container{ margin:0 2rem;}
nav .swiper-wrapper{overflow:hidden;}
nav .swiper-slide{float:left; width:25%; display:block;}
nav .swiper-slide a{display:block; background:url(../images/navline.png) right center no-repeat; text-align:center;color:#fff; margin:0 auto;}


/*banner*/
.banner {position: relative;display:block;min-height:140px; max-height:840px;}
.banner .swiper-container{min-height:140px; max-height:840px;}
.banner .swiper-container .swiper-wrapper{overflow:hidden;min-height:140px; max-height:840px;}
.banner .swiper-container .swiper-wrapper .swiper-slide{min-height:140px; max-height:840px;}
.banner .swiper-wrapper img {min-height:140px; max-height:840px; width: 100%; display:block;}
.banner .pagination {position:absolute;left: 0;text-align: center;bottom:0.5rem; width:100%; z-index:2}
.banner .swiper-pagination-switch {display: inline-block; width:2rem;height:0.3rem; cursor: pointer; margin:0 0.5rem;background-color:transparent;border:1px solid #cc211a;}
.banner .swiper-active-switch{border:1px solid #cc211a; background-color:#cc211a;}


.product {padding:2rem 0 0; background:url(../images/topbg.jpg) center;}
.product .main{overflow:hidden; position:relative; min-height:60rem;}
.product .main .left{ position:absolute; left:0.5rem; width:12rem; margin-top:0.3rem; background-color:; z-index:999; background: url(../images/pro-leftbottom.png) left bottom no-repeat; background-size:12rem 3.1rem; padding-bottom:3.1rem;}
.product .main .right{padding-left:13rem; padding-right:0.5rem;}

.product .main .left .lefttitle{padding:1rem 0; position:absolute; left:-0.5rem;}
.product .main .left .lefttitle h3 {font: 1.3rem/3.2rem "微软雅黑";  color:#fff;background:url(../images/icon.png) left center no-repeat; background-size:12rem; padding-left:2rem; width:12rem; margin:0 auto; padding-top:0.3rem;}

.product .main .left .lass{padding:5rem 0 1rem;background-color:#333;}
.product .main .left .lass li{border-bottom: 1px dashed #666; }
.product .main .left .lass li .no{ font:1.2rem/3rem "微软雅黑"; color: #c23434;display: block;text-overflow:ellipsis;white-space:nowrap; text-align:center;}
.product .main .left .lass li .no1{background: url(../images/pic01.png) no-repeat 3rem center; background-size:2rem;}
.product .main .left .lass li .no2{background: url(../images/pic02.png) no-repeat 3rem center; background-size:2rem;}
.product .main .left .lass li .no3{background: url(../images/pic03.png) no-repeat 1.5rem center; background-size:2rem;}
.product .main .left .lass li .no4{background: url(../images/pic04.png) no-repeat 2rem center; background-size:2rem;}
.product .main .left .lass li .no5{background: url(../images/pic05.png) no-repeat 2.5rem center; background-size:2rem;}
.product .main .left .lass li .no6{background: url(../images/pic06.png) no-repeat 2.5rem center; background-size:2rem;}
.product .main .left .lass li .little{display:none;}
.product .main .left .lass li .little .mtt{background-color:#666; text-align:center; line-height:1.9rem; display:block; padding:0; margin:0.5rem 0; font-size:1.1rem;}
.product .main .left .lass li ul li { border:none;}
.product .main .left .lass li ul ul{padding-bottom:0.5rem;}
.product .main .left .lass li ul ul li { border:none; display:inline-block; line-height:1.8rem;}
.product .main .left .lass li ul li a {background: none;color: #fff; font: normal 0.9rem/1.6rem "微软雅黑"; border:none; padding-left:0.5rem;}

.mtitle{overflow:hidden; padding:0 0.5rem; background:url(../images/line.JPG) left center repeat-X;}
.mtitle a{float:left; width:7rem; line-height:2rem; background:url(../images/righttitle.png) left center no-repeat; background-size:7rem; padding-left:0.5rem; margin-right:0.5rem; color:#fff; font-size:1.2rem;}
.mtitle a.act{background:url(../images/righttitle2.png) left center no-repeat; background-size:7rem;}


.product .list{overflow:hidden;}
.product .list li{margin:1rem 0; float:left; width:48%;}
.product .list li img{display:block; margin:0 auto; width:100%; height:100%;}
.product .list li p{width:100%;text-align:center; font-size:1rem; line-height:2rem;color:#111111;text-overflow:ellipsis;white-space:nowrap; overflow:hidden}


.guangg{text-align:center;}
.guangg img{display:block; width:100%; margin-bottom:1rem;}


.advant{ margin:3rem 0 0; position:relative;}
.advant .title{background: url(../images/titlebg.png) center 1.3rem no-repeat; background-size:100%;}
.advant .title img{width:13.4rem; height:2.4rem;display:block;margin:0 auto}
.advant .title p{color: #2c2c2c;font-size:1rem;line-height:2.4rem;text-align:center}


.advant .list{overflow:hidden; margin:1rem 1rem 0;}
.advant .list li{float:left;width:48%; background:url(../images/picbg1.png) center no-repeat; background-size:92%; margin:2% 0; padding:18% 0; margin-top:4rem; position:relative;}
.advant .list li.no2,.advant .list li.no4{float:right;width:48%; background:url(../images/picbg2.png) center no-repeat;background-size:92%;}
.advant .list li .picbg{position:relative;}
.advant .list li img{display:block;width:100%;}
.advant .list li .pic{position:absolute; bottom:0;}
.advant .list li .num{background-color:#c23434;color:#fff; font-size:2rem; text-align:center;line-height:4.5rem; height:4.5rem; width:4.5rem; border-radius:100%; border:0.3rem solid #fff; position:absolute; top:-2rem; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%) ; -moz-transform: translateX(-50%);transform:translateX(-50%);}
.advant .list li.no2 .num,.advant .list li.no4 .num{background-color:#666;}
.advant .list li .text{padding:3% 8% 0; background: url(../images/textbg.png) center;color:#fff; overflow:hidden;height:4.8rem;}


.about{padding:2rem 0 0; background: url(../images/aboutbg.jpg) top center; color:#fff;}
.about .title{color:#fff; background: url(../images/abouttitlebg.png) top left no-repeat; background-size:7.5rem;font-size:1.3rem; line-height:2.2rem; font-weight:bold; padding-left:1rem}
.about .main{margin-top:2rem; overflow:hidden; padding:0 1rem;}
.about .main .pic{width:50%; float:left;margin:0 auto; margin-right:2%;}
.about .main .pic img{display:block; width:100%; padding-top:0.2rem;}
.about .main .text{color:#fff;}
.about .main .text h3{ font-weight:bold;}
.about .main .text .info{ line-height:1.5rem;}
.about .main .more{display:block;color:#c23434; font-size:1.2rem;}

.about .company{position:relative; background-color:#fff; padding:1rem 0; margin:0.5rem 0 0;}
.about .company .swiper-container{ margin:0.5rem 0.5rem 1rem;}
.about .company .swiper-container .swiper-slide{width:33.33%;}
.about .company ul li a img{margin:0 auto; display:block;width:90%; padding-top:0.5rem}

.about .contact{background-color:#ccc; color:#333; padding:2rem 0;}
.about .contact .title{background: url(../images/contactbg.png) top left no-repeat; background-size:7.5rem; line-height:2.2rem; font-weight:bold; padding-left:1rem}
.about .contact .info{padding:2rem 1rem 0; font-size:1.1rem;}
.about .contact .info a{color:#333;}

.partner {padding:3rem 0; background-color:#fff;}
.partner .list { overflow: hidden; margin:2rem 1rem 0;}
.partner .list li {width:48%; float:left;}
.partner .list li img { width:100%;overflow:hidden; display:block;}
.partner .list li .text{padding-top:0.5rem;}
.partner .list li h3 {color:#232323; font-size:1.2rem; font-weight:bold; line-height:2.4rem; display:block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.partner .list li .info {color:#232323; height:7.2rem; overflow:hidden; line-height:1.8rem; display:block;font-size:1rem;}

.partner .content{color:#222;position:relative; margin:0 1rem; height:8.6rem;}
.partner .content .pic{width:12.3rem; height:8.6rem; overflow:hidden; display:block;position:absolute;left:0; top:0.2rem;}
.partner .content .pic img{ width:12.3rem; height:8.6rem;display:block;}

.partner .content .text{padding-left:13rem}
.partner .content .text .info{height:4.8rem;overflow:hidden;line-height:1.6rem;position:relative; color:#999}
.partner .content .text a{display:block;background-color:#fff;text-align:left;line-height:2rem;color:#c23434;}
.partner .honor{padding:2rem 0 0; }
.partner .honor .swiper-container{ margin:1rem 0 0;}
.partner .honor .swiper-container .swiper-slide{width:33.333333%;}
.partner .honor ul li a{display:block;margin:0 0.5rem;}
.partner .honor ul li a img{margin:0 auto; display:block; width:100%;}
.partner .honor ul li a h3 { width:100%; background-color:#f1904c;font:1rem/2.4rem "微软雅黑"; color: #fff; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.case{ margin-top:3rem;}
.case .title{background: url(../images/titlebg.png) center 1.3rem no-repeat; background-size:100%;}
.case .title img{width:9.9rem; height:2.4rem;display:block;margin:0 auto}
.case .title p{color: #2c2c2c;font-size:1rem;line-height:2.4rem;text-align:center}

.case .list{position:relative; overflow:hidden; margin:2rem 1rem 0; padding-bottom:18%;}
.case .list li{width:32%; float:left; margin-left:2%; background:url(../images/casebg.png) center no-repeat; background-size:100%; padding:12% 0; text-align:center;}
.case .list li img{width:60%; display:block; margin:0 auto}
.case .list li.no7{position:absolute; left:16.5%; top:19.5%;}
.case .list li.no8{position:absolute; right:17%; top:19.5%;}
.case .list li.no9{position:absolute; left:15%; top:59%;}
.case .list li.more{position:absolute; right:17%; top:61%; background:url(../images/casemore.png) center no-repeat; background-size:100%; color:#fff;}
.case .list li.more a{color:#fff;}

.online{margin:2rem 0 0; background-color:#ccc;padding:2rem 0;}
.online .title{background: url(../images/contactbg.png) top left no-repeat; background-size:7.5rem; line-height:2.2rem; font-size:1.2rem; font-weight:bold; padding-left:1rem; color:#fff;}

.online form{ padding:1rem 0.5rem;}
.online form table{width:100%;}
.online form table td{padding:0.5rem 0;}
.online .kuang1{width:100%; line-height:2.4rem;color:#000; font-size:1.2rem; text-indent:1rem;border:1px solid #fff; background-color:transparent;}
.online .kuang2{width:100%; line-height:1.6rem; font-size:1.2rem; text-indent:1rem;border:1px solid #fff; height:4.8rem; padding:0; font-family:'微软雅黑';color:#000; background-color:transparent;}

.online .online-btn{ border:none; background-color:#c23434 ; color:#fff; font-size:1.2rem; line-height:2rem; padding:0 2rem; margin:0 1rem;}
.online .online-reset{ background-color:#666;}



.news{padding:1rem 0 0;}
.news .button{overflow: hidden; margin:1rem 1rem 2rem}
.news .button a {width:48%; float:left;line-height:2.4rem; margin-top:1.5rem; display:block; font-size:1.3rem;}
.news .button a:nth-child(2){float:right;}  
.news .button a span{ display:block;color:#fff; margin:0 auto;text-align:center;background-color:#000 ;}
.news .button a span.act{background-color:#b20202;}

.news .content{color:#222;position:relative; margin:0 1rem;}
.news .content .pic{width:12rem; height:6rem; overflow:hidden; display:block;position:absolute;left:0; top:0.4rem; border:2px solid #ccc;}
.news .content .pic img{ width:100%;display:block;}

.news .content .text{padding-left:13rem}
.news .content .text h3{line-height:1.6rem;}
.news .content .text h3 a{color:#404144;display:block;font-size:1.2rem;}
.news .content .text .info{height:3.2rem;overflow:hidden;line-height:1.6rem;position:relative; color:#999}
.news .content .text a.more{display:block;background-color:#fff;text-align:left;line-height:2rem;color:#d80007;}
.news .list{padding:0 1rem; margin-top:1rem;}
.news .list li{ overflow:hidden; margin:0.5rem 0; background:url(../images/icon.png) no-repeat center left; background-size:0.4rem; line-height:2rem; border-bottom:1px dashed #ccc; padding-left:1rem;}
.news .list li a h3{ float:left}
.news .list li a em{font-style:normal; float:right; display:block;}

.news .faq{ display:block; margin:0 1rem;}
.news .faq dl{border-bottom:1px dashed #cbcbcb;color:#fff;overflow:hidden; background:url(../images/odd.png); padding:0 0 0.5rem; margin-bottom:1rem;}
.news .faq dl:last-child{border:none;}
.news .faq dl dt{margin-bottom:0.25rem; font-size:1.2rem;line-height:1.8rem;}
.news .faq dl a{color:#404144;}
.news .faq dl dd{height:3.6rem; overflow:hidden; line-height:1.8rem;color:#555;}
.news .faq dl dd span{ display:inline-block; width:1.4rem; height:1.4rem; line-height:1.4rem; text-align:center;margin-right:0.5rem;}
.news .faq dl dt span{ display:inline-block; width:1.4rem; height:1.4rem; line-height:1.4rem; text-align:center; margin-right:0.5rem;}


footer{background-color:#333;color:#fff; font-size:1rem; line-height:1.6rem; text-align:left; margin-top:2rem;padding:1rem 0.5rem; position:relative; min-height:9rem}
footer .pic{width:7.5rem;padding:1rem 0; background-color:#c23434; position:absolute; left:0; top:0}
footer .pic p{font-size:1rem; text-align:center;margin-top:0.5rem;}
footer .pic img{ display:block; width:6.5rem;height:6.5rem; margin:0.5rem;}
footer .text{color:#6f6f6f; font-size:1rem; line-height:1.6; padding-left:7.5rem; padding-top:0.5rem;}
footer .text a{color:#999}

.online1{position:fixed; right:0; top:30%; z-index:1000;background-image:url(../images/qq.jpg);background-repeat: no-repeat;background-size:2rem 7.2rem;background-position:center; width:2rem; height:7.2rem; border-radius:0.35rem;}