﻿/* CSS Document */

body { margin: 0; padding: 0; line-height: 30px; font-family: 'Microsoft YaHei'; font-size: 14px; background: #fff; }
div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin-left: auto; margin-top: 0; margin-bottom: 0; }

img { display: block; }

/* Link */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { border: 0px; background-color: Transparent; }

a { blr: expression(this.onFocus=this.blur()); outline: none; }

.blank5 { width: 100%; height: 5px; clear: both; }
.blank07 { width: 100%; height: 7px; clear: both; 
	background: #2176bf;
}
.blank10 { width: 100%; height: 10px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }
.blank90 { width: 100%; height: 90px; clear: both; }
.blank100 { width: 100%; height: 100px; clear: both; }
.blank110 { width: 100%; height: 110px; clear: both; }
.blank120 { width: 100%; height: 120px; clear: both; }
.blank130 { width: 100%; height: 130px; clear: both; }
.blank140 { width: 100%; height: 140px; clear: both; }
.blank150 { width: 100%; height: 150px; clear: both; }

/*Clear*/
.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; overflow: hidden; }
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max { position: relative; overflow: hidden; }



 /* 通用头部 */

.m_index { width: 1200px; height: auto; margin: 0 auto; }

.m_head {
	height: 100px;
	background: #fff;
	/* background: url(../images/bg1.jpg) no-repeat; */
	/* background-size:cover  */
	-moz-box-shadow: 2px 2px 5px #888;;/*firefox*/
		-webkit-box-shadow:2px 2px 5px #888;;/*safari或chrome*/
	    box-shadow: 2px 2px 5px #888;
	z-index: 888;
    position: relative;
}

.m_head form {
	font-size: 0px;
}

.m_head .logo {

	height: 100px;
}
.nav ul{
	font-size: 0px;

}
.nav ul li{
	display: inline-block;

}
.nav a{
	font-size: 14px;
	color: #1d1d1d;

}
.nav .pre:hover .nav-box {
	display: block;
}

.nav-box {
	position: absolute;
	padding: 10px 0;
	left: 0px;
	top:100px;
	background: #25211e;
	width: 126px;
	display: none;
	z-index: 2
}
.nav-box a {
	display: block;
	/* width: 100%; */
	padding: 6px;
	line-height: 22px;
	color: #ccc;
	text-align: center;
}
.nav-box a:hover {

	color: #fff;
}

.nav  li{
	line-height: 100px;
   box-sizing: border-box;
   height: 100px;
   padding: 0 35px;
   /* background: red; */
   cursor: pointer;
}

.nav  li:last-child{
	padding-right: 0px;
}

.nav  li:hover>a{
	color: #043785;
}


.banner .ban-bg {
	height: 364px;
	background-size: cover;
	background-position: center center; 
}

.banner .head {
	font-size: 30px;
	color: #fff;
	height: 364px;

}
.banner .head p:nth-child(2){
	text-transform:uppercase;
	margin-top: 15px;
}
.banner .head p:last-child{
	width: 25px;
	height: 4px;
	background: #fff;
	margin-top: 30px;
	 -moz-border-radius: 3.5px; /* Firefox */
  -webkit-border-radius:3.5px; /* Safari 和 Chrome http://www.manongjc.com/article/1214.html */
  border-radius:3.5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.index .banner {
	position: relative;

}
.index .banner2 .m_index {
position: relative;

}

.index .banner2  .head {
	color: #010101;
	font-size: 37px;
	position: absolute;
	left: 50%;
	top: 9%;
			-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%));
    transform:translateX(-50%);
}





.index .banner .swiper-pagination1 {

	left: 50%;
    bottom: 27px;
	    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    z-index: 999;

}


 .b-head ul{
		font-size: 0px;
		background:#eaebeb;




 }

.body-left.fl p img{
	margin:0 auto;	
}
  .b-head {
		/* font-size: 0px; */
		background:#eaebeb;

 }
 .b-head ul li{
		display: inline-block;
		font-size: 14px;
		
		padding: 9px 23px;
		border-right: 1px solid #ccc;
 }
 .b-head ul li:first-child{
padding-left: 0px;
	
}



 .b-head ul li a{
	color: #333333;
 }
 .b-head ul  .b-active a{
	color: #ec0000;
 }

 .b-head ul li:last-child{
	
		border-right: 0;
 }


/* 通用选择器 */
 .select  {
	display:-moz-box; 
	 display:-ms-flexbox; 
	  display:-webkit-flex; 
	   display:flex; 
	  justify-content:center;
		width: 100%;
	   font-size: 0px;

}


  .select  .active{
	background: #2f2a26;
	color: #fff
}
 .select a{
	display: block;
	color: #333;
	width: 34px;
		margin-right:10px; 
		height: 30px;
		
}

 .select a:hover {
	background: #2f2a26;
	color: #fff;
	 font-size: 14px;



}

