/*
* @Author: DoDo
* @Date:   2019-11-06 09:17:20
* @Last Modified by:   DoDo
* @Last Modified time: 2019-11-08 14:47:18
*/
@charset "utf-8";
/* reset */
.index .main { position:fixed; z-index:1; width:100%;  left:0; top:0; bottom:0; margin:0;}


@font-face {
	font-family: "iconfont"; /* Project id 4524085 */
	src: url('./iconfont.woff2') format('woff2'),
		 url('./iconfont.woff') format('woff'),
		 url('./iconfont.ttf') format('truetype');
  }


.first-page { position:absolute; top:0; left:0; height:100%; width:100%;  background-color:#fff; overflow:hidden; transform:translateY(100%); -webkit-transform:translateY(100%); transition:0.8s all; -webkit-transition:0.8s all; -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}


.no-ts .first-page{ top:100%; transform:translateY(0%); -webkit-transform:translateY(0%);}
.no-ts .first-page.index-1 { top:0;}
.first-page.index-1 { z-index:10; top:0; transform:translateY(0%); -webkit-transform:translateY(0%); }
.first-page.index-2 {z-index:50; }
.first-page.index-3 {z-index:60; backgrounD:#2B2B2B;}
.first-page.index-4 {z-index:70; }
.first-page.index-5 {z-index:80; backgrounD:#2B2B2B;}
.first-page.index-6 {z-index:90; }


.anim2_down .index-1{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim2_down .index-2{   transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim2_up .index-1 { transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim2_up .index-3{   transform:translateY(100%); -webkit-transform:translateY(100%); }
.anim2_up .index-2{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim3_down .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim3_down .index-2{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim3_down .index-3{ transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim3_up .index-2 { transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim3_up .index-3{  transform:translateY(0%); -webkit-transform:translateY(0%); }
.anim3_up .index-4{  transform:translateY(100%); -webkit-transform:translateY(100%); }

.anim4_down .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim4_down .index-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim4_down .index-3{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim4_down .index-4{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim4_up .index-2 { transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim4_up .index-3 { transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim4_up .index-4{  transform:translateY(0%); -webkit-transform:translateY(0%); }
.anim4_up .index-5{  transform:translateY(100%); -webkit-transform:translateY(100%); }

.anim5_down .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_down .index-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_down .index-3{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_down .index-4{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim5_down .index-5{ transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim5_up .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_up .index-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_up .index-3{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_up .index-4{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim5_up .index-5{ transform:translateY(0%); -webkit-transform:translateY(0%); }
.anim5_up .index-6{ transform:translateY(100%); -webkit-transform:translateY(100%); }

.anim6_down .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_down .index-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_down .index-3{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_down .index-4{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_down .index-5{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_down .index-6{ transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim6_up .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_up .index-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_up .index-3{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_up .index-4{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_up .index-5{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_up .index-6{ transform:translateY(0%); -webkit-transform:translateY(0%); }

@media  only screen and (max-width: 1920px) {
	.index-5.big {
		display: none;
	}

	.index-5.small {
		display: block;
	}

	.index-6.small {
		display: block;
	}

	.all-product-title {
		margin-top: 140px;
		margin-bottom: 20px;
	}
}

@media screen and (min-width: 1921px){
	.index-5.big {
		display: block;
	}

	.index-5.small {
		display: none;
	}

	.index-6.small {
		display: none;
	}

	.all-product-title {
		margin-top: 200px;
	}
}


.index-5.big .wrap {
	height: calc(100% - 360px);
}

.index-5.big .footer {
	height: 360px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 0;
	padding-bottom: 0;
}

.index-5.big .footer .top {
	margin-top: 60px;
}


.index-5.big .footer{ background-color:#303036; color:#999;}

.index-5.big .footer .logo img {
width: 140px;
height: auto;
}
.index-5.big .footer .top{ margin:40px 0 40px;}




.index-5.big .footer .left .tel{ font-size:30px; color:#fff; padding:10px 0; line-height:32px; font-family: 'Conv_COPYFONTS.COM_NETTO-OT' , 'Arial';}
.index-5.big .footer .x_ion{ position:relative; margin-bottom:12px; font-size:18px; font-weight:bold; color:#fff;}
.index-5.big .footer .x_ion:before{content:""; position:absolute; left:0; bottom:0; display:inline-block; width:25px; height:3px; background:#2aa1e7; border-radius:2px;}
.index-5.big .footer .center{ margin:0 190px 0 415px;}

.index-5.big .footer.en .left{ width: 420px; }
.index-5.big .footer.en .center{ margin:0 170px 0 430px;}
.footer.en .left{ width: 420px; }
.footer.en .center{ margin:0 170px 0 430px;}


.index-5.big .footer .center .x_ion a{ color:#fff; padding:18px 0 16px; display:inline-block;}
.index-5.big .footer .center a:hover{ color:#007ec3;}
.index-5.big .footer .center ol{ width:180px;}
.index-5.big .footer .center ol li{ line-height:18px; padding-bottom:20px;font-size: 16px;}
.index-5.big .footer .center ul > .li1 ol{ width:106px;}

.index-6.small .footer .center .x_ion a{ color:#fff; padding:18px 0 16px; display:inline-block;font-size: 18px;font-weight: bold;color: #fff;}
.index-6.small .footer .center a:hover{ color:#007ec3;}



.index-5.big .footer .right .x_ion{ padding:18px 0 16px; display:inline-block;}
.index-5.big .footer .right ul{ margin:0 -20px;}
.index-5.big .footer .right li{ float:left; padding:0 20px; text-align:center;}
.index-5.big .footer .right li span{ display:block;}
.index-5.big .footer .right li .pic{ line-height:0; width: 70px;}
.index-5.big .footer .right li .pic img {
width: 100%;
}
.index-5.big .footer .right li .text{ padding-top:12px;}

@media only screen and (min-width: 1800px) {
	.first-page>table,.first-page>table td{
        width: 100%;
        height: 100%;
        vertical-align: middle;
	}
}
@media only screen and (max-width: 1200px) {
    .index .main { position:static; top:0; margin-top:0; }
    .first-page{
        position: relative;
        overflow: hidden;
        height: auto;
        transform: translateY(0);
    	-webkit-transform: translateY(0); 
    }

	.index-6 .footer {
		position: relative;
		display: block;
		padding-top: 0;
		padding-bottom: 70px;
	}

    .index .main .right-button{
        display: none;
    }

    .service-main .first-page{
        padding-top: 50px;
        padding-bottom: 50px;
    }

}


@charset "utf-8";
/* CSS Document */
body { font:14px "microsoft Yahei","Arial",sans-serif; color: #333; background: #fff; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0); overflow-x: hidden}
body,form,input,p,ol,ul,li,h1,h2,h3,h4,h5,h6,table,th,td,dl,dt,dd{padding:0;margin:0;}
img{border:0; vertical-align: middle;}
ul,li{list-style:none;}
dl,dt,dd{display: block;}
a{text-decoration:none; transition: 0.4s; -webkit-transition: 0.4s; outline: none;}
input,textarea{ box-sizing: border-box;  border: 0; background:none; font:14px "microsoft Yahei","Arial",sans-serif; width: 100%; }
input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; }
h2{font-weight:400;}
i{ font-style:normal;}
b{ font-weight:normal;}

/*文本框默认颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999; opacity: 1}
input:-moz-placeholder, textarea:-moz-placeholder {color: #999; opacity: 1}
input::-moz-placeholder, textarea::-moz-placeholder {color: #999; opacity: 1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999; opacity: 1}


/* clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before, body:before, .header:before, .main:before, .footer:before, .wrap:before { content: ''; display: table }
.cf:after, after, .header:after, .main:after, .footer:after, .wrap:after { content: ''; display: table; clear: both }
.cf, .header, .main, .footer, .wrap { *zoom: 1 }

.index-6 .footer {
	display: flex;
	align-items: center;
	justify-content: center;
}

/*图片放大*/
@media screen and (max-width: 2000px) and (min-width: 1200px){
	.tr_sc{ overflow:hidden; display:block;}
	.tr_sc img{transition:0.3s all;}
	.tr_sc:hover img{transform:scale(1.1,1.1);}
}


/*其他公用*/
.img{ line-height:0;}
.img img{ width:100%;}
.in_wrap{width: 960px; margin: 0 auto;}
.wrap{width: 1300px; margin: 0 auto;}

.center-wrap{width: 1300px; margin: 0 auto; height: 100%;}

.index-3-content,
.index-5-content {
	height: 100%;
	padding-top:  140px;
	box-sizing: border-box;
}

.index-3-content dl,
.index-5-content dl {
	height: 100%;
}

.index-3-content dd {
	height: calc(100% - 100px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-5-content dd {
	height: calc(100% - 40px);
    display: flex;
    align-items: center;
    justify-content: center;
}

/*公用头尾*/
.header{ position:fixed; left:0; top:0; width:100%; z-index:1000000; box-shadow:0 0 4px rgba(0,0,0,0.2);}
.in_main,
.main{ margin-top:80px;}

.header .top{ background:#2AA0DE; border-bottom:1px solid #eaeaea; height:41px; padding:0 40px;}

.header .pc-nav-container{ padding: 26px 40px 21px; padding:0 40px; background-color: #1A1A1A; position:relative; width:100%; box-shadow:0 2px 4px rgba(0,0,0,0.1); box-sizing:border-box;}
.header .pc-nav-container .logo{ float: left; padding-top:14px;}
.header .pc-nav-container .logo a{ display: block; line-height: 0; width: 181px;}
.header .pc-nav-container .logo a img{ max-width: 100%; }

.header .pc-nav-container .in_wrap,
.header .pc-nav-container .wrap{ overflow:hidden;}
.header .pc-nav-container .nav{ margin:0 -70px;}
.header .pc-nav-container .nav > li{ float: left; width:140px; padding:0px 50px 0; line-height:80px; text-align:center;}
.header .pc-nav-container .nav > li > a{ font-size: 20px; line-height: 18px; color: #fff; padding: 20px 0 10px 0; position:relative; display:inline-block;width: 100%;}

.header .pc-nav-container .nav > li > a:before{ content: ''; position: absolute; background-color: #6495ED; width: 0; height: 3px; left: 25%; bottom: -10px; transition: 0.4s; -webkit-transition: 0.4s;}
.header .pc-nav-container .nav > li > a:after{ content: ''; position: absolute; width: 13px; height: 7px; right: 0; top:50%; margin-top:-3px; transition: 0.4s; -webkit-transition: 0.4s;}
.header .pc-nav-container .nav  a:hover{ color: #6495ED; }
.header .pc-nav-container .nav > li > a:hover:before{ width: 50%;}
.header .pc-nav-container .nav > li > a:hover:after{ transform: rotate(-180deg);}

.header .navdown .navi-third .a1::before,
.header .navdown .navi-third .a2::before,
.header .navdown .navi-third .a3::before {
	display: inline-block;
	position: absolute;
	left: 10px;
	font-size: 14px;
}

.header .navdown .nav-item {
	width: 1500px;
	margin: 0 auto;
}

.header .navdown{ position:absolute; left: 50%; top:80px; width: 100%; transform: translate(-50%, 0); z-index:999; background: #2C2C2C; display:none;}
.header .navdown .yiji{ text-align:center; padding:20px 0 25px;}
.header .navdown .yiji li{ display:inline-block; padding:0 40px;}
.header .navdown .yiji a,
.header .navdown .yiji span{ display:block; color:#fff;}
.header .navdown .yiji .ion{ height:66px; background-repeat:no-repeat; background-position:center top; min-width:120px;}
.header .navdown .yiji .txt{ font-size:16px;}
.header .navdown .yiji a:hover span{ color:#6495ED;}
.header .navdown .yiji a:hover .ion{ background-position:center bottom;}
.header .navdown .navi-third ul{ position:relative; padding:2px 0 5px;}
.header .navdown .navi-third.solution ul { height: 200px; }
.header .navdown .navi-third ul:before{content:""; position:absolute; left:0; top:0; display:inline-block; width:240px; height:20px; background:#2C2C2C;}
.header .navdown .navi-third li{ background:#2C2C2C; width:100%;}

.header .navdown .navi-third li {
	border-bottom: 1px solid #B5B5B5;
}

.header .navdown .navi-third li:last-child {
	border-bottom: none;
}


.header .navdown .navi-third .nr{ position:relative; display: inline-block; width: calc(1500px - 260px); box-sizing:border-box; padding-top: 6px;}

.header .navdown .navi-third .l{ width: 236px;color:#fff; display:inline-block; font-size: 18px; background-repeat:no-repeat; padding:10px 0 14px 63px; font-size:16px; position:relative; z-index:2;vertical-align: top; box-sizing: border-box;}

.header .navdown.navdown2 .navi-third .l {
	padding-top: 15px;
}

.header .navdown .navi-third .l:before,
.header .navdown3 a::before{font-family: "iconfont" !important;content:""; position:absolute; left:30px; top:40%; margin-top:-6px; display:inline-block; width:24px; height:24px; font-size: 20px;background-size: 100% 100%;}

.header .navdown .navi-third li {
	height: 154px;
	padding-top: 5px;
    box-sizing: border-box;
}

.header .navdown.navdown2 .navi-third li {
	height: 92px;
	top: 0;
}

.header .navdown .navi-third li.item2 {
	height: 92px;
}

.header .navdown .navi-third li.item3 {
	height: 82px;
}

.header .navdown li a:hover,
.header .navdown .navi-third .l:hover,
.header .navdown li a:hover span.txt {
	color: #6495ED;
}

.header .navdown.navdown3 li {
	position: relative;
	padding: 18px 100px 0;
	height: 40px;
}

.header .navdown.navdown3 li:first-child {
	border-right: 1px solid rgba(95, 178, 222, 0.14);
}

.header .navdown.navdown3 li a:before {
	left: 60px;
}

/* .header .navdown.navdown3 .a1:hover:before { background-image: url(../images/icon/7_active.png) ;}
.header .navdown.navdown3 .a2:hover:before { background-image: url(../images/icon/8_active.png)} */

.header .navdown.navdown3 .yiji {
	padding: 10px 20px;
}

.header .navdown.navdown2 .navi-third dl {
	width: 100%;
}

.header .navdown.navdown2 .second-level .nr.item2 dd {
	width: 24%;
}

.header .navdown.navdown2 dl:first-child dd {
	width: 24%;
}
.header .navdown dt {
	height: 30px;
	line-height: 28px;
}

.header .navdown dt a {
	color: #fff;
}



.header .navdown dd {
	display: inline-block;
	float: left;
	width: 100%;
	height: 25px;
	padding-top: 10px;
}

.header .navdown dl:first-child dd {
	width: 32%;
}

.header .navdown.navdown2 dd {
	padding-top: 10px;
	margin-bottom: 0;
}

.header .navdown .navi-third li.li_one .l:before,
.header .navdown .navi-third li:hover .l:before{ background-position: left bottom;}

.header .navdown .navi-third dl{ float:left; width:25%; padding:0 20px 0 40px; box-sizing:border-box;}

.header .navdown .navi-third dt a{ display:inline-block; color: #fff; font-size:16px; padding:0 25px 0 0; }

.header .navdown .navi-third dd a {color: #fff; font-size: 14px;}

.header .navdown .navi-third dt a:hover {
	color: #6495ED;
}
.header .navdown .navi-third dd a:hover {
	color: #6495ED;
}

.header .lang-btn {
	position: absolute; width: 30px; height: 25px; right: 25px; top: 50%; margin-top: -15px; cursor: pointer;
}

.header .lang-btn .top-lang {
	position: absolute; top: 0; left: 0; z-index: 1; font-size: 16px;
}

.header .lang-btn .bottom-lang {
	position: absolute; bottom: 0; right: 0; font-size: 12px; opacity: 0.4;
}

.index-5 .owl-carousel.owl-carousel-honor {
	padding-left: 120px;
	padding-right: 120px;
	box-sizing: border-box;
}

.footer{ background-color:#303036; color:#999;}
.footer .top{ margin:40px 0 80px;}
.footer .top .in_wrap,
.footer .top .wrap{ position:relative; min-height:240px;}
.footer .left{ position:absolute; left:0; top:0;}
.footer .left span{ display:block; line-height:22px; padding-bottom:20px;font-size: 16px;}
.footer .left .logo{ line-height:0; padding-bottom:13px;}
.footer .left .tel{ font-size:30px; color:#fff; padding:10px 0; line-height:32px; font-family: 'Conv_COPYFONTS.COM_NETTO-OT' , 'Arial';}
.footer .link-title{ position:relative; margin-bottom:12px; font-size:20px; font-weight:bold; color:#fff;}
.footer .link-title:before{content:""; position:absolute; left:0; bottom:0; display:inline-block; width:25px; height:3px; background:#2aa1e7; border-radius:2px;}
.footer .center{ margin:0 190px 0 415px;}
.footer .center ul > li{ float:left; margin-right:70px;}
.footer .center a{ color:#999;}
.footer .center .link-title a{ color:#fff; padding:18px 0 16px; display:inline-block;}
.footer .center a:hover{ color:#007ec3;}
.footer .center ol{ width:180px;}
.footer .center ol li{ line-height:26px; padding-bottom:20px; width:50%; float:left;font-size: 16px;}
.footer .center ul > .li1 ol{ width:106px;}
.footer .center ul > .li1 ol li{ float:none; width:100%;}
.footer .right{ position:absolute; right:0; top:0; overflow:hidden;}
.footer .right .link-title{ padding:18px 0 16px; display:inline-block;}
.footer .right ul{ margin:0 -20px;}
.footer .right li{ float:left; padding:0 20px; text-align:center;}
.footer .right li span{ display:block;}
.footer .right li .pic{ line-height:0; width: 70px;}
.footer .right li .text{ padding-top:12px;}

.footer .bottom{ position: absolute;bottom: 0;width: 100%;font-size:12px; line-height:14px; padding:15px 0; border-top:1px solid #3b3b40;}
.footer .bottom a{ color:#999;}
.footer .bottom a:hover{ color:#D0D0D0;}

.footer .bottom .container { text-align: center; }
.footer .bottom .container a { margin-left: 20px;}

/*首页--产品推荐*/
.index-2 .swiper-container{ height:100%;}
.index-2 .swiper-container .swiper-wrapper{ height:100%;}
.index-2 .swiper-container .swiper-wrapper .product_box{ height:100%;}
.index-2 .swiper-container .swiper-wrapper .swiper-slide{ height:100%;}
.index-2 .product_box_content{display: flex;
    flex-direction: column;
    justify-content: center; background:#f5f5f5; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:center; padding-top:105px; position:relative; height: 100%; box-sizing:border-box; overflow:hidden; transition: 0.4s; -webkit-transition: 0.4s;}
.index-2 .li2 .product_box_content{ background:#fcfcfc;}

.index-2 .product_box_content a {
	display: inline-block;
	width: 100%;
}
.index-2 .pic{ line-height:0; text-align:center;}
.index-2 .pic img{ max-width:100%; width:80%;}
.index-2 .name{ transition: 0.4s; -webkit-transition: 0.4s;}
.index-2 .name span{ display:block; font-size:30px; transition: 0.4s; -webkit-transition: 0.4s;}
.index-2 .name .name-content{ display: inline-block; width: 100%;height: 100%; font-size: 18px; color:#666; padding:70px 0 60px; }
.index-2 .name a.name-content:hover{ color:#fff;}
.index-2 .detail_container{ padding:0 20px; position:absolute; bottom:0; width:100%; border-top:1px solid rgba(255,255,255,0.2); padding:23px 0; box-sizing:border-box; opacity:0; color: #fff; transition: 0.4s; -webkit-transition: 0.4s;}
.index-2 .detail_container .l{ float:left; font-size:32px; font-weight:300; color:#fff;}
.index-2 .detail_container .l i{ font-size:24px;}
.index-2 .detail_container .r{ float:right; margin-top:8px; color:#fff;}
.index-2 .detail_container .r a{ font-size:18px; padding-left:20px; color:#fff;}
.index-2 .detail_container .r a.a1{ padding-right:20px;}
.index-2 .detail_container .r a:hover{ color:#f60;}
.index-2 .product_box:hover .product_box_content{ background-color:#2E67FA; }

.index-2 .product_box:hover .name span{ color:#fff;}
.index-2 .product_box:hover .name .name-content{ color:#fff;}
.index-2 .product_box:hover .name .name-content:hover{ color:#f60;}
.index-2 .product_box:hover .detail_container{ opacity:1;}
.index-2 .arrow{ width:100%;}
.index-2 .arrow > div{ width:40px; height:180px; cursor:pointer; position:absolute; top:50%; margin-top:-90px; z-index:10;}
.index-2 .arrow .arrow-left{ left:0; background:url(../images/in_ion-7.png) no-repeat center rgba(0,0,0,0.2); border-radius:0 5px 5px 0;}
.index-2 .arrow .arrow-right{ right:0; background:url(../images/in_ion-8.png) no-repeat center rgba(0,0,0,0.2); border-radius:5px 0 0 5px;}
.index-2 .arrow > div:hover{ background-color:#007ec3;}

.index-3-content{ padding: 140px 0 20px; }
.index-3-content dt{ text-align:center;}
.index-3-content dt h3{ font-size:36px; font-weight:300; padding-bottom:15px;}
.index-3-content dt span{ display: inline-block; color:#333;}
.index-3-content dt a{ font-size:12px; color:#007ac2; padding-left:10px;}
.index-3-content ul{ margin:0 -12px; padding-top:46px;}
.index-3-content li{ float:left; width:50%; box-sizing:border-box; padding:0 12px; margin-bottom:24px;}

.honor-list li {
	transform: translate(0, 300px);
	opacity: 0;
	transition: all 1s 0.3s ease-out;
}

.honor-list li.show {
	transform: translate(0, 0);
	opacity: 1;
}

.index-3-content li a{ display:block; background-color:#fff; padding:18px 40px 0px 30px; height:140px; overflow:hidden; box-sizing:border-box; color:#999; border-radius:5px;}
.index-3-content li span{ display:block;}
.index-3-content .pic{ width:100px; height:100px; background-repeat:no-repeat; background-position:left top; float:left; transition: 0.4s; -webkit-transition: 0.4s;}
.index-3-content .text{ margin-left:110px; padding-top:18px;}
.index-3-content .text .tit{ color:#333; font-size:18px; line-height:20px; padding-bottom:10px; transition: 0.4s; -webkit-transition: 0.4s;}
.index-3-content li a:hover{ background:#007ac2; color:#fff; box-shadow:2px 0 24px rgba(0,0,0,0.27);}
.index-3-content li a:hover .pic{ background-position:left bottom;}
.index-3-content li a:hover .text .tit{ color:#fff;}
.index-3-content.last{ border-bottom:none; padding-bottom:120px;}


@keyframes q1{
	0% {-webkit-transform: scale(0.8);transform: scale(0.8); opacity: 0; }
	60% {opacity: 0.2;}
	80% {-webkit-transform: scale(1);transform: scale(1); opacity: 0; }
	100% {-webkit-transform: scale(1);transform: scale(1); opacity: 0; }
}


.swiper-slide {
	float: left;
	width: 33.3%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.wrap { height: 100%; }
.content-title{padding:0 0px; font-size:30px; position:relative; text-align:center;}
 .index-3-content .content-title span,
.content-title span{ padding:0 20px; background:#2B2B2B; display:inline-block; position:relative; z-index:3; color:#E8E8E8;}
.content-title.content-title_hui span{ background:#f8f8f8;}
.content-title:before{ content: ''; position: absolute; top:50%; right:0; width:100%; height:1px; background:#ccc;}

 .index-3-content li a{ box-shadow:2px 0 24px rgba(0,0,0,0.1); text-align:center; height:275px; padding-top:40px;}
 .index-3-content .pic{ width:100px; height:100px; float:none; display:inline-block; background-position: center bottom; background-color:#2E67FA; border-radius:100px;-webkit-transition: 0.4s;}
 .index-3-content a:hover .pic{ background-color:#E8E8E8; background-position: center top;}
 .index-3-content .text{ margin-left:0;}

 .index-3-content li { width: 50%; }

 .index-3-content .trans1 {
	transform: translate(-300px, 0);
    opacity: 0;
    transition: all 1s 0.3s ease-out;
}

 .index-3-content .trans2 {
	transform: translate(-100px, 0);
    opacity: 0;
    transition: all 1s 0.3s ease-out;
}

 .index-3-content li.show {
	transform: translate(0, 0);
    opacity: 1;
}

.index-3-content li{ float:left; width: 50%; box-sizing:border-box; padding:0 12px; margin-bottom:24px;}
.index-3-content li a{
	display:block;
	background-color:#4F4F4F;
	padding:18px 40px 0px 30px;
	overflow:hidden;
	box-sizing:border-box;
	color:#E8E8E8;
	box-shadow: 2px 0 24px rgba(0,0,0,0.1);
    text-align: center;
    height: 275px;
    padding-top: 40px;
	border-radius:5px;
}
.index-3-content li span{ display:block;}


.index-3-content .text .tit{ color:#333; font-size:18px; line-height:20px; padding-bottom:10px; transition: 0.4s; -webkit-transition: 0.4s;}
.index-3-content li a:hover{ background: #777777; color:#E8E8E8; box-shadow:2px 0 24px rgba(0,0,0,0.27);}
.index-3-content li a:hover .pic{ background-position:left bottom;}
.index-3-content li a:hover .text .tit{ color:#E8E8E8;}
.index-3-content li a .text .tit{ color:#E8E8E8;}

 .index-3-content .solution-box .pic {
	background-size: 100%;
}

 .index-3-content .solution-box1 .pic {
	background-image: url(../images/icon/solution-icon1.png)
}

 .index-3-content .solution-box2 .pic {
	background-image: url(../images/icon/solution-icon2.png)
}

 .index-3-content .solution-box3 .pic {
	background-image: url(../images/icon/solution-icon3.png)
}

 .index-3-content  .solution-box4 .pic {
	background-image: url(../images/icon/solution-icon4.png)
}
/* 
.index-3-content li.solution-box1 a:hover .pic {
	background-image: url(../images/icon/solution-icon1-active.png)
}

.index-3-content li.solution-box2 a:hover .pic {
	background-image: url(../images/icon/solution-icon2-active.png)
}

.index-3-content li.solution-box3 a:hover .pic {
	background-image: url(../images/icon/solution-icon3-active.png)
}


.index-3-content li.solution-box4 a:hover .pic {
	background-image: url(../images/icon/solution-icon4-active.png)
} */

.index-4 .owl-carousel.owl-loaded {
	display: none;
}

.index-4 .square-container {
	position: relative;
	width: 1666px;
	height: 709px;
	flex-shrink: 0;
}

.index-4 .partner-num {
	position: absolute;
	color: #fff;
}

.index-1 .about-cont {
    padding-top: 75px;
    position: relative;
	margin: 0 auto;
	background: #06101c;
}

.index-1 .about-cont .company-data-box:first-child::before {
    top: 20px;
    bottom: 20px;
    right: 0;
    width: 1px;
	content: " ";
    position: absolute;
    background-color: #343c45;
}

.index-1 .introduction-container .content-2 {
    font-size: 16px;
    line-height: 28px;
    color: #ccc;
    margin-top: 16px;
}


.index-1 .introduction-container {
	position: relative;
	float: left;
	width: 50%;
	text-align: left;
}

.index-1 .about-cont .line {
    position: absolute;
    left: 0;
    top: 60px;
    width: 100px;
    height: 3px;
    background-color: #2E67FA;
}

.index-1 .about-cont .company-data-container:before,
.index-1 .about-cont::before {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

.index-1 .about-cont .company-data-container:after,
.index-1 .about-cont:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

.introduction-container .company-title {
    font-size: 48px;
	font-weight: normal;
    color: #ccc;
    line-height: 48px;
    padding-bottom: 23px;
}

.introduction-container .content-1 {
    font-size: 22px;
    line-height: 36px;
    color: #ccc;
    margin-top: 13px;
}

.index-1 .about-cont .company-data-container {
	color: #fff;
	border: 1px solid #323a44;
    margin-top: 50px
}

.index-1 .about-cont .company-data-box {
    position: relative;
    float: left;
    width: 50%;
    padding-top: 20px;
    padding-bottom: 20px;
	text-align: center;
}

.index-1 .about-cont .company-data-box .span-txt {
    font-size: 18px;
    line-height: 18px;
}

.company-data-box .span-num {
	display: block;
    font-size: 72px;
    line-height: 72px;
    font-family: "Arial";
    font-weight: bold;
    margin-top: 20px;
}

.index-1 #myVideo {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	width: 45%;
	height: auto;
    mix-blend-mode: lighten;
}

.all-product-title {
    font-size: 40px;
	font-weight: normal;
    color: #ccc;
	text-align: center;
}

.index-2 .product-bg {
	background-image: url(../images/product/all-product-bg.jpg);
	width: 100%;
    height: 100%;
    padding-top: 1px;
    background-size: cover;
	background-position: center;
}

.index-2 .product-bg .img-container {
	width: 100%;
    height: calc(100% - 200px);
    display: flex;
    justify-content: center;
    /* flex-direction: column; */
    align-items: center;
}

.index-2 .text {
	color: #fff;
	font-size: 32px;
	text-align: center;
	margin-top: 60px;
}

@media (min-width: 1440px) {
    .common-container.max {
        width:1400px;
		padding-left: 0;
		padding-right: 0;
    }

	.index-5 .common-container.max {
		width:1000px;
	}
}

@media (min-width: 2560px) {
    .common-container.max {
        width:1400px;
		padding-left: 0;
		padding-right: 0;
    }

	.footer .top .wrap {
		width: 1300px;
	}

	.index-5 .wrap {
		width: 1300px;
	}

	.index-5-content {
		width: 1300px;
	}

	.index-5 .common-container.max {
		width:1300px;
	}
}

@media (min-width:1366px) and (max-width:1439px) {
	.common-container {
		width: 1200px;
		padding-left: 0;
		padding-right: 0;
	}

}

@media (min-width: 768px) {
    .common-container {
        width:700px
    }
}

@media (min-width: 992px) {
    .common-container {
        width:900px
    }
}

@media (min-width: 1200px) {
    .common-container {
        width:1100px
    }

	.index-5-content .common-container {
		width: 800px;
	}
}

@media screen and (max-width:4096px){
	.index-4 .square-container {
		scale: 1.6;
	}
	
	.index-4 .partner-num {
		scale: 1.6;
	}
}

@media screen and (max-width:3840px){
	.index-4 .square-container {
		scale: 1.4;
	}
	
	.index-4 .partner-num {
		scale: 1.4;
	}

	.index-2 .text {
		margin-top: 180px;
	}

	.index-2 .product-bg .img-container {
		height: calc(100% - 280px);
	}
}

@media (min-width: 2000px) and (max-width:2560px){
	.index-4 .square-container {
		scale: 1.2;
	}
	
	.index-4 .partner-num {
		scale: 1.2;
	}

	.index-2 .text {
		margin-top: 140px;
	}
}

@media screen and (max-width:1920px){
	.index-4 .square-container {
		scale: 1.0;
	}
	
	.index-4 .partner-num {
		scale: 1.0;
	}

	.index-2 .text {
		margin-top: 30px;
	}
}



@media screen and (max-width:1800px){
	
	/*公用头尾*/
	.header .pc-nav-container .in_wrap,
	.header .pc-nav-container .wrap{ width:auto;}
	.header .pc-nav-container .nav{ margin:0 20px;}
	.header .pc-nav-container .nav > li{ padding:0; width:16.6%; text-align:center;}

	.index-4 .square-container {
		scale: 0.8;
	}
	
	.index-4 .partner-num {
		scale: 0.8;
	}
}


/*响应式*/
@media screen and (max-width:1400px){
	
	/*其他公用*/
	.in_wrap,
	.wrap{width: 1160px;}

	.center-wrap{width: 1300px; margin: 0 auto;}

	.index-4 .owl-carousel.owl-loaded {
		width: 600px;
	}

	.index-4 .square-container {
		scale: 0.7;
	}

	.index-4 .partner-num {
		scale: 0.7;
	}

	
	
	/*公用头尾*/
	.header .top{ padding:0 20px;}
	.header .pc-nav-container{ padding:0 20px;}
	.header .pc-nav-container .logo a{ width:150px;}
	.header .pc-nav-container .nav > li > a{ padding:0 15px 0 26px;}
	.header .pc-nav-container .ss{ margin-left:10px; margin-top:0;}
	
	.footer .center{ margin:0 150px 0 325px;}
	.footer .center ul > li{ margin-right:40px;}
	
	/*首页*/
	.index-2 .pic img{ width:100%;}
	.index-2 .detail_container .l{ font-size:28px;}
	.index-2 .detail_container .r a{ font-size:16px; padding-left:10px;}
	.index-2 .detail_container .r a.a1{ padding-right:10px;}

    .index .service-down {
        display: none;
	}

    
	/* 解决方案 */

	.content-title{ font-size:30px; position:relative; text-align:center;}
	 .index-3-content .content-title span,
	.content-title span{ padding:0 20px; background:#fff; display:inline-block; position:relative; z-index:3; color:#333;}
	.content-title.content-title_hui span{ background:#f8f8f8;}
	.content-title:before{ content: ''; position: absolute; top:50%; right:0; width:100%; height:1px; background:#ccc;}
	 .index-3-content{ border-bottom:none; padding:0;}
	 .index-3-content li a{ box-shadow:2px 0 24px rgba(0,0,0,0.1); text-align:center; height:275px; padding-top:40px;}
	 .index-3-content .pic{ width:100px; height:100px; float:none; display:inline-block; background-position: center bottom; background-color:#007ac2; border-radius:100px;}
	 .index-3-content a:hover .pic{ background-color:#fff; background-position: center top;}
	 .index-3-content .text{ margin-left:0;}
}


@media screen and (max-width:1200px){
	
	/*其他公用*/
	.in_main,
	.main{ margin-top:0;}
	.in_wrap,
	.wrap{width: 984px;}

	
	/*公用头尾*/	
	.footer .top{ margin-bottom:60px;}
	.footer .center{ margin-right:0;}
	.footer .center ul > li{ margin-right:40px;}
	.footer .right{ display:none;}
	
	/*首页*/

	
	.index-4 .square-container {
		scale: 0.6;
	}
	
	.index-4 .partner-num {
		scale: 0.6;
	}

	.index-2 .swiper-container{ height:400px;}
	.index-2 .product_box_content{ height:370px; padding-top:30px;}
	.index-2 .pic{ width:160px; margin: 0 auto;}
	.index-2 .name{ padding:40px 0 40px;}
	.index-2 .name span{ font-size:24px;}
	.index-2 .name .name-content{ font-size:12px;}
	.index-2 .product_box:hover .name .name-content{ color:#666;}
	.index-2 .detail_container{ bottom:0; opacity:1; border-top: 1px solid #d9d9d9;}

	.index-2 .detail_container span{ display:block;}
	.index-2 .detail_container .l{ color:#007ec3; float:none;}
	.index-2 .detail_container .r{ float:none; color:#333;}
	.index-2 .detail_container .r a{ color:#333; font-size:14px; padding:0 20px;}
	.index-2 .product_box:hover .product_box_content{ background:#f5f5f5;}
	.index-2 .li2 .product_box:hover .product_box_content{ background:#fff;}

	.index-2 .product_box:hover .name span{ color:#333;}


	 .index-3-content .trans1 {
		transform: translate(0, 0);
		opacity: 1;
		transition: all 1s 0.3s ease-out;
	}
	
	 .index-3-content .trans2 {
		transform: translate(0, 0);
		opacity: 1;
		transition: all 1s 0.3s ease-out;
	}

	
	
	/* 解决方案集成 */


	.index-3-content.last{ padding-bottom:80px;}
	.index-3-content dt h3{ font-size:30px; line-height:32px;}
	.index-3-content li{ width:50%;}
	
	/* 解决方案分类 */
	.content-title{ font-size:24px;}

	 .index-3-content ul{ padding-top:30px;}
	.index-3-content li{ width:33.3%;}

	.index-3 .index-3-content li{ width: 50%;}
}

@media screen and (max-width:1002px){	
	
	/*其他公用*/
	.in_wrap,
	.wrap{width: 100%; padding:0 20px; box-sizing:border-box;}
	.ty_more a{ padding:8px 80px;}

	
	/*公用头尾*/	

	.index-5 .footer {
		position: relative;
	}
	.footer .top{ margin:40px 0 10px;}
	.footer .left{ position:static; text-align:center;}
	.footer .top .wrap{ min-height:0;}
	.footer .link-title::before{ left:50%; margin-left:-12px;}
	.footer .center{ display:none;}
	.footer .bottom{ text-align:center;}
	.footer .bottom .l,
	.footer .bottom .r{ float:none; padding:3px 0;}

	.footer .bottom .container span {
		display: block;
		margin-bottom: 5px;
	}

	.footer .bottom .container a { margin-left: 0;}

	.index-4 .owl-carousel.owl-loaded {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding-left: 10%;
		padding-right: 10%;
		box-sizing: border-box;
		/* padding: 0 10px; */
	}

	.index-4 .square-container {
        display: none;
    }

	.index-4 .owl-carousel.owl-loaded .sub-item {
		padding: 20px 5px;
	}

	.index-4 .partner-num {
		position: relative;
		display: inline-block;
		margin: 0 auto;
		left: 0;
		top: 0;
		transform: none;
		margin-bottom: 10px;
	}

	.index-4 .partner-num .line {
		top: 40px;
	}

	.partner-num .title {
		font-size: 26px;
	}
	
	/* 解决方案集成 */

	.index-3-content{ padding:60px 0;}
	.index-3-content dt span{ padding:0 20px;}
	.index-3-content dt h3{ font-size:26px;}
	.index-3-content li a{ padding:15px 20px 0;}
	/* .index-3-content .text{ margin-left:80px;} */

	
	/* 解决方案分类 */
	.index-3-content{ padding-top:60px;}
	.index-3-content li{ width:50%;}

	.index-4 .about-cont {
		flex-direction: column;
		padding: 20px 20px;
	}
}


@media screen and (max-width:758px){	

	/*其他公用*/
	.in_wrap,
	.wrap{ padding:0 10px;}

	.all-product-title {
		margin-top: 0;
	}

	.index .first-page.index-1 {
		height: auto;
	}

	.index-1 .introduction-container {
		float: none;
		width: 100%;
	}

	.index-1 .about-cont {
		padding: 60px 20px 10px;
	}

	.first-page.index-1 #myVideo {
		display: none;
	}

	.index-2 .product-bg {
		padding-top: 20px;
	}
	
	/*公用头尾*/	
	.footer .top .in_wrap,
	.footer .top .wrap{ padding:0 10px; min-height:0;}
	.footer .left .logo{ padding-bottom:8px;}
	.footer .left span{ padding-bottom:8px; font-size:12px;}
	.footer .left .tel{ font-size:22px; line-height:24px; padding:6px 0;}
	.footer .bottom .l span{ display:block; padding-right:0; padding-bottom:6px;}
	
	/*首页*/

	
	.index-2 .swiper-container{ height:260px;}
	.index-2 .product_box_content,
	.index-2 .product_box:hover .product_box_content{ height:260px; } */
	.index-2 .pic{ width:130px;}
	.index-2 .name { padding-top:10px;}

	.index-2 .detail_container{ padding:0 10px; display:none;}
	.index-2 .detail_container .l{ font-size:20px; font-weight:400;}
	.index-2 .detail_container .r{ margin-top:3px;}
	.index-2 .detail_container .r a,
	.index-2 .detail_container .r a.a1{ font-size:14px; padding:0 15px;}
	.index-2 .detail_container .l i{ font-size:16px;}
	.index-2 .arrow > div{ width:30px; height:80px; margin-top:-40px;}
	.index-2 .arrow .arrow-left{ background-size:12px;}
	.index-2 .arrow .arrow-right{ background-size:12px;}


	.index-4 .about-cont {
		padding-top: 20px;
	}


	.index-4 .about-pertner-case {
		margin-top: 30px;
		font-size: 56px;
	}
	
	/* 产品列表 */
	.lm_ban{ height:auto; padding-top:0; position:relative;}
	.lm_ban .iph_img{ display: block; line-height:0; height:300px; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
	.lm_ban .wrap{ position:absolute; left:0; top:50%; margin-top:-60px;}
	.lm_ban h1{ font-size:22px; line-height:30px; color:#fff;}
	.lm_ban h2{ font-size:16px; color:#fff;}

	.page a{ display:none;}
	.page .pprev,
	.page .pnext,
	.page .one{ display: inline-block;}

	.common-container {
		width: 100%;
	}

	.index-5 .common-container .sub-item {
		padding: 0;
	}
	
	/* 产品详情 */

	.mbx .iph_no{ display:none;}
	.mbx .sp1{ display:none;}

	
	/* 解决方案集成 */
	.lm_ban_btn{ padding:0;}
	.lm_ban_btn .btn{ width:100px; height:33px; line-height:33px; font-size:14px; margin-top:15px;}
	.lm_ban_btn .wrap{ margin-top:-77px;}
	.index-3-content{ padding:30px 0;}

	.rrzz .index-3-content {
		padding-bottom: 0;
	}
	.index-3-content.last{ padding-bottom:30px;}
	.index-3-content dt h3{ font-size:20px; line-height:22px; padding-bottom:10px;}
	/* .index-3-content dt span{ padding:0; font-size:12px; line-height:20px;} */
	.index-3-content ul{ margin:0; }
	.index-3-content li{ width:100%; padding:0; margin-bottom:15px;}
	.index-3-content li a{ height:auto; padding:15px 10px;}
	.index-3-content .pic{ width:65px; height:65px; background-size:65px;}
	.index-3-content .text{ padding-top:0; margin-left: 0;}
	.index-3-content .text .tit{ font-size:16px; height:22px; overflow:hidden; padding-bottom:0; margin-bottom:10px;}

	.index-3-content li.solution-box {
		transform: translate(0, 0);
		opacity: 1;
	}


	.index-3-content .honor-list li {
		transform: translate(0, 0);
		opacity: 1;
	}
	
	/* 解决方案分类 */
	.index-3-content { padding-top:40px;}
	.index-3-content dt span,
	.content-title{ font-size:22px;}
	 .index-3-content ul{ padding-top:20px;}
	 .index-3-content li{ padding:0 5px;}
	 .index-3-content li a{ padding-top:20px; height:215px;}
	 .index-3-content .pic{ width:65px; height:65px;}
	 .index-3-content .text{ padding-top:15px;}
}


@media screen and (max-width:479px){
	
	/* 首页 */
	.index-2 .name .name-content{ font-size:14px;}

}



@media only screen and (min-width: 1200px) {
	.first-page>table,.first-page>table td{
        width: 100%;
        height: 100%;
        vertical-align: middle;
	}
    .first-page .div-table{
        display: table;
    }
    .first-page .div-table-cell{
        display: table-cell;
    }
    .first-page .div-table,.first-page .div-table-cell{
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }
}
@media only screen and (max-width: 1200px) {
    .index .main { position:static; top:0; margin-top:0; }
    .first-page{
        position: relative;
        overflow: hidden;
        height: auto;
        transform: translateY(0);
    	-webkit-transform: translateY(0); 
    }

	.index-5-content {
		padding-top: 30px;
	}

	.index-5-content dd {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.service-down .btns {
		display: none;
	}

	.first-page.index-1 {
		height: auto;
		text-align: center;
		padding: 40px 0 30px;
	}

    .index-1 .about-cont {
		padding: 60px 20px 10px;
	}

    .index .main .right-button{
        display: none;
    }

    .service-main .first-page{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}


  .main-header {
	transition: background-color 0.3s; /* 平滑过渡背景颜色变化 */
  }


  .hidden {
	display: none;
  }

  .selected{
	background-color: #E5E7E9;
	color: #007ac2;
  }



/* CSS Document */
.phone_nav{display:none;}

@media screen and (max-width:1200px){
	body{ -webkit-tap-highlight-color:rgba(0,0,0,0);}
	.phone_nav{display: block;}
	.header{display: none;}	.body_on{overflow:hidden; }
	
	/*头部*/
	.phone_nav .top{ position:absolute; left: 0; top: 0; width: 100%; box-sizing: border-box; padding: 0 10px; z-index:99999;}
	.phone_nav .top .a{float: left; width: 130px; margin: 12px 0 0;}
	.phone_nav .top .a img{width:100%;}
	.phone_nav .top .button{ float:right; width: 25px; height: 25px; margin:10px 0; display: block;}	
	.phone_nav .top .button i{width:100%; height: 2px; margin-top: 15px; background: #fff; display: block; position: relative; transition: 0.4s;}
	.phone_nav .top .button i:before,
	.phone_nav .top .button i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:2px; background: #fff; transition: 0.4s;}
	.phone_nav .top .button i:before{ margin-top: -7px;}
	.phone_nav .top .button i:after{ margin-top: 7px;}
	
	/*背景*/
	.phone_nav .nav-container{ width:100%; height: 100%; background:#3F3F3F; position: fixed; left: 0; top: 0; z-index: 99998; transform: translateX(100%); transition: 0.7s; }
	.phone_nav .box_con{ margin:50px 10px 0px 10px; overflow-x: hidden;}
	
	/*列表*/
	.phone_nav .box_con ul{ border-bottom: 1px solid rgba(225,225,225,0.7);}
	.phone_nav .box_con li{ border-bottom: 1px solid rgba(225,225,225,0.7); padding: 15px 10px; position: relative;}
	.phone_nav .box_con li a{color:#fff; font-size: 16px; display: inline-block; width: 90%;}
	.phone_nav .box_con li:last-child{border-bottom: 0; }
	.phone_nav .box_con ol{display: none; padding-top: 10px;}
	.phone_nav .box_con .phone_nav_icon{position:absolute; right:0; top:0; width: 45px; height: 52px; transition:0.4s;  
	background: url(../images/open-child.png) center no-repeat; background-size: 30px auto;
}}
	.phone_nav .box_con .phone_nav_icon_active{transform: rotate(90deg);}
	
	/*打开样式*/
	.phone_on .top .button i:before{ transform: rotate(45deg); margin: 0;}
	.phone_on .top .button i:after{ transform: rotate(-45deg); margin: 0;}
	.phone_on .top .button i{ background:none;}
	.phone_on .nav-container{transform: translateX(0%); }
	
	/*搜索*/
	.iphsearch_btn{ display:block; float:right; width:20px; height:25px; background:url(../images/fwxz_ion-2.png) no-repeat left center; margin:13px 15px 0; padding-right:15px; border-right:1px solid #dbdbdb; cursor:pointer;}
	
	
	.index-3-content .honor-list li {
		width: 50%;
        padding: 0 10px;
	}
	
	


@media screen and (max-width:850px){

	.all-product-title {
		margin-top: 0;
		font-size: 24px;
	}

	.index-3-content li a {
		height: 330px;
	}
}