@charset "utf-8";
/* CSS Document */



	/********PRO DETAIL*******/
.prod{
    text-align: center; padding-bottom:50px;
}
@media (max-width: 768px) {
.prod h2{
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 22px;
    color: #333;
}
}


@media (min-width: 769px) and (max-width:1920px ) {
.prod h2{
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 36px;
    color: #333;
}
}

.prod p{
    display: block;
    padding: 8px 0;
    font-size: 16px;
    color: #333; line-height:30px;
}
.prod p img{ /*width:100% !important;*/ height:auto !important; margin:0 auto; }
.prod table{ font-size:16px;}
.prod table tr td{ border:1px solid #666}
.myinput input{
    width: 100%;
    height: 58px;
    line-height: 58px;
    padding: 0;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    outline: none;
    font-size: 16px;
    color: #999999;
	font-family:"微软雅黑";padding-left: 20px;
}

.myinput textarea{
    height: 132px;
    padding: 0 70px 0 20px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    color: #999999;
    margin-bottom: 20px;
    outline: none;
    font-size: 16px;
    color: #999999;
    padding-top: 20px;
    resize: none;
    width: 100%;
	font-family:"微软雅黑";
}

.mysubmit {
    width: 100% !important;
    color: #ffffff !important;
    padding: 0 !important;
    font-size: 22px !important;
    background: #183998 !important;
    cursor: pointer;
	font-family:"微软雅黑";
}



.z-crt{
	background:#183998;
	color:#ffffff !important;
}

#editor p{
	
	margin-bottom:20px;
	
}


.pros .prev-next-wrap {
    padding-top: 23px;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    border-top: 1px solid #e5e5e5;
}

.pros .prev-next-wrap {
    padding-top: 23px;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    border-top: 1px solid #e5e5e5;
}

.pros .normal-info-container .prev-next-wrap .prev {
    margin-bottom: 10px;
}


.pros .prev-next-wrap a {
    color: #666;
}



#preview {  margin:0px auto; width:100%; max-width:800px}
.jqzoom { width:100%;  margin-bottom: 10px; overflow: hidden; position: relative; text-align:center; margin:0; padding:0;}
.jqzoom img{ width:100%;  overflow:hidden; text-align:center; background-position:center center;}
.zoomdiv { width:100%;  left:859px; z-index: 100; border-bottom:#ccc 1px solid; position: absolute; text-align: center;
    border-left: #ccc 1px solid; display: none; background: url(../images/loading.gif) #fff no-repeat center center; height: 365px; overflow: hidden;
    border-top: #ccc 1px solid; top: 1px; border-right: #ccc 1px solid; left: 0px }
#spec {
    position: relative;
    width:300px;
    height:110px;
    overflow: hidden;
    top: 10px;
	margin: 0 auto;
}
.jqzoom img{max-width: none;!important;max-height: none !important;}

.specLeftT { position: absolute; width:5px; background: url(../images/proddetlicon.gif) no-repeat -157px 0px; float: left; height:9px; top:24px; cursor: pointer; left: 0px }
.specRightT { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -164px 0px; float: left; height:9px; top:24px; cursor: pointer; right: -15px }
.specLeftF { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -145px 0px; float: left; height:9px; top:24px; cursor: pointer; left: 0px }
.specRightF { position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -151px 0px; float: left; height:9px; top:24px; cursor: pointer; right: 0px }
#specList { display: inline; float: left; margin-left: 2px }
#specList { position:absolute; text-align:left; width:275px; height:172px; overflow:hidden; top:0px; left:13px; float:left;}
#specList ul{ position:absolute; width: 425px; left:0px }
#specList ul li { float:left; width:82px; height:55px; display:inline; margin-right:10px; border:1px solid #ccc}
#specList ul li img {/* border:#ccc 1px solid;*/ padding-bottom:2px; padding-left:2px; width:78px; height:52px; padding-right:2px; margin-bottom:1px; padding-top:2px }