.s-box {
    margin: 0 auto;
	}

  .select a {
	margin-right: 8px;
	/* border:  1px solid #ccc; */
	width: 62px;
	color: #6d6d6d;
	text-align: center;
	 -moz-border-radius: 2px; /* Firefox */
  -webkit-border-radius:2px; /* Safari 和 Chrome http://www.manongjc.com/article/1214.html */
  border-radius:2px;
  	border: 1px solid #d9d9d9;
  		display: inline-block;
  		font-size: 14px;
	   
}
 .select  .prev ,
  .select  .next {
/* 	width: 90px;
	ackground: #626262;
	color: #fff
 */
}



/* 加盟条件 */




.jm-tiaojian .con-head p:nth-child(1) {
	font-size: 25px;
	color: #3e3e3e;
}

.jm-tiaojian .con-head p:nth-child(2){
	text-transform:uppercase;
	font-size: 10px;
	color: #d8d8d8;
}
.jm-tiaojian .con-head p:last-child{
font-size: 17px ;
color: #3e3e3e;


}
.jm-tiaojian .con-left {
	padding-left: 116px;
}
.jm-tiaojian .con-left p:nth-child(1) {
	font-size: 14px;
	color: #333333;

}
.jm-tiaojian .con-left p:nth-child(2) {
	font-size: 20px;
	color: #333333;

}
.jm-tiaojian .con-left .cont{
	font-size: 14px;
	color: #333333;

}

.jm-tiaojian .con-left .c-list{
	height: 70px;
}

.jm-tiaojian .con-left .c-list .fl:first-child{
	width: 38px
}


.jm-tiaojian .con-left .c-list .fl img{
	margin: 0 auto;
}

.jm-tiaojian  .con-right img {
	
}

.jm-tiaojian  .con-right  {
	width: 54%;
	padding-top: 60px;
}
.jm-tiaojian  .con-right   img{
	margin: 0 auto;
	max-width: 100%;
}


/* 加盟优势 */


.jm-youshi .con-head p:nth-child(1) {
	font-size: 25px;
	color: #3e3e3e;
}

.jm-youshi .con-head p:nth-child(2){
	text-transform:uppercase;
	font-size: 10px;
	color: #d8d8d8;
}
.jm-youshi .con-head p:last-child{
	font-size: 17px ;
	color: #3e3e3e;
}
 .con-head{
 	margin-bottom: 30px;
 }
 .con-head p:nth-child(1) {
	font-size: 25px;
	color: #3e3e3e;
}

 .con-head p:nth-child(2){
	text-transform:uppercase;
	font-size: 10px;
	color: #d8d8d8;
}
.con-head p:last-child{
	font-size: 17px ;
	color: #3e3e3e;
}

.jm-youshi .con-read {
	margin-top: 30px;	
	margin-bottom: 40px;
}

.jm-youshi .con-read .left-one{
	width: 50%;
}
.jm-youshi .con-read .left-one img{
	width: 100%;
}

