
.honor_main_wrap { width:88%; margin:0 auto; }
.honor_main ul { margin:0 -22px; }
.honor_main ul li {  width:25%; float:left; margin-bottom:40px;}
.honor_main ul li img { width:100%; }
.honor_main_box {  margin:0 22px;}

.culture_main ul { width:90.5%; margin:0 auto; }
.culture_main li {  height:238px; overflow:hidden; width:100%; margin-bottom:3px; position:relative;}
.culture_main li:hover > img { transform:scale(1.05); }
.culture_main li h4, .culture_main li h5 { font-weight:normal; line-height:1.1em; color:#fff; }
.culture_tit { width:224px; height:192px; position:absolute; left:23px; top:23px; border:2px solid #fff; padding:20px 10px; box-sizing:border-box; }
.culture_tit p { bottom:20px; left:10px; position:absolute; color:#fff; line-height:1.4em; width:100%; }

.culture_main li:nth-child(2n) .culture_tit{ left:auto; right:23px; text-align:right; }
.culture_main li:nth-child(2n) .culture_tit p{ left:auto; right:10px; text-align:right; }

.culture_main li img{ position:absolute; left:50%; margin-left:-533px; top:0; }

.culture_english { position:absolute; right:20px; bottom:14px; text-align:right; text-transform:uppercase; color:#fff; padding-right:7px; border-right:5px solid #fff; transform:scale(0.6); transform-origin:right bottom; }
.culture_main li:nth-child(2n) .culture_english { text-align:left; padding-right:0; border-right:none; padding-left:7px; border-left:5px solid #fff; right:0; left:20px;transform-origin:left bottom; }

.culture_english h5, .culture_english p { line-height:1.1em; }
.culture_english h5 { margin-bottom:6px; }

.strategy_li,.strategy_li_box { width:100%; height:100%; position:relative; overflow:hidden; }
.strategy_main { margin-bottom:50px; }
.strategy_main ul{  perspective: 1500px; -webkit-perspective: 1500px;}

.strategy_main li { width:25%; position:relative; float:left; }

.strategy_main li .strategy_li { -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform: rotateY(90deg); opacity:0; }
.strategy_main ul li:nth-child(2) .strategy_li ,.strategy_main ul li:nth-child(3) .strategy_li:nth-child(1) { transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg);  }

.strategy_main ul.addAnimate .strategy_li{ }

.strategy_main ul.addAnimate li:nth-child(1) .strategy_li{ transition-delay:0.2s; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity:1; }
.strategy_main ul.addAnimate li:nth-child(2) .strategy_li{ transition-delay:0.4s; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity:1; }
.strategy_main ul.addAnimate li:nth-child(3) .strategy_li:nth-child(1){ transition-delay:0.6s; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity:1; }
.strategy_main ul.addAnimate li:nth-child(3) .strategy_li:nth-child(2){ transition-delay:0.8s; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity:1; }
.strategy_main ul.addAnimate li:nth-child(4) .strategy_li{ transition-delay:1s; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity:1; }

.strategy_main li.strategy_li3 { clear:both; }
.strategy_main li .strategy_li_box > img { width:100%; height:100%; }
.stra_cover { position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); z-index:20; width:100%; height:100%;  }
.strategy_main li table { position:absolute; width:100%; height:100%; z-index:30; top:0; left:0;  }
.strategy_main li table, .strategy_main li table td {text-align:center; vertical-align:middle; color:#fff; }
.strategy_main li h4 { font-weight:normal; margin:1.2em 0 0.6em; }

.strategy_main h3 { text-align:center; line-height:1.5em; font-weight:normal; margin-bottom:50px; }

.strategy_main li:nth-child(1) { margin-top:9%; }
.strategy_main li:nth-child(2) { margin-top:21%; }
.strategy_main li:nth-child(3) { margin-top:0%; }
.strategy_main li:nth-child(4) { margin-top:14%; }

.strategy_main .strategy_li:hover .strategy_li_box > img { transform:scale(1.02); }
.strategy_main .strategy_li:hover .stra_cover {  opacity:0;}
.strategy_main .strategy_li:hover td img { transform:scale(0.95); }

/*industry*/
.industry_main h3{ font-weight:normal; margin-bottom:1.2em; color:#010000; line-height:1.1em; }
.industry_main > p { line-height:2em; color:#898989; margin-bottom:50px; }
.industry_l { width:68%; float:left; height:100%; position:relative; overflow:hidden; }
.industry_l img { position:absolute; }
.industry_r { width:380px; padding:0 38px; box-sizing:border-box; height:100%; position:absolute; left:auto; right:0; }
.industry_r table { width:100%;  height:100%; color:#fff;}
.industry_r table, .industry_r td { vertical-align:middle; }
.industry_r h4 { line-height:1.1em; overflow:hidden; margin-bottom:0.8em; }
.industry_r td > p { margin-bottom:2em; }
.industry_r dl { }
.industry_r dl dd {  line-height:1.7em; overflow:hidden;}
.industry_r dl dd:last-child { margin-bottom:0; }
.industry_r dl dd span{ float:left; }
.industry_r dl dd p { float:left; }
.industry_r td > a { margin-top:2.7em; background:#fff; display:inline-block; padding:0 2.2em; line-height:2.3em; }
.industry_main li { height:447px; margin-bottom:40px; position:relative; width:100%; }

.industry_part1 li{ overflow:hidden; }
.industry_part1 li a { color:#c17670;}
.industry_part1 .industry_r{ background:#c17670; }
.industry_part1 li:nth-child(2n) .industry_l{ float:right; }
.industry_part1 li:nth-child(2n) .industry_r { left:0; right:auto; }

.industry_part2 li{ overflow:hidden; }
.industry_part2 li a { color:#0e51a8;}
.industry_part2 .industry_r{ background:#0e51a8; }
.industry_part2 li:nth-child(2n) .industry_l{ float:right; }
.industry_part2 li:nth-child(2n) .industry_r { left:0; right:auto; }

.industry_part3 li{ background:#a68b9c; overflow:hidden; }
.industry_part3 li a { color:#a68b9c;}
.industry_part3 .industry_r{ background:#a68b9c; }
.industry_part3 li .industry_l{ float:right; }
.industry_part3 li .industry_r { left:0; right:auto; }

.industry_part4 li{ overflow:hidden; }
.industry_part4 li:last-child { margin-bottom:0; }
.industry_part4 li a { color:#9bc0c6;}
.industry_part4 .industry_r{ background:#9bc0c6; }
.industry_part4 li:nth-child(1) .industry_l{ float:left; }
.industry_part4 li:nth-child(1) .industry_r { right:0; left:auto; }


.product_top li { line-height:3em; text-align:center; position:relative; cursor:pointer;}
.product_top li em { position:absolute; left:50%; bottom:0; width:0%; height:4px; background:#006eff; }
.product_top_wrap .product_top .on,.product_top_wrap .product_top li:hover{ color:#006eff; }
.product_top_wrap .product_top .on em,.product_top_wrap .product_top li:hover em{ width:100%; left:0; }

.product_top_wrap {  position:relative;}
.pt_btn_l { display:block; width:30px; height:30px; position:absolute; left:0; top:8px; background:url(../images/b_pro_menu_l.jpg) no-repeat; background-size:100% 100%; cursor:pointer; }
.pt_btn_r { display:block; width:30px; height:30px; position:absolute; right:0; top:8px; background:url(../images/b_pro_menu_r.jpg) no-repeat; background-size:100% 100%; cursor:pointer;}
.pt_btn_l.active { background:url(../images/g_pro_menu_l.jpg) no-repeat; background-size:100% 100%; }
.pt_btn_r.active { background:url(../images/g_pro_menu_r.jpg) no-repeat; background-size:100% 100%; }
.product_top_wrap .product_top { width:auto; margin:0 36px; }

.product_top_wrap .product_top li.fnt_16{font-size:14px;}

.product_center {  margin-bottom:50px;}
.product_center_header { background-repeat:no-repeat; background-size:100% 100%; height:188px; width:100%; text-align:center; }
.product_center_header ul { margin:0 auto; width:90%; }
.product_center_header li { text-align:center; display:inline-block; color:#fff; line-height:2.4em; position:relative; padding:0 0; cursor:pointer; margin-left:4%; width:15%; text-align:center;   }
 
 @media only screen and (max-width: 1000px){
 	.product_center_header ul{width: 100%;}
 }
.product_center_header li em { position:absolute; left:0; bottom:0; width:0%; height:2px; background:#fff; }
.product_center_header li.on em{ width:100%; }
.product_center_header table,product_center_header td{ width:100%; height:100%; text-align:left; vertical-align:middle; }


.product_center_main ul { display:none; }
.product_center_main ul.on { display:block; }
.product_center_main ul li { float:left; width:33.3%; height:0; padding-bottom:25%; position:relative; overflow:hidden; background:#eaeaea;}

.product_center_main ul li a.product_li_a{padding-bottom:75%;height:0px;width:100%;position:absolute;top:0px;left:0px;z-index:999;}

.product_center_main ul li:nth-of-type(2n){background:#f1f1f1;}
.product_center_main ul li img {  width:100%; height:auto;}
.product_text { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,110,255,0.9); opacity:0; display:block; }
.product_text table, .product_text td {  width:100%; height:100%; text-align:center; vertical-align:middle;}
.product_text table, .product_text td h5, .product_text table, .product_text td h6 { font-weight:normal; color:#fff; line-height:1.7em; }
.product_center_main ul li:hover .product_text { opacity:1; }
.product_center_main ul li:hover img { transform:rotate(5deg) scale(1.1); }

.product_bottom > h4 {  font-weight:normal; text-align:center; line-height:1.2em; margin-bottom:50px;}

.product_bottom_box {  position:relative; margin-bottom:50px; width:100%;}
.product_bottom_box .swiper-button-next { display:block; top:50%; margin-top:-15px; }

.product_bottom_box .swiper-button-prev { display:block; top:50%; margin-top:-15px; }
.product_detail_header_box img {  width:100%; height:auto;}

.product_detail_header_box li{background:#eaeaea;}

.product_bottom_box li .swiperColorWrap{ width:100%; height:0; padding-bottom:62.8%; position:relative; }
.product_bottom_box li img {  width:100%; height:100%; position:absolute; left:0; top:0;}

.swiperColorWrap { background:#fcfcfc; }
.product_bottom_box li:nth-child(2n) .swiperColorWrap:nth-child(2n) { background:#f5f7f8; }
.product_bottom_box li:nth-child(2n-1) .swiperColorWrap:nth-child(2n-1) { background:#f5f7f8; }

.product_detail_main { background:#006eff; color:#fff; padding:36px 65px 25px; }
.product_detail_main_header { line-height:2em; position:relative;}
.product_detail_main_header h4 { font-weight:normal;  font-weight:normal; }
.product_detail_main_header_right { position:absolute; right:0; top:0; }
.product_detail_main_header_right span { margin-left:2.5em; }

.product_detail_main_bottom { border-top:1px solid #d3d3d3; padding-top:1.5em;}
.product_detail_main_bottom table { width:100%; border-left:1px solid #d3d3d3; border-top:1px solid #d3d3d3; line-height:3.5em;  }
.product_detail_main_bottom table td { border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; }
.product_detail_main_bottom table td em { display:block; width:100%; height:100%; background:#f5f7f8; color:#000000; }
.product_detail_main_bottom table td em span { display:block; width:100%; text-align:center; margin:0; }
.product_detail_main_bottom table td i { padding-left:50px; }

.product_detail {  margin-bottom:86px;}

.product_detail_header_box > a{ display:block; width:32px; height:32px; background:url(../images/close_x.jpg) no-repeat; position:absolute; right:12px; top:12px; }

.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 0%;
	width: 30px;
	height: 30px;
	margin-top: 0px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 30px 30px;
	-webkit-background-size: 30px 30px;
	background-size: 30px 30px;
	background-position: center;
	background-repeat: no-repeat;
    overflow:hidden;
}

.product_detail .swiper-button-next, .product_detail .swiper-button-prev { 
        width:60px;
        height:60px; 
        margin-top:-30px;
        -moz-background-size: 60px 60px;
	    -webkit-background-size: 60px 60px;
	    background-size: 60px 60px;
        top:50%;

}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url(../images/pro_menu_l.jpg);
	left: 0px;
	right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url(../images/pro_menu_r.jpg);
	right: 0px;
	left: auto
}

.technology_bottom_wrap { margin-bottom:50px; }

.swiper-button-prev.active { background:url(../images/g_pro_menu_l.jpg) no-repeat; background-size:100% 100%; }
.swiper-button-next.active { background:url(../images/g_pro_menu_r.jpg) no-repeat; background-size:100% 100%; }

.technology_main .main_part3_tab { padding:14px 0 18px; border-top:3px solid #aaaaaa; border-bottom:3px solid #aaaaaa; }
.technology_main .main_part3_tab { text-align:left; }
.technology_main .main_part3_tab span{ line-height:2em; margin-right:0.5em; margin-bottom:0; }
.technology_main .main_part3_tab span i {  border:0;}
.technology_main .main_part3_tab span.on i { background:#d85251; border:0; }
.technology_main .main_part3_tab span.on em { border-top-color:#d85251; }
.technology_main .main_part3_tab i { padding:0 1em; color:#000000; }

.technology_content { padding:1.2em 0; margin-bottom:2em; }
.technology_content p{ color:#898989; }

.technology_bottom_l {  width:68%; height:100%; overflow:hidden; float:left; position:relative;}
.technology_bottom_l ul { position:relative; width:100%; height:100%; }
.technology_bottom_l ul li { width:100%; height:100%; position:absolute; opacity:0; z-index:1; transform:scale(1.1); }
.technology_bottom_l ul li.on { opacity:1; z-index:2; transform:scale(1); }
.technology_bottom_l ul li span { line-height:3.875em; background:rgba(0,71,172,0.7); display:block; position:absolute; bottom:0; left:0; width:100%; color:#fff; padding:0 2em; text-overflow:ellipsis; overflow:hidden; display: block; box-sizing:border-box; white-space:nowrap;}
.technology_bottom_r {  width:32%; height:100%; overflow:hidden; float:left; background:#1b71c4; background-size:100% 100%; padding:18px 26px 18px 46px; box-sizing:border-box;}

.technology_bottom_r_box h4 {  line-height:2.5em; font-weight:normal; color:#fff; position:relative; margin-bottom:1.4em;}
.technology_bottom_r_box h4 em { display:block; width:60px; height:4px; position:absolute; bottom:0; left:0; background:#d85251; }

.technology_bottom_r_box {  height:100%;}
.technology_bottom_r_box_list { }
.technology_bottom_r_box_list li { width:45%; margin-right:5%; float:left; margin-bottom:14px; border:1px solid transparent; box-sizing:border-box; height:0; padding-bottom:24.5%; overflow:hidden; position:relative; }
.technology_bottom_r_box_list li.active,.technology_bottom_r_box_list li:hover { border:1px solid #8dbafc; box-shadow:3px 3px 5px #1657b2; }
.technology_bottom_r_box_list li.active a{cursor:default;}
.technology_bottom_r_box_list li.active em, .technology_bottom_r_box_list li:hover em { opacity:0; }
.technology_bottom_r_box_list li img { width:100%; height:auto; }
.technology_bottom_r_box_list li a { display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
.technology_bottom_r_box_list li a em { background:rgba(0,0,0,0.5); display:block; width:100%; height:100%; position:absolute; left:0; top:0; }
.technology_bottom_r_box_list li img { width:100%; height:100%; }

.technology_bottom_l .swiper-button-next, .technology_bottom_l .swiper-button-prev { display:none; }

.axis_wrap {  margin-bottom:20px;}
.axis_wrap_l { width:56%; float:left; height:100%; }
.axis_wrap_l_top {  height:78%; width:100%; position:relative; overflow:hidden;}
.axis_wrap_l_top img { position:absolute; }
.axis_wrap_l_bottom {  height:22%; width:100%; background:#287fd6; background-size:100% 100%; position:relative;}
.axis_wrap_r { width:44%; float:left; height:100%; }
.axis_wrap_r_top { height:41%; width:100%; position:relative; overflow:hidden; }
.axis_wrap_r_bottom {  height:59%; width:100%; position:relative; overflow:hidden;}
.axis_wrap_r_top img,.axis_wrap_r_bottom img { position:absolute; }

.axis_wrap table { position:absolute; left:0; top:0; width:101%; height:101%; text-align:center; vertical-align:middle; }
.axis_wrap_txt { color:#fff; line-height:3em; padding:0 1em; border:1px solid #fff; display:inline-block; }

.axis_wrap_r_bottom { z-index:10; }
.axis_wrap_r_bottom table { background:rgba(0,0,0,0.4); }
.axis_wrap_r_top table{ background:rgba(0,71,172,0.65); }

.axis_wrap_l_bottom em { display:block; width:0; height:0; border:12px solid transparent; border-bottom:12px solid #1673fe; position:absolute; top:-24px; left:50%; margin-left:-12px; }

.axis_main > h4 { color:#18388f; font-weight:normal; margin-bottom:0.5em; }
.axis_main .axis_main_article{  line-height:1.7em; margin-bottom:2em;}
.technology_main .axis_main_article{  line-height:1.7em; margin-bottom:2em;}

.axis_line { margin-top:1em; margin-bottom:1em; border-bottom:1px solid #aaaaaa; }

.axis_li1, .axis_li2, .axis_li3 {  width:33.3%; float:left;}
.axis_li4, .axis_li5, .axis_li6, .axis_li7 { width:25%; float:left; }
.axis_case ul { margin:0 -10px; }
.axis_case ul li {  margin-bottom:20px;}
.axis_case ul li .axis_case_box{ margin:0 10px; position:relative; }
.axis_case ul li table { position:absolute; left:0; top:0; }
.axis_case ul li table, .axis_case ul li table td { width:100%; height:100%; text-align:center; vertical-align:middle;  color:#fff; }
.axis_case ul li dl { margin:0 10px; text-align:center;}
.axis_case ul li dl dt { line-height:1.5em; }
.axis_case ul li dl dd { line-height:1.5em; }
.axis_li1 .axis_case_box{ background:#2171c2; background-size:100% 100%; height:0; padding-bottom:59%; }
.axis_li2 .axis_case_box{ background:#2171c2; background-size:100% 100%; height:0; padding-bottom:59%; }
.axis_li3 .axis_case_box{ background:#2171c2; background-size:100% 100%; height:0; padding-bottom:59%; }
.axis_li4 .axis_case_box{ background:#2171c2; background-size:100% 100%; height:0; padding-bottom:78%; }
.axis_li5 .axis_case_box{ background:#2171c2; background-size:100% 100%; height:0; padding-bottom:78%; }
.axis_li6 .axis_case_box{background:#2171c2; background-size:100% 100%; height:0; padding-bottom:78%; }
.axis_li7 .axis_case_box{ background:#2171c2; background-size:100% 100%; height:0; padding-bottom:78%; }
.axis_case { margin-bottom:30px; }
.axis_dir { width:100%; height:0; padding-bottom:59%; position:relative; margin-bottom:1em; }
.axis_dir img { width:100%; height:100%; cursor:pointer; z-index:1; position:absolute; left:0; top:0; }
.axis_dir .cover { width:100%; height:100%; cursor:pointer; z-index:2; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); }
.axis_dir h4 { position:relative; z-index:3; margin:0em 2em 1em; padding-top:2em; font-weight:normal; color:#fff; }
.axis_dir ul { position:relative; z-index:3; margin:0 2em; border-left:1px solid #fff; border-top:1px solid #fff; box-sizing:border-box; width:62%; }
.axis_dir_box { height:504px; position:relative; z-index:200; width:92%; }
.axis_dir_box .mCSB_scrollTools .mCSB_draggerRail { border-color:#fff !important; }
.axis_dir ul li { border-right:1px solid #fff; border-bottom:1px solid #fff; color:#fff; line-height:1.7em; padding:1em 2.7em;}
.axis_dir1 ul { width:92%; }
.main_part3_tab {  margin-bottom:20px;}

.axis_main .technology_bottom_wrap { margin-bottom:30px; }

.tec_friend {  margin-bottom:50px;}
.tec_friend ul { margin:0 -7.5px; }
.tec_friend li { margin-bottom:15px; width:25%; float:left; height:0; padding-bottom:15%; }

.tec_friend_box { margin:0 7.5px; border:1px solid #d7d7d7; box-sizing:border-box; overflow:hidden; }
.tec_friend_box img {  width:100%; height:auto;}

.tec_friend li .tec_friend_box:hover img { transform:scale(1.05); overflow:hidden; }

/*hover*/
@media only screen and (min-width: 1025px) {
        .technology_main .main_part3_tab span:hover em { border-top-color: #d85251; }
        .technology_main .main_part3_tab span:hover i { background: #d85251;}
}


.product_bottom,.culture_main,.strategy_main,.industry_main,.product_detail { margin-bottom:50px; }


@media only screen and (max-width: 1520px) { /*79%*/
        .honor_main ul li,.industry_main li { margin-bottom:32px; }

        .strategy_main h3,.industry_main > p,.product_center,.product_bottom > h4,.product_bottom_box,.product_bottom,.culture_main,.strategy_main,.honor_main_wrap,.industry_main,.product_detail,.tec_friend,.technology_bottom_wrap { margin-bottom:40px }

        .product_detail {  margin-bottom:68px;}

        .product_detail .swiper-button-next, .product_detail .swiper-button-prev { 
                width:48px;
                height:48px; 
                margin-top:-24px;
                -moz-background-size: 48px 48px;
	            -webkit-background-size: 48px 48px;
	            background-size: 48px 48px;
                top:50%;
        }

        .technology_bottom_wrap,.tec_friend { margin-bottom:92px; }
}


@media only screen and (max-width: 1366px) { /*71%*/
      .honor_main ul li,.industry_main li { margin-bottom:28px; }

      .strategy_main h3,.industry_main > p,.product_center,.product_bottom > h4,.product_bottom_box,.product_bottom,.culture_main,.strategy_main,.honor_main_wrap,.industry_main,.product_detail,.tec_friend,.technology_bottom_wrap { margin-bottom:36px }

      .product_detail {  margin-bottom:61px;}

      .product_detail .swiper-button-next, .product_detail .swiper-button-prev { 
                width:42px;
                height:42px; 
                margin-top:-21px;
                -moz-background-size: 42px 42px;
	            -webkit-background-size: 42px 42px;
	            background-size: 42px 42px;
                top:50%;
        }
      .technology_bottom_wrap,.tec_friend { margin-bottom:82px; }
}

@media only screen and (max-width: 1140px) { /*59%*/
     .honor_main ul li,.industry_main li { margin-bottom:23px; }
     .honor_main ul li { width:33.3%; }
     .honor_main ul { margin:0 -18px; }
     .honor_main_box { margin:0 18px; }

     .product_detail {  margin-bottom:51px;}

     .strategy_main h3,.industry_main > p,.product_center,.product_bottom > h4,.product_bottom_box,.product_bottom,.culture_main,.strategy_main,.honor_main_wrap,.industry_main,.product_detail,.tec_friend,.technology_bottom_wrap { margin-bottom:30px }

     .strategy_main ul li:nth-child(1) .strategy_li{ transition-delay:0.2s; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity:1; }
.strategy_main ul li:nth-child(2) .strategy_li{ transition-delay:0.4s; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity:1; }
.strategy_main ul li:nth-child(3) .strategy_li:nth-child(1){ transition-delay:0.6s; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity:1; }
.strategy_main ul li:nth-child(3) .strategy_li:nth-child(2){ transition-delay:0.8s; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity:1; }
.strategy_main ul li:nth-child(4) .strategy_li{ transition-delay:1s; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity:1; }

.product_detail .swiper-button-next, .product_detail .swiper-button-prev { 
                width:34px;
                height:34px; 
                margin-top:-17px;
                -moz-background-size: 34px 34px;
	            -webkit-background-size: 34px 34px;
	            background-size: 34px 34px;
                top:50%;
        }
        .technology_bottom_wrap,.tec_friend { margin-bottom:70px; }

}

@media only screen and (max-width: 1023px) { /*53%*/

	.strategy_main ul{height: auto!important;overflow: hidden;}
	.honor_main ul li,.industry_main li { margin-bottom:21px; }

        .strategy_main li { margin-top:0 !important; width:50%; }

        .strategy_main h3,.industry_main > p,.product_center,.product_bottom > h4,.product_bottom_box,.product_bottom,.culture_main,.strategy_main,.honor_main_wrap,.industry_main,.product_detail,.tec_friend,.technology_bottom_wrap { margin-bottom:27px }

        .product_detail {  margin-bottom:46px;}

        .product_detail .swiper-button-next, .product_detail .swiper-button-prev { 
                width:30px;
                height:30px; 
                margin-top:-15px;
                -moz-background-size: 30px 30px;
	            -webkit-background-size: 30px 30px;
	            background-size: 30px 30px;
                top:50%;
        }
        .technology_bottom_wrap,.tec_friend { margin-bottom:63px; }
        .axis_dir ul {  width:auto;}
	    .axis_dir_box { height:360px; width:96%; }

        .product_top { height:40px; }
}

@media only screen and (max-width: 767px) { /*40%*/
      .honor_main ul li,.industry_main li { margin-bottom:20px; }
        .product_center_header { height:auto;padding:10px 0; }
      .honor_main ul li { width:50%; } 
      .honor_main ul { margin:0 -10px; }
      .honor_main_box { margin:0 10px; }
      .honor_main_wrap { width:100%; }

        .culture_main ul { width:100%; }
        .culture_english { display:none; }
        .culture_tit {  left:5% !important; right:auto !important; width:90% !important; margin-left:0; text-align:left !important;}
        .culture_tit p { text-align:left !important; left:10px !important; right:auto; }

        .strategy_main li { width:100%; }
        .strategy_li { margin-bottom:10px; }

        .strategy_main h3,.industry_main > p,.product_center,.product_bottom > h4,.product_bottom_box,.product_bottom,.culture_main,.strategy_main,.honor_main_wrap,.industry_main,.product_detail,.tec_friend,.technology_bottom_wrap { margin-bottom:20px }


        .industry_l,.industry_r { width:100%; height:auto; position:relative; left:0; top:0; }
        .industry_l img { position:relative !important; left:0 !important; top:0 !important; margin:0 !important; width:100% !important; height:auto !important; }
        .industry_r { padding:10px; clear:both; }
        .industry_main li { height:auto; }

        .product_detail {  margin-bottom:20px;}

        .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-bottom:0; margin-bottom:0px; }
    .ph_table td { border: none; position: relative;  padding-left: 0; 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:100%; text-align:left; }
        .product_detail_main_bottom table td em span { text-align:left; margin-left:10%; }
        .product_detail_main_bottom table td i {  margin-left:10%; padding-left:0;}

        .product_detail_main { padding:10px; }
        .product_detail_main_header_right { position:relative; right:auto; top:0; }
        .product_detail_main_header_right span {  margin-left:0; margin-right:2.5em;}

        .product_detail_header_box > a { top:0; right:0; }

        .product_top li { line-height:1.5em; }
        .pt_btn_l, .pt_btn_r {  top:5px;}
        .product_center_header ul { width:auto; margin:0 10px; }
        .product_center_header li {  margin-left:8%; width:40%;}
        .product_center_main ul li {  width:50%; padding-bottom:37%;}

        .technology_bottom_wrap,.tec_friend { margin-bottom:20px; }

        .technology_bottom_box {  height:auto !important;}
        .technology_bottom_l,.technology_bottom_r { width:100%; margin-bottom:20px; }
        .technology_bottom_r { padding:10px; }
        .technology_bottom_l ul li span {  padding:0 10px;}

        .technology_main .main_part3_tab { padding-top:0; }
        .technology_main .main_part3_tab span { width:50%; margin:0%; box-sizing:border-box; padding:0; margin-top:20px; }

        .technology_bottom_r { display:none; }

        .technology_bottom_l { margin-bottom:20px !important; }
        .technology_bottom_l ul li { position:relative; opacity:1; transform:scale(1); transition:none;  }
        .technology_bottom_l ul li img { width:100%; height:auto; transition:none; }

        .technology_bottom_l .swiper-button-next, .technology_bottom_l .swiper-button-prev { 
                width: 30px;
                    height: 30px;
                    margin-top: -15px;
                    -moz-background-size: 30px 30px;
                    -webkit-background-size: 30px 30px;
                    background-size: 30px 30px;
                    top: 50%;
                    display:block;
        }

        .axis_wrap_l,.axis_wrap_r { width:100%; }
        .axis_wrap {  height:auto !important;}
        .axis_wrap_l_top {  height:auto;}
        .axis_wrap img { position:relative; top:0 !important; left:0 !important; margin-left:0 !important; width:100% !important; height:auto !important; margin-top:0 !important; }
        .axis_wrap_l_bottom {  height:70px;}
        .axis_wrap table { position:relative; height:70px; width:100%; }
        .axis_wrap_txt {  width:90%;}
        .axis_wrap_l_bottom em {  display:none;}
        .axis_li1, .axis_li2, .axis_li3 {  width:100%;}
        .axis_li4, .axis_li5, .axis_li6, .axis_li7 { width:100%; }
        .axis_case ul li {  margin-bottom:10px;}
        .axis_case ul { margin:0 -5px; }
        .axis_case ul li .axis_case_box { margin:0 5px; }
        .axis_case {  margin-bottom:10px;}
        .axis_dir {  padding-bottom:0; height:auto;}
        .axis_dir img { position:relative; height:auto; }
        .axis_dir h4 { padding-top:10px; margin:0 0px; margin-bottom:10px; color:#000; }
        .axis_dir ul { margin:0 0px; width:auto; color:#000; border-color:#000; }
        .axis_dir ul li {  padding:10px; line-height:1.7em; color:#000; border-color:#000;}
        .axis_dir .cover { display:none; }
        .tec_friend ul { margin:0 -5px; }
        .tec_friend li {  width:50%; padding:0; height:auto;}
        .tec_friend_box { margin:0 5px; }

        .axis_dir_box { height:auto; width:100%; }

        .axis_li1 .axis_case_box,.axis_li2 .axis_case_box,.axis_li3 .axis_case_box,.axis_li4 .axis_case_box,.axis_li5 .axis_case_box,.axis_li6 .axis_case_box,.axis_li7 .axis_case_box{ height:auto; padding-bottom:0; }
        .axis_case ul li table { position:relative; }
        .axis_case ul li table dl { padding:50px 0; }
        .axis_case ul li { }
}



