/*通用样式*/
*{padding: 0;margin: 0;}
a{text-decoration: none;color: #000;}
li{list-style: none;}
body{font-size: 14px;font-family: "微软雅黑";background: #fff;position: relative;z-index: 10;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{zoom: 1;}
.main{width: 1200px;margin: 0 auto;}
.fullwidth{width: 100%;}

.on{background: rgb(200, 0, 11);color: #fff;}
.header{width: 100%;position: relative;z-index: 10;}
.menu{display: none;}
.hidnav{display: none; width: 100%;height: 100%;background: rgba(0,0,0,0.9); position: absolute;z-index: 999;}
.hidnav li a{display: inline-block;width: 100%; color: #fff;padding: 0 20px;font-size: 20px;line-height: 200%; border-bottom: 1px solid #fff;}
.hidnavx{text-align: right;color: #fff;font-size: 20px;margin-right: 20px;margin-top: 10px;}
/*隐藏导航栏*/
.top{width: 100%;height: 40px;background: #000;color: #fff;line-height: 40px;}
.top span{float: left;}
.top p{float: right;padding-left: 25px;background: url(../images/tel.png) left center no-repeat;background-size: 20px 20px;}
.nav{width: 100%;height: 80px;background: #fff;}
.nav .logo{width: 40%;float: left;}
.nav .logo img{height: 66px;float: left;margin-top: 8px;}
.nav .logo .compy{float: left;margin-left: 10px;margin-top: 8px;}
.compy h2{font-size: 24px;line-height: 180%;}
.compy p{color: rgb(128, 128, 128);font-size: 12px;font-family: Arial, Helvetica, sans-serif;line-height: 140%;}
.nav .nav-list{float: right;width: 55%;}
.nav .nav-list li{float: left;width: 14.2%;line-height: 80px;text-align: center;}
.nav .nav-list li a{display: block;width: 100%;}
.nav .nav-list li a:hover{background: rgb(200, 0, 11);color: #fff;}
.menu{width: 30px;height: 38px;float: right;margin-right: 5px;margin-top: 18px;}
.menu span{display: inline-block;width: 100%;height: 2px;background-color: rgb(32, 32, 32);margin: 5px 0;}
/*轮播图开始*/
.slider{ width:100%; overflow:hidden; position:relative; z-index: 100;}
.slid02{ display:none;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;float: left;width: 100%;height: 100%;border: 0;}
.callbacks_nav {
		position: absolute;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		top: 50%;
		left: 0;
		z-index: 3;
		text-indent: -9999px;
		text-decoration: none;
		height: 61px;
		width: 36px;
		/*background: transparent url(../images/prv.png) no-repeat left top;*/
		margin-top: -31px;
	}
.callbacks_nav.next {left: auto;background-position: right top;right: 0;}
.callbacks_nav {left: 20px;}
.callbacks_nav.next {right: 20px;}
ul.callbacks_tabs {
		display: block;
		position:absolute;
		bottom:10px; text-align:center;
		left:50%; transform: translateX(-50%); z-index:2;
	}
ul.callbacks_tabs li{ float:left;}
ul.callbacks_tabs li a{ display:inline-block; width:15px; height:15px; font-size:0; background-color: #5a5a5a; margin:0 5px; border-radius:50%;}
ul.callbacks_tabs li.callbacks_here a{ background-color:#fff;}
.qudian ul.callbacks_tabs{display: none;}
/*滚动新闻*/
.rolling{position: relative;margin-top: -50px;z-index: 101; width: 100%;height: 50px;background: url(../images/gundong.png)no-repeat;}
.rolling h3{float: left;margin-right: 10px; padding-left: 25px; font-size: 14px;line-height: 50px;color: #fff;font-weight: 800;background: url(../images/libg.png)no-repeat left center;}
.rolling .rollingnews{
	width: 80%;
	height: 50px;
	float: left;
	overflow: hidden;
}
.rolling .rollingnews ul{
	width: 100%;
	display: inline-block;
	height: 50px;
	-webkit-transform: translate3d(0, 0, 0); /* 3d渲染，开启硬件加速 */
  	transform: translate3d(0, 0, 0);
  	white-space: nowrap; /* 超出不折行 */
}
.rolling .rollingnews li{
	display: inline-block;
	margin: 0 15px;
	-webkit-transform: translate3d(0, 0, 0);
  	transform: translate3d(0, 0, 0);
}
.rolling .rollingnews li a{color: #fff;line-height: 50px;}
.theanimation{
  animation:theanimation 20s infinite linear;
  -webkit-animation:theanimation 20s infinite linear;
}
@keyframes theanimation{
 from {
  transform:translateX(0%);
 } 
 to {
  transform:translateX(-100%);
 } 
}
@-webkit-keyframes theanimation{ 
 from {
  -webkit-transform:translateX(0%);
 } 
 to {
  -webkit-transform:translateX(-100%);
 }
}
/*关于我们*/
.title{display: flex;justify-content: center;align-items: center;margin: 30px 0;}
.title img{float: left;}
.title .titletxt{float: left;margin: 0 40px;text-align: center;}
.title .titletxt h2{font-size: 30px;line-height: 140%;color: rgb(52, 52, 52);}
.title .titletxt p{font-size: 18px;line-height: 140%;color: rgb(200, 0, 11);}
.abtext p{font-size: 14px;color: #5a5a5a;line-height: 200%;}
.abtext p a{color: rgb(200, 0, 11);}
.abli{margin: 60px 0;}
.abli li{float: left;width: 16.6%;text-align: center;}
.abli li p{font-size: 16px;color: rgb(32, 32, 32);font-weight: bold;line-height: 200%;}
/*管理团队*/
.team{background: rgb(32, 32, 32);overflow: hidden;}
.title .titletxt h2.white{color: #fff;}
.teamlist li{width: 46%;float: left;margin: 25px 0;}
.teamlist li img{float: left;width: 100px;}
.teamlist li h3{color: #fff;}
.teamlist li p{color: #fff;}
.teamlist li .txt{width: 70%; margin: 0 20px;float: left;}
.more{display: block; margin: 50px auto; width: 146px;height: 36px;line-height: 36px;font-size: 14px;border: 2px solid rgba(200,0,11,1); color: #fff;font-weight: 800; background-color: rgba(200,0,11,1);text-align: center;}
.more:hover{background: none;color: rgba(200,0,11,1);}
/*业务种类*/
.product{overflow: hidden;padding-bottom: 50px;}
.product .product-list li{width: 31.3%;margin: 1%;float: left;height: auto;position: relative;}
.product .product-list li img{width: 100%;}
.product .product-list li .proname{position: absolute;bottom: 0;left: 0;height: 80px;width: 100%;background-color:rgba(0,0,0,0.6);display: flex;align-items: center;}
.proname .name{float: left;color: #fff;margin-left: 30px;font-size: 16px;width: 55%;}
.promore{position: absolute;right: 0; display: block;text-align: center;color: rgba(200,0,11,1);font-weight: 800; float: right;width: 116px;height: 32px;line-height: 32px;border: 2px solid rgba(200,0,11,1);}
.promore:hover{background: rgba(200,0,11,1);color: #fff;}
/*新闻资讯*/
.news{width: 100%;height: 543px;background: url(../images/newsbg.jpg)no-repeat;overflow: hidden;}
.news .news-list li{overflow: hidden;margin: 30px 0;}
.news .news-list .time{position: absolute;left: -35px;top: 15px; width: 70px;height: 70px;background: rgba(200,0,11,1);text-align: center;color: #fff;}
.news .news-list .time h2{font-size: 24px;line-height: 180%;}
.news .news-list .time p{font-size: 13px;}
.news .news-list .newscon{position: relative; width: 96%;float: right;border: 1px solid #ccc;padding: 20px 0;}
.news .news-list .newscon .txt{float: left;margin-left: 75px;}
.news .news-list .newscon .txt h2{font-size: 16px;color: #202020;line-height: 200%;}
.news .news-list .newscon .txt h2:hover{color: rgba(200,0,11,1);}
.news .news-list .newscon .txt p{font-size: 14px;color: #5a5a5a;line-height: 180%;}
.news .news-list .newscon .promore{margin-top: 12px;}
/*合作伙伴*/
.friends{overflow: hidden;padding-bottom: 50px;}
.fri-list{width: 80%;margin: 0 auto;}
.fri-list li{width: 23%;margin: 2% 1%;float: left;}
.fri-list li img{max-width: 100%;height: 43px;} 
/*底部导航*/
.footnav{position: relative;z-index: 20;margin-bottom: -30px;}
.footnav-list{height: 60px;width: 100%;background: url(../images/ftnavbg.png)no-repeat;}
.footnav-list ul{width: 70%;margin: 0 auto;}
.footnav-list ul li{width: 14.28%;float: left;line-height: 60px;text-align: center;}
.footnav-list ul li a{color: #fff;font-size: 14px;}
.footnav-list ul li a:hover{color: #000;}
/*底部*/
.footer{position: relative;z-index: 10;padding-top: 30px; height: 300px;width: 100%;background: rgb(32,32,32);border-bottom: 2px solid rgb(200, 0, 11);}
.fttitle{margin: 30px 0;font-size: 18px;color: #fff;line-height: 160%;}
.ftab{width: 30%;color: #fff;font-size: 12px;line-height: 210%;float: left;}
.ftab p{margin-bottom: 30px;}
.ftab .search input{width: 60%;height: 28px;padding-left: 10px;float: left;font-size: 12px;}
.ftab .search .btn{border: none;color: #fff; width: 20%;height: 33px;float: left;background: rgba(200,0,11,1);text-align: center;line-height: 33px;}
.ftab .search .btn:hover{background: #000;}
.ftab .search .btn a{color: #fff;}
.ftnews{width: 35%;float: left;margin-left: 5%;}
.ftnews li{padding-left: 20px;background: url(../images/ftnewsli.png)no-repeat left center;margin-bottom: 15px;}
.ftnews li a{font-size: 12px;color: #fff;}
.ftnews li a:hover{color: rgba(200,0,11,1);}
.ftcont{width: 30%;float: left;}
.ftcont p{font-size: 12px;color: #fff;margin-bottom: 15px;line-height: 180%;padding-left: 30px;}
.ftcont p.add{background: url(../images/cont1.png) left center no-repeat;background-size: 20px 20px;}
.ftcont p.phone{background: url(../images/cont2.png) left center no-repeat;background-size: 20px 20px;}
.ftcont p.chuan{background: url(../images/cont3.png) left center no-repeat;background-size: 20px 20px;}
.ftcont p.email{background: url(../images/cont4.png) left center no-repeat;background-size: 20px 20px;}
.ftcont p.web{background: url(../images/cont5.png) left center no-repeat;background-size: 20px 20px;}
.ban{width: 100%;height: 60px;background: rgb(32,32,32);color: #fff;text-align: center;font-size: 14px;line-height: 60px;}
.ban2{display: none; width: 100%;background-color: rgb(32, 32, 32);text-align: center;}
.ban2 a{display: inline-block; width: 100%;height: 36px;text-align: center;line-height: 36px;background: rgba(200,0,11,1); color: #fff;font-size: 16px;font-weight: bold;}
.ban2 .ban2-tel{padding: 10px 0;}
.ban2 p{color: #fff;font-size: 13px;line-height: 180%;}
/*分页样式*/
.page_info{text-align:center;margin:20px 0;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}
/*关于我们内页*/
.about-inlist{width: 60%;margin: 30px auto;}
.about-inlist a{display: inline-block;width: 24%;height: 40px;text-align: center;line-height: 40px;background: rgba(200,0,11,1);color: #fff;}
.abcontent{font-size: 14px;line-height: 200%;color: #5a5a5a;}
/*业务种类内页*/
.product-inlist{width: 90%;margin: 30px auto;}
.product-inlist a{display: inline-block;width: 16.3%;height: 50px;line-height: 50px; text-align: center;background: rgb(200,2,1);color: #fff;}
.product-inlist a:hover{background: rgba(200,0,11,1);color: #fff;}
.productimg li{width: 23%; margin: 1%;float: left;text-align: center;}
.productimg li img{width: 100%;height: auto;}
.productimg li p{font-size: 15px;color: #434343;line-height: 200%;}
.productimg li span{font-size: 12px;color: #acacac;}
.productimg li span i{font-style: normal;color: #c8000b;}
/*新闻动态内页*/
.news-inlist{width: 50%;margin: 30px auto;}
.news-inlist a{display: inline-block;width: 32.8%;height: 40px;text-align: center;line-height: 40px;background: rgb(200,2,1);color: #fff;}
.news-intxt{padding: 15px 0;border-bottom: 1px dashed #ccc;}
.news-intxt h3{font-size: 15px;color: #434343;line-height: 180%;}
.news-intxt h3:hover{color: rgba(200,0,11,1);}
.news-intxt h4{font-size: 12px;color: #929292;line-height: 180%;font-weight: normal;}
.news-intxt p{font-size: 13px;color: #5a5a5a;line-height: 180%;font-weight: normal;}
/*诚聘英才内页*/
.join-inlist{position: relative;}
.join-inlist .pic{position: absolute;left: 0;top: 0; float: left; width: 250px;height: 250px;background: url(../images/join1.png)no-repeat left top;overflow: hidden;}
.join-inlist .pic p{font-size: 18px;color: #fff;line-height: 140%;margin: 40px 0 5px 10px;}
.join-inlist .pic p strong{font-size: 60px;}
.join-inlist .pic span{display: inline-block;width: 100%;height: 2px;background: #fff;margin-top: 3px;}
.words{padding: 130px 0 50px 180px; overflow: hidden;margin-top: 50px;border-bottom: 1px dashed #ccc;}
.gang{float: left;width: 40%;margin-right: 10%;}
.h3{height: 24px;}
.h3 h3{font-size: 14px;color: rgb(67,67,67);border-left: 6px solid rgba(200,0,11,1);margin-left: 15px;padding-left: 8px;}
.ren{float: left;width: 40%;}
.join-inlist2 .pic{background: url(../images/join2.png)no-repeat left center;}
.you{text-align: center;margin: 60px 0;}
.you p{color: rgb(200, 0, 11);font-size: 14px;line-height: 160%;}
/*在线预约内页*/
.message .cont{margin-top: 60px;overflow: hidden;}
.message .left{width: 50%;text-align: center;float: left;padding-top: 8px;}
.message .left h2{font-size: 50px;line-height: 140%;color: rgb(200, 0, 11);font-weight: normal;margin-top: 40px;}
.message .left p{width: 80%; margin: 20px auto; font-size: 16px;color: rgb(67, 67, 67);line-height: 140%;}
.message .right{width: 50%;float: right;}
.message .right p{font-size: 14px;color: #434343;line-height: 160%;margin-top: 8px;}
.message .right #name{width: 98%;height: 24px;padding: 0.5%;font-size: 14px;color: #434343;}
.message .right #tel{width: 98%;height: 24px;padding: 0.5%;font-size: 14px;color: #434343;}
.message .right textarea{width: 99%;height: 150px;}
.message .right button{margin: 20px 0; width: 99%;height: 36px;line-height: 36px;text-align: center;color: #fff;background: rgba(200,0,11,1);border: none;}
.message .right button a{display: inline-block;width: 100%; color: #fff;}
/*联系我们内页*/
.contact-inlist ul li{position: relative;z-index: 9; width: 21.25%;height: 120px;margin-top: 30px;margin-bottom: 50px; margin-right: 4.5%; float: left;text-align: center;border: 2px solid rgba(200,0,11,1);}
.contact-inlist ul li .white{width: 60%;margin: 0 auto; position: relative;margin-top: -52px;z-index: 10;background: #fff;overflow: hidden;}
.contact-inlist ul li.last{margin-right: 0;}
.contact-inlist ul li h4{font-size: 14px;color: rgb(67, 67, 67);line-height: 200%;}
.contact-inlist ul li p{font-size: 14px;color: rgb(67, 67, 67);}
.map{margin: 50px 0;}
.map img{max-width: 100%;}
/*产品详情页*/
.pro-in .img{width: 30%;float: left;margin: 37px 20px;}
.pro-in .img img{width: 100%;}
.pro-intxt{width: 65%;float: right;}
.pro-intxt p{font-size: 14px;color: #454545;}
.pro-intxt p span{font-size: 20px;font-weight: bold;color: #c8000b;}
.pro-intitle{font-size: 20px;color: #454545;border-bottom: 1px solid #e2e2e2;line-height: 33px;font-weight: normal;    margin-bottom: 10px;}
.desc{background: #F5F5F5;border: 1px solid #E5E5E5;color: #868686;margin-bottom: 10px;padding: 5px;font-size: 12px;line-height: 160%;}
#textarea{font-size: 14px;line-height: 140%;color: #5a5a5a;}
#textarea img{ max-width:100%;}
.preNext{margin-top: 30px;margin-bottom: 60px;}
.preNext li{color: #5a5a5a;}
.preNext li a{color: #5a5a5a;}
/*新闻资讯详情页*/
.newsshowtitle{font-size: 16px;color: #c8000b;line-height: 200%;text-align: center;}
.newstime{text-align: center;font-size: 12px;color: #5a5a5a;margin: 10px 0;}
@media screen and (max-width: 1200px) {
	.main{width: 90%;margin: 0 auto;}
	.nav .logo{width: 40%;}
	.nav .nav-list{width: 55%;}
	.product-inlist{width: 100%;}
	.product-inlist a{width: 16.2%;}
	.news-inlist{width: 100%;}
	.contact-inlist ul li{width: 100%;}
	.map{margin: 15px 0;}
}
@media screen and (max-width: 900px) {
	.nav .logo{width: 80%;}
	.nav .nav-list{display: none;}
	.menu{display: block;}
	.rolling .rollingnews{width: 75%;}
	.title img{max-width: 33%;}
	.title .titletxt h2{font-size: 25px;}
	.title .titletxt p{font-size: 16px;}
	.product .product-list li .proname{height: 70px;}
	.ftab p{margin-bottom: 5px;}
	.pro-in .img{margin: 0;}
	.preNext{margin-bottom: 30px;}
}
@media screen and (max-width: 768px) {
	.slider{display: none;}
	.slid02{display: block;}
	.footer{display: none;}
	.ban{display: none;}
	.ban2{display: block;}
	.footnav{display: none;}
	.abli{margin: 20px 0;}
	.team{display: none;}
	.product .product-list li .proname{height: 60px;}
	.promore{display: none;}
	.proname .name{width: 100%;font-size: 15px;}
	.news .news-list .newscon{width: 95%;}
	.ftab{line-height: 170%;}
	.ftnews{margin: 0 1%;}
	.ftcont{width: 33%;}
	.ban{height: 50px;line-height: 50px;}
	.abli li{width: 32.6%;}
	/*产品内页*/
	.product-inlist a{margin: 3px 0; width: 32.3%;height: 40px;line-height: 40px;background: rgb(200,2,1);color: #fff;}
	.productimg li{width: 48%;}
	/*招聘内页*/
	.join-inlist .pic{width: 185px;height: 185px;background-size: cover;}
	.gang{width: 100%;}
	.ren{width: 100%;}
	.words{padding: 130px 0 50px 40px;}
	.join-inlist .pic p strong{font-size: 35px;}
	.join-inlist .pic p{font-size: 14px;}
	/*留言内页*/
	.message .cont{margin-top: 30px;}
	.message .left{width: 100%;}
	.message .left h2{margin-top: 15px;}
	.message .left p{margin: 15px auto;}
	.message .right{width: 100%;}
	.contact-inlist{margin-top: 30px;}
}
@media screen and (max-width: 700px){
	.rolling .rollingnews{width: 60%;}
}
@media screen and (max-width: 650px){
	.friends{display: none;}
	.ftab{width: 100%;}
	.ftnews{width: 100%;}
	.ftcont{width: 100%;}
	.footer{height: auto;}
	.title .titletxt h2{font-size: 20px;}
	.title .titletxt p{font-size: 13px;}
	.title{margin: 20px 0;}
	.product .product-list li{width: 48%;}
	.news .news-list .newscon{width: 94%;}
	.news .news-list .newscon .txt{margin-left: 60px;}
	.news .news-list .newscon{padding: 15px 0;}
	.about-inlist{margin: 10px auto;}
	.abcontent{line-height: 180%;}
	.product-inlist{margin: 15px auto;}
	.you{margin: 25px 0;}
}
@media screen and (max-width: 550px){
	.top{display: none;}
	.title .titletxt{margin: 0 20px;}
	.abtext p{line-height: 170%;}
	.news .news-list .newscon .txt h2{font-size: 14px;}
	.news .news-list .newscon .txt p{font-size: 13px;}
	.about-inlist{width: 100%;}
	.news-inlist a{width: 31.8%;}
	.message .left h2{font-size: 40px;}
	.message .left p{font-size: 14px;}
	.pro-intitle{font-size: 18px;margin: 0;}
  .nav .logo img{height: 50px;}
}
@media screen and (max-width: 500px){
	.main{width: 95%;margin: 0 auto;}
	.compy h2{font-size: 21px;}
	.nav .logo{width: 90%;}
	.news .news-list .time h2{font-size: 20px;}
	.news .news-list .newscon .txt{margin-left: 40px;}
	.news .news-list .newscon{width: 93%;}
  .nav .logo img{height: 42px;}
  .nav{height: 60px;}
  .menu{width: 20px;margin-top: 16px;}
	.menu span{margin: 3px 0;}
}
@media screen and (max-width: 400px){
	.rolling h3{padding-left: 20px;font-size: 12px;}
	.news .news-list .newscon{width: 90%;}
	.news .news-list li{margin: 6px 0;}
	.news .news-list .time{top: 20px;}
	.message .right #name{width: 97%;}
	.message .right #tel{width: 97%;}
  .news{ height:450px;}
}
@media screen and (max-width: 380px){
	.nav{height: 60px;}
	.nav .logo img{height: 42px;}
	.compy h2{font-size: 18px;}
	.menu{width: 20px;margin-top: 16px;}
	.menu span{margin: 3px 0;}
	.rolling .rollingnews{width: 54%;}
	.title .titletxt{margin: 0 10px;}
	.title{margin: 20px 0;}
}