.jm-youshi .con-read .left-two{
	width: 50%;
}
.jm-youshi .con-read .left-two img{
	max-width: 100%;
	margin:0 auto ;

	    margin-top: 45px;
    margin-left: 43px;
}
.h170{
	height: 170px;
}

  .con-connn {
	margin-top: 30px;	
	margin-bottom: 40px;
	width:1200px; margin:0 auto;
}



 .con-connn  h3{width:609px; height:321px; float:left; padding:10px; overflow:hidden;}


 .con-connn  h3 img{width:579px; height:301px; display:block; margin:0 auto; padding:10px; border:1px solid #ccc; }

 .con-connn  h4{width: 556px; height: auto; float: right; border-top: 1px solid #ccc; font-size: 14px; color: #6c6c6c;  margin-top:10px; line-height: 40px; font-weight:normal;}
  .con-connn  h4 p{
	margin-top:25px;

}

 .con-connn  h4 strong{
    width: 100%;
    height: auto;
    float: left;
    padding: 22px 0 10px 0px;
    margin-left: -13px;
    font-size: 18px;
    color: #6c6c6c;
    line-height: 40px;
    font-weight: normal;


}

.con-connn  h5{width:532px; height: 150px; float: left; padding:0px 40px; margin:20px 0;  border-right: 1px solid #ccc; font-size: 14px; color: #6c6c6c;   line-height:30px; text-align:center; font-weight: normal;}

 .con-connn  h5 img{display:block; margin:0 auto; padding:10px 0;}


 .con-connn  h6{width:502px; height: 150px; float: right; padding:0px 40px; margin:20px 0;  font-size: 14px; color: #6c6c6c;   line-height:30px; text-align:center; font-weight: normal;}

 .con-connn  h6 img{display:block; margin:0 auto; padding:10px 0;
    padding-top: 0px;

}

.h170{
	height: 170px;
}

.jm-youshi .con-read .h170:nth-child(even) .left-two img {
	margin:0 auto ;
	
    margin-right: 43px;
    margin-top: 45px;
}



/*  加盟流程 */
.jm-liucheng .con-head p:nth-child(1) {
	font-size: 25px;
	color: #3e3e3e;
}



.jm-liucheng .con-head p:nth-child(2){
	text-transform:uppercase;
	font-size: 10px;
	color: #d8d8d8;
}
.jm-liucheng .con-head p:last-child{
	font-size: 17px ;
	color: #3e3e3e;


}

.jm-liucheng .con-read img {
	max-width: 100%;
	margin: 0 auto;
}



/*  新闻中心 */
.news-list .con-head p:nth-child(1) {
	font-size: 25px;
	color: #3e3e3e;
}



.news-list .con-head p:nth-child(2){
	text-transform:uppercase;
	font-size: 10px;
	color: #d8d8d8;
}
.news-list .con-head p:last-child{
	font-size: 17px ;
	color: #3e3e3e;

}

.news-list  .n-list  {
	position: relative;
}
.news-list  .n-list .left{
	display: inline-block;
    width: 385px;
    height: 197px;
    border: 0px solid #fff;
    overflow: hidden;
	/* margin-top: 15px; */
　　-o-border-radius:6px;
  -moz-border-radius: 6px; /* Firefox */
  -webkit-border-radius: 6px; /* Safari 和 Chrome */
    border-radius:6px;
    	box-sizing:border-box;
    	/* position: relative; */
	
}
.news-list  .n-list .left img{
	max-width:100%; 
	
}
.news-list  .n-list  .pab{
top: -22px;
    left: 23px;
    max-width: 100%;
	
}
.news-list  .n-list {
	background: url(../images/news-pic.jpg) no-repeat;
	height: 213px;
	width: 1200px;
	background-size: cover;
	margin-top: 40px;
	
}
.news-list  .n-list.one{

	margin-top: 60px;
	
}


.news-list  .n-list .right .r-head{
	font-size: 21px;
	color: #000;
}
.news-list  .n-list .right {
	padding-left: 20px;
	padding-top: 15px;
}
.news-list  .n-list .right  {
	font-size: 16px;
	width: 65%;
}
.news-list  .n-list .right .r-body  {
padding-bottom: 12px;
    border-bottom: 1px solid #dcdadd;
    height: 85px;
	overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-top: 7px;
}
.news-list  .n-list .right a {
color: #bcb9bc;font-size:16px; 
  margin-top: 11px;
}

.news-list  .con-read {
	margin-bottom: 30px;
}





/* 产品详情 */

.product-show .body {
	background: #edecec;
	padding-bottom: 25px;
}

.product-show .body .body-left{
	width: 100%;
	background: #fff;
	padding-left: 3%;
   box-sizing:border-box;
	padding-right: 3%;
	padding-bottom: 30px;
	min-height: 1112px;
}

.product-show .body .body-right{
	width: 30%;
		background: #fff
}
.product-show  .body-left .b-head{
	font-size: 20px;
	color: #333333;
	border-bottom: 1px solid #ccc;
	position: relative;
	line-height: 52px;
		background: #fff
}
.product-show  .body-left .b-head  a{ 

    font-size: 16px;
    color: #666666;
}
.product-show  .body-left .b-head  a:hover {
	color: #e52727;
}



.product-show  .body-left .b-head:after{
	content: '';
	width: 83px;
	height: 2px;
	background: #e52727;
	position: absolute;
bottom: 0px;
	left: 0px;
}
.product-show .body .m_index{
	padding-top: 25px;
}
.product-show .body  .con-top {
	margin-top: 8px;
	font-size: 16px;
	color: #333333
}

.product-show .body .body-left  .con-pic img {
	width: 48%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.product-show .body .body-left  .con-pic {
	width: 100%;
}

.product-show .body  .con-bottom {
	/* margin-top: 8px; */
	font-size: 16px;
	color: #333333
}

.product-show  .body-right .b-head{
	font-size: 20px;
	color: #333333;
	border-bottom: 1px solid #ccc;
	position: relative;
	line-height: 52px;
		background: #fff
}
.product-show  .body-right .b-head:after{
	content: '';
	width: 83px;
	height: 2px;
	background: #e52727;
	position: absolute;
    bottom: 0px;
	left: 0px;
}

.product-show  .body-right  {
	padding: 20px;
	box-sizing:border-box;
	
}

.product-show  .body-right .r-list img {
	margin: 0 auto;
       max-width: 100%;
	
}
.product-show  .body-right .r-list  {
margin-top: 10px;
	
}

.swiper-btn {
	margin: 0 auto;width: 100%;
	height: 50px;
	position: relative;


}
.swiper-btn .swiper-pagination{
left: 50%;
top: 50%;
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);


}


.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    margin: 0 5px;
}

.swiper-pagination-bullet-active {
	width: 24px;
	background: #ec0000;
}

.swiper-pagination-bullet {

    border-radius: 11px;
 
}


/* 市场前景 */
.market .con-read  {
	margin-top:36px;
}



 .con-read  img {
	max-width: 100%;
	  
}


.jm-tiaojian .con-read  img {

  margin: 0 auto;

}


 .con-read .pic1 {
	padding: 12px;
	border: 2px solid #eee;
}

 .con-read .zuan  {
	margin:0 auto;
	margin-top: 50px
}


 .con-read  .content p:last-child{
	font-size: 14px;
	color: #6c6c6c;
	padding: 0 37px;
    white-space: normal;
    width: 533px;
    margin-top: 25px;
	

}
 .con-read  .content .one{
	font-size: 18px;
	margin-top: 15px;
	color: #646464;
}

 .con-read  .content {
	border-right: 2px solid #eee;
	margin-bottom: 50px;
}

 .read-right .head {
		font-size: 18px;
	/* margin-top: 15px; */
	color: #646464;
	border-top: 2px solid #eee;
	padding-top: 30px;
}

t .read-right .r-con {
		font-size: 14px;
	color: #6c6c6c;
	text-indent:2em;
	margin-top: 25px;
	line-height:40px;
}

 .read-right  {
	width: 48%;
	padding-left: 26px;
	box-sizing: border-box;
}

 .read-right  .zuan2{
	margin-top: 50px;
}

 .read-right  .zuan2 img{
	margin:0 auto;
}

.read-right  .zuan2 .con{
	/* margin:0 auto; */
	font-size: 18px;
	/* margin-top: 15px; */
	color: #646464;
	margin-top: 15px;
}
 .read-right  .zuan2  p{
		font-size: 14px;
		color: #6c6c6c;
		margin-top: 15px;
}




/* 公司 */
.con-read {
	/*	margin-bottom: 41px;*/
	    min-height: 419px;
	    padding-bottom: 40px;
}


.company .con-read .head {
	font-size: 26px;
	color: #1f1f1f;
	margin-top: 30px;
	

}


 .con-read .head {

	margin-top: 30px;
	font-size:26px;
    color:#1f1f1f;
	margin-bottom:20px;	

}


 .con-read p img{

	float:left;
 margin-right:13px;
	

}

.con-read table td img {
	padding:12px;
	border: 2px solid #eee;
	
}


.company .con-read .sub {
		font-size: 14px;
		color: #333333;
		text-indent:2em;
		line-height: 43px;
		margin-top: 20px;
}
.company .con-read .s-pic img {
	width: 48%;
	margin-top: 15px;
}
.company .con-read .s-pic img:last-child {
	margin-left: 4%;
}


/* 联系我们 */

.contact-us .cont .b-sub {
	background: url(../images/contact-us-pic.jpg) no-repeat;
	width: 1200px;
	height: 567px;
	background-size:cover;
	margin-top: 30px;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 50px;
}
.contact-us  .b-sub .form .title{
	font-size: 18px;
	color: #656b6e;
	border-bottom: 2px solid #d7d7d7;
	line-height: 43px;

}


.contact-us .tiao .fl img {


}

.contact-us  .b-sub .maps img{
	max-width:100%;
}
.contact-us  .b-sub .maps {
	border: 1px solid #d7d7d7;
}
.contact-us  .b-sub .tiao {
	/* padding: 0 20%; */
	width: 100%;
	border-bottom: 2px solid #d7d7d7;
	padding-bottom: 8px;
}
.contact-us  .b-sub  .mr{
	margin-right:16px;

}

.contact-us  .b-sub .tiao div{
	 width: 50%;
	padding-left:2%;
	box-sizing: border-box;
}

.contact-us  .b-sub .tiao img{
		padding-top:3px;
}
.contact-us  .b-sub .tiao .em{
		padding-left:1.7%;
}



.dingdan .body {
	background: url(../images/dingdan.jpg) no-repeat; 
background-position: center;
	height: 867px;
	background-size: cover;
}
.dingdan  .title {
	font-size: 58px;
	color: #ec0000;
	line-height: 90px;
	padding-top:8%
}
.dingdan  .head {
	font-size: 28px;
	color: #2f2a26;
}
.dingdan .body {
	position: relative;
}
.dingdan .body form {
	width: 722px;
	height: 58px;
	margin-top: 10%;
	position: absolute;
	left: 50%;
	top: 30%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.dingdan form .search input {
	width:536px;
	background: #fff;
	height: 58px;
	border:0px;
	font-size: 16px;
	padding-left: 50px;
	box-sizing: border-box;
	
}
.dingdan form .search {
position: relative;
}
.dingdan form .search .pic1{
position: absolute;
width: 24px;
height: 25px;
left: 13px;
    top: 17px;
}





       .dingdan form input::-webkit-input-placeholder{
            color:#8c8c8c;
            font-size: 16px
        }
      .dingdan form  input::-moz-placeholder{   /* Mozilla Firefox 19+ */
              color:#8c8c8c;
            font-size: 16px
        }
       .dingdan form input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#8c8c8c;
            font-size: 16px
        }
      .dingdan form  input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
              color:#8c8c8c;
            font-size: 16px
        }


.dingdan .submit input {
	width: 168px;
		height: 58px;
	background:#2f2a26;
	text-align: center;
	color: #fff;
	border: 0px;
	cursor: pointer;
}







/* 产品专区 */
.product .b-head-two  {
	font-size: 14px;
	color: #1e1e1e;
	margin-top: 10px;
	margin-bottom: 10px;
}



.product .b-head-two  a{
	font-size: 14px;
	color: #333333;
}


.product .b-head-two .two-active {
	/* font-size: 14px; */
	color: #dc000f;
}

.product .con-read{
	background: #fafafa;
min-height: 499px;
}

.product .con-read .title{
	background: #fff;
	font-size: 25px;
}

.product .con-read .s-tit {
	font-size: 12px;
	color: #d8d8d8;
	text-transform :uppercase;
}
.product .con-read .t-tit {
	color: #3e3e3e;
	font-size: 18px;
}

.product  .con-read .list_11 {

	   
    width: 373px;
    /* height: 351px; */

}


.product .con-read .table-list  {
	width: 373px;
	margin-top: 20px;
	margin-right: 40px;
transition: all .2s linear;
	   


}

.product .con-read .table-list:nth-child(3n)  {

	margin-right: 0px;

}

.product .con-read .table-list:hover  {

-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -ms-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    transform: translate3d(0,-8px,0);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);

}




.product .con-read a:nth-child(3n) .table-list {

	margin-right: 0px;
}

.product .con-read  .list_11 .imgBox{

		  width: 373px;
	  height: 339.1px;
	  overflow: hidden;
}

.product .con-read  .list_11 .imgBox img{

    width: 100%;
	height: 100%;
	   object-fit: cover;
}

.product .con-read a  {
	/* display: block; */
}

.product .con-read .table-list  {
	max-width: 100%;
}

.product .con-read .table-list  img{
	width: 100%;

}

.product .con-read .table-list .bot {
	height: 81px;
	background: #fff;
	position: relative;
	padding: 12px 16px;
	box-sizing:border-box;
}

.product  .table-list .bot .big {
	font-size: 40px;
	position: absolute;
    left: 17px;
    top: -3px;
    color: #333333

}


.product  .select {
	margin-top: 40px;
	margin-bottom: 40px;
}

.product  .select  li{
	background: #fff
}

.product .select .active {
    background: #2f2a26;
    color: #fff;
}




/* 首页 */

.index .banner .swiper-slide {
	width: 1920px;
	height: 623px;
}

.index .banner  .swiper-pagination-bullet-active{
	background: url(../images/banner-yuan.jpg) no-repeat;
	width: 13px;
	height: 13px;

}

.index .banner .swiper-pagination-bullet {
		background: url(../images/banner-yuan2.jpg) no-repeat;
	width: 13px;
	height: 13px;

}
.index .swiper-pagination-fraction, 
.index .swiper-pagination-custom, 
.index .swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 28px;
   
}


