@charset "UTF-8";
*{
    margin: 0;
    padding: 0;
}
.lg-blh{border-left: 0px !important;}.lg-brh{border-right: 0px !important;}.lg-bth{border-top: 0px !important;}.lg-bbh{border-bottom: 0px !important;}
.md-blh{border-left: 0px !important;}.md-brh{border-right: 0px !important;}.md-bth{border-top: 0px !important;}.md-bbh{border-bottom: 0px !important;}
.sm-blh{border-left: 0px !important;}.sm-brh{border-right: 0px !important;}.sm-bth{border-top: 0px !important;}.sm-bbh{border-bottom: 0px !important;}
.xs-blh{border-left: 0px !important;}.xs-brh{border-right: 0px !important;}.xs-bth{border-top: 0px !important;}.xs-bbh{border-bottom: 0px !important;}
.four7{
    position:relative;
}
.four7 img{
    position:absolute;
}
.threeright{
    overflow:hidden;
}
a,a:link,a:visited,a:hover,a:active{
    text-decoration: none !important;
}
ul li{
    list-style: none;
}
.left{
    float: left;
}
.right{
    float: right;
}
.colorfff,.colorfff p,.colorfff h3{
    color: #fff;
}
.bannerbg{
    background:url("../images/banner_bg.png") center no-repeat;
    background-size: cover;
    width: 100%;
	-margin-top:60px;
}
.bannertext h3{
	padding:0px 0;
}
.bannertext p{
    font-size: 18px;
    margin: 0 0 8px;
}
.bannerpfirst{
    padding: 24px 0 0 0 ;
}
.bannerplast{
    padding: 0 0 24px 0;
}
.bannertext h3:first-child{
	line-height: 40px;
}
.liaojiegengduo{
    display: inline-block;
    padding: 7px 20px ;
    background: #f33414;
    color: #fff;
}
.liaojiegengduo:hover{
    background: #f74223;
    color: #fff;
}
.chuangjian{
    display: inline-block;
    padding: 6px 20px;
    border:1px solid #F3AC21;
    color: #F3AC21;
	margin-left: 14px;
}
.chuangjian:hover{
    background: #F3AC21;
    color: #fff;
}
.bannericon{
    padding: 120px 0 0 0;
}
/*--------------one-------------*/
.one h2,.one p,.two h2,.two p{
    text-align: center;
	margin: 0 0 10px;
}
.one p, .two p,.three p{
    color: #727272;
}
.one_one p{
    color: #333333;
}
.one_conter div{
    height: 200px;
    border: 1px solid #dbdbdb;
}
.one_conter div:hover{
    border:1px solid #f23414;
}
.lastp{
    opacity: 0;
    font-size: 12px !important;
    overflow: hidden !important;
}

.one_conter div:hover .fistp{
    opacity: 0;
    margin-top: 1px;
    transition: all 0.8s;
}
.one_conter div:hover .lastp{
    opacity: 1;
    margin-top: -68px;
    transition: all 0.8s;
}
.one_conter div:hover img{
    margin-top: 10px;
    transition: all 0.8s;
}
.twotext h3{
    padding-top:10px ;
    font-size: 20px;
    -font-weight: bold;
    margin-bottom: 10px;
}
.twotext p{
    font-size: 14px;
    text-align: left;
}
.twotext a{
    font-size: 12px;
    padding: 5px 10px;
    border: 1px solid #4295E4;
}
.twotext a:hover{
    color: #fff;
    background:#4295E4;
}
.twoimg{
    margin: 20px 0;
}
.two p a{
    padding: 10px 30px;
    display: inline-block;
    color: #fff;
    -border: 1px solid #2A8AE2;
    background: #ffcc33;
    border-radius: 30px;
    font-size: 24px;
}
.two p a:hover{
    box-shadow: 0 0 3px #ccc;
    background: #f7bf19;
}
.twop{
    width: 100%;
    display: inline-block;
    padding: 30px 0 !important;
    text-align: center;
}

