/*整体定义*/
@charset "utf-8";
*{margin: 0;padding: 0;list-style:none;font-family:”Microsoft YaHei”,Arial,Helvetica;text-decoration: none;font-size: 12px;color: #888;}
.clearfix{ clear: both;}
img,input{ display: block;}
a{ text-decoration: none;}
p{margin: 0;padding: 0;}

.z_c{position: absolute;width: 800px;height: 560px;top:50%;left: 50%;margin: -280px 0px 0px -400px;}
.z_c span{width: 100%;text-align: center;line-height: 30px;float: left;}
.h11{color: #000000;font-size: 36px; font-weight: bold;padding: 20px 0px;}
.h22{color: #000000;font-size: 16px; padding: 0px 0px 30px 0px;}
.h22 a{border:1px solid #0097e2;border-radius:50px;padding: 10px 100px 10px 100px;font-size: 18px; color: #0097e2;transition:all 0.3s;}
.h22 a:hover {background-color:#0097e2;transition:all 0.3s;color: #ffffff; padding: 12px 120px 12px 120px;font-size: 20px; }

@media (max-width: 768px) {
	.z_c{position: absolute;width: 400px;height: 560px;top:50%;left: 50%;margin: -280px 0px 0px -200px;}
	.z_c span{width: 100%;text-align: center;line-height: 30px;float: left;}
	.h11{color: #000000;font-size: 24px; font-weight: bold;padding: 20px 0px;}
	.h22{color: #000000;font-size: 12px; padding: 0px 0px 30px 0px;}
	.h22 a{border:1px solid #0097e2;border-radius:50px;padding: 10px 100px 10px 100px;font-size: 18px; color: #0097e2;background-color: #ffffff;transition:all 0.3s;}
	.h22 a:hover {background-color:#0097e2;transition:all 0.3s;color: #ffffff; padding: 12px 120px 12px 120px;font-size: 20px;}
}



/*菜单栏*/
.header{ position:fixed; top: 0; z-index: 10; width: 100%; background-color: rgba(0,0,0,0); transition:all 0.3s;}
.header2{ position:fixed; top: 0; z-index: 10; width: 100%; background-color: rgba(0,0,0,0.9); transition:all 0.3s;}
/*.header_left{ margin-left: 70%; transition:margin-left 0.3s; width: 100%; }*/
/*.header_black{ background-color:  rgba(0,0,0,0.7);}*/

.header_middle{max-width:1880px;margin: 0 auto;position: relative;}
.header_middle>span>a{ position: absolute; left: 30px; top: 50%; margin-top: -33px;transition: width 0.3s; line-height: 60px;}
.header_middle>span>a span{font-size: 50px; line-height: 60px;transition: all 0.3s;}
.header_middle>span img { width: 100%;}
.header_top1{float:right;width:100%;position: relative;}
.header_top1>a{ float: right; font-size: 12px; line-height: 12px;  padding: 25px 15px 0px 10px;  color: #aaaaaa;position: relative;transition: all 0.3s;}
.header_top1>a:hover{ color: #fff;transition: all 0.3s;}
.menu_icon{ position: absolute; left: 5px; top: 0; padding:10px 10px 0px 10px;display: none;width:20px;height:40px;}
.menu_list{ position:fixed; background-color: #333333; height: 100%; width: 70%; z-index: 11;top: 0; border-top: none;  transition: left 0.3s; left: -70%;}
.menu_listshow{left: 0; transition: left 0.3s;}
.menu_list>a{ display: block;  line-height: 60px; border-bottom: 1px solid rgba(255,255,255,0.1); text-align: center; font-size: 12px;color: #ebebeb; font-weight: normal;}
.index_blackbg{ position: fixed; width: 100%; height: 100%; left: 0; bottom: 0; background-color: rgba(0,0,0,0.2);  z-index: 11; display: none;}
.index_blackbg2{ height: 100%; }
.header_middle>a{ float: right; font-size: 14px; line-height: 50px;  margin: 0px 15px 10px 15px; position: relative;transition: all 0.3s; color: #fff;}
.header_middle>a span{ position: absolute; bottom: 0; left: 0; height: 2px; background-color: #4abbd8; width: 0;}
.header_middle>a:hover span{ width: 100%; transition: width 0.4s;}
.header_middle>.acur{ color: #4abbd8;}
.header_short{ background-color:  rgba(0,0,0,0.9);transition:all 0.3s;}
.header_short>.header_middle>a{ line-height:40px;transition: all 0.3s;}
.header_short>.header_middle>span{ width: 100px; transition: width 0.3s;}
.header_short>.header_middle>.header_top1>a{ padding: 15px 15px 0px 10px; transition: all 0.3s;}
.header_short>.header_middle>span>a span{ font-size: 46px;  transition: all 0.3s;}


@media (max-width: 768px) {
    .header_top1{display: none;}
    .header_middle{ height: 50px;}
    .header_middle>a{ display: none;}
    .menu_icon{ display: block;}
    .header_middle>span>a{ left:calc(50% - 52px);top: 50%; margin: -25px auto 0px  auto;transition: width 0.3s;font-size: 30px; line-height: 50px;}
    .header_middle>span>a span{font-size: 30px; line-height: 50px;}
    /*.header_short>.header_middle>span{ width: 100px;}*/
    .header_short>.header_middle>span>a span{font-size: 30px; line-height: 50px;transition: all 0.3s;}
}

/*侧滑菜单 和 图标*/
.menu_arrow1{margin-top:9px;transition:transform 0.5s;width: 19px;height: 1px;background-color: #ffffff;}
.menu_arrow2{margin-top:9px;transition:transform 0.5s;width: 19px;height: 1px;background-color: #ffffff;}
.menu_arrow1_1{
    position: inherit;
    margin-top:15px;
    width: 19px;height: 1px;background-color: #ffffff;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); 	/* IE 9 */
    -moz-transform:rotate(45deg); 	/* Firefox */
    -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
    -o-transform:rotate(45deg); 	/* Opera */
    transition:transform 0.5s}
.menu_arrow2_1{
    position: inherit;
    margin-top:15px;
    width: 19px;height: 1px;background-color: #ffffff;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg); 	/* IE 9 */
    -moz-transform:rotate(-45deg); 	/* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
    -o-transform:rotate(-45deg); 	/* Opera */
    transition:transform 0.5s}








/*整版和左侧*/
.all_content{position:absolute;transition:margin-left 0.3s; width: 100%;}
.all_left{ margin-left: 70%; transition:margin-left 0.3s; width: 100%; }
.all_content_d{ position: absolute; width: 100%;z-index: 5;background-color: #ffffff;}
.body_noscroll{ height: 100%; overflow: hidden;}

/*banner*/
/*.banner_box{ position:fixed;  width: 100%; top: 0; left: 50%; margin-left: -50%;height: 100%;overflow: hidden;}*/
.banner_box{ position: fixed; width: 100%; top: 0; left: 0; overflow: hidden;z-index: -1;height: 100%;background-color: #333333;}
/*.banner_box2{ position: fixed; top: 0; width: 100%; left: 50%;margin-left:-50%;z-index: -1; height: 300px;overflow: hidden;}*/
.banner_box2{ position: fixed; top: 0; width: 100%; left: 50%;margin-left:-50%;z-index: -1; height: 100px;overflow: hidden;}
/*.zhanwei{position: fixed;width: 100%; height: 80px;display: none;background-color: #ff0000;}*/
.swiper-container{ height: 100%;}
@keyframes banner_text_show1 {
    from{ opacity: 0; bottom: 50px;}
    to{ opacity: 1; bottom: 0px;}
}
@keyframes banner_text_show2 {
    from{ opacity: 0; bottom: -50px;}
    to{ opacity: 1; bottom: 0px;}
}
.banner_text_show1{animation: banner_text_show1; animation-duration: 0.5s; animation-delay: 0.2s; animation-fill-mode: forwards;}
.banner_text_show2{animation: banner_text_show2; animation-duration: 0.5s; animation-delay: 0.2s; animation-fill-mode: forwards;}
.banner_text{ position: absolute; text-align: center; top:50%; z-index: 1;width: 100%;margin:-115px auto 0px auto;padding: 50px 0px 50px 0px;transition: all 0.3s;}
.banner_text1{ font-size: 50px; color: #ffffff; position: relative; opacity: 0; line-height: 80px; }
.banner_text2{ font-size: 28px; color: #4abbd8; position: relative; opacity: 0;line-height: 50px;}
.black1{ color: #4abbd8;}
.black2{ color: #ffffff;}
.banner2{display: none;}
.banner1{ position: absolute; left: 50%; margin-left: -960px;}
@media (max-width: 767px) {
    .banner_box{ height: 100%; overflow: hidden;}
    .banner_box2{ height: 20px;}
    .banner_box2 img{ display: none;}
    .banner_text{margin: -40px auto 0 auto;padding: 0px;transition: all 0.3s;}
    .banner_text1{font-size: 24px;line-height: 30px;}
    .banner_text2{ font-size: 12px;line-height: 30px;}
    .banner2{display: block;}
    .banner1{display: none;}
    .zhanwei{display: block;}
}





/*foot 页脚*/
.fooder{ position:inherit;width:100%;background-color: #222222; padding-top: 100px; padding-bottom: 70px;}
.fooder_part1{ max-width:1200px; margin: 0 auto;padding: 0 20px;}
.fooder_part1 ul{ float: left;}
.fooder_part1 ul li{ float: left;margin-right:40px ;}
.fooder_part1 ul li h2{ color: #ffffff; font-size: 16px; font-weight: normal; padding-bottom: 15px;}
.fooder_part1 ul li a{ display: block; font-size: 12px; color: #aaaaaa; line-height: 25px;}
.fooder_part1 ul li a:hover{ text-decoration: underline;}
.service{ float: right; font-size: 20px; color: #ffffff; font-weight: bold; text-decoration: underline;}
.fooder_part2{max-width:1200px; margin:0 auto; margin-top: 60px;padding: 0 20px;}
.fooder_erweima{ float: left;}
.contact_methods{ float: left; margin-left: 30px;}
.contact_methods li{ color: #aaaaaa; line-height: 36px;}
.third_link{ float: right; text-align: center;}
.third_link h1{width: 100%;padding: 0px 0px 0px 0px;}
.third_link h2{width: 100%;padding: 10px 0px 10px 0px;line-height: 30px;font-weight: normal;font-size: 14px;}
.third_link img{margin: 0 auto;}
.third_link a{ float: left; margin-left: 20px;}
@media (max-width: 768px) {
    .fooder{ padding-top: 0; border-top: 1px solid #fff;}
    .fooder_part1{ padding: 0;}
    .fooder_part2{ padding: 0;}
    .fooder_part1 ul{ width: 100%;}
    .fooder_part1 ul li{ margin-right: 0px; width: 100%; text-align: center;}
    .fooder_part1 ul li h2{  padding-top: 15px; border-bottom: 1px solid #333333;}
    .fooder_part1 ul li a{ border-bottom: solid 1px #333333;background-color: #444444; line-height: 40px;}
    .service{ width: 100%; text-align: center; margin-right: 0; margin-top: 20px;}
    .fooder_erweima{ width: 100%;}
    .fooder_erweima img{ margin: 0 auto;}
    .contact_methods{ width: 100%; margin-left: 0; margin-top: 30px;}
    .contact_methods li{ text-align: center;}
    .third_link{ width: 100%;  padding-top: 30px; position: relative; margin:0 auto;text-align: center;font-size: 24px;}
}


/*定义的相关动画帧*/
@keyframes down_up {
    from{ opacity: 0; bottom: -30px;}
    to{ opacity: 1; bottom: 0px;}
}
.down_up1{animation: down_up; animation-duration: 0.8s; animation-delay: 0.1s; animation-fill-mode: forwards; }
.down_up2{animation: down_up; animation-duration: 0.8s; animation-delay: 0.3s; animation-fill-mode: forwards; }
.down_up3{animation: down_up; animation-duration: 0.8s; animation-delay: 0.5s; animation-fill-mode: forwards; }
.down_up4{animation: down_up; animation-duration: 0.8s; animation-delay: 0.7s; animation-fill-mode: forwards; }
.down_up5{animation: down_up; animation-duration: 0.8s; animation-delay: 0.9s; animation-fill-mode: forwards; }
.down_up6{animation: down_up; animation-duration: 0.8s; animation-delay: 1.1s; animation-fill-mode: forwards; }
.down_up7{animation: down_up; animation-duration: 0.8s; animation-delay: 1.3s; animation-fill-mode: forwards; }
.down_up8{animation: down_up; animation-duration: 0.8s; animation-delay: 1.5s; animation-fill-mode: forwards; }
.down_up9{animation: down_up; animation-duration: 0.8s; animation-delay: 1.7s; animation-fill-mode: forwards; }
.down_up10{animation: down_up; animation-duration: 0.8s; animation-delay: 1.9s; animation-fill-mode: forwards; }
.down_up11{animation: down_up; animation-duration: 0.8s; animation-delay: 2.1s; animation-fill-mode: forwards; }
.down_up12{animation: down_up; animation-duration: 0.8s; animation-delay: 2.2s; animation-fill-mode: forwards; }
@keyframes left_middle {
    from{ opacity: 0; left: -50px;}
    to{ opacity: 1; left: 0px;}
}
.left_middle1{animation: left_middle; animation-duration: 0.8s; animation-delay: 0.8s; animation-fill-mode: forwards;}
.left_middle2{animation: left_middle; animation-duration: 0.8s; animation-delay: 1.1s; animation-fill-mode: forwards;}
.left_middle3{animation: left_middle; animation-duration: 0.8s; animation-delay: 1.2s; animation-fill-mode: forwards;}
@keyframes right_middle {
    from{ opacity: 0; right: -30px;}
    to{ opacity: 1; right: 0px;}
}
.right_middle{animation: right_middle; animation-duration: 0.5s; animation-delay: 0.1s; animation-fill-mode: forwards;}


/*区域公用样式*/
.index_title_dec{ font-size: 20px; text-align: center; font-family: English-font; font-weight: normal; color: #888;position: relative; opacity: 0;}
.index_title{font-weight: normal; color: #333; text-align: center; padding-top: 20px; font-size: 30px; position: relative; opacity: 0;}
.index_title_white{ color: #fff;}
.index_title_line{ display: block; background-color: #4abbd8; width: 120px; height: 2px; margin-top: 25px; position: relative; left: 50%; margin-left: -60px; opacity: 0;}
/*index - 百分百 f5f5f5 灰底 通用*/
.index_huidi{width: 100%;  background-color: #f5f5f5;}
/*index - 1560px 通用*/
.index_1560{ max-width: 1560px; margin:0 auto; padding: 50px 0px 50px 0px;}
.index_100{ width: 100%; margin:0 auto; overflow: hidden;}
@media (max-width: 768px){
    .index_title_dec{ font-size: 16px;}
    .index_title{ font-size: 24px;}
    .index_title_line{ width: 80px; margin-left: -40px;}
}



/*index - 核心业务区域*/
.index_5biz_d{ margin-top: 50px;}
.index_5biz_d a{ float: left; width: calc(16% - 2px); padding: 50px 2%;position: relative; opacity: 0;transition:all 0.3s;}
.index_5biz_d a img{margin: 0 auto; transform: scale(0.9);transition: all 0.5s;}
.index_5biz_d a h1{margin: 0 auto;width: 100%;padding:0px 0px 15px 0px;border-bottom: 2px solid #4abbd8;text-align: center;font-size: 14px; color: #000000; font-weight: normal;transition:all 0.3s;}
.index_5biz_d a h2{margin: 0 auto;width: calc(100% - 10px);padding:15px 5px 0px 5px;text-align: center;font-size: 12px; color: #aaaaaa;line-height: 24px;font-weight: normal;min-height: 120px;transition:all 0.3s;}
.index_5biz_d a h3{margin:0 auto;text-align: center;padding: 20px 0px 20px 0px;width: 100%;}
.index_5biz_d a h4{margin:0 auto;text-align: center;padding: 20px 0px 20px 0px;width: 100%;display: none;}
.index_5biz_d a:hover {background-color:#4abbd8;transition:all 0.3s;padding: 40px 2% 10px 2%; }
.index_5biz_d a:hover img{margin: 0 auto; transform: scale(1);transition: all 0.5s;}
.index_5biz_d a:hover h1{border-bottom: 2px solid #ffffff;font-weight:bold;color: #ffffff;transition:all 0.3s;}
.index_5biz_d a:hover h2{color: #ffffff;transition:all 0.3s;}
.index_5biz_d a:hover h3{display: none;transition:all 0.3s;}
.index_5biz_d a:hover h4{display: block;transition:all 0.3s;}
@media (max-width: 768px){
    .index_5biz_d{ margin-top: 30px; margin-bottom: 50px;}
    .index_5biz_d a{ width: 80%; margin: 0px 7%;padding: 30px 3%}
    .index_5biz_d a h2{min-height: 50px;}
}



/*index - 关于我们 及 表单*/
.index_about{float:left;width: calc(50% - 100px);padding: 50px;}
.index_about_c{float: right;max-width:660px;width: 100%;position: relative; opacity: 0;}
.index_about_c h1{margin: 0 auto;width:100%;font-weight: normal; color: #333; text-align: center; padding: 20px 0px 10px 0px; font-size: 30px; }
.index_about_c h2{margin: 0 auto;width:100%;font-weight: normal; line-height: 24px;padding: 15px 0px 15px 0px;}
.index_about_c h3{margin: 0 auto;width:180px;font-weight: normal;}
.index_about_c img{margin: 15px auto 15px auto;width: 100%;}
.index_about_c h3 a{float:left;width: 180px;line-height: 50px;background-color: #4abbd8;font-size: 16px;text-align: center;color: #ffffff;}
.index_post{float:right;width: calc(50% - 100px);padding: 50px;background-color: #4abbd8;}
.index_post_c{float: left;max-width:660px;width: 100%;position: relative; opacity: 0;}
.index_post_c h1{float:left;width:100%;font-weight: normal; color: #ffffff; padding: 20px 0px 10px 0px; font-size: 30px;}
.index_post_c h2{float:left;width:100%;font-weight: normal; font-size: 14px;line-height: 30px;padding: 15px 0px 15px 0px;}
.post_input1{float: left;width: calc(50% - 100px);margin: 0;line-height: 30px;font-size: 14px;background-color: #ffffff;border: 0;padding: 0px 10px;border-radius:3px 0px 0px 3px;}
.post_input1b{float: left;width: 60%;margin: 0;line-height: 30px;font-size: 14px;background-color: #ffffff;border: 0;padding: 0px 10px;border-radius:3px;}
.post_input2{float: left;width:100px;margin: 0px 40px 0px 0px;line-height: 30px;height:30px;font-size: 14px;background-color: #ffffff;border: 0;padding: 0px 10px;border-radius:3px;}
.post_input2_title{float: left;margin: 0px 20px 0px 0px;font-size: 12px;color: #ffffff;}
.post_input3{float: left;width: calc(33% - 100px);margin: 0;line-height: 30px;font-size: 14px;background-color: #ffffff;border: 0;padding: 0px 10px;border-radius:3px 0px 0px 3px;}
.post_input3_title{float: left;width: 40px;margin: 0px 40px 0px 0px;font-size: 12px;background-color: #f5f5f5;text-align: center;color: #aaaaaa;border-radius:0px 3px 3px 0px;}
.post_an{float: left;width: 30%;margin-bottom: 50px;line-height: 30px;height:36px;font-size: 12px;color:#ffffff;background-color: #444444;border: 0;text-align:center;border-radius:3px;}
@media (max-width: 768px){
    .post_input2{float: left;width:80px;margin: 0px 10px 0px 0px;line-height: 30px;height:30px;font-size: 14px;background-color: #ffffff;border: 0;padding: 0px 10px;border-radius:3px;}
    .post_input2_title{float: left;margin: 0px 5px 0px 0px;font-size: 12px;color: #ffffff;}
    .post_input3{float: left;width: calc(33% - 55px);margin: 0;line-height: 30px;font-size: 14px;background-color: #ffffff;border: 0;padding: 0px 10px;border-radius:3px 0px 0px 3px;}
    .post_input3_title{float: left;width: 30px;margin: 0px 5px 0px 0px;font-size: 12px;background-color: #f5f5f5;text-align: center;color: #aaaaaa;border-radius:0px 3px 3px 0px;}
    .index_about{float:left;width: 80%;padding: 50px 10%  50px 10%;}
    .index_post{float:right;width: 80%;padding: 50px 10%  50px 10%;background-color: #4abbd8;}
}

/*index - 四组数字*/
.index_number{width:100%; background: url("number_bg.jpg") no-repeat; background-size: cover; background-attachment: fixed;}
.index_number_c{max-width: 1560px; margin:0 auto; padding: 100px 0px 100px 0px;overflow: hidden;}
.index_number_box{float:left;margin:0px 1% 0px 1%;width:20%; background-color: #ffffff;padding: 30px 1.5% 30px 1.5%;position: relative; opacity: 0;}
.index_number_box h1{float:left;width: 60px;height: 60px;background-color: #4abbd8;font-size: 50px;color: #ffffff;margin: 0px 15px 0px 0px;text-align: center;line-height: 60px;}
.index_number_box h2{float:left;color: #333333;line-height: 24px;font-size: 14px;padding:6px 0px; }
.index_number_box img{float:left;margin: 0px 20px 0px 0px;}
@media (max-width: 768px) {
    .index_number_c{padding: 50px 0px 50px 0px;}
    .index_number_box{float:left;margin:30px 5%;width:70%;padding: 30px 10%;}
}

/*index - 企业图集*/
.index_photo{width: 100%;  background-color: #f5f5f5;}
.index_photo_1560{ max-width: 1560px; margin:0 auto; padding: 50px 0px 80px 0px;}
.index_photo_1560 h2{margin: 0 auto;width: 180px;position: relative;opacity: 0;}
.index_photo_title{font-weight: normal; color: #333; text-align: center; padding-top: 20px; font-size: 30px; position: relative; opacity: 0;}
.index_photo_title_line{ display: block; background-color: #4abbd8; width: 120px; height: 2px; margin-top: 25px; position: relative; left: 50%; margin-left: -60px; opacity: 0;}
.index_photo_an{float:left;width: 180px;height: 50px;background-color: #4abbd8;color: #ffffff;font-size: 16px;line-height: 50px; text-align: center;}
.index_photo_c{float: left;width: 100%;padding: 50px 0px;position: relative; opacity: 0;}
a.photolink{float: left;width: calc(25% - 20px);padding: 10px 10px 10px 10px;}
a.photolink img{width: 100%;margin: 0;}
/*4列 瀑布流大层*/
.ren_product_container{width:100%;margin: 0 auto;padding: 50px 0px 40px 0px;position: relative; opacity: 0;}
/*.ren_product_container2{width:100%;margin: 0 auto;padding: 50px 0px 40px 0px;position: relative; opacity: 1;}*/
/*瀑布流层*/
.ren_product_waterfall{-moz-column-count:4; /* Firefox */ -webkit-column-count:4; /* Safari 和 Chrome */column-count:4;  /*-moz-column-gap: 10px;-webkit-column-gap: 10px; column-gap: 10px;  列和列之间的间隙*/}
/*一个内容层*/
.ren_product_item{  padding: 0px 5px 10px 5px;  /*margin: 0px 0px 20px 0px;这个要防止顶部对不齐，最好用padding */ -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid;break-inside: avoid; /*border: 1px solid #000;*/}
.ren_product_item img{width: 100%; margin-bottom:10px;border: 1px solid #eeeeee;}
@media (max-width: 768px) {
    .index_photo_c{float: left;width: 90%;padding: 50px 0px;position: relative; opacity: 0;margin: 0 5%;}
    a.photolink{float: left;width: 46%;padding: 7px 2%;}
    .ren_product_container{width:90%;margin: 0 auto;padding: 50px 5% 50px 5%;}
    .ren_product_container2{width:90%;margin: 0 auto;padding: 0px 5% 50px 5%;}
    .ren_product_waterfall{-moz-column-count:2; /* Firefox */ -webkit-column-count:2; /* Safari 和 Chrome */column-count:2; /*-moz-column-gap: 10px;-webkit-column-gap: 10px; column-gap: 10px;  列和列之间的间隙*/}
    .ren_product_item img{width: 100%; margin:0px;border: 0;}
    .ren_product_item{padding: 0px 0px 10px 0px; /*margin: 0px 0px 20px 0px;这个要防止顶部对不齐，最好用padding */ -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid;break-inside: avoid; /*border: 1px solid #000;*/}
    .ren_product_menu{ display: block;margin:0px auto 10px auto;padding:0;line-height:30px;text-align:center;float: left; position:relative; overflow: hidden;font-size: 12px;width: 100%;background-color: #eeeeee;font-weight: normal;}
    .ren_product_menu2{ display: block;margin:0px auto 10px auto;padding:0;line-height:30px;text-align:center;float: left; position:relative; overflow: hidden;font-size: 14px;font-weight: bold;width: 100%;background-color: #eeeeee;color: #222222;border:0;}
}


/*index - 三区*/
.index_3q{ max-width: 1560px; margin:0 auto; padding: 50px 0px 30px 0px;overflow: hidden;}
.index_3q_qu{float:left;width: calc(33% - 40px);padding:0px 20px 0px 20px; position: relative; opacity: 0;margin: 0;}
.index_3q_title{font-weight: normal; color: #333; text-align: center; padding-top: 20px; font-size: 30px; position: relative; opacity: 1;}
.index_3q_title_line{ display: block; background-color: #4abbd8; width: 120px; height: 2px; margin-top: 25px; position: relative; left: 50%; margin-left: -60px; opacity: 1;}
.index_3q_qu h2{width:calc(100% - 20px);padding:30px 10px 30px 10px;overflow: hidden;}
.index_3q_qu h2 a{float:left;width:calc(100% - 20px);padding: 0px 10px;font-weight:normal;border-bottom: 1px dashed #eeeeee;height:50px;line-height: 50px;font-size: 14px;text-align: center;}
.index_3q_qu h3{margin: 0 auto;width: 180px;position: relative;opacity: 1;padding: 0px 0px 50px 0px;overflow: hidden;}
@media (max-width: 768px) {
    .index_3q_qu{float:left;width: calc(90% - 40px);padding:0px 20px 0px 20px;margin: 0 5%; }
}

/*子页面布局*/
.content_left{float: left;width: 250px;margin: auto 20px;}
.content_left_title{float:left;width:100%;color: #333; text-align: center;padding:0px 0px 10px 0px;font-size: 24px;line-height:50px;border-bottom: 2px solid #4abbd8;}
.content_left a{float:left;width: 100%;line-height: 50px;font-size: 14px;color: #333333;border-bottom: 1px solid #eeeeee;text-align: center;transition: all 0.3s;}
.content_left a:hover{float:left;width: 100%;line-height: 50px;font-size: 16px;color: #ffffff;border-bottom: 1px solid #eeeeee;text-align: center;background-color: #4abbd8;transition: all 0.3s;}
.contne_right{float: right;width: calc(100% - 330px);margin: auto 20px auto 0px;}
.content_right_title{float:left;width: calc(100% - 25px);color: #333; text-align: right;padding:0px 25px 10px 0px;font-size: 14px;line-height:50px;border-bottom: 1px solid #eeeeee;}
.content_right_title2{display: none;}
.content_right_c{float:left;width: calc(100% - 50px);padding:25px 25px 50px 25px;font-size: 14px;line-height:30px;}
.content_right_c2{float:left;width: calc(100% - 50px);padding:0px 25px 50px 25px;}
.content_right_c img{margin: 10px auto 10px auto;width: 100%;}
@media (max-width: 768px) {
    .content_left{width:90%;margin: 0 5%;}
    /*.content_left_title{margin-bottom:10px; }*/
    .content_left_title{float: left;width: 100%;line-height: 30px;text-align: center;display: block;font-size: 14px;color: #ffffff; background-color: #4abbd8;margin: 0px auto 10px auto;padding: 0;border:0;border-radius:3px;}
    .content_left a{float:left;width: calc(100% / 3 - 10px);margin:3px 4px;line-height: 30px;font-size: 12px;color: #333333;border: 1px solid #eeeeee;text-align: center;transition: all 0.3s;border-radius:3px;overflow:hidden;}
    .content_left a:hover{float:left;width: calc(100% / 3 - 10px);margin:3px 4px;line-height: 30px;font-weight:bold;font-size: 12px;color: #4abbd8;border: 1px solid #4abbd8;background-color:#ffffff;transition: all 0.3s;border-radius:3px;}
    .contne_right{float: right;width: 90%;margin: auto 5% auto 5%;}
    .content_right_title{display: none;}
    /*.content_right_title2{float: left;width: 100%;line-height: 30px;text-align: center;display: block;font-size: 14px;color: #ffffff; background-color: #4abbd8;margin: 20px auto;border-radius:3px;}*/
    .content_right_title2{float: left;width:calc(100% - 2px);line-height: 50px;text-align: center;display: block;font-size: 24px;color: #333333; border-bottom:2px solid #4abbd8;margin: 20px auto;}
    .content_right_c{width: 96%;padding: 0 2%;}
    .content_right_c2{width: 96%;padding: 0 2%;}
}

/*list 及 info 布局*/
a.lista{float: left;width: calc(100% - 40px);padding:0px 20px;line-height: 50px;border-bottom: 1px solid #eeeeee;transition: all 0.3s;}
a.lista:hover{float: left;width: calc(100% - 40px);padding:0px 20px;line-height: 50px;border-bottom: 1px solid #eeeeee;font-size: 14px;color: #4abbd8;background-color: #f6f6f6;transition: all 0.3s;}
.info_title{float: left;color: #333333;font-size: 14px;text-align: center;width: 100%;border-bottom: 1px dashed #eeeeee;padding: 0px 0px 20px 0px;}
.info_content{float: left;width: 100%;padding: 20px 0px;line-height: 24px;}