.index .banner2 {
	/* width: 1920px; */
	height: 712px;

}

.index .mu-banner .swiper-container {
	height:336px;
}

.index .mu-banner  img {
	margin:0 auto;
	max-height:100%;

	
	
}

.index .banner2 .b-list .one {
	width: 338px;
	height: 338px;
	background: url(../images/banner2.png) no-repeat;
	background-size: cover;
	position: relative;
	top:145px;
	
}
.index .banner2 .b-list a {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 145px;
	height: 145px;
	transform: translate(-50% ,-50%);
-ms-transform: translate(-50% ,-50%);
-moz-transform: translate(-50% ,-50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
	


}

.index .banner2 .b-list a img {
	margin: 0 auto;
}

.index .banner2 .b-list a .txt {
	font-size: 17px;
	color: #fff;
	margin-top: 28px;
}


.index .banner2  #b1 a .txt {
	width: 102px;
    margin: 0 auto;
    margin-top: 28px;


}

.index .banner2  #b4 a .txt {


    width: 130px;
    margin: 0 auto;
    /* background-color: white; */
    margin-top: 28px;

}


.index .banner2  #b3 a .txt {

  /*width: 102px;*/
    /* height: 78px; */
    margin: 0 auto;
    margin-top: 28px;


 }









.index .banner2 .b-list .one:nth-child(2) {
	left:78px
	
}
.index .banner2 .b-list .one:nth-child(3) {
	left:156px
}

