.about_into_part1 li{ background: url(../images/ind_img3.png) repeat;}
.about_into_part1 li .container{ position:relative;}

.about_into_part1 li .about_into_l{ width:50%; float:right;}
.about_into_part1 li .about_into_l img{ width:100%; height:auto;}
.about_into_part1 li:nth-child(2n) .about_into_l{ float:left;}
.about_into_part1 li dl{ width:40%; float:left; position:absolute; left:25%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); padding-left:60px; box-sizing: border-box;}
.about_into_part1 li dl dt{ margin-bottom:0.8em; position:relative;}
.about_into_part1 li dl dt a{ color:#2d2d2d; font-weight: normal;}
.about_into_part1 li dl dt em{ position: absolute; bottom:2px; left:-17px; width:43px; height:1px; background: #080808; transform:translate(-100%,0); -webkit-transform:translate(-100%,0);}
.about_into_part1 li dd p{ color:#4c4b4b; line-height: 1.7em;}
.about_into_part1 li dd a{ display: block; width:9px; height:13px; background: url(../images/ab_arr_pic2.png) no-repeat; margin:0 auto; margin-top: 30px;}

.product_list_tit{ padding-top: 40px;}
.product_list_con{ text-align: center;}
.product_list_con li img{max-width:100%;}
.about_into_part1 li:nth-child(2n) dl{ left:75%;}
.about_into_part1 li:first-child{ background: #dc0000;}
.about_into_part1 li:first-child dt a{ color:#fff;}
.about_into_part1 li:first-child dt em{ background: #fff;}
.about_into_part1 li:first-child dd a{ background: url(../images/ab_arr_pic1.png) no-repeat;}
.about_into_part1 li:first-child dd p{ color:#fff;}

.about_appreciate_main ul{ padding-top:80px;}
.about_appreciate_main li{ margin-bottom: 50px;}
.about_appreciate_main li:nth-child(3n+1){ clear: both;}
.about_appreciate_main li dl{ padding-left:60px; padding-top:16px;}
.about_appreciate_main li dl dt{ line-height: 1.4em; position:relative;}
.about_appreciate_main li dl dt a{ color:#2d2d2d;}
.about_appreciate_main li dl dd{ position:relative;}
.about_appreciate_main li dl dd em{ display: block; position:absolute; left:-18px; width:42px; height:1px; bottom:2px; background:#080808; transform:translate(-100%,0); -webkit-transform:translate(-100%,0);}
.about_appreciate_main li dl dd a{ color:#2d2d2d;}
.about_appreciate_main .page{ margin-top: 0;}

.about_appreciate_main li img{ width:100%;}



/*企业文化*/
.about_culture_part1{ margin-top: 44px; margin-bottom: 60px;}
.about_culture_part1_box{ border:1px solid #f08f8f; padding-right: 14%; padding-left: 21%; padding-bottom: 44px; overflow: hidden;}
.about_culture_part1_box dt{ margin-top: 1em; margin-bottom: 1em; line-height: 1.4em; position:relative;}
.about_culture_part1_box dt i{ font-weight: normal;}
.about_culture_part1_box dt em{ left:-20px; display:block; width:44px; height:1px; background:#000; transform: translate(-100%,0); -webkit-transform: translate(-100%,0); bottom:0; position:absolute;}
.about_culture_part1_box dd p,.about_culture_part1_box dd b{ line-height: 1.7em;}
.about_culture_part2{ background:url(../images/ind_img3.png) repeat; padding:60px 0; overflow: hidden;}
.about_culture_part2 img{ display: block; margin:0 auto;}
.about_culture_part2 h4{ padding:0.8em 0 1em 0; font-weight: normal;
    text-align: center;}
.about_culture_part2 h5{ line-height: 1.7em; text-align: center; margin-bottom: 1em; font-weight: bold;}
.about_culture_part2 p{ line-height: 1.7em; text-align: center;}

.ab_p{ width:50%; float:left; position:relative; overflow: hidden;}
.ab_p > img{ width:100%; height:auto;}
.ab_p .ab_p_l_box{ position:absolute; left:0; top:0; width:100%;}
.ab_p .ab_p_r_box{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}

.about_intro_part1{ margin-bottom: 50px;}
.ab_p_l_header{ width:235px; border:1px solid #767678; border-top:none; margin:0 auto; padding-bottom: 40px;}
.ab_p_l_header img{ display: block; margin:0 auto 190px;}
.ab_p_l_header h4,.ab_p_l_header h5{ color:#fff; text-align: center;}
.ab_p_l_header h4{ font-weight: bold; font-family: Arial; line-height: 1.2em;}
.ab_p_l_header h5{ margin-top: 0.6em; line-height: 1.2em;}

.ab_p_l_bottom h4,.ab_p_l_bottom p{ color:#fff; text-align: center;}
.ab_p_l_bottom h4{ margin:1.4em 0 1em;}
.ab_p_l_bottom p{ line-height: 1.7em; width:70%; margin:0 auto;}

.ab_p_r_box{ width:70%;}
.ab_p_r_box img{ display: block; margin:0 auto;}
.ab_p_r_box h4,.ab_p_r_box p{ color:#fff; text-align: center;}
.ab_p_r_box h4{ margin:1.4em 0 1em;}
.ab_p_r_box p{ line-height: 1.7em; width:auto; margin:0 auto;}

/*公司介绍*/

.about_intro_part2{ padding-bottom: 100px;}
.about_intro_part2_wrap{ padding-left: 20px;}
.about_intro_part2_l_wrap{ padding-right:20px;}

.about_intro_part2 > h4{ text-align: center; margin-top: 0.7em; margin-bottom: 1em;}
.about_intro_part2 > img{ display: block; margin: 0 auto;}

.about_intro_part2 .col-md-6 .about_intro_part2_l_wrap > h5{ position:relative;}
.about_intro_part2 .col-md-6 .about_intro_part2_l_wrap > h5,.about_intro_part2 .col-md-6 .about_intro_part2_l_wrap > p{ line-height: 1.7em; margin-bottom: 1em; padding:20px;}
.about_intro_box{ background: #f8f8f8;}

.about_intro_part2_t li{ width:33.3%; float:left; border-right:1px solid #c2c2c2; padding:0 20px; box-sizing: border-box;}
.about_intro_part2_t li:last-child{ border-right:0;}
.about_intro_part2_t li i{ font-size:14px; font-family: "微软雅黑"; font-weight: normal; position:absolute; right:0; bottom:10px; transform:translate(100%,0); -webkit-transform:translate(100%,0); line-height: 1.1em;}
.about_intro_part2_t li em{ display: block;}
.about_intro_part2_t li span{ font-weight: bold; font-family: Arial; line-height: 1.1em; position:relative; display: inline-block;}

.about_intro_part2_t{ margin-bottom: 50px;}

.about_intro_part2_c{ margin-bottom: 34px;}
.about_intro_part2_c h5{ font-weight: bold; line-height: 1.4em; margin-bottom: 2em;}
.about_intro_part2_c p{ color:#4c4b4b; line-height: 1.7em;}

.about_intro_part2_b{ padding:20px; color:#4c4b4b; line-height: 1.4em; border:1px solid #c4c4c4; border-bottom:2px solid #e60012;}

.about_respons_main{ padding-top: 80px;}
.about_respons_main li{ position:relative; padding-left: 150px; padding-bottom: 30px; margin-bottom: 30px; border-bottom:1px solid #dedede; overflow: hidden;}
.about_respons_main li > a{ display: block; width:41%; float:left;}
.about_respons_main li > a img{ width:100%; height:auto;}
.about_respons_main li dl{ width:59%; float:left; padding-left: 60px; box-sizing: border-box;}
.about_respons_main li dl dt{ font-weight: normal; margin-bottom: 0.7em;}
.about_respons_main li dl dt a{ color:#2d2d2d;overflow: hidden;text-overflow: ellipsis;width: 100%;white-space: nowrap;}
.about_respons_main li dl dd p{ line-height: 1.7em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.4em;}
.about_respons_main li dl dd a{ display: block; width:9px; height:13px; background: url(../images/ind_pic2.png) no-repeat; margin-top: 20px;}


.about_honor_main_header{ background: url(../images/honor_bg.jpg) no-repeat; background-size:100% 100%; padding:60px 0; margin-bottom: 90px;}
.about_honor_main_inner{ width:74%; margin:0 auto;}
.about_honor_main_inner dl,.about_honor_main_main dl{ border:1px solid #dd6c6c; padding:20px;}
.about_honor_main_inner dl dt,.about_honor_main_main dl dt{ margin-bottom: 20px;}
.about_honor_main_inner dl dt img,.about_honor_main_main dl dt img{ width:100%; height:auto;}
.about_honor_main_inner dl dd,.about_honor_main_main dl dd{ line-height: 2em; color:#fff; height:4em; text-align: center;}

.about_honor_main_main .page{ margin-top: 0;}
.about_honor_main_main li{ margin-bottom: 50px;}
.about_honor_main_main dl{ border:1px solid #bdbdbd;}
.about_honor_main_main dl dd{ color:#000; text-align: center;}
.about_honor_main_main li:nth-child(4n+1){ clear:both;}

.about_history_main_header > img{ width:100%; height:auto;}

.about_history_b,.his_swiper,.his_swiper .swiper-slide,.his_swiper .swiper-wrapper,.his_device{ height:128px!important;}
.his_device{ position:relative;}
.his_device .arrow-left{ display: block; width:21px; height:40px; background: url(../images/his_l_arr.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-20px;}
.his_device .arrow-right{ display: block; width:21px; height:40px; background: url(../images/his_r_arr.png) no-repeat center;position:absolute; right:0; top:50%; margin-top:-20px;}

.his_box em,.his_box i{ display: block; text-align: center; color:#dc0000; font-size:30px;}
.his_swiper{ width:90%; margin:0 auto;}
.his_swiper .swiper-slide{ position:relative;}
.his_swiper .swiper-slide .his_box{ position:absolute; bottom:6px; background: url(../images/bc.png) no-repeat left bottom; background-size:100% auto; width:100%;}
.about_history_main_header{ position:relative;}
.about_history_main_header .container{ position:absolute; bottom:-6px; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0);}
.his_swiper .swiper-slide{cursor: pointer;}
.his_box em{ margin-bottom: 48px; line-height: 1.1em;}
.his_box i{ display: none;}
.his_swiper .swiper-slide.on{ background: rgba(220,0,0,0.9);}
.his_swiper .swiper-slide.on .his_box{ background: none;}
.his_swiper .swiper-slide.on em{ font-size:60px; color:#fff; margin-bottom: 0; font-weight: bold;}
.his_swiper .swiper-slide.on i{ display: block;}
.his_swiper .swiper-slide.on i img{vertical-align:inherit;}

.about_history_main_header{ margin-bottom: 100px;}

.about_history_main_main ul{ width:90%; margin:0 auto;}
.about_history_main_main ul li{ padding-left: 85px; position:relative; padding-top: 76px;   }
.about_history_main_main ul li h4{ font-weight: bold; width:85px; height:76px; background: url(../images/rightline.png) right bottom; position:absolute; top:0; left:0;}

.his_imgbox > a img{ width:100%; height:auto;}
.about_his_part{ margin-bottom: 60px;}

.about_history_main_main dl{ padding:20px; border:1px solid #fff;}
.about_history_main_main dl dt{ margin-bottom: 10px; font-weight: normal;}
.about_history_main_main dl dt a{ color:#0f0f0f;}
.about_history_main_main dl dd span{ font-size:12px; margin-bottom: 44px; color:#a39368; display: block;}
.about_history_main_main dl dd p{ font-size:14px; line-height: 1.7em; color:#4c4b4b; margin-bottom: 44px; }
.about_history_main_main dl dd a{ background: url(../images/ab_arr_pic2.png) no-repeat; display: block; width:9px; height:13px;}
.about_history_main_main .col-md-7,.about_history_main_main .col-md-5{ padding:0;}

.about_history_main_main dl.col-md-7{ padding:20px;}
.about_history_main_main .col-md-5{ }
.about_history_main_main a.col-md-5 { width:calc(41.66666667% - 10px); margin-right: 10px;}
.about_history_main_main .his_txtbox dl{ background: #f5f5f5; padding:30px;}

.about_history_main_header > img.his_logo{ width:84px; height:102px; position:absolute; right:10%; top:5%;}


/*服务与支持*/
.ser_index_part1_l,.ser_index_part1_r{ width:50%; float:left; position:relative;}
.ser_index_part1_l > a > img,.ser_index_part1_r  > img{ width:100%; height:auto;}
.ser_index_part1_l h4{ position:absolute; left:15%; top:10%; color:#fff; font-weight: normal;}
.ser_index_part1_l h4 a{ color:#fff;}
.ser_index_part1_l h4 em{ position:absolute; bottom:-10px; background: #fff; width:44px; height:1px; display: block;}
.ser_index_part1_l_txt{ position:absolute; bottom:20%; color:#fff; padding-right:5%; width:100%; box-sizing: border-box; text-align: right;}
.ser_index_part1_l_txt em{ font-family: Arial; font-weight: bold; display: block; line-height: 1.1em;}
.ser_index_part1_l_txt li{ display: inline-block; margin-right: 2%; text-align: left;}

.ser_index_part1_r .ser_index_part1_r_txt{ position:absolute; left:0%; top:10%; color:#fff; font-weight: normal; width:100%; text-align: center;}
.ser_index_part1_r h4{ position:relative; margin-bottom: 90px;}
.ser_index_part1_r h4 a{ color:#fff;}
.ser_index_part1_r_txt ul{margin-bottom:20px;}
.ser_index_part1_r_txt ul li{ margin-right: 42px; display: inline-block;}
.ser_index_part1_r_txt ul li img{margin-bottom: 10px;}
.ser_index_part1_r_txt ul li:last-child{ margin-right: 0;}
.ser_index_part1_r .ser_index_part1_r_txt em{ position:absolute; bottom:-10px; background: #fff; width:44px; height:1px; display: block; left:50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);}

.ser_index_part2,.ser_index_part3{ position:relative; clear: both; margin-bottom: 76px;}
.ser_index_part2_other{ margin-bottom: 0!important;}
.ser_index_part2_txt{ position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.ser_index_part2_txt h4{ color:#fff; margin-bottom: 70px; text-align: center;}
.ser_index_part2_txt h4 a{ color:#fff;}
.ser_index_part2_txt p{ color:#fff; margin-bottom: 34px;}
.ser_index_part2_txt > a{ width:65px; height:65px; display: block; background: url(../images/ser_search.svg) no-repeat; margin:0 auto;}
.ser_index_part2 > img{ width:100%; height:auto;}

.ser_index_part3 p{ line-height: 2.6em; color:#0f0f0f;}
.ser_index_part3 p a{ color:#000;}
.ser_index_part3 img{ width:100%; height:auto;}

.ser_index_main{ padding-bottom: 90px;}

/*合作伙伴*/
.coop_index_main > h4{ padding:26px 0; text-align: center;}
.coop_index_main ul{}
.coop_index_main ul li{ padding-bottom: 30px; border-bottom: 1px solid #ded4bd; margin-bottom: 60px;}
.coop_index_main ul li:nth-last-child(1),.coop_index_main ul li:nth-last-child(2),.coop_index_main ul li:nth-last-child(3),.coop_index_main ul li:nth-last-child(4){}
.coop_index_main ul li img{ border:1px solid #ded4bd;width: 100%;}
.coop_index_main ul li p{ line-height: 2.6em;}
.coop_index_main ul li a{ color:#000;display: block;}

.investor_part1{ position:relative; overflow: hidden;}
.investor_part1 > img{ width:100%; height:auto;}
.investor_part1_pad{ width:66%; position:absolute; left:50%; transform:translate(-45%,15%); -webkit-transform:translate(-45%,15%); bottom:0;}
.investor_part1_pad > img{ width:100%;}
.inv_pad_inner{ position:absolute; width:70%; height:73%; left:50%; top:50%;
    transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background: #fff; }
.inv_pad_inner embed{
    width:100%;
    height:100%;
}
.inv_pad_inner img{
    display: none;
}

.investor_part2{ position:relative;}
.investor_part2 > img{ width:100%; height:auto;}
.investor_special_box{ position:absolute; left:25%; top:50%; transform:translate(0,-65%); -webkit-transform:translate(0,-65%); border:1px solid #e1e1e0; padding:44px;}
.investor_special_box h4{ margin-bottom: 1em;}
.investor_special_box h4 a{ color:#fff;}
.investor_special_box p{ line-height: 1.7em; color:#fff; margin-bottom: 3em;}
.investor_special_box em{ display: block; width:2px; height:100px; background: #dc0000; margin:0 auto; transform:translate(0,70%); -webkit-transform:translate(0,70%);}

.investor_part3{ padding:80px 0;}
.ser_health_list{ padding:0;}
.ser_tab{ text-align: center; margin-bottom:20px;}
.ser_tab a{ margin-right: 10px; color:#000;}
.ser_tab a:last-child{ margin-right: 0;}
.ser_tab a.on{ background: #e60012; color:#fff;}
.investor_part3 h4{ margin-bottom: 1.5em; position:relative;}
.investor_part3 h4 a{ color:#000}
.investor_part3 h4 em{ position:absolute; left:0; bottom:-16px; background: #dc0000; height:1px; width:44px; display: block;}
.investor_part3 li{ line-height: 4.2em; height:4.2em; padding-left:40px; background: url(../images/investor_img4.jpg) no-repeat left center; border-bottom:1px solid #eae7dd;}
.investor_part3 li em,.investor_part3 li i{float:left;}
.investor_part3 li span{ float:right; font-size:12px; color:#a39368;}
.investor_part3 li a{ color:#0f0f0f; overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap; display: inline-block; width:70%; float:left;}
.investor_part3 li.inv3-icon1{background: url(../images/inv3_icon1.jpg) no-repeat left center; border-bottom:0;}
.investor_part3 li.inv3-icon2{background: url(../images/inv3_icon2.jpg) no-repeat left center; border-bottom:0;}
.investor_part3 li.inv3-icon3{background: url(../images/inv3_icon3.jpg) no-repeat left center; border-bottom:0;}

.investor_part3 .row{ margin:0 -50px;}
.investor_part3 .col-md-6{ padding:0 50px;}

.investor_part4{ position:relative;}
.investor_part4_txt{ position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; text-align: center;}
.investor_part4_txt h4{ color:#fff; text-align: center; font-weight: normal; margin-bottom: 2em; position:relative;}
.investor_part4_txt h4 a{ color:#fff;}
.investor_part4_txt h4 em{ position:absolute; bottom:-25px; height:1px; width:44px; background: #fff; display: block; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0);}
.investor_part4_txt .inv_t,.investor_part4_txt .inv_t a{ color:#fff;}
.investor_part4_txt .inv_t span{ margin:0 6px;}

.investor_part4 img{ width:100%; height:auto;}

.inv_pad_inner img{ width:100%; height:100%;}

.investor_part3_libox{ overflow: hidden;}
.investor_part3_page li{ border:0; padding: 0; background: none;}
.investor_part3_page li .investor_part3_libox{border-bottom: 1px solid #eae7dd; padding-left:40px; background: url(../images/investor_img4.jpg) no-repeat left center;}
.investor_part3_page li .investor_part3_libox.inv_messafe{ background: none; padding-left:0;}
.inv_part1_box .investor_part1_pad{ bottom:auto; top:50%; transform: translate(-45%,-45%);
    -webkit-transform: translate(-45%,-45%);}



.complain_index_main .form-group{ margin-bottom: 18px; position: relative;}

.complain_index_main{ position:relative;}
.complain_index_main > img{ width:auto; height:100%; transform:translate(-50%,0%); -webkit-transform:translate(-50%,0%); position:relative; left:50%;}
.form-complain-wrap{ width:56%; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.form-complain-wrap .form-control{ height:38px; line-height: 38px; line-height: 24px\9\0; border-radius: 0; padding-top:0; padding-bottom: 0;}
.form-complain-wrap textarea.form-control{ line-height: 24px; padding-top:12px; padding-bottom: 12px;}
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .form-complain-wrap .form-control { line-height: 24px;}
}
.form-complain-wrap .form-control:focus{-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(216,35,22,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(216,35,22,.6); border-color: #d82316;}
.form-complain-wrap textarea.form-control{ height:210px;}
.complain_index_main .form-group.form-group-yz{ overflow: hidden; margin-bottom: 42px;}
.form-group-yz .form-control{ width:196px; float:left; margin-right: 2px;}
.form-group-yz img{ float:left; margin-right: 2px; height:38px;}
.form-group-yz a.yzLink{ float:left; display: block; width:70px; text-align: center; color:#fff; line-height: 38px;}
.form-complain-wrap > button{ width:197px; height:38px; background: #d82316; color:#fff; border:0; transition:0.1s linear; -webkit-transition:0.1s linear;}
.form-complain-wrap em{ position:absolute; display: block; width:9px; height:13px; transform: rotate(90deg); -webkit-transform: rotate(90deg); transform-origin: center center; -webkit-transform-origin: center center; background: url(../images/ab_arr_pic2.png) no-repeat; right:10px; top:50%; margin-top: -6px;}
.form-select{ z-index: 200;}
.form-select,.form-select input,.form-select em { cursor:pointer;}
.form-select dl{ position:absolute; top:37px; max-height:240px; overflow: auto; background: #fff; width:100%; box-sizing: border-box; border: 1px solid #ccc; border-bottom:0; display: none;}
.form-select dl dd{ border-bottom:1px solid #ccc; line-height: 24px; height:24px; padding: 0 12px;}

.detail_index_main{ padding-bottom:60px;}
.detail_index_main > h4{ padding:30px 0; text-align: center;}
.detail_index_main > h4 img,.coop_index_main > h4 img{ display: none;}
.detail_index_main > h1{ margin-bottom: 20px; text-align: center; border-bottom:1px solid #ded4bd; padding-bottom: 0.4em;}
.detail_index_main p{ line-height: 1.7em; color:#4c4b4b;}
.detail_article{ padding-bottom: 60px;}


.other_page{ padding-top: 18px; border-top:1px solid #ded4bd; margin-top: 26px;}
.other_page p{ color:#4c4b4b; line-height: 26px;}
.other_page a{ color:#4c4b4b;}

.share_close{ position:absolute; right:0; top:0;}
.share_close a{ background: #dedede; font-size:14px; color:#9e8347; display: block; width:88px; height:30px; line-height: 30px; text-align: center;}

.detail_index_main ul li{}
.detail_index_main ul li dl{ padding-bottom: 15px;}
.detail_index_main ul li dt{ background: url(../images/sitemap.jpg) repeat-x; height:48px; margin-bottom: 15px; }
.detail_index_main ul li dt a{ color:#ded4bd; font-weight: normal; line-height: 48px; display: block; padding-left: 28px;}
.detail_index_main ul li dd{ line-height: 2em; padding-left: 28px;}
.detail_index_main ul li dd a{ color:#0f0f0f;}
.detail_index_main ul li:nth-child(4n+1){ clear:both;}
.detail_index_main ul li ol li a{ color:#bebebe;}

.product_index_part1{ position:relative;}
.product_index_main > img{ width:100%; height:auto;}
.product_index_part1 > img{ width:100%;}
.product_index_txt{ position:absolute; top:0; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); color:#fff;}
.product_index_txt h4{ padding-top: 2em;}
.product_index_txt h4 a{ color:#fff;}
.product_index_txt h5{ padding:1em 0 2em 0;}
.product_index_txt p{ line-height: 1.7em;}

.product_trad_box{ background: url(../images/bg_white.jpg) repeat; padding:25px;}
.product_trad_box a{ position:relative;}
.product_trad_box a > img{ border:1px solid #dadada; width:100%; height:auto;}
.product_trad_box em{ position: absolute; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); top:12px;}
.product_trad_box em img{ width:auto;}
.product_trad_box p{ padding-top: 1em; text-align: center;}
.product_trad_box p a{ color:#333;overflow: hidden;display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;}
.product_trad_wrap li{ margin-bottom: 25px;}

.product_trad_swiper{ margin-bottom: 30px;}
#product_banner .swiper-slide img{ width:100%; height:auto;}
.product-banner-device{ position:relative; height:auto!important;}
.product-banner-device .swiper-container,.product-banner-device .swiper-wrapper,.product-banner-device .swiper-slide{
    height:auto!important;
}
.product-banner-device .product_trad_left{ display: block; width:30px; height:55px; background: url(../images/arr_red.png) no-repeat; left:5%; top:50%; margin-top: -25px; position:absolute; z-index: 200;}
.product-banner-device .product_trad_right{ display: block; width:30px; height:55px; background: url(../images/arr_red.png) no-repeat; transform:rotate(180deg); -webkit-transform:rotate(180deg); right:5%; top:50%; margin-top: -25px; position:absolute; z-index: 200;}
.product_trad_swiper .pagination{ display: none;}

.join_detail_main{ padding-top: 45px; padding-bottom: 70px;}
.join_detail_main h1{ text-align: center; margin-bottom: 1em;}
.join_detail_main h5{ font-weight: normal; margin-bottom:10px;}
.join_detail_main p{ line-height: 2em;}
.join_detail_main p a{ color:#4c4b4b; font-weight: bold;}

.join-detail-article{ padding-left: 60px; padding-bottom: 45px; border-bottom:1px solid #ded4bd; margin-bottom: 18px;}

.join-message{ background: #f6f6f6; padding:10px; overflow: hidden; margin-bottom: 40px;}
.join-message ul{ border:1px solid #e2ddd1; overflow: hidden; padding: 20px 0;}
.join-message ul li{ width:25%; float:left; color:#4c4b4b; padding-left: 50px; box-sizing: border-box; line-height: 44px;}
.join-message ul li:nth-child(3n){ width:50%;}
.join-message ul li span{ font-weight: bold;}


/*search_page*/
#search { background:#fff; }
.search_detail{ padding-top: 60px;}
.saerch_detail_top,.saerch_detail_top_wrap,.saerch_detail_top_wrap input,.saerch_detail_top_menu{  height:60px; line-height:60px;}
.saerch_detail_top {  padding:0 0 0 20px; box-sizing:border-box; border-left:3px solid #cf0020; position:relative; margin-right:20px;}
.saerch_detail_top_wrap { padding-bottom:6px; border-bottom:1px solid #e0e0e0; }
.saerch_detail_top_wrap input { width:100%; padding-right:100px; box-sizing:border-box; border:0; background:none; font-size:30px; float:left; }
.saerch_detail_top_menu {  position:absolute; right:0; background:#cf0020 url(../images/svg2.svg) no-repeat center; background-size:auto 16px; width:100px; top:0; border:0;}
.saerch_detail_center {  padding:2.5rem 2rem; font-size:2rem;}
.saerch_detail_center em { color:#cf0020; font-family:Arial; }
.search_detail_bottom li {  padding:2rem 0; margin:0 2rem; border-bottom:1px dashed #c0c0c0;}
.search_detail_bottom li h4 a { color:#393939; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; display:inline-block; }
.search_detail_bottom li h4 a em {  color:#cf0020;}
.search_detail_bottom li p { color:#393939; }
.search_detail_bottom li p em {  color:#cf0020; }


/***********************************************/

/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}


.scroll-page{ width:100%; height:auto!important;}

.scroll-part{ width:100%; position: relative; overflow: hidden;}
.scroll-part > img,.scroll-part > video{ width:100%; height:auto; position: absolute;}
.scroll-part .scroll-txt{ position: absolute; opacity:0; transition:1s linear; -webkit-transition:1s linear;}
.scroll-part .scroll-txt.on{ opacity:1;}
.scroll-txt-wrap{ height:100%; left:55%; transition:1s linear; -webkit-transition:1s linear;}
.scroll-txt-wrap.on{ left:50%;}

.scroll-page-nutritious .scroll-part1 .scroll-txt{ border:1px solid rgba(255,255,255,0.45); left:0; top:40%; padding:40px; color:#fff;}
.scroll-page-nutritious .scroll-part1 .scroll-txt p{ line-height: 1.6em;}
.scroll-page-nutritious .scroll-part1 .scroll-txt em{ height:1px; overflow: hidden; width:100px; margin:15px 0 24px; background: #dc0000; display: block;}

.scroll-page-nutritious .scroll-part2 .scroll-txt{ right:5%; top:10%; width:437px; height:500px; background:url(../images/nutritious_img2_bg.jpg) no-repeat; box-sizing: border-box; padding:20px; color:#fff;}
.scroll-page-nutritious .scroll-part2 .scroll-txt .scroll-txt-box{ width:100%; height:100%; border:1px solid #e98383; box-sizing: border-box; padding:70px 36px 0;}
.scroll-page-nutritious .scroll-part2 .scroll-txt h4{ margin-bottom: 0.8em; margin-top: 1em;}
.scroll-page-nutritious .scroll-part2 .scroll-txt p{ line-height: 1.6em;}
.scroll-page-nutritious .scroll-part2 .scroll-txt em{ height:1px; overflow: hidden; width:100px; margin:30px 0 0px; background: #fff; display: block;}

.scroll-page-nutritious .scroll-part3 .scroll-txt{  left:5%; top:10%; padding:40px; color:#fff;}
.scroll-page-nutritious .scroll-part3 .scroll-txt h4{ line-height: 1.5em;}
.scroll-page-nutritious .scroll-part3 .scroll-txt p{ line-height: 1.6em;}
.scroll-page-nutritious .scroll-part3 .scroll-txt em{ height:1px; overflow: hidden; width:100px; margin:24px 0; background: #dc0000; display: block;}
.scroll-page-nutritious .swiper-container,.scroll-page-nutritious .swiper-wrapper,.scroll-page-nutritious .swiper-slide{ height:auto!important;}
.scroll-page-nutritious .scroll-part3 .scroll-swiper{ width:60%; position: absolute; bottom:20%; left:0;}
.scroll-page-nutritious .scroll-part3 .scroll-swiper .swiper-container{ margin:0 66px;}
.scroll-page-nutritious .scroll-part3 .scroll-swiper .swiper-slide{ box-sizing: border-box; padding:0 15px;}
.scroll-page-nutritious .scroll-part3 .scroll-swiper .swiper-slide > img{ width:45%; float:left;}
.scroll-page-nutritious .scroll-part3 .scroll-swiper .swiper-slide dl{ width:50%; margin-left: 5%; float:left; color:#fff;}
.scroll-page-nutritious .scroll-part3 .scroll-swiper .swiper-slide dl dt{ font-weight: normal; padding-bottom: 10px; position: relative; margin-bottom: 10px;}
.scroll-page-nutritious .scroll-part3 .scroll-swiper .swiper-slide dl dt em{ display: block;  width:70px; height:2px; background: #fff; overflow: hidden; position: absolute; bottom:0; left:0;}
.scroll-page-nutritious .scroll-part3 .scroll-swiper .swiper-slide dl dd{ line-height: 1.7em;}
.scroll-page-nutritious .scroll-part3 .scroll-swiper .scroll-swiper-wrap > a{ display: block; width:42px; height:100%; position: absolute; top:0;}
.scroll-page-nutritious .scroll-part3 .scroll-swiper-l{ background: url(../images/nutritious_img3_arrl.png) no-repeat center; left:0;}
.scroll-page-nutritious .scroll-part3 .scroll-swiper-r{ background: url(../images/nutritious_img3_arrr.png) no-repeat center; right:0;}
.scroll-page-nutritious .scroll-part3 .scroll-swiper-l.on,.scroll-page-nutritious .scroll-part2 .scroll-swiper-r.on{ opacity:0.5;}


.scroll-page-industry .scroll-part1{ color:#fff;}
.scroll-page-industry .scroll-part1 h4{ margin-bottom: 1em; line-height: 1.5em;}
.scroll-page-industry .scroll-part1 p{ line-height: 1.6em;}
.scroll-page-industry .scroll-part1-bottom ul li{ float:left; margin-right: 50px;}
.scroll-page-industry .scroll-part1-bottom ul li span{ font-weight: bold; font-family: Arial;}
.scroll-page-industry .scroll-part1 em{ height:1px; overflow: hidden; width:100px; margin:30px 0 50px; background: #dc0000; display: block;}

.scroll-page-industry .scroll-part2 .scroll-part2-bg{ background: rgba(0,0,0,0.3); position: absolute; left:0; top:0; width:100%; height:100%; z-index: 200;}
.scroll-page-industry .scroll-part2 .scroll-txt-wrap{ color:#fff; z-index: 500; color:#fff; text-align: center;}
.scroll-page-industry .scroll-part2 .scroll-txt-wrap h4{ margin-bottom: 1em;}
.scroll-page-industry .scroll-part2 .scroll-txt-wrap p{ line-height: 1.5em;}
.scroll-page-industry .scroll-part2 em{ height:1px; overflow: hidden; width:100px; margin:30px auto 100px; background: #dc0000; display: block;}
.scroll-page-industry .scroll-part2 .scroll-part2-player{ display: block; width:94px; height:94px; background: url(../images/industry_play.png) no-repeat; margin: 0 auto;}

.scroll-page-industry .scroll-part3 .scroll-txt{ border:1px solid rgba(255,255,255,1); right:0; top:10%; padding:50px 40px; color:#000;}
.scroll-page-industry .scroll-part3 .scroll-txt h4{ margin-bottom: 1em;}
.scroll-page-industry .scroll-part3 .scroll-txt p{ line-height: 1.6em;}
.scroll-page-industry .scroll-part3 .scroll-txt em{ height:1px; overflow: hidden; width:100px; margin:30px 0 0px; background: #dc0000; display: block;}

.scroll-page-water .scroll-part1{ color:#fff;}
.scroll-page-water .scroll-part1 .scroll-txt{ top:16%;}
.scroll-page-water .scroll-part1 .scroll-txt h4{ line-height: 1.5em;}
.scroll-page-water .scroll-part1 .scroll-txt em{ height:1px; overflow: hidden; width:100px; margin:20px 0 20px; background: #dc0000; display: block;}
.scroll-page-water .scroll-part1 .scroll-txt p{ line-height: 1.5em;}
.scroll-page-water .scroll-part1 .scroll-txt > a{ display: block;}
.scroll-page-water .scroll-part1 .scroll-part1-player{ display: block; width:94px; height:94px; background: url(../images/industry_play.png) no-repeat; margin: 0; margin-top: 60px;}

.scroll-page-water .scroll-part2 .scroll-txt{ right:60px; color:#fff; left:auto; top:40%;}
.scroll-page-water .scroll-part2 .scroll-txt h4,.scroll-page-water .scroll-part2 .scroll-txt p{ line-height: 1.5em;}
.scroll-page-water .scroll-part2 .scroll-txt em{ height:1px; overflow: hidden; width:100px; margin:20px 0 20px; background: #dc0000; display: block;}

.scroll-page-water .scroll-part3 .scroll-txt{ color:#000; left:0; width:100%;}
.scroll-page-water .scroll-part3 .scroll-txt h4,.scroll-page-water .scroll-part3 .scroll-txt p{ line-height: 1.5em;}
.scroll-page-water .scroll-part3 .scroll-txt em{ height:1px; overflow: hidden; width:100px; margin:20px 0 20px; background: #dc0000; display: block;}
.scroll-page-water .scroll-part3 .scroll-txt ul{ margin-top: 40px; width:100%;}
.scroll-page-water .scroll-part3 .scroll-txt ul li{ width:33.3%; float:left;}
.scroll-page-water .scroll-part3 .scroll-txt ul li img{ width:100%; height:auto;}
@media only screen and (max-width: 1440px) {
	.scroll-page-water .scroll-part3 .scroll-txt ul{margin-top: 25px;}
	.scroll-page-water .scroll-part3 .scroll-txt em{margin: 15px 0 15px;}
	.scroll-page-water .scroll-part3 .scroll-txt{left: 3%;width: 94%;}
}



.scroll-page-tec .scroll-part1 .scroll-txt{ top:0; margin:0 auto; background: url(../images/tec_pic2.jpg) repeat; padding:20px; padding-top: 0; text-align: center;}
.scroll-page-tec .scroll-part1 .scroll-txt-box{ border:1px solid rgba(255,255,255,0.2); border-top:0; padding:0px 40px 70px; color:#fff;}
.scroll-page-tec .scroll-part1 .scroll-txt-box > img{ margin-bottom: 90px;}
.scroll-page-tec .scroll-part1 .scroll-txt-box p{ line-height: 1.5em;}
.scroll-page-tec .scroll-part1 .scroll-txt em{ height:1px; overflow: hidden; width:100px; margin:20px auto 20px; background: #fff; display: block;}

.scroll-page-tec .scroll-part2 .scroll-txt{ position: absolute; top:14%; width:100%; text-align: center; color:#fff;}
.scroll-page-tec .scroll-part2 .scroll-txt p{ line-height: 1.5em;}
.scroll-page-tec .scroll-part2 .scroll-txt h4{ margin-top: 1em; margin-bottom: 2em;}
.scroll-page-tec .scroll-part2 .scroll-txt em{ width:2px; height:100px; background: #dc0000; display: block; margin:0 auto;}

.scroll-page-tec .scroll-part3 .scroll-txt{ position: absolute; top:14%; left:30%; text-align: left; color:#fff; padding:40px; padding-bottom: 80px; border:1px solid #fff; color:#fff;}
.scroll-page-tec .scroll-part3 .scroll-txt em{ height:1px; overflow: hidden; width:100px; margin:20px 0 20px; background: #fff; display: block;}
.scroll-page-tec .scroll-part3 .scroll-txt h4,.scroll-page-tec .scroll-part3 .scroll-txt  p{ line-height: 1.5em;}


@media only screen and (max-width: 992px) {
    .scroll-part{ margin-bottom: 20px;}
    .scroll-part > img,.scroll-part > video{ width:100%; position: relative;}
    .scroll-txt-wrap{ height:auto; transform: none; position: relative; left:0; top:0; width:auto;}
    .scroll-part .scroll-txt{ position: relative;}
    .scroll-page-nutritious .scroll-part1 .scroll-txt{ color:#000; padding: 10px 0;}
    .scroll-page-nutritious .scroll-part2 .scroll-txt{ width:100%; height:auto; padding:10px; right:auto; top:0; background-size:100% auto;}
    .scroll-page-nutritious .scroll-part2 .scroll-txt .scroll-txt-box{ padding:20px;}
    .scroll-page-nutritious .scroll-part2 .scroll-txt-wrap{ padding:0;}
    .scroll-page-nutritious .scroll-part3 .scroll-txt{ left:0; top:0; padding:10px 0; color:#000;}
    .scroll-page-nutritious .scroll-part3 .scroll-txt em{ margin:10px 0;}
    .scroll-page-nutritious .scroll-part3 .scroll-swiper{ position: relative; width:100%; bottom:auto;}
    .scroll-page-nutritious .scroll-part3 .scroll-swiper .scroll-swiper-wrap > a{ width:20px; background-size:100% auto;}
    .scroll-page-nutritious .scroll-part3 .scroll-swiper .scroll-swiper-wrap > a.on{display: none;}
    .scroll-page-nutritious .scroll-part3 .scroll-swiper .swiper-slide{text-align: center;}
    .scroll-page-nutritious .scroll-part3 .scroll-swiper .swiper-slide > img{ width:138px; height:auto; margin:0 auto 10px;float: none;}
    .scroll-page-nutritious .scroll-part3 .scroll-swiper .swiper-slide dl{ margin:0; width:100%; color:#000;text-align: center;}
    .scroll-page-nutritious .scroll-part3 .scroll-swiper .swiper-slide dl dt em{ background: #000;left: 50%;transform: translateX(-50%);}
	
    .scroll-page-industry .scroll-part1 .scroll-txt{ color:#000; padding: 10px 0; top:0; transform: none; text-align: center;}
    .scroll-page-industry .scroll-part1 .scroll-txt p br{ display: none;}
    .scroll-page-industry .scroll-part1 em{ margin:10px auto;}
    .scroll-page-industry .scroll-part1-bottom ul li{ width:100%;}

    .scroll-page-industry .scroll-part2 .scroll-txt-wrap{    transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        position: absolute;
        left: 50%;
        top: 0; height:100%; margin:0; width:100%;}
    .scroll-page-industry .scroll-part2 em{ margin:10px auto;}
    .scroll-page-industry .scroll-part2 .scroll-txt{ position: absolute; width:90%;}
    .scroll-page-industry .scroll-part2 .scroll-part2-player{ width:30px; height:30px; background-size:100% 100%;}

    .scroll-page-industry .scroll-part3 .scroll-txt{ padding:10px 0;}
    .scroll-page-industry .scroll-part3 .scroll-txt em{ margin-top: 10px;}

    .scroll-page-water .scroll-part1 .scroll-txt{ color:#000; top:0;}
    .scroll-page-water .scroll-part2 .scroll-txt{ color:#000; transform: none; right:auto; left:0;}
    .scroll-page-water .scroll-part3 .scroll-txt{ transform: none; top:0;}
    .scroll-part .scroll-txt{ opacity:1;}
    .scroll-part > img,.scroll-part > video{ margin-bottom: 10px;}
    .scroll-page-water .scroll-part1 .scroll-txt-wrap{ position: absolute; left:0; top:5%;}
    .scroll-page-water .scroll-part1 .scroll-txt{ color:#fff;}
    .scroll-page-water .scroll-part1 .scroll-part1-player{ width:30px; height:30px; margin-top: 10px; background-size:100% 100%;}
    .scroll-page-water .scroll-part1 .scroll-txt em,.scroll-page-water .scroll-part2 .scroll-txt em,.scroll-page-water .scroll-part3 .scroll-txt em{ margin:10px 0;}
    .scroll-page-water .scroll-part3 .scroll-txt ul{ margin-top: 10px;}


    .scroll-page-tec .scroll-part1 .scroll-txt-box > img{ margin-bottom: 20px;}
    .scroll-page-tec .scroll-part1 .scroll-txt-box{ padding-bottom: 20px;}

    .scroll-page-tec .scroll-part2 .scroll-txt{ position: relative; top:0; color:#000; padding: 10px 0 0;}
    .scroll-page-tec .scroll-part2 .scroll-txt em{ display: none;}
    .scroll-page-tec .scroll-part2 .scroll-txt h4{ margin-bottom: 0;}

    .scroll-page-tec .scroll-part3 .scroll-txt{ position: relative; top:0; left:0; color:#000; padding:10px 0;}
    .scroll-page-tec .scroll-part3 .scroll-txt em{ background: #000; margin:10px 0;}

	.scroll-txt-wrap.on{left: 0;}

    .scroll-page-water .scroll-part3 .scroll-txt{width: 100%; left:0;}

    .site{ height:auto; line-height: 40px;}
    .header-top-right-txt{ left:0;}
    .header-top-right-search > a{ margin-right: 0;}
    .header-top-right-menu{ right:40px;}

    .scroll-page-tec .scroll-part1 .scroll-txt-box{ padding:0 20px 20px;}

    .scroll-page-industry .scroll-part1-bottom ul li span{ font-size:40px;}


    .ser_index_part1_l_txt ul{ padding:0 25px; width:100%; box-sizing: border-box; overflow: hidden;}

}
/***********************************************/


/*******************************************2017-10-27***************************************************/
.science-result{ position: relative; color:#fff;}
.science-result > img{ width:100%; height:auto;}
.science-result h4{ line-height: 1.5em; margin-bottom: 1em;}
.science-result p{ line-height: 1.6em;}
.science-result-wrap em{ height:1px; overflow: hidden; width:100px; margin:24px 0 24px; background: #dc0000; display: block; }
.science-result-wrap ul li{ float:left; margin-right: 40px; margin-bottom: 40px;}
.science-result-wrap ul li:nth-child(5){ clear: both;}
.science-result-wrap ul span{ font-family: Arial; line-height: 1.2em;}

/*.science-coop{ padding: 70px;}*/
.science-coop-top-r,.science-coop-bottom-r{ position: relative;}
.science-coop-top-l,.science-coop-top-r,.science-coop-bottom-l,.science-coop-bottom-r{ padding:0;}
.science-coop-top-l > img,.science-coop-top-r > img,.science-coop-bottom-l img,.science-coop-bottom-r img{ width:100%; height:auto;}
.science-coop-top-r,.science-coop-bottom-r{ height:100%;}
.science-coop-top{ background: url(../images/s_coop_img5.jpg) repeat;}
.science-coop-bottom{ background: url(../images/s_coop_img6.jpg) repeat;}
.science-coop-top-r-wrap{ width:65%; margin:0 auto;}
.science-coop-top-r-wrap img{ display: block; margin:0 auto;}
.science-coop-top-r-wrap > img{ margin-bottom: 30px; max-width: 100%;}
.science-coop-top-r-wrap p{ line-height:1.6em; color:#4c4b4b; margin-bottom: 50px;}
.science-coop-bottom-r-wrap{ width:370px; height:auto; border:1px solid rgba(255,255,255,0.45); padding:40px; color:#fff; line-height:1.6em;}
.science-coop-bottom-r-wrap em{ height:1px; overflow: hidden; width:100px; margin:24px 0 24px; background: #fff; display: block; }
.science-coop-bottom-r-wrap span{ line-height: 1.5em;}
.science-coop-bottom-l{ float:right;}

.science-power > img{ width:100%; height:auto;}
.science-power-top-l,.science-power-top-r{ padding:0;}
.science-power-top-l > img,.science-power-top-r > img{ width:100%; height:auto;}

.science-power-top-l-txt{ color:#fff; left:50%; transform: translate(-100%,-50%); -webkit-transform: translate(-100%,-50%);}
.science-power-top-l-txt li{ margin-bottom: 30px;}
.science-power-top-l-txt span{ font-family: Arial; line-height: 1.2em;}

.science-power-top-r-txt{ position: absolute; left:70px; top:70px; line-height: 1.6em; color:#fff;}
.science-power-top-r-txt em{ height:1px; overflow: hidden; width:100px; margin:20px 0 0px; background: #dc0000; display: block; }


@media only screen and (max-width: 992px) {
    .science-result{ color:#000;}
    .science-result-wrap { width:100%; position: relative; left:0; top:0; transform: none; -webkit-transform: none; padding-top: 20px!important;  }
    .science-result-wrap ul li{ margin-right: 0px; margin-bottom: 10px; padding-right: 10px; width:50%; float:left;}
    .science-coop-top-r-wrap{ width:90%;}
    .science-coop-top-r-wrap p{ margin-bottom: 20px;}
    .science-coop-top-r-wrap > img{ margin-bottom: 20px;}
    .science-coop-bottom-r{ clear: both;}
    .science-coop-bottom-r-wrap{ width:90%; padding:10px;}
    .science-coop-bottom-r-wrap em{ margin:15px 0;}

    .science-power-top-l,.science-power-top{ margin-bottom: 10px;}
    .science-power-top-r-txt{ top:20px; left:5%; width:90%;}
    .science-power-top-l-txt li{ margin-bottom: 10px;}

    /*.science-coop{ padding: 20px;}*/
    .science-result-wrap ul span{ font-size:40px;}

    .investor_part3 li.inv3-icon1,.investor_part3 li.inv3-icon2,.investor_part3 li.inv3-icon3{ background-position: left 0.85em;}
}

/********************************************************************************************************/



@media only screen and (min-width: 1025px) {
    .his_imgbox:hover dl{ border:1px solid #090909;}
    .about_into_part1 li:first-child dt a:hover{ color:#b5b5b5!important;}
    .form-complain-wrap > button:hover{ box-shadow: 1px 1px 5px rgba(0,0,0,0.6)}
    .share a.tsina_pic:hover{ background: url(../images/share_icon1_act.png) no-repeat;}
    .share a.tqq_pic:hover{ background: url(../images/share_icon2_act.png) no-repeat;}
    .share a.qzone_pic:hover{ background: url(../images/share_icon3_act.png) no-repeat;}
    .share a.other_wx:hover{ background: url(../images/share_icon4_act.png) no-repeat;}
    .share a.kaixin001_pic:hover{ background: url(../images/share_icon5_act.png) no-repeat;}
    .detail_index_main ul li dt a:hover{ color:#fff!important;}

    .search_detail_bottom li h4 a:hover{ color:#ca001f!important;}
    .ser_tab a.on:hover{ color:#fff!important;}
}

@media only screen and (max-width: 1679px) {
    .about_appreciate_main ul{ padding-top:60px;}
    .about_appreciate_main li{ margin-bottom: 30px;}

    
    .ab_p_l_header img{ margin-bottom: 110px;}
    .about_intro_part2{ padding-bottom: 60px;}
    .about_intro_part1{ margin-bottom: 40px;}

    .his_swiper .swiper-slide.on em{ font-size:52px;}

    .about_history_main_main dl dd span,.about_history_main_main dl dd p{ margin-bottom: 37px;}

    .about_history_main_header{ margin-bottom: 80px;}

    .ser_index_main{ padding-bottom: 70px;}

    .ser_index_part2,.ser_index_part3{ margin-bottom: 50px;}
}

@media only screen and (max-width: 1299px) {
    .about_appreciate_main ul{ padding-top:40px;}
    .about_appreciate_main li{ margin-bottom: 20px;}

    .ab_p_l_header{ width:175px;}
    .ab_p_l_header img{ margin-bottom: 50px;}
    .ab_p_l_bottom p,.ab_p_r_box{ width:90%;}
    .about_intro_part2_l_wrap{ padding-right: 10px;}
    .about_intro_part2_t li,.about_intro_part2_wrap{ padding-left: 10px;}
    .about_intro_part2{ padding-bottom: 40px;}
    .about_intro_part1{ margin-bottom: 30px;}

    .about_history_b, .his_swiper, .his_swiper .swiper-slide, .his_swiper .swiper-wrapper,.his_device{ height:88px!important;}
    .his_swiper .swiper-slide.on em{ font-size:40px;}
    .his_swiper .swiper-slide.on i img{ width:60px; display: block; margin:5px auto;}
    .his_box em{ margin-bottom: 28px;}

    .about_history_main_main dl dd span,.about_history_main_main dl dd p{ margin-bottom: 8px;}

    .about_history_main_header{ margin-bottom: 60px;}

    .ser_index_main{ padding-bottom: 50px;}

    .ser_index_part2,.ser_index_part3{ margin-bottom: 30px;}

    .investor_special_box{ padding:20px;}
    .investor_special_box p{ margin-bottom: 0;}
    .investor_special_box em{ height:50px;}

    .search_detail{ padding-top:40px;}
}

@media only screen and (max-width: 1024px) {
    .ab_p_l_header{ padding-bottom: 20px;}
    .ab_p_l_bottom p,.ab_p_r_box{ font-size:12px;}

    .about_history_main_header{ margin-bottom: 40px;}

    .ser_index_main{ padding-bottom: 30px;}

    .ser_index_part1_r_txt ul li{ width:50px;}
    .ser_index_part1_r_txt ul li img{ width:100%; height:auto;}

    .ser_index_part1_l_txt li{width:30.3%}
    .ser_index_part1_l_txt li:nth-child(2){
        position: relative;
        top: 24px;
    }
    .ser_index_part1_l_txt li p{height:48px;line-height: 24px;}
    .ser_index_part1_l_txt{
        bottom:40%;
    }
}

@media only screen and (max-width: 992px) {
    .about_into_part1 li .about_into_l, .about_into_part1 li dl {
        width:100%; float:none; position:relative; left:0; top:0; transform:translate(0,0); -transform:translate(0,0);}
    .about_into_part1 li dl{ padding:20px 0;}
    .about_into_part1 li dl em{ display: none;}
    .about_into_part1 li dd a{ margin-top: 20px}
    .about_into_part1 li:nth-child(2n) dl{ left:0; clear: both;}

    .container{ margin:0 25px;}

    .about_appreciate_main ul{ padding-top:20px;}

    .about_into_part1 li{ margin-bottom: 20px; padding-top: 10px;}
    .about_into_part1 li:last-child{ margin-bottom: 0;}

    .about_culture_part1 li{ margin-bottom: 20px;}

    .about_culture_part2 h5 br,.about_culture_part2 p br{ display: none;}
    .about_culture_part2 h5,.about_culture_part2 p{ text-align: left;}

    .about_culture_part1_box dt em{ display: none;}
    .about_culture_part1_box{ padding: 20px; padding-top: 0;}
    .about_culture_part1{ margin-bottom: 20px; margin-top: 20px;}
    .about_culture_part2{ padding-top: 20px; padding-bottom: 20px;}
    .about_culture_part1 li:last-child{ margin-bottom: 0;}


    .ab_p{ width:100%;}

    .ab_p_l_header img{ margin-bottom: 5px;}
    .ab_p_l_header{ padding-bottom: 5px; border-top:1px solid #767678;}
    .ab_p_l_bottom h4{ margin:5px 0;}
    .ab_p_r_box img{ width:90px; height:auto;}
    .ab_p_r_box p br{ display: none;}
    .about_intro_part1{ margin-bottom: 20px;}
    .about_intro_part2 .col-md-6 .about_intro_part2_l_wrap > h5, .about_intro_part2 .col-md-6 .about_intro_part2_l_wrap > p{ padding:10px;}
    .about_intro_part2 > h4{ margin-bottom: 10px;}
    .about_intro_part2_t li i{ position:relative; bottom:0; right:0;}
    .about_intro_part2_t{ margin-bottom: 20px;}

    .ab_p .ab_p_l_box{ left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
    .ab_p_l_bottom p, .ab_p_r_box{ width:auto; padding:0 25px; text-align: left;}
    .ab_p_l_bottom p{ line-height: 1.5em;}
    .ab_p_r_box{ width:100%;}
    .ab_p_r_box p{ text-align: left;}

    .about_respons_main li{ padding-left: 0; padding-bottom: 20px; margin-bottom: 20px;}

    .about_respons_main{ padding:20px 0px!important;}

    .about_honor_main_inner .col-md-4{ margin-bottom: 10px;}
    .about_honor_main_inner dl, .about_honor_main_main dl{ padding:10px;}
    .about_honor_main_header{ padding:20px 0;}
    .about_honor_main_inner{ width:100%;}
    .about_honor_main_header{ margin-bottom: 20px;}
    .about_honor_main_main li{ margin-bottom: 10px;}
    .about_honor_main_inner dl dd, .about_honor_main_main dl dd{ height:auto;}
    .about_honor_main_header{ background-size:auto 100%;}

    .about_history_main_main ul li{ padding-left:0;}
    .about_history_main_main ul li h4{ position:relative; margin-bottom: 10px;}
    .about_history_main_main a.col-md-5{ width:100%;}
    .about_his_part{ margin-bottom: 20px;}
    .about_history_main_main ul li{ padding:0;}
    .about_history_main_main ul li h4{ height:36px;}

    .about_history_main_header{ margin-bottom: 20px;}
    .about_history_main_main ul{ width:100%;}
    .about_history_main_main dl.col-md-7{ padding:10px 0;}
    .about_history_main_main .his_txtbox dl{ padding:10px;}

    .about_history_main_header .container{ width:100%;}
    .his_swiper .swiper-slide.on em{ font-size:20px;}
    .his_swiper .swiper-slide.on i img{ width:40px;}
    .about_history_b, .his_swiper, .his_swiper .swiper-slide, .his_swiper .swiper-wrapper, .his_device{ height:60px!important;}
    .his_box em, .his_box i{ font-size:16px;}
    .his_box em{ margin-bottom: 24px;}

    .about_history_main_header > img.his_logo{ width:40px; height:auto; position:absolute; right:10%; top:5%;}

    .ser_index_main{ padding-bottom: 20px;}
    .ser_index_part2,.ser_index_part3{ margin-bottom: 20px;}

    .ser_index_part1_l,.ser_index_part1_r{ width:100%;}
    .ser_index_part2_txt{ position:relative; left:0; top:0; transform: none; -webkit-transform: none; margin:0 25px;}
    .ser_index_part2 > img{ margin-bottom: 20px;}
    .ser_index_part2_txt h4 a{ color:#000;}
    .ser_index_part2_txt h4 em{ background: #000;}
    .ser_index_part2_txt h4{ margin-bottom: 20px;}
    .ser_index_part2_txt p{ margin-bottom: 20px; color:#000; text-align: center;}
    .ser_index_part1{ margin-bottom: 20px;}
    .ser_index_part1_l_txt li{ width:33.3%; margin:0; padding:0 0px; box-sizing: border-box; float:left; text-align: center;}
    .ser_index_part1_l_txt li:nth-child(1){ padding-right:14px;}
    .ser_index_part1_l_txt li:nth-child(2){ padding:0 14px;}
    .ser_index_part1_l_txt li:nth-child(3){ padding-left:14px;}
    .ser_index_part1_l_txt{ padding-right:0;}
    .ser_index_part1_l h4{ left:10px;}
    .ser_index_part2_txt > a{ background-image: url(../images/ind_search.svg); width:30px; height: 30px;}

    .investor_part2{ margin-bottom: 20px;}
    .investor_part2 > img{ margin-bottom: 10px;}
    .investor_part3 .col-md-6{ margin-bottom: 20px;}
    .investor_special_box{ position:relative; left:0; top:0; transform:none; -webkit-transform:none; padding:10px; border:1px solid #000;}
    .investor_special_box h4 a,.investor_special_box p{ color:#000;}
    .investor_special_box em{ height:20px;}
    .investor_part3 li{ line-height: 2em; padding:0.5em 0;}
    .investor_part3 li{ padding-left:30px;}

    .investor_part4{ padding-bottom: 20px;}
    .investor_part4 img{ margin-bottom: 10px;}
    .investor_part4_txt h4{ margin-bottom: 20px;}
    .investor_part4_txt{ position:relative; left:0; top:0; width:100%; transform:none; -webkit-transform:none;}
    .investor_part4_txt h4 a{ color:#000;}
    .investor_part3{ padding-top: 20px;}
    .investor_part4_txt h4,.investor_part4_txt .inv_t, .investor_part4_txt .inv_t a{ color:#000;}
    .investor_part4_txt h4 em{ background: #000; bottom:-10px;}
    .inv_t{ margin:0 10px;}


    /*.investor_part1_pad{ position: relative; transform:none; -webkit-transform:none; left:0; top:0; width:100%;}*/

    .investor_part3_page li.col-md-6{ margin-bottom: 0;}

    .form-complain-wrap{ width:100%; padding:0 25px;}
    .complain_index_main > img{ height:530px;}
    .complain_index_main .form-group{ margin-bottom: 10px;}
    .form-group-yz .form-control{ width:100%; margin-bottom: 10px; }
    .complain_index_main .form-group.form-group-yz{ margin-bottom: 10px;}

    .detail_index_main ul li dl{ overflow: hidden;}
    .detail_index_main ul li dt{ margin-bottom:0;}
    .detail_index_main ul li dt,.detail_index_main ul li dt a{ height:30px; line-height: 30px;}
    .detail_index_main ul li dd{ }
    .detail_index_main ul li dd ol li{ float:left; margin-right: 10px;}
    .detail_index_main > h4{ padding:10px 0;}

    .product_trad_swiper{ margin-bottom: 20px;}

    .join_detail_main{ padding:20px 10px!important;}
    .join-message ul li,.join-message ul li:nth-child(3n){ width:100%; line-height: 30px; padding-left:20px;}
    .join-message ul{ padding:0;}
    .join-message ul li span{ width:80px; text-align: right; display: inline-block;}
    .join-message{ margin-bottom: 20px;}
    .join-detail-article{ padding-left:0; padding-bottom: 20px; margin-bottom: 20px;}
    .join_detail_main p{ font-size:12px;}

    .product_index_txt{ padding:10px 0; position:relative; left:0; top:0; color:#000; left:0; top:0; transform:none; -webkit-transform:none;}
    .product_index_txt h4{ padding-top:0;}
    .product_index_txt h4 a{ color:#000;}
    .product_index_txt p br{ display: none;}
    .product_index_txt h5{ padding:10px 0;}

    .product-banner-device .product_trad_left,.product-banner-device .product_trad_right{ width:20px; height:32px; margin-top: -16px; background-size:100% 100%!important;}

    .product_trad_box{ padding:10px;}

    .about_intro_part2_b{ padding:10px;}

    .about_intro_part2_t li,.about_intro_part2_wrap{ padding-left: 0px;}

    .inv_part1_box .investor_part1_pad{ }
    .inv_pad_inner embed{ display: none;}
    .inv_pad_inner img{
        display: block
    }
    .search_detail{ padding-top:20px;}
    .saerch_detail_top{ margin-right: 0;}
    .saerch_detail_top, .saerch_detail_top_wrap, .saerch_detail_top_wrap input, .saerch_detail_top_menu{ height:40px; line-height: 40px;}
    .saerch_detail_top_wrap input{ font-size:16px;}
    .saerch_detail_top_menu{ width:50px;}
    .saerch_detail_center{ padding:10px; padding-left: 0;}
    .search_detail_bottom li{ margin:0; padding:0; padding-bottom: 10px; margin-bottom: 10px;}
    .search_detail_bottom li h4 a{ font-size:14px; margin-bottom: 10px;}

    .ser_index_part3 p{ text-align: center; font-size:16px;}

    .about_intro_part2_l_wrap{ padding-right: 0;}
    .about_intro_part2_t li{ border:0;}
    .investor_part3{ padding-bottom: 20px;}

    .ser_index_part1_l_txt li:nth-child(2){
        position: relative;
        top: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .about_respons_main li > a{ margin-bottom: 10px;}
    .about_respons_main li > a,.about_respons_main li > dl{ width:100%; padding-left: 0;}
}


.weixin{max-width: 980px;margin:50px auto;border:1px solid #c8c8c8;border-radius: 10px;box-shadow: 0 0 5px #ccc;}
.wx_left{float:left;margin:100px 50px 0 150px;text-align: center;}
.wx_left h3{margin:100px auto 30px;}
.wx_right{float:right;display:inline-block;margin:50px;}
@media only screen and (max-width: 1000px){
    .weixin{margin:50px 30px;}
    .wx_right{display: none;}
    .wx_left{width: 100%;float: none;margin: 0;margin-bottom: 50px;}
    .wx_left h3{margin-top: 50px;}
}



.table-box { margin:60px 0 0 0; }

.ph_table { width: 100%; text-align: center; }
.ph_table td { text-align: left; line-height: 16px; padding: 20px 0 20px 60px; color:#0f0f0f; width:20%; border-bottom:1px solid #eae7dd;}
.ph_table td a{ color:#0f0f0f; border-left:3px solid #eae7dd; padding-left: 16px; text-align: left;}
.ph_table td em{ color:#a39368;}
.ph_table thead td { background:#7D7D7D; color:#fff; background: url(../images/red_tab_bg.jpg) repeat-y; background-size:auto 100%; border-right:1px solid #e56a6a; border-bottom:0;}
.ph_table thead td:last-child{ border:0;}


@media only screen and (min-width:1025px) {
    .ph_table td a:hover {
        color: #0f0f0f;
        border-color: #f54335;
    }
}

@media only screen and (max-width:1299px) {
    .ph_table td {
        padding-left: 20px;
    }
    .table-box{ margin-top: 40px;}
}
@media only screen and (max-width:768px) {
    .science-coop-bottom-l{
        width:100%;
    }
    .science-coop-bottom-r-wrap{
        left:5%!important;
    }
    .science-coop-bottom-r{
        position: relative;
        padding:20px 0;

    }
    .science-coop-bottom-r img{
        position: absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
    }
    .science-coop-bottom-r-wrap{
        position: relative;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }

}

@media only screen and (max-width:767px) {
    .ph_table ,
    .ph_table thead,
    .ph_table tbody,
    .ph_table th,
    .ph_table td,
    .ph_table tr { display: block; }
    .ph_table thead tr { position: absolute; top: -9999px; left: -9999px; }
    .ph_table tr { border: 1px solid #eee; border-bottom:0; margin-bottom:20px; }
    .ph_table td { border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 0;  padding-left: 11em; white-space: normal; text-align: left;  }
    .ph_table td:before { position: absolute; top: 0; left: 0; padding:5px 0; width: 6em; text-indent:10px;  white-space: nowrap; text-align: left; }
    .ph_table td:before { content: attr(data-title); }
    .ph_table td{ width:auto;}
    .ph_table td a{ margin-left: -19px;}
    .table-box{ margin-top: 20px;}
}

.science-coop-bottom{
    overflow:hidden;
}