/*搜索框css*/

.soubtn{

    background: url(/static/index/zh-cn/img/header-sou.png) no-repeat center;

    width: 28px;

    height: 28px;

    border:none;

}

.search_box{

    position: relative;

}

.text{

    width:0px;

    position: absolute;

    right:35px;

    border:none;

    height: 35px;

    text-indent: 10px;

    top:-2px;

}

.search_cha{

    background: url(/static/index/zh-cn/img/search_cha.png) no-repeat center;

    width: 9px;

    height: 9px;

    position: absolute;

    top: 10px;

    right: 45px;

    display: none;

    cursor: pointer;

}

.search_icon{

    width: 28px;

    height: 28px;

    background:none;

    position: absolute;

    top: 0;

    cursor: pointer;

}

/*手机导航*/

/* 导航按钮 */

#navToggle{

	display: none;

	overflow: hidden;

	position: absolute;

	cursor: pointer;

	box-sizing: border-box;

	width: 70px;

	height: 70px;

	padding: 15px;

	background: #fff;

	padding: 0;

	right: 0px;

	top: 0px;

	z-index: 999;

	-moz-transition: -moz-transform 0.3s;

	-o-transition: -o-transform 0.3s;

	-webkit-transition: -webkit-transform 0.3s;

	transition: transform 0.3s;	

}

#navToggle::before {

    margin-top: -10px;

}

#navToggle::after {

    margin-top: 10px;

}

#navToggle span,

#navToggle::after,

#navToggle::before {

    height: 2px;

    width: 22px;

    top: 50%;

    left: 50%;

    margin-left: -11px;

    background: #000;

    position: absolute;

    display: block;

    content: '';

    text-indent: -9999px;

    transition: all 300ms ease-in-out;

}

#navToggle.show span {

    opacity: 0;

}

#navToggle span, #navToggle::after, #navToggle::before {

    height: 2px;

    width: 30px;

    top: 50%;

    left: 50%;

    margin-left: -15px;

    background: #000;

    position: absolute;

    display: block;

    content: '';

    text-indent: -9999px;

    transition: all 300ms ease-in-out;

}

#navToggle.show::before {

    margin-top: 0;

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

#navToggle.show::after {

    margin-top: 0;

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.mask{

    height: 100vh;

    width: 100vw;

    background-color: rgba(0, 0, 0, 0.6);

    position: fixed;

    z-index: 900;

    left: 0;

    top: 0;

	display:none;

}

#mobileMenu {

    position: fixed;

    right: -250px;

    top: 0;

    margin: 0;

    width: 250px;

    height: 100vh;

    background-color: #fff;

    -webkit-overflow-scrolling: touch;

    overflow-y: auto;

    -moz-transform: translateZ(0);

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    z-index: 1110;

    background: #fff;

}

#mobileMenu .hello {

    height: 70px;

    background-color: #fff;

    border-bottom: 1px solid #F0F0F0;

	padding-left: 25px;

	position: relative;

	padding-top: 8px;

}

#mobileMenu .hello h3{

	font-size: 20px;

	color: #000;

	font-weight: bold;

	line-height: 54px;

}

#mobileMenu .hello h4{

	font-size: 14px;

	color: #000;

	line-height: 23px;

}

#mobileMenu .hello .cha{

	cursor: pointer;

	height: 40px;

	width: 40px;

	position: absolute;

	right: 15px;

	top: 15px;

	/* background: url(../img/cha.png) no-repeat; */

}

/*.menu_li a{

	background: url(../img/arrow_icon2.png) no-repeat 200px center #fff;

	transition: all 0.5s;

}*/

#mobileMenu .menu_li>a{

	position: relative;

}

#mobileMenu .menu_li>a::after {

    content: "";

    display: block;

    background: url(../img/arrow_icon2.png) no-repeat;

    width: 16px;

    height: 9px;

    position: absolute;

    right: 25px;

    top: 18px;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.menu_li.on{

	color: #db2035;

}

.menu_li.on a::after{

	transform: rotate(180deg);

}

#mobileMenu .menu .menu_li.on>a{

    color: #fff;

    background: #db2035;

}

#mobileMenu .menu a {

    display: block;

    font-size: 14px;

    padding-left: 25px;

    color: #666;

    line-height: 50px;

    border-bottom: 1px solid #E6E6E6;

}

#mobileMenu .menu a:hover{

    text-decoration: none;

    color:#db2035;

}

.menu_dl{

	display: none;

}

.menu_dl dd a{

	background: #f5f5f5;

}

#mobileMenu.show {

    -webkit-transform: translateX(-250px);

    transform: translateX(-250px);

}

/* .show {

    display: block !important;

} */