.index .banner2 .b-list .two {
	width: 338px;
	height: 338px;
	background: url(../images/banner2.png) no-repeat;
	background-size: cover;
	position: relative;
    top: -11px;
    margin-right:78px;
    left: 208px;
}

/* .index .banner2 .b-list .two.tt {

    left: 208px;
} */
/* .index .banner2 .b-list .tt {
	margin-right: 0px;
}
 */


/* .index .banner2 .b-list a:hover .one {
	width: 338px;
	height: 338px;
	background: url(../images/banner2-2.png) no-repeat;
	background-size: cover;
	position: relative;
	top:145px;
	color: #d91f20;
	
}
 */
/* 
.index #b1 .pic {
	background: url(../images/b2-1.png) no-repeat;
	width: 57px;
	height: 57px;
	margin: 0 auto;
}
 */

/* 
.index #b1 a:hover .pic  {
	background: #d91f20;
	background: url(../images/b2-1-1.png) no-repeat;
	width: 57px;
	height: 57px;
	margin: 0 auto;
} 
.index #b1 a:hover  .txt {
	color: #d91f20
} 


 */

.index  .mu-one .title {
	font-size: 28px;
	color: #000;
	position: relative;
	width: 200px;
	margin:31px auto;
	line-height: 50px;

}

.index  .mu-one .title:before {
    content: "";
    height: 22px;
    width: 4px;
    background: #000;
    left: 0px;
    top: 16px;
	position: absolute;
}
.index  .mu-one .title:after {
    content: "";
    height: 22px;
    width: 4px;
    background: #000;
    right: 0px;
    top: 16px;
	position: absolute;
}
.index  .mu-one a>img {
    max-width: 100%;
}
.index  {
	background: #fafafa;
}
.index .mu-two  .mu-list {
	background: url(../images/mu-pic2.png) no-repeat;
	width: 395px;
	height: 471px;
	margin-right: 4px;
	margin-bottom: 4px;
	    transition: all .2s linear;
}
/* .index .mu-two  .mu-list:nth-child(4n) {
	
	margin-right:0px;

} */

