/*product----------*/

.nav_crumbs{padding-top: 25px;line-height: 55px;margin-bottom: 20px;border-bottom: 1px solid #f2f2f2;}
.nav_crumbs a{font-size: 16px;color: #333;cursor: pointer;}

/*左侧导航*/
.center_ins{padding-bottom: 60px;min-height: 760px;}
.left_nav{width: 314px;position: absolute;background: #24BCEC;}
.left_nav_list{ min-height: 540px;}
.left_nav_list > li{color: #fff;border-bottom: 1px solid #66caf0;list-style: none;}
.left_nav_list > li > a{display:block;color: #fff;font-size: 16px;padding: 0 36px 0 30px;position: relative;line-height: 68px;}
.left_nav_list > li > a:before{content: '';position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #fff;top: 32px;left: 20px;}
.left_nav_list > li > a>span{display: inline-block;width: 16px;height: 16px;background: url(../images/arrows_r_ins.png);position: absolute;right: 20px;top: 26px;}
.left_nav_list > li > a.in > span{background: url(../images/arrows_d_ins.png);}
.left_nav_list a:hover{background: rgba(0,0,0,0.1);}
.left_nav_list > li > ul{border-top: 1px solid #66caf0;padding-bottom: 30px;}
.left_nav_list > li > ul a{display: block;padding-left: 18px;color: #fff;line-height: 42px;font-size: 14px;}
.left_nav_list > li > ul > li{list-style: none;}
.left_nav_list > li > ul > li.active a{background: rgba(0,0,0,0.1);}

/*左侧导航手机版*/
.left_nav_mob{font-size: 0;background: #24BCEC;margin: 5px 0px;display: none;}
.left_nav_mob.two select{width: 50%;}
.left_nav_mob select::-ms-expand { display: none; }
.left_nav_mob select{width:49.5%;font-size: 14px;border: none;outline: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;
background: url(../images/arrows_d_ins11.png) no-repeat scroll right 5px center transparent;color: #fff;box-sizing: border-box;padding: 0 8px 0 8px;line-height: 40px;border-right: 1px solid rgba(255,255,255,0.3);}
.left_nav_mob select:nth-child(2n){border-right:0px}
.left_nav_mob select option{background: #f2f2f2;color: #535353;}


/*右侧内容*/
.right_cen{margin-left: 354px;}
.search_ins{background: #f2f2f2;padding: 24px 40px 16px 25px;position: relative;}
.search_ins input{height: 29px;line-height: 29px;width: 100%;border: none;background: none;opacity: 0.8;outline: none;}
.search_ins a{position: absolute;right: 20px;top: 26px;}

.search_return{border: 1px solid #cccccc;padding: 20px;margin-top: 20px;}
.search_return a{color: #000}
.search_return span{display: inline-block;width: 120px;padding-left: 15px;padding-top: 15px;}
/*条件查询*/
.search_condition{width: 100%;border: 1px solid #cccccc;margin-top: 10px;font-size: 0;overflow-x: auto;box-sizing: border-box;}
.search_condition_box{width: max-content;width: -webkit-max-content; width: -moz-max-content; width: -ms-max-content; position: relative;height: 104px;white-space:nowrap;}
.search_l_box{height: 104px;overflow-y: auto;display: inline-block;}
.search_l_c{display: inline-block;background: #F2F2F2;text-align: center;color: #535353;font-weight: bold;line-height: 34px;}
.search_l_c div{border-bottom: 1px solid #ccc;font-size: 14px;padding: 0 15px;}
.search_l_s{display: inline-block;vertical-align: bottom;}
.search_slid_box{height: 34px;border-bottom: 1px solid #b0b0b0; padding: 0 12px;width: 170px;}
.search_slid_box:last-child{border-bottom: none;}
.search_slid_box input{line-height: 34px;height: 34px;border:0; color:#535353;font-size: 12px;background: none;width: 80px;padding-left: 5px;}
.search_slid_box > div{height: 5px;width: 70px;float: right;margin-right: 7px;margin-top: 14px;}
/*条*/
.ui-widget-content{border: none;background: #ccc;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border: none;width: 4px;background: #ccc;height: 14px;margin-top: -5px;outline: none;}

/*table*/
.product_tab_box{width: 100%;height: auto;overflow-x: auto;}
.product_tab{width: 100%;}
.product_tab tr{height: 32px;line-height: 32px;}
.product_tab th:nth-child(1){border-left: 1px solid #ccc;}
.product_tab th{background: #f2f2f2;font-size: 14px;font-weight: 400;padding:0 10px;border-right: 1px solid #ccc;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.product_tab tr td{font-size: 12px;line-height: 16px;text-align:center;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;word-wrap:break-word;}
.product_tab tr td a{color: #24BCEC;}
.product_tab tr td:first-child{border-left: 1px solid #ccc;}

.page_d{text-align: center;margin-top: 60px;}
.page_d a{color: #8d8d8d;margin: 0 3px;border: 1px solid #e3e3e3;display: inline-block;width: 28px;box-sizing: border-box;text-align: center;height: 28px;line-height: 28px;}
.page_d a:first-child,.page_d a:last-child{width: auto;padding: 0 10px;}
.page_d a:hover{background: #24BCEC;color: #fff;border-color: #24BCEC;}
.page_d a.active{color: #333;}




.search_pkg{display: inline-block;width: 80px;background: #f2f2f2;color: #535353;font-weight: bold;font-size: 14px;height: 104px;vertical-align: top;position: relative;}
.search_pkg div{display: flex;display: -ms-flexbox;align-items: center;justify-content: center;flex-wrap: wrap;position: absolute;width: 100%;height: 100%;top: 0;left: 0;white-space: pre-wrap;text-align: center;}
.search_pkg_r{display: inline-block;overflow-y: auto;height: 104px;vertical-align: bottom;}
.search_pkg_r div{font-size: 12px;color: #535353;padding: 0 35px 0 25px;line-height: 26px;border-bottom: 1px solid #ccc;}
.search_pkg_r div input{margin:0 5px 0 0;vertical-align: middle;}
.search_pkg_r label{margin: 0;}
.search_pkg_r div:last-child{border: none;}



/*product_ins----------------------------*/
.product_ins_title h3{line-height: 68px;font-size: 24px;color: #535353;font-weight: 400;}
.product_ins_title a{float: right;display: block;width: 120px;text-align: center;line-height: 34px;background: #f2f2f2;color: #535353;margin-left: 10px;margin-top: 17px;}
.product_ins_title a.active,.product_ins_title a:hover{background: #24BCEC;color: #fff;}
.product_ins_title{margin-bottom: 10px;}
.right_cen iframe{width: 100%;height: 664px;border: none;}

/*serve--------------------------*/
.serve_ins_box{margin: 0 -20px;font-size: 0;}
.serve_ins_box .jjlist{width:25%;box-sizing: border-box;padding: 0 20px;display: inline-block;max-width: 390px;margin-bottom: 20px;}
.serve_ins_box .jjlist a{display: block;width: 100%;font-size: 18px;text-align: center;color: #999;position: relative;overflow: hidden;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;}
.serve_ins_box .jjlist a img{width: 100%;}
.serve_ins_box .jjlist a img.photo_mb{position: absolute;top: -100%;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;}
.serve_ins_box .jjlist a p{line-height: 50px;}

/*serve_ins--------------------------*/
.about_pro{float: right;width: 153px;background: #fafafa;padding-bottom: 25px;}
.about_pro p{text-align: center;line-height: 55px;font-size: 16px;color: #fff;background: #24BCEC;margin-bottom: 15px;}
.about_pro a{display: block;padding-left: 25px;color: #717171;line-height: 36px;}
.about_pro a:hover{background: #24BCEC;color: #FFFFFF;}
.serve_ins_cen{padding-right:200px;}
/*.serve_ins_cen h3{text-align: center;font-size: 24px;line-height: 64px;margin-bottom: 30px;font-weight: 400;}*/
/*.serve_ins_cen p{line-height: 24px;}*/
.serve_ins_cen p img{max-width: 100%;}
/*print----------------------------------------*/
.print{width: 70%;padding-top: 20px;}
.input_box{padding-left: 105px;position: relative;margin-bottom:22px;}
.input_box span{position: absolute;left: 0px;color: #585858;display: inline-block;line-height: 44px;width: 85px;text-align: right;}
.input_box input{width: 100%;background: none;border: 1px solid #e5e5e5;line-height: 42px;height: 42px;padding-left: 10px;box-sizing: border-box;}
.input_box input::-webkit-input-placeholder{color: #666;}
.input_box input::-moz-placeholder{color: #666;}
.input_box input::-ms-input-placeholder{color: #666;}
.input_box select{width: 100%;background: none;border: 1px solid #e5e5e5;line-height: 42px;height: 42px;padding-left: 10px;height: 44px;box-sizing: border-box;}
.input_box p{position: absolute;color: red;left: 105%;top: 10px;width: 60%;display: none;}
.print .btn{width: 110px;line-height: 40px;color: white;border-radius: 0;margin-left: 105px;display: inline-block;text-align: center;margin-top: 20px;}

/*apply for*/
.succeed{text-align: center; color: #888;font-size: 13px;line-height: 22px;padding-top: 160px;}
.succeed h3{font-size: 18px; color: #24BCEC;margin: 20px 0 40px 0;}

/*distributor--------------------------*/
.distributor_imgback{background: #f2f2f2;padding: 20px;}
.dist_title{color: #888;font-size: 16px;}
.distributor_img_box{font-size: 0;margin-top: 10px;margin-right: -1%;}
.distributor_imgback .swiper-button-prev{background: url(../images/arrows_l.png) no-repeat;background-size: 84% 100%;}
.distributor_imgback .swiper-button-next{background: url(../images/arrows_r.png) no-repeat;background-size: 84% 100%;}
.distributor_img_box a{width: 19%;display: inline-block;margin: 0.5%;position: relative;overflow: hidden;}
.distributor_img_box a img{width: 100%;}
.distributor_img_box a img.photo_mb{position: absolute;width: 100%;height: 100%;opacity: 0; top: 0;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;}
.distributor_box h1{font-size: 24px; color: #535353;margin-top: 25px;border-bottom: 1px solid #dfdfdf;line-height: 46px;margin-bottom: 20px;font-weight: 400;}
.distributor_box h1 a{color: #24BCEC;font-size: 18px;margin-left: 20px;}
.dist_cont_box h3{font-size: 18px;color: #24BCEC;font-weight: 400;line-height: 34px;margin: 15px 0 20px 0px;position: relative;}
.dist_cont_box h3:after{content: "";position: absolute;width: 20px;height: 2px;background: #24BCEC;left: 0;bottom: -10px;}
.dist_cont_box > a{padding: 0 10% 0 20px;color: #888;line-height: 24px;margin-bottom: 20px;display: block;}
.dist_cont_box > a .dist_mbox{padding: 15px; height:175px;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;}
.dist_cont_box > a h4{font-size: 16px;color: #666;line-height: 38px;font-weight: 400;}
.contact_us .dist_cont_box .col-md6-sm12{padding:0;height:175px;margin:0 0 20px  0;width: 50%;display: inline-block;box-sizing: border-box;font-size: 14px;vertical-align: top}
.dist_cont_box{font-size: 0;}

/*news------------------------------*/
.news_list{width: 100%;}
/*news_ins*/
.news_title{font-size: 22px;text-align: center;line-height: 44px;font-weight: 400;}
.news_mtitle{display: flex;display: -webkit-flex;display: -ms-flexbox;flex-wrap: nowrap;justify-content: space-around;color: #888;border-bottom: 1px solid #f2f2f2;padding: 15px 0;}
.news_article{line-height: 30px;padding: 30px 0;}
.news_article img{max-width: 100%;margin: 30px auto;}
.news_btn a{width: 40%;line-height: 56px;padding: 0 20px;box-sizing: border-box; border: 1px solid #e5e5e5;color: #585858;height: 56px;display:-webkit-box; word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow: ellipsis;overflow: hidden;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;}
.news_btn a.news_next{float: right;}
.news_btn a.news_prev{float: left;}

/*contact----------------------------*/
.contact_us h2{font-size: 24px; color: #24bcec;margin-top: 25px;border-bottom: 1px solid #dfdfdf;line-height: 46px;margin-bottom: 20px;}
.contact_us .checkbox select{width: 134px;height: 40px;line-height: 40px;border: none;background: #f2f2f2;color: #b0b0b0;padding-left: 20px;padding-right:5px;margin:0 20px 10px 0;outline: none;box-sizing: border-box;font-size: 16px;}

/*join-----------------------------*/
.join_table{width: 100%;}
.join_table tr{line-height: 74px;}
.join_table tr td{border-bottom: 1px solid #dfdfdf;color: #8d8d8d;}
.join_table tr td a.jianb{line-height: 35px;width: 100px;display: inline-block;text-align: center;color: #fff;float: right;}
.join_table tr td:first-child a{color: #535353;padding-left: 30px;font-size: 16px;position: relative;display: block;}
.join_table tr td:first-child a:before{position: absolute;content: '';width: 5px;height: 5px;border-radius: 50%;background: #535353;top: 34px;left: 15px;}
.join_table tr .join_xinz{color: #24BCEC;}
.join_table tr.join_thead td{font-size: 16px;color: #888;border: none;background: #f2f2f2;}
.join_table tr.join_thead td:first-child{padding-left: 30px;}
.join_mob{border-bottom: 1px solid #dfdfdf;padding-bottom: 20px;padding-top: 15px;}
.join_mob div{line-height: 34px;margin-bottom: 15px;}
.join_mob div a{font-size: 16px;line-height: 34px;color: #535353;}
.join_mob div a.jianb{display: inline-block;float: right;color: #fff;padding: 0 10px;font-size: 12px;}
.join_mob p{font-size: 14px;color: #888;}
.join_mob p .time{float: right;}

/*join_ins---------------------------*/
.job_title{padding-top: 10px;}
.job_title h3{color: #24BCEC;font-size: 18px;line-height: 50px;}
.job_title h3 span{display: inline-block;width: 25%;text-align: center;font-weight: 400;}
.job_title h3 a.jianb{color: #fff;display: inline-block;width: 100px;text-align: center;font-size: 14px;line-height: 35px;}
.job_title p{margin-top: 30px;color: #888;border-bottom: 1px solid #dfdfdf;padding-bottom: 30px;}
.job_title p span{margin: 0 20px;display: inline-block;border-left: 1px solid #888;width: 1px;height: 14px;vertical-align: middle;}
.job_cen{padding: 30px 0;line-height: 30px;color: #585858;}
.job_cen b{font-size: 16px;}
.job_cen a.jianb{display: inline-block;line-height: 35px;color: #fff;width: 100px;text-align: center;}

.choose >div{width: 100%;background: none;border: 1px solid #e5e5e5;line-height: 42px;padding-left: 10px;box-sizing: border-box;}
.choose >div>button{padding: 2px 5px;}
.deliver_box .input_box span{width: 56px;}
.deliver_box .input_box {padding-left: 77px;}

/*search----------------------------*/
.search_box h2{font-size: 24px;color: #24BCEC;text-align: center;font-weight: 400;padding: 20px 0 10px 0;}
.search_inp{margin: 0 auto 20px auto;width: 50%;background: #f2f2f2;line-height: 58px;position: relative;}
.search_inp input{line-height: 30px;height: 30px;border: none;box-sizing: border-box;padding: 0 40px 0 23px;width: 100%;outline: none;background: none;}
.search_inp img{position: absolute;right: 20px;top: 23px;opacity: 0.6;cursor: pointer;}
.search_box p a{color: #24BCEC;}
.search_table{width: 100%;border-top: 1px solid #e5e5e5;border-left: 1px solid #E5E5E5;margin-top: 15px;}
.search_table td{padding-left: 40px;line-height: 56px;border-right: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;color: #717171;}
.search_table th{padding-left: 40px;line-height: 56px;background: #f2f2f2;border-right: 1px solid #E5E5E5;text-align: left;color: #535353;}
.search_table td a{color: #24BCEC;}

/*message-----------------------------*/
.message_list_box{background: #F2F2F2;margin-bottom: 20px;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;}
.message_title h3{font-size: 16px;font-weight: 400;color: #444;margin-bottom: 25px;position: relative;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;}
.message_title h3:before{content: '';position: absolute;width: 5px;height: 5px;border-radius: 50%;background: #555;left: -12px;top: 9px;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;}
.message_title h3 small{color: #888;margin-left: 40px;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;}
.message_title p{color: #888;box-sizing: border-box;padding-right: 35px;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;}
.message_title{border-bottom: 1px solid rgba(255,255,255,0.4);padding: 20px 20px 20px 30px;position: relative;cursor: pointer;}
.message_title span{position: absolute;right: 20px;top: 37px;color: #999;font-size: 26px;}
.message_center{padding: 20px 20px 20px 30px;color: #fff;line-height: 34px;display: none;background: #24BCEC;}
.message_list_box.in{background: #24BCEC;color: #fff;}
.message_list_box.in .message_title h3,.message_list_box.in .message_title small,.message_list_box.in .message_title p{color: #fff;}
.message_list_box.in .message_title h3:before{background: #fff;}
.message_list_box.in .message_title span{color: #fff;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}


@media only screen and (max-width:1366px ) {
	.left_nav {width: 200px;}
	.right_cen { margin-left: 230px; width: 870px;}
	.product_tab th { padding: 0 10px;}
	.serve_ins_box div a {font-size: 16px;}
	.solution_lunb{height: 235px;}
	.serve_ins_cen {width: 690px;}
	.news_btn a {width: 45%;}
	.left_nav_list > li > a{padding: 0 30px 0 20px;}
	.left_nav_list > li > a:before{left: 12px;}
	.left_nav_list > li > a>span{right: 10px;}
	.left_nav_list > li > ul a{padding-left: 18px;}
}

@media only screen and (max-width:1024px ) {
	
}

@media only screen and (max-width:900px) {
.left_nav{display: none;}
.right_cen { margin-left: 0; width: 100%;}
.search_condition{display: none;}
.product_tab{margin-top: 10px;}
.search_ins { padding: 14px 35px 10px 15px;}
.search_ins a {right: 15px;top: 21px;}
.product_tab th { padding: 0 0px;}
.product_ins_title a { width: 80px;}
.left_nav_mob{display: block;}
.serve_ins_box {margin: 0 -10px;}
.serve_ins_box div {padding: 0 10px;margin-bottom: 10px;}
.serve_ins_box div a p {line-height: 40px;font-size: 14px;}
.about_pro{display: none;}
.serve_ins_cen{width: 100%;}
.input_box p { left: 105px; top: 45px; font-size: 12px;}
.print {width: 100%;}
.input_box { padding-left: 100px;}
.succeed{padding: 80px 0 50px;}
.distributor_imgback { padding: 15px;}
.dist_title { font-size: 14px;}
.distributor_img_box a { width: 48%; margin-right: 2%; margin-top: 2%;}
.distributor_box h1, .distributor_box h2 { font-size: 22px;}
.distributor_box h1 a { font-size: 16px;}
.contact_us .dist_cont_box .col-md6-sm12{width: 100%;}
.news_title {font-size: 20px;}
.news_mtitle { flex-wrap: wrap; font-size: 12px;}
.news_btn a { width: 100%;line-height: 40px;height: 40px;margin-bottom: 15px;}
.dist_cont_box > a .dist_mbox {padding: 15px 0;}
.contact_us .checkbox select{width: 48%;margin: 0;padding-left: 15px;font-size: 14px;}
.contact_us .checkbox select:nth-child(2){float: right;}
.join_table{display: none;}
.nav_crumbs{line-height: 35px;}
.nav_crumbs a{font-size: 14px;}
.search_inp { width: 100%; line-height: 46px;}
.search_inp img { right: 15px; top: 16px;}
.search_inp input { line-height: 30px; padding: 0 33px 0 18px;}
.search_table td{line-height: 36px;padding: 12px 0;text-align: center;}
.search_table th {line-height: 36px;padding: 12px 0;text-align: center;}

.serve_ins_box div{ width:50%;}


}
@media only screen and (min-width:901px) {
.serve_ins_box div a:hover img.photo_mb{top: 0;}
.serve_ins_box div a:hover{color: #24BCEC;}
.distributor_img_box a:hover img.photo_mb{opacity: 1;}
.contact_us .dist_cont_box a:hover > div{background:#f2f2f2;padding-left: 20px;}
.news_btn a:hover{background: #24BCEC;color: #fff;border-color: #24BCEC;}
.message_list_box:hover{background: #24BCEC;color: #fff;}
.message_list_box:hover .message_title h3,.message_list_box:hover .message_title small,.message_list_box:hover .message_title p{color: #fff;}
.message_list_box:hover .message_title h3:before{background: #fff;}
.message_list_box:hover .message_title span{color: #fff;}
.search_table tr:hover,.product_tab tr:hover,.join_table tr:hover{background: #fbfbfb;}
}








 /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
width: 4px;  
height: 4px;  
background-color: none;  
}  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track
{  
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);  
border-radius: 4px;  
}


/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
border-radius: 10px;  
-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,.1);  
background-color: #ddd;  
}