html.show, body.show {

    overflow: hidden;

    height: 100vh;

    width: 100%;

    position: fixed;

    -webkit-overflow-scrolling: auto;

    -webkit-transform: translateZ(0px);

}

@media(max-width: 1200px){

   	.nav{

		display: none;

    }

    #navToggle{

		display: block;

	}

}

@media(max-width: 599px){

    /* #navToggle{

        height: 50px;

        width: 50px;

    } */

    #navToggle span, #navToggle::after, #navToggle::before{

        width: 26px;

        margin-left: -13px;

    }

    #navToggle::before {

        margin-top: -8px;

    }

    #navToggle::after {

        margin-top: 8px;

    }

}





.picFocus .bd{

	border: 1px solid #e2e2e2;

}

.picFocus .bd img{

	width: 100%;

	max-width: 564px;

}

.picFocus .hd{

	position: relative;

	padding: 0px 35px;

	margin-top: 20px;

	overflow: hidden;

}

.picFocus .hd ul li{

	width: 25%;

	float: left;

	padding:0px 6px;

}

.picFocus .hd ul li img{

	display: block;

	width: 100%;

	max-width: 105px;

	border: 2px solid #E2E2E2;

	cursor: pointer;

	margin:0 auto;

}

.picFocus .hd ul li.on img{

	border: 2px solid #006db8;

}

.picFocus .hd a{

	transition: none;

}

.picFocus .prev{

	display: block;

	cursor: pointer;

	z-index: 20;

	width: 30px;

	height: 44px;

	position: absolute;

	left: 0px;

	top: 50%;

	margin-top: -22px;

	background: url(/static/index/zh-cn/images/pro_inside_jt.png) no-repeat left top;

}

.picFocus .prev:hover{

	background: url(/static/index/zh-cn/images/pro_inside_jt.png) no-repeat left bottom;

}

.picFocus .next{

	display: block;

	cursor: pointer;

	z-index: 20;

	width: 30px;

	height: 44px;

	position: absolute;

	right: 0px;

	top: 50%;

	margin-top: -22px;

	background: url(/static/index/zh-cn/images/pro_inside_jt.png) no-repeat right top;

}

.picFocus .next:hover{

	background: url(/static/index/zh-cn/images/pro_inside_jt.png) no-repeat right bottom;

}

/* 导航按钮 */

#pronavToggle{

    display: none;

}

#pronavToggle{

    display: none;

	overflow: hidden;

	position: absolute;

	cursor: pointer;

	box-sizing: border-box;

	width: 70px;

	height: 70px;

	padding: 15px;

	background: #db2035;

	padding: 0;

	right: 0px;

	top: 0px;

	z-index: 22;

	-moz-transition: -moz-transform 0.3s;

	-o-transition: -o-transform 0.3s;

	-webkit-transition: -webkit-transform 0.3s;

	transition: transform 0.3s;	

}

#pronavToggle::before {

    margin-top: -7px;

}

#pronavToggle::after {

    margin-top: 7px;

}

#pronavToggle span,

#pronavToggle::after,

#pronavToggle::before {

    height: 2px;

    width: 22px;

    top: 50%;

    left: 50%;

    margin-left: -11px;

    background: #000;

    position: absolute;

    display: block;

    content: '';

    text-indent: -9999px;

    transition: all 300ms ease-in-out;

}

#pronavToggle.show span {

    opacity: 0;

}

#pronavToggle span, #pronavToggle::after, #pronavToggle::before {

    height: 3px;

    width: 22px;

    top: 50%;

    left: 50%;

    margin-left: -11px;

    background: #fff;

    position: absolute;

    display: block;

    content: '';

    text-indent: -9999px;

    transition: all 300ms ease-in-out;

}

@media(max-width:991px){

    #pronavToggle{

        display: block;

        width: 50px;

        height: 50px;

    }

}

/* banner */

.swiper-container{

    width: 100%;

    /*max-width: 1920px;*/

}

#banner .swiper-slide img{

    width: 100%;

    display: block;

    

}

.swiper-pagination-bullet{

    width: 2px;

    height: 10px;

    background: #fff;

    border-radius: 0px;

    opacity: 1;

}

.swiper-pagination-bullet-active{

    height: 20px;



}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{

    margin: 0 8px;

}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{

    bottom: 55px;

}

@media (max-width: 1200px){

    .swiper-container-horizontal > .swiper-pagination-bullets{

        bottom: 30px;

    }

}

@media (max-width: 991px){

    .swiper-container-horizontal > .swiper-pagination-bullets{

        bottom: 20px;

    }

}

@media (max-width: 599px){

    .swiper-container-horizontal > .swiper-pagination-bullets{

        bottom: 8px;

    }

}