.index .mu-two  .mu-list:hover {
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -ms-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    transform: translate3d(0,-8px,0);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
}

.index .mu-two .over {
	overflow: hidden;
	width: 337px;
	height: 314px;
	margin: 0 auto;
	margin-top: 20px;
}

.index .mu-two .over2 {
	overflow: hidden;
	width: 251px;
	height: 236px;
	margin: 0 auto;
	margin-top: 10px;
}
.index .mu-two  .mu-list:hover img{
/* 		            transform:scale(1.1);
            -ms-transform:scale(1.1);
            -webkit-transform:scale(1.1);
            -o-transform:scale(1.1);
            -moz-transform:scale(1.1);
           transition:all 1s;
			-moz-transition:all 1s; 
			-webkit-transition:all 1s; 
			-o-transition:all 1s;  */
}
.index .mu-two  .mu-list  img{
/* 	            transform:scale(1);
            -ms-transform:scale(1);
            -webkit-transform:scale(1);
            -o-transform:scale(1);
            -moz-transform:scale(1);
           transition:all 1s;
			-moz-transition:all 1s; 
			-webkit-transition:all 1s; 
			-o-transition:all 1s;  */
}


.index .mu-two  .mu-list p{
	font-size: 22px;
	color: #131313;
	margin-top: 30px;
}


.index .mu-two  .mu-list img {
	max-width: 100%;
	/* margin: 10px auto; */
	width:335px;
	height:316px;


}
.index .mu-two  .mu-list h4 {
	font-size: 15px;
	color: #333333;
	font-weight: normal;
}
.index  .mu-three .mu-list {
	width: 283px;
	height: 358px;
}

.index  .mu-three .mu-list img{
	width: 254px;
	height: 240px;
}

.index  .mu-three a:nth-child(5) .mu-list{
	margin-right: 0px;
}

.index  .mu-three .mu-list {
	margin-right: 13px;
}

.index  .mu-three .sub {
	/* width: 591px; */
	width:100%;
	margin-top: 30px;
	margin-bottom: 33px;
}
.index  .mu-three .sub img {
	width: 100%;
}

.index  .mu-three .sub .list {
	width:100%;
	background: #fff;
	height: 189px;
	padding: 26px 23px;
	    box-sizing: border-box;

}

.index  .mu-three .sub .list .tiao {

	border-bottom:1px solid #ccc 

}

.index  .mu-three .sub-left .b-b{
	/* overflow: hidden; */
	overflow: hidden;
}
.index  .mu-three  .b-b:hover img {
	/* display: none; */
	            transform:scale(1.1);
            -ms-transform:scale(1.1);
            -webkit-transform:scale(1.1);
            -o-transform:scale(1.1);
            -moz-transform:scale(1.1);
           transition:all 1s;
			-moz-transition:all 1s; 
			-webkit-transition:all 1s; 
			-o-transition:all 1s; 
} 
.index  .mu-three  img {
	/* display: none; */
	            transform:scale(1);
            -ms-transform:scale(1);
            -webkit-transform:scale(1);
            -o-transform:scale(1);
            -moz-transform:scale(1);
           transition:all 1s;
			-moz-transition:all 1s; 
			-webkit-transition:all 1s; 
			-o-transition:all 1s; 
} 



.index  .mu-three .sub-left ,
.index  .mu-three  .sub-right
{
	width: 49%;	
}


.index  .mu-three .sub .list a {
		font-size: 12px;
		color: #595959;
		 padding-bottom: 2px;
		 line-height: 38px;

		width: 100%;
    display: block;
}
.index  .mu-three .sub .list a:hover {
		 text-decoration: underline;

}
.index  .mu-three .sub .list a:hover span{
		 text-decoration: underline;

}