.fistp{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/*--------three--------*/
.three_bg{background: url("../images/yum_fourbg.png") center no-repeat; }
.three{text-align: center;}
.three h1{color: #ff6600;}
.three p{font-size: 30px; color: #fff;}
/*-------four------*/
.four_bg{background: url("../images/yum_fivebg.png") center no-repeat; background-size: cover; }
.tcenter{text-align: center;}
.itwo ul li span,.itwoca ul li span,.itwob ul li span{background: url("../images/yum_fouricon.png") no-repeat; border:0px !important;}
/*-------five------*/
.five_kk div span{display: inline-block; width: 80px; height: 80px; background: url("../images/yum_fiveicon.png") no-repeat; margin-top: 20px; transition: all 0.35s;}
.five_kk div{border: 1px solid #dbdbdb; height: 175px; transition: all 0.35s;}
.five_kk div:nth-child(1) span{background-position: -43px -27px;}
.five_kk div:nth-child(2) span{background-position: -178px -27px;}
.five_kk div:nth-child(3) span{background-position: -306px -27px;}
.five_kk div:nth-child(4) span{background-position: -43px -155px;}
.five_kk div:nth-child(5) span{background-position: -178px -155px;}
.five_kk div:nth-child(6) span{background-position: -306px -155px;}
.five_kk div p{opacity: 0; transition: all 0.35s;}
.five_kk div:hover span{margin-top: 10px;}
.five_kk div:hover p{opacity: 1; margin-bottom: 20px;}
.five_kk div:hover{box-shadow: 0px 0px 5px #999;}
/*-------six-------*/
.six_bg{background: url("../images/six_bg.png") center no-repeat; background-size: cover; background-attachment: fixed;}
/*------seven-------*/
.seven_bg{}
.seven_con{padding: 30px 0;}
.seven_con div h3:nth-child(3){margin-top: 0; margin-bottom: 30px; color: #7c7c7c;}
.eight_con li img{width: 100%;}
/*------------------------1200px以上------------------------*/
@media (min-width: 1200px) {
    .bannerbg{  height: 540px;  }
    .bannertext h3:first-child{ padding: 80px 0 0 0 ;  }
    .bannertext h3{font-size: 32px;}
    .one_one img{  margin: 40px 54px;  }
    .one_conter div{  width: 200px;  }
    .one_conter div{  margin: 50px auto;  }
    .two p{font-size:16px;  }
    .one h2,.two h2,.three h2{padding: 50px 0 0 0;  font-size:30px;}
    .twhp{  padding: 0px 0 30px 0;  }
    .twotext h3{  margin-top: 20px;  }
    .three h1{ font-size: 100px; padding-top: 80px;}
    .three_bg{ height: 640px;}
    .itwo ul li span{display: inline-block;  width: 140px; height: 140px;}
    .itwo ul li{display: none; margin-top:0 !important;}
    .itwo ul li a{padding: 10px 20px; color: #fff; background: #ff6600; border-radius: 5px;}
    .itwo ul li a:hover{box-shadow: 0px 0px 5px #999;}
    .itwo ul li:nth-child(1) span{background-position:-20px -270px;}
    .itwo ul li:nth-child(2) span{background-position:-180px -270px;}
    .itwo ul li:nth-child(3) span{background-position:-350px -270px;}
    .itwo ul li:nth-child(4) span{background-position:-526px -270px;}
    .itwo ul li:nth-child(5) span{background-position:-745px -270px;}
    .itwoca ul li{width:130px; height: 130px; float: left; border: 1px solid #999; border-radius: 10px; margin: 40px 50px; color: #999;}
    .itwo ul li p{margin: 0 0 20px;}
    .itwocaa ul li:hover, .itwocaa ul .activ{border: 1px solid #333 !important; color:#333 !important;}
    .itwoca ul li span{display: inline-block; width:86px; height: 86px; transition: all 0.35s; }
    .itwoca ul li:nth-child(1) span{background-position:-45px -20px;}
    .itwoca ul li:nth-child(1):hover span,.itwoca ul li:nth-child(1) .active{background-position:-45px -158px !important;}
    .itwoca ul li:nth-child(2) span{background-position:-180px -20px;}
    .itwoca ul li:nth-child(2):hover span,.itwoca ul li:nth-child(2) .active{background-position:-180px -158px !important;}
    .itwoca ul li:nth-child(3) span{background-position:-330px -20px;}
    .itwoca ul li:nth-child(3):hover span,.itwoca ul li:nth-child(3) .active{background-position:-330px -158px !important;}
    .itwoca ul li:nth-child(4) span{background-position:-485px -20px;}
    .itwoca ul li:nth-child(4):hover span,.itwoca ul li:nth-child(4) .active{background-position:-485px -158px !important;}
    .itwoca ul li:nth-child(5) span{background-position:-673px -20px;}
    .itwoca ul li:nth-child(5):hover span,.itwoca ul li:nth-child(5) .active{background-position:-673px -158px !important;}
    .bor1{border-top: 0px !important;}
    .bor1,.bor2,.bor3{border-top: 0px !important;}
    .bor4,.bor5,.bor6{border-bottom: 0px !important; }
    .bor1,.bor4{border-left: 0px !important;}
    .bor3,.bor6{border-right: 0px !important;}
    .five_kk{margin: 15px 0;}
    .six_img img{width:80%; }
    .six_img{padding: 20px 0;}
    .eight_con li{height: 122px;}
	.eight_con li:hover{box-shadow:0 0 5px #999;}
    .eight_con{margin: 20px 0;}
	.tcenter h2{margin-top:50px;}
}
/*------------------------1199px到992px------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
    .bannerbg{  height: 540px;  }
    .bannertext h3:first-child{ padding: 80px 0 0 0 ;  }
    .bannertext h3{font-size: 32px;}
    .one_one img{  margin: 40px 54px;  }
    .one_conter div{  width: 200px;  }
    .one_conter div{  margin: 50px auto;  }
    .one p, .two p,.three p{  font-size:18px;  }
    .one h2,.two h2,.three h2{padding: 50px 0 0 0;  font-size:30px;}
    .twhp{  padding: 0px 0 30px 0;  }
    .twotext h3{  margin-top: 20px;  }
    .three h1{ font-size: 100px; padding-top: 80px;}
    .three_bg{ height: 640px;}
    .itwo ul li span{display: inline-block;  width: 140px; height: 140px;}
    .itwo ul li{display: none;}
    .itwo ul li:nth-child(1) span{background-position:-20px -270px;}
    .itwoca ul li{width:130px; height: 130px; float: left; border: 1px solid #999; border-radius: 10px; margin: 20px 50px;}
    .itwoca ul li span{display: inline-block; width:80px; height: 80px; }
    .itwo ul li a{padding: 10px 20px; color: #fff; background: #ff6600; border-radius: 5px;}
    .itwo ul li a:hover{box-shadow: 0px 0px 5px #999;}
    .itwo ul li:nth-child(1) span{background-position:-20px -270px;}
    .itwo ul li:nth-child(2) span{background-position:-180px -270px;}
    .itwo ul li:nth-child(3) span{background-position:-350px -270px;}
    .itwo ul li:nth-child(4) span{background-position:-526px -270px;}
    .itwo ul li:nth-child(5) span{background-position:-745px -270px;}
    .itwoca ul li{width:130px; height: 130px; float: left; border: 1px solid #999; border-radius: 10px; margin: 40px 50px; color: #999;}
    .itwo ul li p{margin: 0 0 20px;}
    .itwocaa ul li:hover, .itwocaa ul .activ{border: 1px solid #333; color:#333;}
    .itwoca ul li span{display: inline-block; width:86px; height: 86px; transition: all 0.35s; }
    .itwoca ul li:nth-child(1) span{background-position:-45px -20px;}
    .itwoca ul li:nth-child(1):hover span,.itwoca ul li:nth-child(1) .active{background-position:-45px -158px !important;}
    .itwoca ul li:nth-child(2) span{background-position:-180px -20px;}
    .itwoca ul li:nth-child(2):hover span,.itwoca ul li:nth-child(2) .active{background-position:-180px -158px !important; }
    .itwoca ul li:nth-child(3) span{background-position:-330px -20px;}
    .itwoca ul li:nth-child(3):hover span,.itwoca ul li:nth-child(3) .active{background-position:-330px -158px !important; }
    .itwoca ul li:nth-child(4) span{background-position:-485px -20px;}
    .itwoca ul li:nth-child(4):hover span,.itwoca ul li:nth-child(4) .active{background-position:-485px -158px !important; }
    .itwoca ul li:nth-child(5) span{background-position:-673px -20px;}
    .itwoca ul li:nth-child(5):hover span,.itwoca ul li:nth-child(5) .active{background-position:-673px -158px !important; }
    .bor1{border-top: 0px !important;}
    .bor1,.bor2,.bor3{border-top: 0px !important;}
    .bor4,.bor5,.bor6{border-bottom: 0px !important; }
    .bor1,.bor4{border-left: 0px !important;}
    .bor3,.bor6{border-right: 0px !important;}
    .six_img img{width:85%; }
    .six_img{padding: 20px 0;}
    .eight_con li{height: 122px;}
}
/*------------------------991px到768px------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
    .bannerbg{  height: 340px;  }
    .bannertext h3:first-child{ padding: 60px 0 0 0 ;  }
    .bannertext{width: 100%; text-align: center;}
    .bannertext h3{font-size: 32px;}
    .one_one img{  margin: 40px 36px;  }
    .one_conter div{  width:100%;  }
    .one_conter div{  margin: 30px auto;  }
    .one p, .two p{  font-size:16px;  }
    .three p{font-size: 24px;}
    .one h2,.two h2,.three h2{padding: 50px 0 0 0;  font-size:30px;}
    .twhp{  padding: 0px 0 20px 0;  }
    .twotext h3{  margin-top: 10px;  }
    .three h1{ font-size: 100px; padding-top: 50px;}
    .three_bg{ height: 500px;}
    .three p{font-size: 24px;}
    .itwo ul li span{display: inline-block;  width: 140px; height: 140px;}
    .itwo ul li{display: none;}
    .itwo ul li a{padding: 10px 20px; color: #fff; background: #ff6600; border-radius: 5px;}
    .itwo ul li a:hover{box-shadow: 0px 0px 5px #999;}
    .itwo ul li:nth-child(1) span{background-position:-20px -270px;}
    .itwo ul li:nth-child(2) span{background-position:-180px -270px;}
    .itwo ul li:nth-child(3) span{background-position:-350px -270px;}
    .itwo ul li:nth-child(4) span{background-position:-526px -270px;}
    .itwo ul li:nth-child(5) span{background-position:-745px -270px;}
    .itwob ul li{width:18%; height: 130px; float: left; border: 1px solid #999; border-radius: 10px; margin:30px 1%; color: #999;}
    .itwo ul li p{margin: 0 0 20px;}
    .itwob ul li:hover, .itwob ul .activ{border: 1px solid #333; color:#333;}
    .itwob ul li span{display: inline-block; width:86px; height: 86px; transition: all 0.35s; }
    .itwob ul li:nth-child(1) span{background-position:-45px -20px;}
    .itwob ul li:nth-child(1):hover span,.itwob ul li:nth-child(1) .active{background-position:-45px -158px !important;}
    .itwob ul li:nth-child(2) span{background-position:-180px -20px;}
    .itwob ul li:nth-child(2):hover span,.itwob ul li:nth-child(2) .active{background-position:-180px -158px !important;}
    .itwob ul li:nth-child(3) span{background-position:-330px -20px;}
    .itwob ul li:nth-child(3):hover span,.itwob ul li:nth-child(3) .active{background-position:-330px -158px !important;}
    .itwob ul li:nth-child(4) span{background-position:-485px -20px;}
    .itwob ul li:nth-child(4):hover span,.itwob ul li:nth-child(4) .active{background-position:-485px -158px !important;}
    .itwob ul li:nth-child(5) span{background-position:-673px -20px;}
    .itwob ul li:nth-child(5):hover span,.itwob ul li:nth-child(5) .active{background-position:-673px -158px !important;}
    .bor1{border-top: 0px !important;}
    .bor1,.bor2{border-top: 0px !important;}
    .bor5,.bor6{border-bottom: 0px !important; }
    .bor1, .bor3,.bor5{border-left: 0px !important;}
    .bor2, .bor4,.bor6{border-right: 0px !important;}
    .six_img img{width:100%; }
    .six_img{padding: 10px 0 30px 0;}
    .eight_con li{height: 100px;}
}
/*------------------------最大767px------------------------*/
@media (max-width: 767px) {
    .bannerbg{  height: 240px;  }
    .bannertext h3:first-child{ padding:36px 0 0 0 ;  }
    .bannertext h3{font-size: 20px;}
    .bannertext h3:nth-child(1){margin-bottom: 0;}
    .bannertext h3:nth-child(2){margin-top: 0;}
    .one_one img{  margin: 36px 20px;  }
    .one_conter div{  margin: 15px auto;  }
    .one h2,.two h2,.three h2,.four h2,.five h2,.six h2,.index-two h2{padding: 20px 0 0 0;  font-size:22px;}
    .twhp{  padding: 0px 0 10px 0;  }
    .twoimg img{width: 100%;}
    .twotext h3{  margin-top: 0px;  }
    .three h1{ font-size: 50px; padding-top: 50px;}
    .three p{font-size: 16px; }
    .three_bg{ height: 400px;}
    .itwo ul li span{display: inline-block;  width: 140px; height: 140px;}
    .itwo ul li{display: none;}
    .itwo ul li a{padding: 10px 20px; color: #fff; background: #ff6600; border-radius: 5px;}
    .itwo ul li a:hover{box-shadow: 0px 0px 5px #999;}
    .itwo ul li:nth-child(1) span{background-position:-20px -270px;}
    .itwo ul li:nth-child(2) span{background-position:-180px -270px;}
    .itwo ul li:nth-child(3) span{background-position:-350px -270px;}
    .itwo ul li:nth-child(4) span{background-position:-526px -270px;}
    .itwo ul li:nth-child(5) span{background-position:-745px -270px;}
    .itwob ul li{width:31%; height: 130px; float: left; border: 1px solid #999; border-radius: 10px; margin:1%; color: #999;}
    .itwo ul li p{margin: 0 0 20px;}
    .itwob ul li:hover, .itwob ul .activ{border: 1px solid #333; color:#333;}
    .itwob ul li span{display: inline-block; width:86px; height: 86px; transition: all 0.35s; }
    .itwob ul li:nth-child(1) span{background-position:-45px -20px;}
    .itwob ul li:nth-child(1):hover span,.itwob ul li:nth-child(1) .active{background-position:-45px -158px !important;}
    .itwob ul li:nth-child(2) span{background-position:-180px -20px;}
    .itwob ul li:nth-child(2):hover span,.itwob ul li:nth-child(2) .active{background-position:-180px -158px !important;}
    .itwob ul li:nth-child(3) span{background-position:-330px -20px;}
    .itwob ul li:nth-child(3):hover span,.itwob ul li:nth-child(3) .active{background-position:-330px -158px !important;}
    .itwob ul li:nth-child(4) span{background-position:-485px -20px;}
    .itwob ul li:nth-child(4):hover span,.itwob ul li:nth-child(4) .active{background-position:-485px -158px !important;}
    .itwob ul li:nth-child(5) span{background-position:-673px -20px;}
    .itwob ul li:nth-child(5):hover span,.itwob ul li:nth-child(5) .active{background-position:-673px -158px !important;}
    .six_img img{width:100%; }
    .six_img{padding:0px 0px 30px 0; }
    .seven_con div h3{font-size: 16px;}
    .seven_con div img{width: 90%;}
    .eight_con li{height: 50px;}
}