.bigimg { width:800px; height:533px }
.jqZoomPup { z-index:10; border-bottom:#ccc 1px solid; position: absolute; filter: alpha(opacity=50);
    border-left: #ccc 1px solid; width:50px; height:50px; background:#ccc no-repeat 50% top; visibility:hidden;
    border-top:#ccc 1px solid; top:0px; cursor:move; border-right:#ccc 1px solid; left:0px; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5}


.hs1 h2{ 
	
	font-weight:bold;
	
	font-family:"AkzidenzGrotesk-BoldCondAlt";
	
	/*line-height:100px;*/
	
}

.hs1{
	
	top:34.5% !important;
	
}

.hs2 h2{
	
	font-size:80px;
	
	font-weight:bold;
	
	font-family:"AkzidenzGrotesk-BoldCondAlt";
	
	line-height:70px;
}

.hs2{
	
	top:37.5% !important;
	
}

.swiper-inner-text h3 span{
	max-width:855px;
	text-align:center;
	margin:0 auto;

}

.hs3{
	
	top:39% !important;
	
}

.swiper-inner-text h2 span{
	
	text-align:center;
	
	font-size:80px;
	
	font-family:"AkzidenzGrotesk-BoldCondAlt";
	
}


     .cmbannerbox {
            width:100%;
            position:relative;
            overflow:hidden;
           /* height:525px;*/
        }
    .cmbanner { width:100%; height:auto; margin:0 auto
           /* width:1920px; 
            position:absolute;
            left:50%;
            margin-left:-960px; */
        }


 .cmbannerm {
            width:100%; height:auto; margin:0 auto
         /*   position:absolute;
            left:50%;
            margin-left:-960px; */
        }
@media (max-width: 768px) {.cmbanner{ display:none}}
@media (min-width: 769px) and (max-width:1920px ) {.cmbannerm{ display:none}}

.prodBox{ width:100%; height:auto; margin:0 auto; max-width:1340px;}


.pros{ width:100%; max-width:1400px; margin:0 auto}
	.pros .prev-next-wrap {
    padding-top: 23px;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    border-top: 1px solid #e5e5e5;
}

.pros .prev-next-wrap {
    padding-top: 23px;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    border-top: 1px solid #e5e5e5; padding-bottom:50px;
}

.pros .normal-info-container .prev-next-wrap .prev {
    margin-bottom: 10px;
}


.pros .prev-next-wrap a {
    color: #333;
}



.proxijie{ width:100%; height:auto; margin:0 auto; margin-bottom:30px;display: inline-block;}
.proxijie p{ width:24%; margin:0.5%; height:auto; float:left; }
.proxijie p img{ width:100%; height:auto; margin:0 auto; text-align:center;border-radius:10px;}

.mbx{ width:100%; line-height:40px;}

/**场景图**/
@media (max-width: 789px) {
	
	.cjtbox{ width:100%; height:260px; max-width:360px; display:inline-block;}
#center { position: absolute; /*left: 50%; top:  50%;*/ }

	#slider { position: absolute; width:360px; height:240px; /*left: -430px; top: -186px;*/ overflow: hidden; background: #000;/* border: 20px solid #000;*/ }
#slider .slide { position: absolute; top: 0px; height:240px; width:360px;  background: #000; overflow: hidden;/* border-left: #000 solid 1px;*/ cursor: default; }
}


@media (min-width: 790px) and (max-width:1920px ) {
	.cjtbox{ width:100%; height:550px; max-width:1027px; display:inline-block;}
#center { position: absolute; /*left: 50%; top:  50%;*/ }

	
	#slider { position: absolute; width: 1027px; height:533px; /*left: -430px; top: -186px;*/ overflow: hidden; background: #000;/* border: 20px solid #000;*/ }
#slider .slide { position: absolute; top: 0px; height: 533px; width:800px;  background: #000; overflow: hidden;/* border-left: #000 solid 1px;*/ cursor: default; }
}


/***场景图2 图片滚动**/
/**/




	
	.about222{ max-width:1000px; margin:0 auto; margin-top:50px; margin-bottom:50px;}
.abo{}
.abo .abo-con{/*background:#FFF;padding:38px 39px 52px; box-sizing: border-box;box-shadow: 0px 0px 18px rgba(0,0,0,0.1);*/}
.abo .abo-con h4{text-align: center;margin-bottom:26px; }
.abo .abo-con h4 span{display: inline-block;height:77px;line-height: 77px;font-size: 50px; color:#333333;padding:0 25px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.abo .abo-con h4 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:28px;}
.abo .abo-con h4 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:28px;}
.abo .abo-con h4 em{display: block; height:47px;line-height: 47px;font-size: 24px; color:#666666;font-weight: normal;}
.abo .abo-con p{width:1010px; margin:0 auto 24px; line-height:33px; font-size: 16px; color:#666666; text-align: center;}
.abo .abo-con .abo-nav{width:268px;  height:47px;margin:0 auto 32px;background:#f3f3f3;}
.abo .abo-con .abo-nav li{float:left;width:141px; height:47px;text-align: center; line-height: 47px;}
.abo .abo-con .abo-nav li a{font-size: 16px; color:#666666; font-weight: bold;display: block;}
.abo .abo-con .abo-nav li.ab2{margin-left: -14px;}
.abo .abo-con .abo-nav li.cur a{color:#FFF;}
.abo .abo-con .abo-nav li.ab1.cur{background:url(../images/abo-nav1.png) no-repeat center;}
.abo .abo-con .abo-nav li.ab2.cur{background:url(../images/abo-nav2.png) no-repeat center;}
.abo .abo-con .abo-bot{position: relative;}
.abo .abo-con .abo-bot .abo-list{/*width:1005px;*/margin:0 auto; width:100%}
.abo .abo-con .abo-bot .abo-list .bd{overflow: hidden;}

/*.abo .abo-con .abo-bot .abo-list .bd ul li{float:left; width:323px;margin-right: 17px;}*/
.abo .abo-con .abo-bot .abo-list .bd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.abo .abo-con .abo-bot .abo-list .bd ul li span img{width:100%;}
.abo .abo-con .abo-bot .abo-list .bd ul li em{display: block; width:100%; height:17px; background:url(../images/abo-yy.png) no-repeat center;}
.abo .abo-con .abo-bot .abo-list .bd ul li p{ width:100%; line-height:30px; text-align:center; font-size:16px;}
.abo .abo-con .abo-bot .abo-list .abo-jt i{display: block; width:19px; height:33px;cursor: pointer;}

@media (max-width: 789px) {.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-prev{background:url(../images/abo-prev.png) no-repeat center;position: absolute;left: 0px;;top:40%;}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-next{background:url(../images/abo-next.png) no-repeat center;position: absolute; right:0px;top:40%;}

.abo .abo-con .abo-bot .abo-list .bd ul li{float:left; width:100%;/*margin-right: 17px;*/ margin:0 auto}
}


@media (min-width: 790px) and (max-width:1920px ) {.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-prev{background:url(../images/abo-prev.png) no-repeat center;position: absolute;left: -30px;;top:40%;}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-next{background:url(../images/abo-next.png) no-repeat center;position: absolute; right:-30px;top:40%;}
.abo .abo-con .abo-bot .abo-list .bd ul li{float:left; width:32%;margin-right: 17px;}
}