.index  .mu-three .sub .list a span{
		float: right;
}
.index  .mu-three .sub .more{
	font-size: 12px;
	color: #595959;
}
.index  .mu-three .sub-right .video {
	/* height: 331px; */
	/* background: #fff; */
	/* text-align: center; */
	/* line-height: 331px; */
	display: block;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
.index  .mu-three .sub-right  .play {
	position: absolute;
left: 43%;
    top: 41%;
}
.index  .mu-three .sub-right  .play img {
	/* position: absolute; */
	/* left: 50%; */
	/* top: 50%; */
	width: 84px;
	height: 84px;
	  transform:scale(1);
            -ms-transform:scale(1);
            -webkit-transform:scale(1);
            -o-transform:scale(1);
            -moz-transform:scale(1);
           transition:all 1s;
			-moz-transition:all 1s; 
			-webkit-transition:all 1s; 
			-o-transition:all 1s; 
}

.index  .mu-three .sub-right  .play:hover img {

	 transform:scale(1);
            -ms-transform:scale(1);
            -webkit-transform:scale(1);
            -o-transform:scale(1);
            -moz-transform:scale(1);
           transition:all 1s;
			-moz-transition:all 1s; 
			-webkit-transition:all 1s; 
			-o-transition:all 1s; 
}







.index  .mu-three .sub-right .hot-tell,
.index  .mu-three .sub-right .dingdan {
	width: 49%;
	font-size: 14px;
	background: #fff;
	margin-top: 14px;
} 


.index  .mu-three  .hot-tell img{
		width: 100%;
}

.index  .mu-three  .hot-tell {
		position: relative;
}

.index  .mu-three  .hot-tell .num{
		font-size: 15px;
		position: absolute;
		left: 22px;
	    top: 39px;
		color: #444;
		font-weight: bold;


}
.index  .mu-three .sub-right .dingdan img {
		width: 18px;
		height: 18px;
		margin-top: 6px;
    margin-right: 9px;
}
.index  .mu-three .sub-right .dingdan .cha {
	width: 245px;
	height: 39px;
	border: 1px solid #ccc;
	padding:5px;
	box-sizing: border-box;
	margin-top: 8px;
}
.index  .mu-three .sub-right .dingdan  {
	padding: 20px;
		box-sizing: border-box;
}

.index  .mu-three .sub-right .btn  {
	width: 106px ;
	height: 36px ;
	line-height: 36px ;
	color: #fff;
	background: #000;
	text-align: center;
	cursor: pointer;
	margin: 13px auto;
	margin-bottom:8px;
	border: 0px;
	display: block;

}


/* 侧边栏 */

.sidebar {
	position: fixed;
	background: #25211e;
	width: 49px;
	height: 246px;
	right:0.8%;
	top: 35%;
	z-index: 2
}
.sidebar a {
display: block;
height: 49.4px;
padding-top: 12px;
box-sizing: border-box;
position: relative;
}

.sidebar a:last-child {

padding-top: 6px;

}


.sidebar .mes {
	
	margin: 0 auto;
	/* padding-top: 20px; */
	
}

.sidebar  a:last-child img{
	
	width: 34px;
    height: 35px;
	
}
.sidebar a .box{
	display: none;
/*            transition:all 0.5s;
			-moz-transition:all 0.5s; 
			-webkit-transition:all 0.5s; 
			-o-transition:all 0.5s; */
	position: absolute;
		white-space: nowrap;
	top:0px;
	right: 50px;
	    animation: hideIndex 0.6s;
    -moz-animation: hideIndex  0.6s; 
    -webkit-animation: hideIndex  0.6s;
     -o-animation: hideIndex  0.6s; 

}
.sidebar a:hover {
		 background:#e7aa69; 
}

.sidebar a:hover .box {
	min-height: 49px;
	display: block;
		display: block;
	padding-left: 20px;
	padding-right: 20px;
	background:#e7aa69;
	color: #fff;
	position: absolute;
	top:0px;
	right: 50px;
	overflow: hidden; 
/*         transition:all 0.5s;
		-moz-transition:all 0.5s; 
		-webkit-transition:all 0.5s; 
		-o-transition:all 0.5s;  */
		white-space: nowrap;
		line-height: 49px;
    animation: hideIndex 0.6s;
    -moz-animation: hideIndex  0.6s; 
    -webkit-animation: hideIndex  0.6s;
     -o-animation: hideIndex  0.6s; 

}
	.sidebar .img1 {
		width: 120px;
		height: auto;
		margin: 10px;
	}

.swiper-container11 {
	overflow: hidden;
	height:334px
}


@keyframes hideIndex{
  
    0%{ opacity: 0;  }
    100%(opacity: 1; )
}




.rongyu .lunbo {
	background-image: url(../images/rongyu-pic.png) ;
	/* width:1920px; */
	min-height: 638px;
	background-position: center;
	background-size: cover;
	padding-bottom: 50px;
}


.rongyu  .swiper-slide {
	width: 382px;
	 background-position: center;
      background-size: cover;
      /* background: #fff; */
	
}

.rongyu .swiper-container .swiper-slide.swiper-slide-active {
	visibility: visible;
} 
.rongyu .swiper-container .swiper-slide {
	visibility:hidden;
} 

.rongyu   .lunbo .title {
	font-size: 32px;
	color: #333333;
	padding-top: 40px;
	margin-bottom: 30px;
}  
.rongyu .swiper-container3 {
	width: 1125px;
	margin: 0 auto;
	  overflow: hidden;
	  height: 314px;
	  box-sizing: border-box;
}
.rongyu .swiper-container3 .three-pro-text {
	
	font-size: 18px;
	color: #333;
	/* display: none; */
	position: absolute;
    bottom: -10px;
    left: -194px;
    width: 772px;
}

.rongyu .swiper-container3 .three-pro-text .tou{
	
	margin-bottom: 52px;
}
.rongyu .swiper-container3  .swiper-slide {
	position: relative;
}
.rongyu .swiper-container3 .swiper-slide-active .three-pro-text{
	display: block;
}

 .rongyu .select-bt {
position: relative;

}


 .rongyu  .swiper-button-prev
 {
	background: url(../images/left.png) no-repeat;
	width: 19px;
	height: 35px;
    top: 43%;
    margin-top: -175px;
    left: 13px
}

 .rongyu  .swiper-button-next
 {
	background: url(../images/right.png) no-repeat;
	width: 19px;
	height: 35px;
    top: 43%;
    margin-top: -175px;
    right: 10px;
}

.rongyu .swiper-container {
	width: 800px;
	margin: 0 auto;
}

.rongyu .swiper-container .tou {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 30px;
}





/*foot*/
footer {
	height: 102px;
	background: #4c4c4c;
	/* padding-top: 55px; */
	box-sizing:border-box;
	/* position: fixed; */
	/* bottom: 0; */
	width: 100%;
	/* z-index: 2 */
}

footer .m_index {
	height: 102px;
}
footer .one {
	font-size: 24px;
	color: #fff;
	line-height: 54px;
	height: 100%
}

footer .f-name {
	margin-left: 30px;

}
footer .f-name input {
	height: 52px;
	line-height: 52px;
	background:#fff;
	font-size: 16px;
	color: #454545;
	padding-left: 10px;
	-o-border-radius:5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari 和 Chrome */
  border-radius:5px; 
  border:0px; 
      box-sizing: border-box;
	padding-right: 10px;

}

footer  input::-moz-placeholder{   
 /* Mozilla Firefox 19+ */   
color: #454545;  
}   
footer  input::-ms-placeholder {   
 /* Internet Explorer 10+ */   
color: #454545; 
}
.w100 {
	width: 100%;
}

footer .f-tell input {
	height: 52px;
	line-height: 52px;
	background:#fff;
	font-size: 16px;
	color: #454545;
	padding-left: 10px;
	-o-border-radius:5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari 和 Chrome */
  border-radius:5px; 
  border:0px; 
  	padding-right: 10px;
	width: 100%;
	    box-sizing: border-box;


}
footer .submit input {
	height: 52px;
	line-height: 52px;
background:#ec0000;
	font-size: 16px;
    box-sizing: border-box;
	padding-left: 10px;

	-o-border-radius:5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari 和 Chrome */
  border-radius:5px; 
  border:0px; 
	width: 100%;

color: #fff

}


footer .submit  {
width: 212px;



}


footer .f-tell {
	width: 49.5%;
	margin-left: 27px;
}

footer form {
	height: 39px;
}

.popImg {
	flex-direction: column;
  -webkit-animation: opc 0.3s;
          animation: opc 0.3s;
  z-index: 12;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.8); }
