.fz-30{font-size: 30px;}
.fz-24{font-size: 24px;}
.fz-18{font-size: 18px;}
.fz-16{font-size: 16px;}
.fw-b{font-weight: bold;}
.fcolor{color: #34302f;}
.fcolor1{color: #fff;}
.ellipsis{display: inline-block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}

/*CLASSIFICATION*/
.index_padding{padding: 40px 0;}
.mp-8{margin-top: 8px;}
.index_class{background: #ddd;}
.title{line-height: 40px;}
.index_ipo{padding-bottom: 20px;border-bottom: 2px solid #7a7977;}
.inex-form form{width: 410px;height: 42px;border: 1px solid #cacaca;position: relative;}
.inex-form .InputBox{width: 100%;height: 40px;position: relative;}
.InputBoxSpan{width: 19px;height: 19px;background: url(../images/search.png) no-repeat;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
.inex-form form .button{position: absolute;right: 0;top: 0;line-height: 40px;padding: 0 10px;background: #00b6ff;}
.inex-form .InputBox input{height: 100%;background: #ddd;line-height: 40px;color: #666;border: none;outline: none;padding: 0 10px 0 40px;}

.class_ation{margin-top: 50px;}
.pc_class_nav .classnav{font-size: 0;}
.pc_class_nav .classnav dl{width: 33.3%;display: inline-block;vertical-align: top;position: relative;}
.pc_class_nav .classnav dl:before{content: "";width: 1px;height: 86%;background: #888687;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.pc_class_nav .classnav dl:last-child:before{display: none;}
.pc_class_nav .classnav dl dd{padding-left:60px;}
.pc_class_nav .classnav dl:first-child dd{padding-left: 0;}
.pc_class_nav .classnav dl dd a{font-size: 16px;color: #34302f;line-height: 2.2;}
.pc_class_nav .classnav dl dd a:hover{color: #00b6ff;}

.footer-menu{display: none;}
.footer-tit{position: relative;border-top: 1px solid #cacaca;border-bottom: 1px solid #cacaca;height: 50px;line-height: 50px;}
.footer-tit a{font-size: 16px;color: #222;}
.footer-tig{text-align: right;line-height: 50px;width: 100%;height: 50px;position: absolute;top: 0;}
.footer-tig::before,.footer-tig::after{content: "";background: #888;position: absolute;top:50%;right:7px;transition: all .3s;}
.footer-tig::after{width: 2px;height: 16px;margin-top: -8px;margin-left: 7px;}
.footer-tig::before{width: 16px;height: 2px;right: 0;margin-top: -1px;}
.footer-item.open .footer-tig::after{opacity: 0;}
.footer-cont{display: none;padding: 6px 0;border-bottom: 1px solid #cacaca;}
.footer-cont a{display: block;}
.action_nav li a{font-size: 16px;color: #222;line-height: 2.2;}
.action_nav li a:hover{color: #00b6ff;}

.class-full{font-size: 0;}
.class-full li{width: 33%;display: inline-block;vertical-align: middle;margin-right: 0.5%;}
.class-full li:last-child{margin-right: 0;}
.class-full li.c_full1{background: #7b6faf;}
.class-full li.c_full2{background: #c8996d;}
.class-full li.c_full3{background: #ee7c7c;}
.class-full li a{width: 100%;display: block;padding: 24px 50px;}
.class-full li a span{display: inline-block;vertical-align: middle;color: #fff;}
.span_img{width: 101px;height: 101px;}
.span_text{padding-left: 30px;}

.cstlayer span{position: relative;background: #ddd;padding: 0 16px;}
.cstlayer_bj span{background: #fff;}
.cstlayer{position: relative;}
.cstlayer:before{content: "";width: 100%;height: 1px;background:#7a7977;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.index_reco p{margin: 0;}
.index-recom p{margin-bottom: 30px;}
.index-recom p:last-child{margin-bottom: 0;}

@media(max-width: 1200px){
	.class-full li a{padding: 15px;}
	.span_img{width: 70px;height: 70px;}
	.span_text{padding-left: 10px;}
	.fz-ms-24{font-size: 24px;}
}
@media(max-width: 1020px){
  	.class_ation{margin-top: 30px;}
	.pc_class_nav .classnav dl dd{padding-left: 10px;}
}
@media(max-width: 768px){
	.fz-xs-20{font-size: 20px;}
	.fz-xs-18{font-size: 18px;}
	.fz-xs-16{font-size: 16px;}
	.fz-xs-14{font-size: 14px;}
	
	.fw-ms-b{font-weight: bold;}
	.title{line-height: 2;}
  	.index_ipo{padding-bottom: 0;}
  	.pc_class_nav,.inex-form{display: none;}
  	.footer-menu{display: block;}
  	.span_img{width: 50px;height: 50px;}
	.class-full li a{padding: 10px 0;text-align: center;}
	.span_text{width: 100%;margin-top: 8px;padding-left: 0;}
	.span_text .fz-xs-20{font-size: 14px;}
}
/*CLASSIFICATION end*/

/*OUR PRODUCTS*/
.pro_left,.pro_right{width: 49.7%;display: inline-block;vertical-align: top;}
.index_proimg{position: relative;}
.index_proimg .pro_text{position: absolute;top: 80px;left: 40px;width: 48%;}
.pro_title{font-size: 46px;line-height: 1.2;}
.buyitnow{margin-top: 30px;}
.buyitnow a{font-size: 12px;display: inline-block;position: relative;background: #00a1e9;color: #fff;padding: 6px 20px;border-radius: 20px;}
.buyitnow a i{width: 23px;height: 21px;display: inline-block;vertical-align: middle;background: url(../images/buyitnow.jpg) no-repeat;}

.pro_right .index_proimg:nth-child(2){margin-top: 1.4%;}
.pro_right .index_proimg:nth-child(1) .pro_title{color: #00a1e9;}
/*.pro_right .index_proimg:nth-child(2) .pro_title{color: #5f5d5e;}*/
.index_product_top{margin-top: 14px;}
.index_product_top .pro_left .pro_title,.index_product_top .pro_right .pro_title{color: #5f5d5e!important;}

.product_bj{background: #342c2a;}
.bx-wrapper{position: relative;}
.bx-wrapper .bx-controls-direction a{position: absolute;outline: 0;width: 30px;height: 55px;z-index: 1;top: 50%;text-indent: -999px;overflow: hidden;transform: translateY(-50%);}
.bx-wrapper .bx-controls-direction a.disabled{display: none;}
.bx-wrapper .bx-prev,.bx-wrapper .bx-next{background: url(../images/button.png) no-repeat;}
.bx-wrapper .bx-prev{left: -50px;background-position: 0 0;}
.bx-wrapper .bx-next{right: -50px;background-position: -86px 0;}
.bx-wrapper .bx-prev:hover{background-position: 0 -104px;}
.bx-wrapper .bx-next:hover{background-position: -86px -104px;}

#Marquee_x{height: auto;overflow:hidden;} 
#Marquee_x .cooper li,#Marquee_x .cooper li .cooper_img{float:left;overflow:hidden;text-align: center;}
#Marquee_x .cooper li .cooper_img{width: 420px;float:left;overflow:hidden;}
#Marquee_x .cooper li .cooper_img img{display:block;border: 1px solid #eee;}
#Marquee_x .cooper li .cooper_img span{line-height: 2;font-size: 14px;color: #666;}

.fluid-padding{padding: 0 60px;}

@media(max-width: 1800px){
	.bx-wrapper .bx-prev,.bx-wrapper .bx-next{background-color: rgba(0,0,0,0.6);}
	.bx-wrapper .bx-prev{left: 0;}
	.bx-wrapper .bx-next{right: 0;}
}
@media(max-width: 1540px){
	.pro_title{font-size: 36px;}
}
@media(max-width: 1440px){
	.pro_title{font-size: 30px;}
}
@media(max-width: 1200px){
	.index_proimg .pro_text{width: 60%;top: 40px;}
	.pro_title{font-size: 30px;}
}
@media(max-width: 768px){
	.index_proimg .pro_text{top: 20px;left: 0;width: 100%;padding: 0 15px;}
	.pro_title{font-size: 20px;}
	.buyitnow{margin-top: 10px;}
	.index_product_top{margin-top: 4px;}
	#Marquee_x .cooper li .cooper_img{width: 300px;}
	.fluid-padding{padding: 0 15px;}
}
@media(max-width: 440px){
	.pro_left,.pro_right{width: 100%;}
	.index_proimg .pro_text{top: 30px;padding: 0 20px;}
	.pro_right .index_proimg,.index_proimg{margin-top: 10px!important;}
}
/*OUR PRODUCTS end*/

/*privide*/
.index_privide{font-size: 0;background: #00a2ea;}
.privide_left,.privide_right{width: 50%;display: inline-block;vertical-align: middle;position: relative;}
.privide_left{padding: 0 80px;}
.privide_left:before{content: "";width: 73px;height: 76px;position: absolute;position: absolute;top: 50%;transform: translateY(-50%);background: url(../images/reser_bj.png) no-repeat;background-size: 100% 100%;right: -73px;z-index: 1;}
.priv_title{font-size: 40px;}
.priv_text{margin-top: 30px;line-height: 2;-webkit-line-clamp: 4;height: 8.4em;}
.reser_top{margin-top: 100px;}
.reser_tion li{display: inline-block;vertical-align: middle;}
.reser_left a{display: inline-block;font-size: 20px;border: 1px solid #fff;color: #fff;padding: 4px 24px;border-radius: 50px;}
.reser_img{padding: 0 40px;}
.reser_right a{margin: 0 6px;}

.privide_right .privide_text{position: absolute;left: 65%;bottom: 15%;}
.privide_text li a{font-size: 12px;color: #fff;line-height: 2;}

@media(max-width: 1730px){
	.privide_left{padding: 0 40px;}
	.reser_img{padding: 0 20px;}
	.reser_right a{margin: 0 4px;}
}
@media(max-width: 1450px){
	.privide_left{padding: 0 20px;}
	.priv_title{font-size: 24px;}
	.priv_text,.reser_top{margin-top: 20px;}
	.reser_img{padding: 0 10px;}
	.reser_left a{font-size: 16px;padding: 4px 16px;}
	.reser_tion{text-align: center;}
	.reser_right{width: 100%;margin-top: 10px;}
}
@media(max-width: 1020px){
	.privide_left,.privide_right{width: 100%;}
	.privide_left:before{display: none;}
	.privide_left{padding: 30px 15px;}
}
@media(max-width: 600px){
	.privide_right .privide_text{top: 60px;left: 30px;}
}
/*privide end*/

/*OUR SERVICES*/
.character{font-size: 0;}
.character li{width: 23%;margin: 0 1%;padding: 20px 0;display: inline-block;vertical-align: top;}
.char_text{margin-top: 24px;padding-top: 20px;color: #a3a3a3;}

@media(max-width: 768px){
	.character li{width: 49%;margin: 0 0.5%;padding: 0;}
	.char_text{margin: 10px 0;padding: 0;}
}
@media(max-width: 540px){
	.char_text{font-size: 12px;}
	.character li img{width: 90px;}
}
/*OUR SERVICES end*/

/*ABOUT*/
.index_about{width: 40%;margin: 80px 0 30px;}
.index_fluid{padding: 0 10%;}
.abo_title{font-size: 50px;line-height: 1.2;color: #00acf8;}
.abo_text{margin-top: 10px;color: #fff;line-height: 2;-webkit-line-clamp: 7;height: 14em;}

@media(max-width: 1200px){
	.index_about{width: 46%;margin: 20px 0;}
	.index_fluid{padding: 0 30px;}
	.abo_title{font-size: 32px;}
}
@media(max-width: 768px){
	.index_about{width: 100%;margin: 0;}
	.index_fluid{padding: 0 15px;}
	.abo_title{font-size: 24px;}
}
/*ABOUT end*/

/*position*/
.position{background: #ddd;}
.position_home li{display: inline-block;vertical-align: top;font-size: 14px;color: #888;padding: 12px 0;}
.position_home li>a{font-size: 14px;color: #888;}
.position_home li.active>a,.position_home li>a:hover{color: #00acf8;}
/*position end*/

/*products*/
.products_left{width: 24%;}
.products_right{width: 74%;}
.index_pros{font-size: 0;}
.index_pros li{width: 32%;display: inline-block;vertical-align: top;margin: 0 0.65% 1.3%;text-align: center;border: 1px solid #ededed;}
.ellipsis_title{font-size: 12px;color: #000;font-weight: bold;margin: 10px;line-height: 1.5;height: 3em;border-top: 1px solid #ededed;padding-top: 8px;}

.phone li{border-top: 1px solid #fff;text-align: left;}
.phone li>a{width: 100%;display: inline-block;color: #555;font-size: 16px;font-weight: bold;background: #d6d6d6;position: relative;}
.phone li.active a:before,.phone li>a:hover:before{content: "";height: 100%;width: 2px;background: #00acf8;position: absolute;top: 0;left: 0;}
.phone li.active a,.phone li>a:hover{background: #f1f1f1;color: #555;}	

.p-detail>.p-info>.img-boxs{width: 36%;}
.p-detail>.p-info>.img-boxs>a>img{border: 1px solid #ddd;padding: 2px;}
.p-detail>.p-info>.img-boxs>.img-arr{margin-top: 20px;position: relative;}
.icon_left,.icon_right{position: absolute;top: 50%;transform: translateY(-50%);width: 26px;height: 42px;display: block;background: url(../images/sol_img.png);}
.icon_left{background-position: -156px -60px;left: 0;}
.icon_right{background-position: -198px -60px;right: 0;}
.icon_left:hover{background-position: -156px -1px;}
.icon_right:hover{background-position: -198px -1px;}
.p-detail>.p-info>.img-boxs>.img-arr>.img_text{width: 85%;white-space: nowrap;overflow: hidden;vertical-align: middle;position: relative;left: 7.5%;text-align: center;}
.p-detail>.p-info>.img-boxs>.img-arr>ul>li{opacity: .5;width: 30%;margin:0 3px;border: 1px solid #ddd;padding: 2px;display: inline-block;}
.p-detail>.p-info>.img-boxs>.img-arr>ul>li.active{opacity: 1;border-color: #00acf8;}

.p-detail>.p-info>.text-box{width: 60%;}
.page-btn{font-size: 24px;color: #474747;}
.index_page_top{margin-top: 30px;}
.desc{line-height: 2;font-size: 16px;color: #888;}
.index_nav{border-bottom: 1px solid #00acf8;}
.index_nav span{font-size: 16px;padding: 6px 12px;background: #00acf8;display: inline-block;color: #fff;}
.prenext li a{color: #888;font-size: 16px;line-height: 2;}
.prenext li a:hover{color: #00acf8;}

@media(min-width: 769px){ 
  	.indexnav h3{display: none;}
  	.phone{display: block;width: 100%;text-align: center;}
  	.mobile{background: #00acf8;color: #fff;padding: 20px 0;font-size: 24px;font-weight: bold;}
  	.phone li>a{padding: 16px 20px;}
}
@media(max-width: 1200px){
	.mobile{padding: 14px 0;font-size: 20px;}
	.phone li>a{padding: 12px;font-size: 14px;}
}
@media(max-width: 1020px){
	.index_pros li{width: 49%;margin: 0 0.5% 1%;}
	.p-detail>.p-info>.img-boxs{width: 100%;}
	.p-detail>.p-info>.text-box{width: 100%;margin-top: 20px;}
}
@media(max-width: 768px){
  	.products_left{width: 100%;}
	.products_right{width: 100%;margin-top: 20px;}
	.indexnav h3{background: #00acf8;text-align: center;margin: 0;color: #fff;padding: 12px 0;font-size: 20px;}
	.mobile{display: none;}
	.indexnav{position: relative;}
	.indexnav .phone{display: none;width: 100%;position: absolute;top: 100%;z-index: 9;}
	.mobile{background: #00acf8;color: #fff;padding: 20px 0;font-size: 24px;font-weight: bold;}
  	.phone li>a{padding: 12px;}
  	.page-btn{font-size: 20px;}
	.desc,.index_nav span,.prenext li a{font-size: 14px;}
	.position_home li,.position_home li>a{font-size: 12px;}
}
/*porducts end*/

/*Customer-benefits*/
.p_form_s{margin-bottom: 10px;}
.p_form form input,.p_form form textarea{width: 100%;border: 1px solid #dcdcdc;padding: 10px;font-size: 14px;outline: none;}
.p_form form .button{width: 100%;background: #00acf8;color: #fff;font-size: 16px;text-align: center;padding: 10px;cursor:pointer;}
.p_form form .button:hover{background: #f00;}
.order_title{font-size: 16px;margin-bottom: 10px;}
.order_title span{color: #f00;}
/*Customer-benefits end*/

.leftmenu{background: #d6d6d6;}
.leftmenu .hasub .n1,.leftmenu .hasub h4{position: relative;padding: 0;margin: 0;border-bottom: 1px solid #fff;text-align: left;}
.leftmenu .item .subcate .sia{text-align: left;position: relative;display:block;overflow: hidden;padding: 16px 20px;color:#555;background: #f7f7f7;border-bottom: 1px solid #fff;font-weight: bold;}
.leftmenu .hasub .n1:before{content:"";position: absolute;top: 50%;transform: translateY(-50%);right: 10px;width: 100%;height: 38px;cursor: pointer;
background: url(../images/default.png) no-repeat center right;z-index: 2;}
.leftmenu .hasub.cur .n1:before{background: url(../images/cur.png) no-repeat center right;}
.leftmenu .item .ia{padding: 16px 20px;display:block;overflow:hidden;font-size:16px;color: #555;font-weight: bold;position: relative;}
.leftmenu .item .ia:hover,.leftmenu .item.cur .ia,.leftmenu .item .active{background: #f1f1f1;}
.leftmenu .item a.active:before,.leftmenu .item a:hover:before{content: "";height: 100%;width: 2px;background: #00acf8;position: absolute;top: 0;left: 0;}
.leftmenu .item .subcate{display:none;}
.leftmenu .item .subcate .sia:hover{background: #f1f1f1;}
.leftmenu .item.cur .subcate{display:block;}

@media(min-width: 768px) and (max-width: 1100px){
	.leftmenu .item .subcate .sia{padding: 10px 16px;}
	.leftmenu .item .ia{padding: 10px 16px;display:block;overflow:hidden;font-size:14px;color: #555;font-weight: bold;position: relative;}
}

.in-contact li{margin: 20px 0;}
.in-contact{background: #eeeeef;padding: 50px 84px;}
.in-name{font-size: 26px;color: #5f5d5d;font-weight: bold;line-height: 2;position: relative;padding-left: 60px;}
.in-names{position: relative;}
.in-names{width: 40px;height: 40px;background: url(../images/icon01.png) no-repeat;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.in-name1{background-position: 0 0;}
.in-name2{background-position: 0 -92px;}
.in-name3{background-position: 0 -214px;}
.in-name4{background-position: 0 -308px;}
.in-text{font-size: 20px;color: #5f5d5d;padding-left: 60px;}
.in-text a{font-size: 20px;color: #5f5d5d;margin-right: 20px;}
.in-text a:hover{color: #00a2ea;}
.in-img-top{margin-bottom: 40px;}
			
@media(max-width: 768px){
	.in-name{font-size: 20px;padding-left: 50px;}
	.in-text{font-size: 14px;padding-left: 50px;}
	.in-text a{font-size: 16px;margin-right: 10px;}
	.in-contact{background: #eeeeef;padding: 10px 20px 10px 32px;}
}