﻿
/******首页******/

/*头部*/
.container{padding-left: 0;padding-right: 0;}
@media (min-width: 1200px){
.container{width: 1200px;}
}
header{padding: 20px 0;}
.logo,.top_m,.head_lf{display: inline-block;vertical-align: top;}
.head_qh li{display: inline-block;margin-right: 3px;}
.head_qh li a{color: #333333;}
.head_qh{text-align: right;}
.head_lf{float: right;}
.head_lf form{width: 230px;height: 35px;border: 1px solid #dcdcdc;margin-top: 25px;}
.head_lf form input{height: 33px;width: 85%;border: none;padding-left: 5px;}
.head_lf form button{height: 33px;background: transparent;border: none;}
.top_m{margin-left: 20px;}

/*导航*/
.p_nav{width: 100%;height: 65px;background:url(../images/nav_bg.jpg) no-repeat;background-size: 100% 100%;}
.nav_u li{display: inline-block;width: 11%;height: 65px;line-height: 65px;position: relative;}
.nav_u{text-align: center;}
.nav_u li a{color: white;}
.nav_u li::before{content: "";position: absolute;top: 0;right: 0;height: 65px;width: 2px;background:url(../images/nav_icon.png) no-repeat;background-size: 100% 100%;}
.nav_u li:last-child::before{display: none;}
.nav_u .active{background: white;}
.nav_u .active a{color: #c3041f;}
.nav_u .active::before{display: none;}
.y_nav{display: none;}

.carousel-inner>.item>a>img, .carousel-inner>.item>img{width: 100%;}

/*产品*/
.ind_pro{margin-top: 60px;}
.tit{text-align: center;}
.ind_pro_nav{text-align: center;margin-top: 45px;}
.ind_pro_nav li{display: inline-block;width: 18%;}
.ind_pro_nav li p{color: #333333;font-size: 18px;margin-top: 15px;margin-bottom: 5px;}
.ind_pro_nav li span{color: #666666;font-size: 18px;}
.ind_pro_nav li img{transform-style: preserve-3d;-webkit-transform-style: preserve-3d;transition: all 0.5s linear;}
.more{text-align: center;margin-top: 30px;}
.more a{display: inline-block;width: 125px;height: 35px;border-radius: 25px;text-align: center;line-height: 35px;background: #c3041f;color: white;}
.ind_pro_list li{display: inline-block;width: 32%;margin-right: 19px;margin-bottom: 25px;}
.ind_pro_list li:nth-child(3n){margin-right: 0;}
.ind_pro_list li img{width: 100%;height: 245px;border: 1px solid #CCCCCC;}
.ind_pro_list li p{color: #4c4c4c;font-size: 16px;font-weight: bold;margin-top: 10px;margin-bottom: 3px;}
.ind_pro_list li em{color: #a41e1f;}
.ind_pro_list{margin-top: 40px;}
.ind_pro_nav li:hover img{transform: rotateY(180deg);-webkit-transform:rotateY(180deg);}
.ind_pro_list li:hover img{box-shadow:0px 0px 10px #A1A1A1;-moz-box-shadow:0px 0px 10px #A1A1A1; -webkit-box-shadow:0px 0px 10px #A1A1A1;}

.ind_m,.ind_m img{width: 100%;}
.ind_m{margin-top: 45px;}
.ind_m_tel{margin-top: 0;}

.pro_02{margin: 40px auto;}
.cp_lf{display: inline-block;width: 310px;height: 745px;}
.cp_lf img{width: 100%;height:665px;}
.cp_z{width: 100%;background: #f11627;padding: 15px;}
.cp_z p{font-size:18px;font-weight: bold;color: white;}
.cp_z span{color: white;font-size: 18px;}
.cp_rg{display: inline-block;width: 890px;float: right;}
.cp_rg ul li img{width: 100%;height: 100%;transition: all 1s ease;}
.cp_rg ul li{display: inline-block;width: 273px;height: 360px;border: 1px solid #bfbfbf;margin-left: 20px;}
.cp_rg ul li .cp_fd{width: 100%;height: 278px;overflow: hidden;}
.cp_rg ul li:nth-child(2){width: 570px;}
.cp_rg ul li:nth-child(1),.cp_rg ul li:nth-child(2){margin-bottom: 25px;}
.cp_rg ul li:hover img{transform: scale(1.1);}

/*关于赛道客*/
.ind_ab{width: 100%;background: #f2f2f2;padding: 80px 0;}
.gy_lf{display: inline-block;width: 355px;height: 530px;}
.gy_lf img{width: 100%;height: 100%;}
.gy_rg{display: inline-block;width: 69%;float: right;}
.gy_t h1{color: #4C4C4C;font-size: 32px;font-weight: bold;}
.gy_t span{display: inline-block;width: 45px;height: 2px;background: #7d7d7d;}
.gy_rg p{color: #5c5c5c;font-size: 16px;line-height: 30px;margin-top: 15px;}
.gy_rg p span,.gy_rg p a{color: #f11627;}
.gy_zs{width: 100%;border-top: 1px solid #aaaaaa;margin-top: 45px;}
.zs_t{text-align: center;}
.zs_t span{display:inline-block;color: #333333;font-size: 16px;font-weight: bold;border: 1px solid #aaaaaa;border-radius: 25px;padding: 5px 15px;background: #f2f2f2;position: relative;bottom: 17px;}
.zs_list li{display: inline-block;margin: 0 5px;width: 23.3%;}
.zs_list li img{width: 100%;height: 230px;}

/*新闻资讯*/
.ind_new{margin-top: 100px;}
.ind_new_c{width: 100%;margin-top: 70px;}
.xw_f{display: inline-block;width: 445px;}
.xw_f img{width: 100%;height: 265px;}
.xw_f p{color: #4C4C4C;font-weight: bold;margin: 10px 0;}
.xw_f span{color: #808080;font-size: 12px;}
.xw_f span a{color: #d88787;font-size: 14px;}
.xw_f .mr{color: #d88787;font-size: 14px;}
.indx_new_lf{width: 60%;overflow: hidden;float: right;}
.indx_new_lf .new_u li .lf_data{display: inline-block;width: 68px;height: 68px;background: #7d7d7d;float: left;text-align: center;}
.indx_new_lf .new_u li .lf_data p{color: white;font-size: 32px;font-weight: bold;}
.indx_new_lf .new_u li .lf_data span{color: white;}
.indx_new_lf .new_u li .lf_txt{width: 87%;float: left;padding-left: 20px;}
.indx_new_lf .new_u li .lf_txt p{font-size: 14px;color:#4C4C4C;font-weight: bold;margin-bottom: 5px;}
.indx_new_lf .new_u li .lf_txt span{font-size: 12px;color: #808080;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.indx_new_lf .new_u li:hover .lf_txt p{color: #c21c1c;}
.indx_new_lf .new_u li{padding: 15px;border: 1px solid #bfbfbf;overflow: hidden;margin-bottom: 20px;position: relative;}
.indx_new_lf .new_u{margin-top: 0;}
.lf_txt em{color: #df7272;font-size: 14px;position: absolute;bottom: 10px;right: 15px;}
.xw_nav{text-align: center;margin-top: 35px;}
.xw_nav li{display: inline-block;width: 105px;height: 35px;text-align: center;line-height: 35px;background: #c21c1c;border-radius: 25px;margin-right: 30px;}
.xw_nav li a{color: white;font-size: 16px;}
.xw_nav li:last-child{margin-right: 0;}
.new_u li:hover .lf_data{background: #c21c1c;}

/*加盟*/
.jm{width: 100%;background: url(../images/img_13.jpg) #eee center no-repeat;background-size: auto 100%;padding-top: 30px;padding-bottom: 60px;margin-top: 90px;}
.jm form{display: inline-block;width: 535px;}
.jm form h3{text-align: center;color: #292929;font-weight: bold;font-size: 22px;margin-bottom: 25px;}
.jm form h3 span{color: #c21c1c;}
.jm form .inp span{display: inline-block;width: 14%;height: 50px;line-height: 50px;text-align: right;vertical-align: top;}
.jm form .inp input{width: 445px;height: 50px;border: 1px solid #bfbfbf;padding-left: 10px;}
.jm form .inp{margin-bottom: 17px;}
.jm form .inp textarea{width: 445px;border: 1px solid #bfbfbf;padding: 10px;}
.jm form input[type="submit"]{width: 135px;height: 40px;background: #bd4e4e;color: white;border: 1px solid #bfbfbf;margin-left: 220px;}

/*底部*/
footer{width: 100%;background: #393939;padding-top: 50px;}
.foot_nav{display: inline-block;vertical-align: top;margin-left: 40px;}
.foot_nav li{margin-bottom: 5px;}
.foot_nav li:first-child{color: white;margin-bottom: 0;}
.foot_nav li a{color: #c0c0c0;}
.foot_nav li img{position: relative;top: 7px;}
.foot_nav li:hover a{color: white;}
.foot_lx{display: inline-block;margin-left: 135px;}
.foot_lx li{color: white;margin-bottom: 5px;}
.foot_lx li:first-child{margin-bottom: 20px;}
.foot_w{display: inline-block;float: right;text-align: center;margin-right: 95px;}
.foot_w p{color: white;margin-top: 5px;}
.foot_bq{width: 100%;background: #1a1a1a;padding: 10px;text-align: center;margin-top: 50px;}
.foot_bq p,.foot_bq p a{color: #c0c0c0;}

/******产品中心******/
.banner,.banner img{width: 100%;}
.section{margin-bottom: 70px;}
.sec_lf{display: inline-block;width: 260px;position: relative;bottom: 104px;}
.c_bt{width: 100%;background: #e50012;color: white;padding: 25px 15px;}
.c_bt h3{font-size: 24px;font-weight: bold;}
.c_bt p{font-size: 20px;}
.c_list{width: 100%;border: 1px solid #d2d2d2;}
.c_list li{height: 50px;line-height: 50px;border-bottom: 1px solid #d2d2d2;padding-left: 15px;}
.c_list li:last-child{border-bottom: none;}
.c_list li span{display: inline-block;width: 0;height: 0;border: 5px solid;border-color: transparent transparent transparent #afafaf;margin-right: 5px;}
.c_list li a{color: #666666;}
.c_list .active,.c_list li:hover{background: #f3f3f3;}
.c_list .active span,.c_list li:hover span{border-color: transparent transparent transparent #e50012;}
.c_list .active a,.c_list li:hover a{color:#e50012;font-weight: bold;}
.sec_rg{display: inline-block;width: 77%;float: right;}
.m_nav{padding: 10px 0;border-bottom: 1px solid #d2d2d2;}
.m_nav p img{margin-right: 5px;position: relative;top: 3px;}
.m_nav p,.m_nav p a{color: #666666;}
.m_nav p a:last-child{color: #e50012;}
.pro_u{margin-top: 25px;}
.pro_u li{display: inline-block;width: 32%;border: 1px solid #d2d2d2;text-align: center;margin-right: 14px;padding-bottom: 10px;margin-bottom: 40px;}
.pro_m{width: 100%;height: 220px;overflow: hidden;border-bottom: 1px solid #d2d2d2;}
.pro_m img{width: 100%;max-height: 220px;transition: all 1s ease;}
.pro_u li:nth-child(3n){margin-right: 0;}
.pro_u li p{color: #333333;font-size: 16px;margin-top: 10px;}
.pro_u li:hover .pro_m img{transform: scale(1.1);}
.pro_u li:hover p{color: #e50012;}
.pro_u li:hover{box-shadow:0px 0px 10px #A1A1A1;-moz-box-shadow:0px 0px 10px #A1A1A1; -webkit-box-shadow:0px 0px 10px #A1A1A1;}
.paging{width: 100%;height: auto;text-align: center;margin-top: 15px;}
.paging a{display: inline-block;padding: 5px 10px;border: 1px solid #CCCCCC;margin: 0 3px;}
.paging .current {color: white;}
.paging .current{background: #e50012;border-color: #e50012;}
.paging a{color: #666666;font-size: 12px;}
.subNavBox{display: none;}

.sec_sub{display: block;}
.subNavBox{width:100%;border:solid 1px #CCCCCC;}
.sec_sub .subNav{cursor:pointer;font-size:14px;color:#666;height: 50px;line-height:50px;background:white;border-bottom: 1px solid #d2d2d2;padding-left: 15px;}
.sec_sub .subNav span{display: inline-block;width: 0;height: 0;border: 5px solid;border-color: transparent transparent transparent #afafaf;margin-right: 5px;}
.sec_sub .currentDd{background:#f3f3f3;color: #e50012;font-weight: bold;}
.sec_sub .currentDd span{border-color: transparent transparent transparent #e50012;}
.navContent{padding: 0 10px;display: none;}
.sec_sub .navContent li{border-bottom: 1px solid #EEEEEE;text-align: center;line-height: 33px;}
/*.sec_sub .navContent li:last-child{border-bottom: none;}*/
.sec_sub .navContent .active a{color: #e50012;}
.navContent li a{color:#666666;}
.navContent li a:hover{color:#e50012;}


/******定制流程******/
.custom{width: 100%;text-align: center;}
.custom h1{color: #333333;font-size: 40px;font-weight: bold;position: relative;bottom: 75px;}
.custom img{max-width: 100%;}

/******关于我们******/
.about{width: 100%;margin-top: 25px;}
.about img{max-width: 100%;}
.about p{color: #333333;font-size: 16px;margin-top: 20px;line-height: 34px;}
.about img{ max-width: 100%; height: auto !important;}
.about p span{font-weight: bold;}
.about_wh{margin-top: 45px;}
.about_wh h3{border-bottom: 1px solid #e50012;color: #333333;font-size: 20px;font-weight: bold;padding-bottom: 10px;}
.about_wh h3 span{display: inline-block;width: 3px;height: 20px;background: #e50012;margin-right: 7px;position: relative;top: 2px;}
.about_wh ul li{font-size: 16px;color: #333333;line-height: 34px;}
.about_wh ul li span{font-weight: bold;}
.about_wh ul{margin-top: 35px;}
.about_wh p{margin-top: 0;text-indent: 0;}

/******联系我们******/
.contact{width: 100%;background: #f7f7f7;}
.cont_t{padding: 60px 100px;}
.cont_list{display: inline-block;width: 390px;}
.cont_list li{font-size: 16px;line-height: 34px;}
.cont_list li:first-child{font-weight: bold;}
.cont_logo{display: inline-block;float: right;margin-top: 55px;}
.map{width: 100%;border: 1px solid #d2d2d2;height: 360px;}
.map img{max-width: 100%;}

/******荣誉资质******/
.honor_u{margin-top: 25px;}
.honor_u li{display: inline-block;width: 23%;text-align: center;margin-right:20px;margin-bottom: 25px;}
.honor_u li:nth-child(4n){margin-right: 0;}
.honor_u li img{width: 100%;border: 1px solid #d2d2d2;}
.honor_u li p{font-size: 16px;margin-top: 10px;}

/******新闻资讯******/
.new_u{margin-top: 25px;}
.new_u li{width: 100%;overflow: hidden;border: 1px solid #d2d2d2;padding: 5px;margin-bottom: 25px;background: #F7F7F7;}
.new_img{display: inline-block;width: 245px;height:177px;float: left;}
.new_img img{width: 100%;height: 100%;}
.new_txt{width: 67%;display: inline-block;position: relative;float: left;margin-left: 20px;margin-top: 25px;}
.new_txt .new_wz{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #4C4C4C;}
.new_txt p{color: #7c7c7c;}
.new_txt .new_t{font-size: 16px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 15px;}
.new_n{margin-top: 20px;}
.new_n span{margin-right: 10px;color: #808080;}
.new_n span:last-child{display: inline-block;float: right;color: white;background: #e50012;padding: 5px 15px;}
.new_n span img{margin-right: 7px;}
.new_u li:hover .new_txt .new_t{color: #e50012;}







/*******分辨率小于768px*******/
@media only screen and (max-width: 768px) {
	.y_nav{display: block;}
	.p_nav,header{display: none;}
	.container-fluid>.navbar-header{width: 100%;margin: 0;}
	.navbar{margin-bottom: 0;min-height:65px;}
	.navbar-brand{width: 50%;padding-top: 5px;}
	.navbar-brand>img{width: 100px;}
	.navbar-default .navbar-toggle {border-color: transparent;}
	.navbar-default .navbar-toggle .icon-bar {background-color:#c3041f;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
	.navbar-toggle{top: 10px;}
	.container-fluid>.navbar-collapse{position: relative;top: 15px;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background: #c3041f;color: white;}
	.container-fluid{padding-bottom: 15px;}
	/*.navbar-default{background: black;border-color: black;}*/
	/*.navbar-default .navbar-nav>li>a{color: white;}*/
	.y_nav{display: block;width: 100%;position: fixed;top: 0;left: 0;z-index: 999;box-shadow:2px 2px 5px #A1A1A1;-moz-box-shadow:2px 2px 5px #A1A1A1; -webkit-box-shadow:2px 2px 5px #A1A1A1;}

	.ind_ban{margin-top: 67px;}
	.container{padding-left: 15px;padding-right: 15px;}
	
	.tit img{width: 94%;}
	.ind_pro{margin-top: 25px;}
	.ind_pro_nav li{width: 24%;}
	.ind_pro_nav li img{width:70px;height: 60px;}
	.ind_pro_nav li p{font-size: 14px;margin-bottom: 0;}
	.ind_pro_nav li span{font-size: 12px;}
	.more a{font-size: 12px;height: 30px;line-height: 30px;width: 105px;}
	.more{margin-top: 20px;}
	.ind_pro_nav{margin-top: 25px;}
	.ind_pro_list li{margin-right: 0;width: 32.4%;}
	.ind_pro_list li p{font-size: 13px;}
	.ind_pro_list li img{height: auto;}
	.ind_pro_list li em{font-size: 12px;}
	.ind_m{margin-top: 10px;}
	
	.cp_lf{display: none;}
	.cp_rg{width: 100%;float: none;}
	.cp_rg ul li{margin-left: 0;width:32%;height: auto;}
	.cp_rg ul li:nth-child(2){width: 66%;}
	.cp_rg ul li .cp_fd{height: 125px;}
	.cp_z p,.cp_z span{font-size: 12px;}
	.cp_z{padding: 5px;}
	.cp_rg ul li:nth-child(1), .cp_rg ul li:nth-child(2){margin-bottom: 10px;}
	
	.gy_lf{display: none;}
	.gy_rg{width: 100%;}
	.ind_ab{padding: 20px 0;}
	.gy_t h1{font-size: 18px;}
	.gy_rg p{font-size: 14px;line-height: 23px;}
	.zs_list li{width: 29%;margin-bottom: 15px;}
	.zs_list li img{height: auto;}
	
	.ind_new{margin-top: 25px;}
	.xw_nav li a{font-size: 12px;}
	.xw_nav li{margin-right: 10px;height: 30px;line-height: 30px;width: 90px;}
	.xw_f{width: 100%;}
	.xw_f img{height: auto;}
	.xw_f p{margin: 5px 0;}
	.indx_new_lf{width: 100%;margin-top: 20px;}
	.indx_new_lf .new_u li .lf_data p{font-size: 20px;}
	.indx_new_lf .new_u li .lf_data{width: 55px;height: 55px;}
	.indx_new_lf .new_u li .lf_txt{width: 80%;padding-left: 10px;}
	.indx_new_lf .new_u li .lf_txt p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
    .lf_txt em{display: none;}
    .ind_new_c{margin-top: 40px;}
    
    .jm{margin-top: 25px;background: #f2f2f2;}
    .jm form{width: 100%;}
    .jm form .inp span{width: 25%;height: 40px;line-height: 40px;}
    .jm form .inp input{width: 73%;height: 40px;}
    .jm form .inp textarea{width: 73%;}
    .jm form input[type="submit"]{margin-left: 100px;}
    .jm form h3{font-size: 18px;}
    
    .foot_nav,.foot_lx,.foot_w{display: none;}
    footer{padding-top: 0;}
    .foot_bq{margin-top: 0;}
    .foot_bq p, .foot_bq p a{font-size: 12px;}
    
    /*产品中心*/
   .banner{margin-top: 68px;}
   .sec_lf,.m_nav{display: none;}
   .subNavBox{display: block;margin-top: 25px;}
	.subNavBox{width:100%;border:solid 1px #CCCCCC;}
	.subNav{cursor:pointer;font-weight:bold;font-size:14px;color:#FFFFFF;line-height:40px;text-align: center;background: #666666;}
	.currentDd{background: black;}
	.navContent{padding: 0 10px;display: none;}
	.navContent li{border-bottom: 1px solid #EEEEEE;text-align: center;line-height: 33px;}
	.navContent li a{color:#666666;}
	.navContent li a:hover{color:#f48102;}
	.sec_rg{width: 100%;}
	.pro_u li{margin-right: 0px;width: 49%;margin-bottom: 15px;}
	.pro_m{height:125px;}
	.pro_m img{max-height: 125px;}
	.pro_u li p{font-size: 12px;}
	
	.custom h1{bottom: 0;margin-bottom: 25px;font-size: 20px;}
	.custom{margin-top: 25px;}
	
	/*关于我们*/
	.about p,.about_wh ul li{font-size: 14px;line-height: 25px;}
	.about{min-height: 490px;}
	
	.cont_t{padding: 10px;}
	.cont_logo{display: none;}
	.map img{height: 100%;}
	.cont_list{width: 100%;}
	
	.honor_u li{margin-right: 0;width: 32%;}
	.honor_u li p{font-size: 14px;margin-top: 5px;}
	.honor_u{min-height: 490px;}
	
	.new_img{display: none;}
	.new_txt{width: 100%;margin: 0;padding: 0;}
	.new_n span:last-child,.new_n span{font-size: 12px;}
	.new_txt .new_t{margin-bottom: 10px;}
	.new_u li{margin-bottom: 15px;}
}