.popImg embed{
	width: 700px;
	height: 400px;
	display:block;
	margin-top: 8%;
}
.popImg .close {
	cursor: pointer;
	margin:22px auto;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	width: 50px;
	border-radius: 50%;
	border:2px solid #fff;
	color: #fff;
}
.pop_child_img img {
  cursor: pointer; }

@-webkit-keyframes opc {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes opc {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }


.tan_modal  {
	 position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.7);
    z-index: 9999;
    display: none;
    top: 0;
    left: 0;

}


.dialog_banner {
	position: absolute;
	/* left: 0; */
	top:50%;
/* 		-webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%));
    transform:translateX(-10%); */
	width:60%;
	margin: 0 auto;
	height:90%;
	
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%));
    transform:translateY(-50%); 

}


.close-modal {
	position: absolute;
	right:-14%;
	top: 0;
	cursor: pointer;
	width: 45px;
	height: 45px;
}





.p_head   p:nth-child(1) {
	font-size: 25px;
	color: #3e3e3e;
}



.p_head   p:nth-child(2){
	text-transform:uppercase;
	font-size: 10px;
	color: #d8d8d8;
}
.p_head   p:last-child{
	font-size: 17px ;
	color: #3e3e3e;
}

.dingdan1 img {
	margin:0 auto;
	margin-top:30px
}


.dingdan1 .m_index  .body-left {

    min-height: 550px;
}

.swiper-container_men {
	padding-bottom: 47px;
	overflow: hidden;
height: 1056px;
}



.search_1 {
 width: 96px;
 height: 27px;
 border: 2px solid #d2d2d2;
  -moz-border-radius:12px;
        -ms-border-radius:6px;
         -o-border-radius:6px;
            border-radius:12px;
            box-sizing: border-box;
             margin-top: 36px;
}
 
.search_1  .shu {
 width:66%;
 color: #666;
 font-size: 12px;
 height: 100%;
 border:0px;
 box-sizing: border-box;
 /*padding-left: 5px;*/
 margin-left: 7px;

}
.search_1 span{
 width: 20%;
 cursor: pointer;
 position: relative;
}

.search_1 span input{
    opacity: 0;
    position: relative;
    z-index: 2;
}
.search_1 span img{
 /*width: 100%;*/
 width: 13px;
 height: 13px;
 margin-top: -18px;
 position: relative;
 z-index: 1;
}
input,textarea:focus {outline: none;}


.dingdan .m_head input::-webkit-input-placeholder {  /* WebKit browsers */
    font-size: 12px;
}
.dingdan .m_head  input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 12px;
}
.dingdan .m_head  input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 12px;
}
.dingdan .m_head  input :-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 12px;
}