html,
			body {
				position: relative;
				height: 100%;
				-ms-overflow-style:none;
				overflow:-moz-scrollbars-none;
				overflow:scrollbars-none;
			}
			html::-webkit-scrollbar{display: none;}
			a:hover{text-decoration: none;}			
			body {
				background: #eee;
				font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
				font-size: 14px;
				color: #000;
				margin: 0;
				padding: 0;
				background: url(../images/indexBG01.jpg);
			}
			
			.gunping {
				width: 100%;
				height: 100%;
				margin-left: auto;
				margin-right: auto;
			}
			.gunping_pagination{top: 36% !important;}	
			.gunping  .gunping_pagination .swiper-pagination-bullet{background: #fff;opacity: 1;}
			.gunping  .gunping_pagination .swiper-pagination-bullet-active{background: #c24630;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color:transparent;}	
.navbar-default{background: url(../images/indexBG01.jpg);}			
/*header*/
.header_top{text-align: center;color: #666666;font-size: .06rem;background: #eeeeee;padding: 5px 0;}
.header .h-nav{padding: 0;border: none;}
.navbar-header .logo img{max-height: .4rem;}
.header{width: 100%;}
.head{border: none;margin: 0;}
.head .logo{display: block;margin-top: 8px;margin-left: 30px;margin-bottom: 8px;}
.head .nav{margin-right: .1rem;border: none;}
.head .navbar-default{background: #fff;}
.head .navbar-nav li{text-align: center;}
.head .navbar-nav li a{padding: .1rem 0;display: block;width: .6rem;padding-bottom: 0;}
.head .navbar-nav li a h4 { font-size: .06rem; -webkit-transition: all .5s; transition: all .5s;color: #150a06;}
.head .navbar-nav li:hover h4 { transform: translateY(40px); -webkit-transform: translateY(40px);color: #c24630;}
.head .navbar-nav li span { display: block; width: 37px; height: 4px; background-color: #150a06; margin:6px auto;  -webkit-transition: all .5s; transition: all .5s;}
.head .navbar-nav li:hover span { padding:0 30px; height: 2px;background-color: #c24630;}
.head .navbar-nav li h5 {font-size.07rem;color: #150a06; text-transform: uppercase; -webkit-transition: all .6s; transition: all .6s;}
.head .navbar-nav li:hover h5 { transform: translateY(-35px); -webkit-transform: translateY(-35px);color: #c24630;}
.head .hot-phone{margin: .1rem auto;background:#c24630;padding: .06rem .16rem;}
.head .hot-phone p{font-size: .06rem;color: #fff;margin-bottom: 5px;}
.head .hot-phone h2{color: #fff;margin: 0;font-size: .09rem;margin-top: 5px;font-weight: bold;}
.navbar-default .navbar-toggle{border: none;padding-top: 0;padding-bottom: 0;}


/*滚屏*/
html{overflow-y: hidden;}
.page1{height: 100%;}


@keyframes bigger
{
10%{transform: scale(1);}
50%{transform: scale(1.1);}
100%{transform: scale(1.2);}
}

@-webkit-keyframes bigger /*Safari and Chrome*/
{
10%{transform: scale(1);}
50%{transform: scale(1.1);}
100%{transform: scale(1.2);}
}
.banner{position: relative;}
.gallery-top{width: 88%;float: right;}
.banner_pic_ca{background-size:100% 100% !important;}
.gallery-top .swiper-slide{background-repeat:no-repeat;}
/*.gallery-top .swiper-slide img{width: 100%;height: 600px;}*/
.gallery-top .swiper-slide-active{animation:bigger 5s linear;}
.gallery-thumbs{height: 130px;position: absolute;width: 45%;text-align: left;padding-left: 10%;top: 50%;transform: translateY(-50%);padding-right: 50px;}
.gallery-thumbs .swiper-slide{background: rgba(21,10,6,1);color: #fff;}
.gallery-thumbs .swiper-slide:before{content: "";width: 35%;background: rgba(21,10,6,1);height: 130px;position: absolute;left: -35%;}
.gallery-thumbs h2{padding-left: 10px;font-size: .12rem;margin-top: .12rem;margin-bottom: .1rem;}
.gallery-thumbs h2 span{font-size: .16rem;}
.gallery-thumbs p{font-size: .06rem;padding-left: 10px;margin-bottom: 5px;}
.gallery-thumbs .swiper-slide-duplicate-next{opacity: 0 !important;color: transparent !important;background: none !important;}
.gallery-thumbs .swiper-slide-duplicate-prev{opacity: 0 !important;color: transparent !important;background: none !important;}
.gallery-thumbs .swiper-button-prev{right: 0;left: auto;background-image:url(../images/next.png);top: 24px;width: 50px;height:50px;background-size:28px 17px;;background-color: rgba(255,255,255,.8);}
.gallery-thumbs .swiper-button-next{right: 0;left: auto;background-image:url(../images/prev.png);top: 80px;width: 50px;height:50px;background-size:28px 17px;;background-color: rgba(255,255,255,.8);}
.gallery-thumbs  .prev_act{background-image: url(../images/next_actice.png);}
.gallery-thumbs  .next_act{background-image: url(../images/prev_active.png);}
.gallery-thumbs .swiper-button-next{right: 0;}




/*title*/
.comment_title{height: 78px;margin-bottom: 20px;}
.title{font-size: .16rem;color: #150a06;text-align: center;margin-top: 0;margin-bottom: .1rem;}
.small_tiltle{font-size: .08rem;color: #150a06;text-align: center;margin: 0;position: relative;}
.small_tiltle span:first-child{color: #c24630;position: relative;font-weight: bold;}
.small_tiltle span:first-child:before{content: "";width: 1.4rem;height: 18px;position: absolute;top: 50%;transform: translateY(-50%);background: url(../images/title_left.png) no-repeat center center;background-size: 100% 100%;left: -1.5rem;}
.small_tiltle span:last-child{position: relative;}
.small_tiltle span:last-child:after{content: "";width: 1.4rem;height: 18px;position: absolute;top: 50%;transform: translateY(-50%);background: url(../images/title_right.png) no-repeat center center;background-size: 100% 100%;right: -1.5rem;}

/*page2*/

.page2 .nav_tab{padding: 0;text-align: center;}
.page2 .nav_tab li a{display:block;font-size: .1rem;height: .64rem;line-height: .64rem;color: #333333;cursor: pointer;text-decoration:none;}
.page2 .nav_tab li a span{position: relative;}
.page2 .nav_tab li a span:after {
    content: "";
    position: absolute;
    left: -36px;
    top: 50%;
    margin-top: -0.5px;
    width: 24px;
    height: 2px;
    background: #FFF;
    transition: all 0.6s ease;
    transform: translate(-20px, 0)
}
.page2 .nav_tab li a span:before {
    content: "";
    position: absolute;
    right: -36px;
    top: 50%;
    margin-top: -0.5px;
    width: 24px;
    height: 2px;
    background: #FFF;
    transition: all 0.6s ease;
    transform: translate(20px, 0)
}
.page2 .nav_tab .active a{background: #333333;color: #fff;}
.page2 .nav_tab .active a span:after {
    background: #C8000A;
    transform: translate(0, 0)
}
.page2 .nav_tab .active a span:before {
    background: #C8000A;
    transform: translate(0, 0)
}
.page2 .pro_pic{padding: 0;overflow:hidden;}
.page2 .pro_pic .swiper-slide{background-size: 100%;}
.page2 .pro_pic .swiper-slide img{width: 100%;}
.page2 .pro_pic .type_box{position: absolute;top: 0;height: 100%;background: rgba(0,0,0,.8);color: #fff;right: 0;width: 1.5rem;padding: .8rem .2rem;}
.page2 .pro_pic .type_box .type{margin-bottom: .2rem;}

.page2 .pro_pic .type_box .type p{font-size: .08rem;color: #c24630;}
.page2 .pro_pic .type_box .pro_in{position: relative;}
.page2 .pro_pic .type_box .pro_in:after{content: "";width: 40px;height: 5px;background: #fff;position: absolute;top: -20px;}
.page2 .pro_pic .type_box .pro_in p{font-size: .06rem;color: #fff;}
.page2 .pro_pic .swiper-slide{background-repeat: no-repeat;}
.page2 .pro_pic .swiper-pagination{width: 1.5rem;right: 0;left: auto;}
.page2 .pro_pic .swiper-pagination-bullet{background: #fff;opacity: 1;}
.page2 .pro_pic .swiper-pagination-bullet-active{background: #c24630;}


/*page3*/.page3 .swiper-button-next{background: url(../images/arrow_next.png) no-repeat center;}
.page3{height: 100%;background: url(../images/indexBG02.jpg) no-repeat center;background-size: cover;padding-top: .1rem;}
.page3 .title{color: #fff;}
.page3 .small_tiltle{color: #fff;}
.page3 .small_tiltle span{color: #fff;}
.page3 .small_tiltle span:first-child:before{background: url(../images/left_wirte.png) no-repeat right center;}
.page3 .small_tiltle span:last-child:after{background: url(../images/right_wirte.png) no-repeat left center;}
.page3 .pageT_banner {width:100%;margin: 0 auto;height: 500px;}
.page3 .swiper-container{overflow: inherit;}
.page3 .pageT_banner img{width: 100%;}
.page3 .swiper-slide{-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.4);/* margin: 1px; */transform: scale(0.4);margin-top: 108px;}
.page3 .swiper-slide img{border: 15px solid #fff;}
.page3 .swiper-slide a{display: block;position: relative;}
.page3 .swiper-slide-active{-webkit-transform: scale(1.15);transform: scale(1.4);z-index: 1002;margin-top: 104px;}
.page3 .swiper-slide-active img{border: 5px solid #fff;}
.page3 .swiper-button-prev p,.page3 .swiper-button-next p{color: #fff;position: relative;bottom: 10px;}
.page3 .swiper-button-prev{background: url(../images/arrow_prev.png) no-repeat center;width: 200px;text-align: right;left: 100px;top: 42%;}
.page3 .swiper-button-next{background: url(../images/arrow_next.png) no-repeat center;width: 200px;text-align: left;right: 100px;top:42%;}
.page3 .in_box{width: 98%;height: 78px;position: absolute;bottom: 5px;left: 5px;display: none;}
.page3 .in_box .right_icon{width: 20%;text-align: center;background: rgba(194,70,48,.5);padding: 10px 0;height: 78px;}
.page3 .in_box .right_icon img{width: 30px;height: 30px;border: none;margin: 0 auto;margin-bottom: 10px;}
.page3 .in_box .right_icon p{color: #fff;font-size: .08rem;font-weight: bold;}
.page3 .in_box .in_details{width: 80%;background: rgba(0,0,0,.5);height: 78px;}
.page3 .in_box .in_details p{color: #fff;font-size: 12px;padding: 14px 0 0;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 16px;transform: scale(.9)}
.page3 .in_box .in_details p {height:62px;overflow:hidden;position: relative;}
.page3 .in_box .in_details p:after {content:"...";position:absolute;right:0;background:rgba(0,0,0,.5);padding-left:6px;}
.page3 .swiper-slide-active .in_box{display: block;}


/*page4*/
.page4 img{width: 100%;height: 100%;}
.page4 div{padding: 0;}
.page4 .case{position: relative;height: 435px;cursor: pointer;}
.page4 .case .case_font{position: absolute;bottom: 0;width: 100%;text-align: center;height: 40%;color: #fff;background: #c75844;}
.page4 .case .case_font h2{margin: 0;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;position: relative;font-size: .1rem;}
.page4 .case .case_font h2:before{content: "";display: block;width: 50px;height: 3px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);top: -15px;}

.page4 .case .case_font h2:after{content: "";position: absolute;left: 50%;transform: translateX(-50%);top: -35px;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #fff;width: 0;height: 0;}
.page4 .case:nth-child(2) .case_font h2:before{content: "";display: block;width: 50px;height: 3px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);top: 35px;}

.page4 .case:nth-child(2) .case_font h2:after{content: "";position: absolute;left: 50%;transform: translateX(-50%);top: 45px;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #fff;border-bottom:none;width: 0;height: 0;}
.page4 .case_active .case_font h2{transform: translateY(-40px);transition: all 1s}

.page4 .case_active:nth-child(2) .case_font h2{transform: translateY(20px);transition: all 1s}
.page4 .case .case_pic{position: absolute;top: 0;width: 100%;height:60%;overflow: hidden;}
.page4 .case_active .case_pic img{transform: scale(1.1);transition: all 2s}
.page4 .grey img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all 1s}
.page4 .grey .case_font{background: #313131;transition: all 1s}   
.page4 .case:nth-child(2) .case_font{top: 0;bottom: auto;}
.page4 .case:nth-child(2) .case_pic{top: auto;bottom:0;}

/*page5*/
.page5 .company_cont_top .company_pic,.page5 .company_details,.page5 .company_culture{width: 33.33%;}
.page5 .company_cont_top{height: 55%;}
.page5 .company_cont_top .company_pic{height: 100%;}
.page5 .company_cont_top .company_pic img{width: 100%;height: 100%;}
.page5 .company_cont_top .company_details{padding: .08rem .2rem;height: 100%;}
.page5 .company_cont_top .company_details h1{color: #c24630;font-size: .1rem;position: relative;margin: 0;padding-top: 15px;margin-bottom: 10px;font-weight: bold;}
.page5 .company_cont_top .company_details h1:before{content: "";display: block;width: 40px;height: 3px;background: #c24630;position: absolute;top: 0;}
.page5 .company_cont_top .company_details p{color: #333333;font-size: .06rem;margin-bottom: .1rem;overflow: hidden;/* display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; */}
.page5 .company_cont_top .company_details p:nth-child(2){display: none;}
.page5 .company_cont_top .company_details p{color:#333333;/* text-align: center;height:52px; */overflow:hidden;position: relative;}
/* .page5 .company_cont_top .company_details p:after {content:"...";position:absolute;bottom:0;right:0;background:#FFF;padding-left:6px;} */
.page5 .company_cont_top .company_details p span{font-size: 14px;}
.page5 .company_cont_top .company_details a{color: #333333;font-size: 16px;}
.page5 .company_cont_top .company_details .read_more{display: block;width: 200px;text-align: center;color: #333333;background: #fff;
border: 1px solid #333333;padding: 10px 0;}
.page5 .company_cont_top .company_details .read_more:hover{background: #c24630;border: 1px solid #c24630;color: #fff;}
.page5 .company_cont_top .company_culture{text-align: right;padding: .08rem .2rem 0;height: 100%;background:url(../images/culture.jpg)  no-repeat center;background-size:cover;}
.page5 .company_cont_top .company_culture h1{font-size: .1rem;color: #000;margin: 0;font-weight: bold;padding-top: 15px;margin-bottom: .14rem;position: relative;}
.page5 .company_cont_top .company_culture h1:before{content: "";display: block;width: 40px;height: 3px;background: #000;position: absolute;top: 0;right: 0;}
.page5 .company_cont_top .company_culture h2{font-size: .08rem;margin: 0;font-weight: bold;}
.page5 .company_cont_top .company_culture h2:nth-child(3){margin-bottom: .1rem;}
.page5 .company_cont_top .company_culture p{color: #444444;font-size: .06rem;margin-bottom: 5px;}

.page5 .company_cont_bottom{display: flex;display: -webkit-flex;flex-direction:row;flex-wrap:wrap;height: 45%;}
.page5 .company_cont_bottom .company_ad{width: 66.7%;height: 100%;display: flex;display: -webkit-flex;flex-direction:row;flex-wrap:wrap;color: #fff;font-size: .08rem;font-weight: bold;}
.page5 .company_cont_bottom .company_ad .ca_box{position: absolute;width: 0%;height: 100%;background:rgba(0,0,0,.4);}
.page5 .company_cont_bottom .company_ad .ca_box p{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.page5 .company_cont_bottom .company_ad>div:hover .ca_box{width: 100%;transition: all .2s;}
.page5 .company_cont_bottom .company_ad>div:hover .ca_box p{display: block;transition: all .5s;}

.page5 .company_cont_bottom .company_ad .development{position:relative;height: 100%;background: #4a4a4a;text-align: center;width: 33.3%;background-image:url(../images/development.png);background-repeat:no-repeat;background-position:center center;background-size:.8rem .6rem;}

.page5 .company_cont_bottom .company_ad .iso{position:relative;height: 100%;background: #c24630;text-align: center;width: 33.3%;background-image:url(../images/iso.png);background-repeat:no-repeat;background-position:center center;background-size:.8rem .6rem;}
.page5 .company_cont_bottom .company_ad .hight_tech{position:relative;height: 100%;background: #b5b5b5;text-align: center;width: 33.3%;background-image:url(../images/hight.png);background-repeat:no-repeat;background-position:center center;background-size:0.4rem .6rem;}
.page5 .company_cont_bottom .designer{width: 33.3%;height: 100%;}
.page5 .company_cont_bottom .designer img{width: 100%;height: 100%;}


/*page6*/
.page6{height: 100%;background: url(../images/indexBG03.jpg) no-repeat center;background-size: cover;padding-top: .1rem;}
.page6 .title{color: #fff;}
.page6 .small_tiltle{color: #fff;}
.page6 .small_tiltle span{color: #fff;}
.page6 .small_tiltle span:first-child:before{background: url(../images/left_wirte.png) no-repeat right center;}
.page6 .small_tiltle span:last-child:after{background: url(../images/right_wirte.png) no-repeat left center;}
.page6 .news_cont{text-align: center;}
.page6 .news_nav{display:inline-block;margin: 0 auto;}
.page6 .news_nav li{float: left;font-size: .08rem;color:#fff;font-weight: bold;padding: 5px;border: 1px solid #fff;cursor: pointer;}
.page6 .news_nav .news_act{background: rgba(194,70,48,.6);border: 1px solid #c24630;}
.page6 .news_nav li:first-child{margin-right: .4rem;}
.page6 .news_nav li span{font-weight: normal;}
.page6  .news_list{clear: both;text-align: left;}
.page6  .news_list li{position: relative;padding: 20px 0;}
.page6  .news_list li a{color: #fff;}
.page6  .news_list .date{width: 10%;text-align: center;position: absolute;top: 50%;transform: translateY(-50%);}
.page6  .news_list .date h4{font-size: .2rem;}
.page6  .news_list .date h5{font-size: .06rem;}
.page6  .news_list .new_details{width: 90%;padding-left: 20px;}
.page6  .news_list .new_details h1{font-size: .1rem;}
.page6  .news_list .new_details p{font-size: .06rem;}
.page6  .news_list li:hover{background:rgba(255,255,255,.6);}
.page6  .news_list li:hover a{color: #c24630;}
.page6 .date span { display: block; width: 37px; height: 2px; background-color: #fff; margin:6px auto;  -webkit-transition: all .5s; transition: all .5s;}
.page6  .news_list li:hover .date span { padding:0 30px; height: 2px;background-color: #c24630;}


.page7 {height: 100%;background: url(../images/indexBG04.jpg) no-repeat center;background-size: cover;padding-top: .1rem;}
.page7 .certificate{margin-bottom: .1rem;}
.page7 .certificate_ban .swiper-slide{padding: 25px 0;text-align: center;}
.page7 .certificate img{width: 70%;transform:rotate(25deg);}
.page7 .certificate img:hover{transition: all .5s;transform:rotate(0deg);backface-visibility: hidden;}
.page7 .certificate_in{text-align: center;font-size: .1rem;color: #000;}
.page7 .certificate_in p{margin-bottom: 10px;font-weight: bold;}
.page7 .certificate_in span{color: #c24630;}

.page8 {height:100%;background: url(../images/indexBG05.jpg) no-repeat center;background-size: cover;padding-top: .1rem;position: relative;}
.page8 .title{color: #fff;}
.page8 .small_tiltle{color: #fff;}
.page8 .small_tiltle span{color: #fff;}
.page8 .small_tiltle span:first-child:before{background: url(../images/left_wirte.png) no-repeat right center;}
.page8 .small_tiltle span:last-child:after{background: url(../images/right_wirte.png) no-repeat left center;}
.page8 .contect_details h1{font-size: .1rem;color: #c24630;font-weight: bold;margin: 0;margin-bottom: 15px;}
.page8 .contect_details p{color: #fff;font-size: .06rem;padding: 4px .16rem;}
.page8 .contect_details .person{background: url(../images/cont_person.png) no-repeat left;background-size: .12rem;}
.page8 .contect_details .phone{background: url(../images/phone.png) no-repeat left;background-size: .12rem;}
.page8 .contect_details .tel{background: url(../images/tel.png) no-repeat left;background-size: .12rem;}
.page8 .contect_details .website{background: url(../images/website.png) no-repeat left;background-size: .12rem;}
.page8 .contect_details .address{background: url(../images/adress.png) no-repeat 2px;background-size: .1rem .12rem;}
.page8 .contect_details .code{margin: 24px 0;margin-bottom: 15px;}
.page8 .contect_details .code img{width:25%;margin-right: 20px;}


.page8 .sub_cont{text-align: center;}
.page8 .sub_cont h2{font-size: .1rem;color: #fff;margin-top: 0;margin-left: 75px;margin-bottom: 25px;}
.page8 .sub_cont label{display: block;width: 60%;margin: 0 auto;clear: both;margin-bottom: .1rem;}
.page8 .sub_cont label span{color: #fff;font-size: .08rem;display: block;width:28%;text-align: right;float: left;height: 28px;line-height: 28px;}
.page8 .sub_cont label input{width: 70%;padding: 2px 5px;font-weight: normal;}
.page8 .sub_cont label textarea{width: 70%;resize:none;padding: 5px;height: 70px;font-weight: normal;}
.page8 .sub_cont button{padding: 10px 50px;border: none;font-size: .08rem;font-weight: bold;color: #000;}

.page8 .links{background: #d6d6d6;padding: 5px;}
.page8 .links .links_icon{width: 12%;}
.page8 .links .links_icon p{font-size: .08rem;color: #c24630;margin: 0;}
.page8 .links .links_icon p:nth-child(2){margin-top: 5px;}
.page8 .links .links_icon .big{font-size: .2rem;font-weight: bold;}
.page8 .links a{font-size: .06rem;color: #333;line-height: 30px;}
.page8  .footer{background: #000;color: #fff;font-size: .06rem;padding: 5px;}
.page8  .footer p{margin:0;}
.page8  .footer div:first-child{margin-left: 25px;}
.page8  .footer div:nth-child(2){margin-right: 25px;}
.page8  .footer .copy_right{text-align: center;}
.page8 .fixed_footer{position: absolute;bottom: 0;width: 100%;}
@media(max-width: 1200px) {
	.page1{margin-top: 0;}
	.gallery-thumbs{padding: 10px;width: 100%;transform: translateY(0);}
	.gallery-top{width: 100%;}
	.page3 .swiper-slide img{border: none;}
	.page3 .swiper-slide-active img{border: none;}
	.page3 .pageT_banner{width: 80%;}
	.page3 .swiper-slide{transform: scale(1);margin-top: 0;}
	.page3 .swiper-slide-active{transform: scale(1);margin-top: 0;}
	.page3 .pageT_banner{height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: transparent;}



			.right_message{
				position: fixed;
				right: 10px;
				bottom: 80px;
				z-index: 999;
			}
			.right_message>ul{
				width: 60px;
				display: inline-block;
				border: 1px solid #e0e0e0;
			}
			.right_message>ul>li{
				width: 100%;
				height: 64px;
				border-bottom: 1px solid #e0e0e0;
				position: relative;
				z-index: 150;
			}
			.right_message>ul>.TOP{
				border-bottom: none;
			}
			.right_message>ul>li>div{
				width: 100%;
				position: relative;
				height: 64px;
				overflow: hidden;
				transition: all 0.5s;
			}
			.right_message>ul>li>div>div{
				width: 100%;
				height: 64px;
				position: absolute;
				top: 0px;
				left: 0px;
				text-align: center;
				background-color: #fff;
				font-size: 12px;
			}
			.right_message>ul>li>div>div:nth-of-type(2){
				background-color: #c24630;
				top: 65px;
				transition: all 0.5s;
			}
			.right_message>ul>li>div>div:nth-of-type(2)>span{
				color: #fff;
			}
			.right_message .right_erweima{
				padding-top: 0px !important;
			}
			.right_message>ul>li>div>div>img{
				margin-top: 10px;
				width: 20px;
				margin-bottom: 5px;
			}
			.right_message>ul>li>div>div>span{
				display: block;
				font-size: 12px;
				color: #363636;
			}
			.right_message>ul>li>ul{
				width: 0px;
				position: absolute;
				left: -145px;
				top: 0px;
				overflow: hidden;
				transition: all 0.5s;

			}
			.right_message>ul>li>ul>li{
				width: 145px;
				height: 64px;
				background-color: #c24630;
				color: #fff;
				text-align: center;
				margin-left: 100%;
				transition: all 0.5s;
			}
			.right_message>ul>li>ul>li a{
				font-size: inherit;
				color: #fff;
			}
			.right_message>ul>li>ul .qq{
				line-height: 64px;
				font-size: 12px;
			}

			.right_message>ul>li>div>div .vx{
				width: 25px;
			}
			.right_message>ul>li>ul .imgbox{
				height: 100%;
				font-size: 12px;
				line-height: 30px;
			}
			.right_message>ul>li .vximg{
				margin-top: -76px;
			}
			.right_message>ul>li>ul .imgbox>img{
				width: 100%;
			}

			.right_message>ul>li .dh_box{
				/*margin-top: -64px;*/
			}

			.right_message>ul>li>ul .dh{
				text-align: left;
			}
			.right_message>ul>li>ul>.dh:nth-of-type(even){
				background-color: #c24630;
			}



			.right_message>ul>li>ul .dh>img{
				float: left;
			}
			.right_message>ul>li .dh_box>li:nth-of-type(1)>img{
				margin: 23px 13px;
			}

			.right_message>ul>li .dh_box>li:nth-of-type(2)>img{
				margin: 23px 16px;
			}
			.right_message>ul>li .dh_box>li:nth-of-type(3)>img{
				margin: 22px 12px;
			}

			.right_message>ul>li>ul .dh>div{
				width: 100px;
				margin: 11px 0px;
				font-size: 12px;
			}
			.right_message>ul>li>ul .dh>div>span{
				overflow:hidden;
				white-space:nowrap;
			}
			.right_message>ul>li>div>div .yuy{
				width: 30px;
			}
			.right_message>ul .yuyue{
				cursor: pointer;
			}
			.right_message>ul>li>ul>li>div>p{
				margin-top: 5px;
				/* margin-bottom: 5px; */
			}
			.toTop {
				width: 35px;
				height: 28px;
				display: block;
				margin: 15px auto 0px;
				background: url(../images/icon_right/toTop2_h.png) center/100% 100%;
				z-index: 99;
				cursor: pointer;

			}
			.right_message>ul>.TOP>div>div{
				background-color: #c24630;
			}
			@media(max-width: 768px) {
	body{background: none;}
	.navbar-header .logo img{max-height: .7rem;}
	.header{height: auto;}
	.header .h-nav{background: none;}
	.gallery-thumbs{top: 65%;}
	.gallery-thumbs h2{font-size: .4rem;margin-top: 24px;margin-bottom: 20px;}
	.navbar-nav li{float: left;width: 50%;}
	.head .navbar-nav li a h4{font-size: .3rem;}
	.head .navbar-nav li:hover h4{font-size: .3rem;}
	.gallery-thumbs h2 span{font-size: .5rem;}
	.gallery-thumbs p{font-size: .3rem;}
	.head .navbar-nav li a{width: 100%;}
	.banner_pic_ca{background-size:200% !important;background-position:center top !important;}
	.gallery-thumbs .swiper-slide:before{display: none;}
	.gallery-thumbs .swiper-button-prev{display: none;}
	.gallery-thumbs .swiper-button-next{display: none;}
	.gallery-thumbs{padding: 0;width: 100%;height: 200px;}
	.gallery-thumbs .swiper-slide{padding-top: 20px;background: #fff;color: #000;}
	.pro_content .nav_tab{margin-top: 30px;}
	.comment_title{height: auto;}
	.title{font-size: .4rem;}
	.small_tiltle{font-size: .3rem;}
	.page2 .nav_tab li a{height: 60px;line-height: 60px;font-size: .3rem;}
	.page3 .pageT_banner{height: 300px;}
	.page3 .swiper-slide a{position: initial;}

	.page3 .in_box{bottom: 0;left: 0;width: 100%;}
	.page5 .company_cont_top .company_pic{width: 100%;}
	.page5 .company_cont_top .company_details{width: 100%;height: 162px;}
	.page5 .company_cont_bottom .company_ad{height: 80px;width: 100%}
	.page5 .company_cont_top .company_details
	.page6 .news_list li{padding: 0;padding-bottom: 5px;}
	.page6 .news_list li:hover .date span{padding: 0;}
	.page7 .certificate{margin-bottom: .2rem;}
	.page7 .certificate img{width: 80%;transform:rotate(0deg);}
	.page8 .contect_details .code img{width: 40%;}
	.page8 .fixed_footer{bottom: 0;}
	.page5 .company_cont_top .company_pic img{height: auto;}
	.page5 .company_cont_top .company_details .read_more{font-size: 16px;width: 90%;padding: 5px 0;margin: 0 auto;}
	
	.page6 .news_list li{padding: 0;}
	.page6 .news_list .new_details p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:37px;overflow:hidden;position: relative;}	
	.page3 .in_box .right_icon{padding: 10px 0;height: 78px;}
	.page3 .in_box .in_details{height: 78px;}
	.page3 .in_box .in_details p{padding: 0;}
	.page3 .in_box .right_icon p{margin: 0;font-size: 12px;}
	.page3,.page4,.page5,.page6,.page7,.page8{padding-top: 20px;}
	.page4 .case .case_font h2{font-size: .5rem;}
	.page5 .company_cont_top .company_details h1{font-size: .4rem;}
	.page5 .company_cont_bottom .company_ad{font-size: .3rem;}
	.page6 .news_nav li{font-size: .5rem;}
	.page6 .news_list .date h4{font-size: .5rem;}
	.page6 .news_list .date h5{font-size: .3rem;}
	.page6 .news_list .new_details h1{font-size: .3rem;}
	.page6 .news_list .new_details p{font-size: .3rem;}
	.page7 .certificate_in p{font-size: .5rem;}
	.page8 .contect_details h1{font-size: .4rem;}
	.page8 .contect_details .person{font-size: .3rem;}
	.page8 .contect_details .phone{font-size: .3rem;}
	.page8 .contect_details .tel{font-size: .3rem;}
	.page8 .contect_details .website{font-size: .3rem;}
	.page8 .contect_details .address{font-size: .3rem;}
	.page8 .footer{font-size: 12px;}
	.page5 .company_cont_top .company_details p{font-size: 12px;}
}