/*park*/
	h1.pro-h1 {
	    color: #e95001;
	}
	p.pro-h1-en {
	    color: #e95103;
	    font-family: 'Calibri';
	    line-height: 2;
	}
	@media only screen and (max-width:768px){
		nav.industrial-park-nav.fr{
			display:none
		}
		section.industrial-park {
		    margin-top: 20px;
		    position:relative
		}
		.park-banner {
		    margin-top: 8px;
		}
		h1.pro-h1 {
		    font-size: 16px;
		}
		p.pro-h1-en {
		    font-size: 12px;
		}
		.list-btn>span {
		    width: 3px;
		    height: 3px;
		    background-color: #333;
		    display: inline-block;
		    border-radius: 50%;
		    vertical-align: middle;
		    cursor: pointer;
		}
		
		.list-btn {
		    border: none;
		    float: right;
		    background: none;
		    outline:none
		}
		nav.industrial-park-nav.fr {
		    position: absolute;
		    background: #fff;
		    right: -1px;
		    z-index: 2;
		    top: 50px;
		    box-shadow: 2px 2px 2px #ddd;
		}
		nav.industrial-park-nav>a {
		    display: block;
		    color: #666;
		    line-height: 43px;
		    padding: 0 10px;
		    font-size: 14px;
		    width: 114px;
		    border-bottom: 1px solid #eee;
		}
	}
	@media only screen and (min-width:769px){

		nav.industrial-park-nav.fr>a:after {
		    content: '';
		    position: absolute;
		    right: 0;
		    height: 16px;
		    width: 1px;
		    top: 2px;
		    background: #bdbdbd;
		}
		section.industrial-park {
		    margin-top: 42px;
		}
		nav.industrial-park-nav.fr>a {
		    font-size: 14px;
		    color: #666;
		    font-weight: bold;
		    position: relative;
		    float: left;
		    padding-right: 15px;
		    margin-right: 15px;
		}
		nav.industrial-park-nav.fr {
	    	vertical-align: bottom;
		    margin-top: 32px;
		}
		nav.industrial-park-nav.fr>a:hover {
		    color: #e95001;
		}
		.park-banner {
		    margin-top: 30px;
		}
		h1.pro-h1 {
		    font-size: 24px;
		}
		p.pro-h1-en {
		    font-size: 16px;
		}
		.list-btn{
			display:none
		}
	}

	/*banner-top*/
		.park-banner .swiper-slide {
		    background-position: center;
		    background-size: cover;
		}
		.swiper-pro-prev i ,.swiper-pro-next i {
	        vertical-align: middle;
		}
		.swiper-characteristics-prev i,.swiper-characteristics-next i {
	        vertical-align: middle;
		}
		.swiper-characteristics-prev,.swiper-characteristics-next {
			display:none
		}
		.industrial-characteristics:hover .swiper-characteristics-prev,.industrial-characteristics:hover .swiper-characteristics-next {
			display:block
		}
		.swiper-pro-prev,.swiper-pro-next,.swiper-characteristics-prev,.swiper-characteristics-next {
		    position: absolute;
		    top: 50%;
		    z-index: 10;
		    cursor: pointer;
		    text-align: center;
		    background: rgba(255, 255, 255, 0.88);
		   transition: all 0.3s ease-out;
	        -o-transition: all 0.3s ease-out;
	        -webkit-transition: all 0.3s ease-out;
	        -ms-transition: all 0.3s ease-out;
	        -moztransition: all 0.3s ease-out;
		}
		.swiper-pro-prev ,.swiper-characteristics-prev{
		    left: 0
		}
		.swiper-pro-next ,.swiper-characteristics-next{
		    right: 0
		}
		.swiper-pro-prev:hover,.swiper-pro-next:hover,.swiper-characteristics-prev:hover,.swiper-characteristics-next:hover {
		    background: rgba(233, 80, 1, 0.88);
		    color:#fff;
		}
		.pro-h1-box h1 {
		    font-weight: normal;
		    display: inline-block;
		    float: left;
		}
		.pro-h1-box {
		    border-bottom: 1px solid #b4b4b4;
		}
		.industrial-article.fl {
		    color: #737373;
		   
		}
		.industrial-article-aside img {
		    max-width: 100%;
		}
		.industrial-article-aside.fr {
		    margin-top: 28px;
		}
		span.park-span {
		    color: #737373;
		    font-weight: bold;
		    font-style: normal;
		    margin-right: 10px;
		}
		span.park-span>i {
		    color: #e95001;
		        vertical-align: middle;
		    margin-right: 10px;
		}
		@media only screen and (min-width:1367px){
			.swiper-container.park-banner.swiper-container-horizontal{
				height: 456px

			}
		}
		@media only screen and (max-width:1366px){
			.swiper-container.park-banner.swiper-container-horizontal{
				height: 400px
			}
		}
		@media only screen and (min-width:769px){
			.swiper-pro-prev,.swiper-pro-next,.swiper-characteristics-prev,.swiper-characteristics-next {
			    width: 56px;
			    height: 80px;
			    margin-top: -40px;
		    	line-height: 80px;
			}
			.swiper-pro-prev i, .swiper-pro-next i {
			    font-size: 32px;
			}
			.swiper-characteristics-prev i,.swiper-characteristics-next i {
		        vfont-size: 32px;
			}
			.pro-h1-box {
			    margin-top: 26px;
			    line-height: 70px;
			    height: 70px;
			}
			.pro-h1-box>h1 {
			    font-size: 22px;
			}
			.pro-h1-box h1 {
			    border-bottom: 5px solid #e95001;
			    height: 65px;
			}
			.industrial-article.fl {
			    margin-top: 32px;
			}
			.industrial-article.fl {
			    font-size: 14px;
			}
			.industrial-article.fl {
			    line-height: 2;
			}
			p.char-p {
			    display: -webkit-box;
			    -webkit-box-orient: vertical;
			    -webkit-line-clamp: 2;
			    overflow: hidden;
			}
			.char-p20 {
			    padding:10px 20px;
			    background: #f7f7f7;
			}
		}
			
		@media only screen and (max-width:768px){
			.swiper-container.park-banner.swiper-container-horizontal{
				height: 5.8rem;
                /*20180412秋月*/
                 height: 4rem;
                /*end*/
			}
			.swiper-pro-prev,.swiper-pro-next,.swiper-characteristics-prev,.swiper-characteristics-next {
			    width: 28px;
			    height: 40px;
			    margin-top: -20px;
		    	line-height: 40px;
			}
			.swiper-pro-prev i, .swiper-pro-next i {
			    font-size: 18px;
			}
			.swiper-characteristics-prev i,.swiper-characteristics-next i {
		         font-size: 18px;
			}
			.pro-h1-box {
			    margin-top: 14px;
			    line-height: 42px;
			    height: 42px;
			    margin-bottom: 16px;
			}
			.pro-h1-box h1 {
			    border-bottom: 2px solid #e95001;
			    height: 40px;
			}
			.industrial-article.fl {
			    margin-top:0px;
			    font-size: 14px;
			    line-height:1.6;
			}
			span.park-span i {
    			font-size: 12px;
			    margin-right: 3px;
			    /*margin-left: -26px;*/
			    margin-left: 0;
			}
			span.park-span {
			    display: block;
			    margin: 0;
			    font-size: 14px;
			}
			p.char-p {
			   overflow: hidden;
				text-overflow:ellipsis;
				white-space: nowrap;
			}
			.char-p20 {
			    padding: 10px;
			    background: #f7f7f7;
			}
		}
	/*banner-top*/

	/*character*/
		.industrial-characteristics {
		    overflow: hidden;
		    position: relative;
		    margin-top: 22px;
		    margin-bottom:22px;
		}
span.pro-h2-num {
    color: rgba(115, 115, 115, 0.57);
    font-size: 20px;
    font-weight: bold;
    font-family: 'Helvetica','Arial';
}
h2.pro-h2 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
}
h2.pro-h2>span {
	margin-right:5px;
	margin-right:0;
}
p.char-p {
    color: #737373;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 4px;
    margin-bottom: 4px;

}
.char-p20 .more {
    color: #e95001;
    font-size: 14px;
    display: block;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 14px;
}
/*park*/

.show-details-bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(34, 34, 34, 0.4);
    z-index: 220;
}
.show-details-box {
}

.showd .fix-box {
	opacity:1;
	margin-top: 5vh;    font-size: 0;    max-height: 80vh;
    overflow: auto;
}
.close-box {
    font-size: 0;
    float: right;
    margin-bottom: 10px;
    cursor: pointer;
}
.park-article {
    color: #737373;
    font-size: 14px;
    line-height: 1.5;
    margin-left: 1px;
    padding: 30px 15px 30px 15px;
}

.swiper-details-prev, .swiper-details-next {
    color: #737373;
    font-size: 14px;
        position: relative;
        cursor: pointer;
        width:42%
}
.swiper-details-next {
    float: right;
      padding-right:15px;
      text-align:right
}
.swiper-details-next:after,.swiper-details-prev:after{
	position:absolute;
	background-repeat:no-repeat;
	content:'';
	display:block;
	    width: 10px;
    height: 14px;
    background-position:center;
    background-size:cover
}
.swiper-details-next:after{
	background-image:url(/Content/web/images/right.png);
	   right: 0;
    top: 1px;
}
.swiper-details-prev {
    float: left;
    padding-left:15px;
}
.img-owl {
    width: 100%;
    height: 320px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.swiper-details-prev:after {
   background-image:url(/Content/web/images/left.png);
   left: 0;
    top: 1px;
}
.details-control {
    border-top: 1px solid #dbdbdb;
    padding: 30px 0;
}


	    
        #dis {/*--绝对定位方便li图片简介的自动散布定位---*/  
            position: absolute;  
            left: -50px;  
            top: -10px;  
            opacity: 0.5;  
        }  
        #dis li {  
            display: inline-block;  
            width: 200px;  
            height: 20px;  
            margin: 0 50px;  
            float: left;  
            text-align: center;  
            color: #fff;  
            border-radius: 10px;  
            background: #000;  
        }  
        

        .play{  
            animation: ma 20s ease-out infinite alternate;/**/  
        }  

	
        .num:hover{background:#e95001;border:1px solid #e95001}  
        .num:hover,#photos:hover{animation-play-state:paused;}  

        /* #a1:hover ~ #photos{animation: ma1 .5s ease-out forwards;}  
        #a2:hover ~ #photos{animation: ma2 .5s ease-out forwards;}  
        #a3:hover ~ #photos{animation: ma3 .5s ease-out forwards;}  
        #a4:hover ~ #photos{animation: ma4 .5s ease-out forwards;}  
        #a5:hover ~ #photos {animation: ma5 .5s ease-out forwards;}  */


        @media only screen and (min-width:769px){
	       /* @keyframes ma1  {100%{margin-left:-0px;}  }
	        @keyframes ma2  {100%{margin-left:-2136px;}   }
	        @keyframes ma3 {100%{margin-left:-1424px;}   }  
	        @keyframes ma4   {0%{margin-left:-2848px;}100%{margin-left:-712px;}   } 
	        @keyframes ma5   {0%{margin-left:-2848px;}100%{margin-left:-0px;} } 
            .num:nth-child(1){margin-right:30px} 
	        .num:nth-child(2){margin-right:0px}  
	        .num:nth-child(3){margin-right:10px}  
	        .num:nth-child(4){margin-right:20px}  
	        .num:nth-child(5){margin-right:30px}  
            @keyframes ma {/*---每图片切换有两个阶段：位移切换和静置。中央的成效能够肆意定造---- 
	            0%,20% {        margin-left: 0px;       }  
	            25%,40% {       margin-left: -712px;    }  
	            45%,60% {       margin-left: -1424px;    }  
	            65%,80% {       margin-left: -2136px;    }  
	            85%,100% {      margin-left: -2848px;   }  
	        }  */ 
	        #photos {/*---设置总的图片宽度--通过位移来达到轮播成效----*/  
	            position: absolute;z-index:9px;  
	            width: calc(712px * 5);/*---批改图片数量的话必要批改下面的动画参数*/  
	        }  
	        #photos img {  
	            float: left;  
	            width:945px;
	            height:357px
	        }  
	        .fix-box {
			       padding: 20px;
				width: 960px;
			    background: #fff;
			    margin: 0 auto;
			    margin-top: 0%;
			    opacity:0;
			    transition:all 0.5s;
			}
			#frame {/*----------图片轮播相框容器----------*/  
	            position: absolute; /*--绝对定位
，方便子元素的定位*/  
	            width: 100%;  
	               height: 357px;
	            overflow: hidden;/*--相框作用
，只显示一个图片---*/  
	            border-radius:5px;  
	        }
	        .iframe-box{
				position: relative;
				height: 357px
			}  
			.num {
			    position: absolute;
			    z-index: 10;
			    display: inline-block;
			    right: 312px;
				display:none;
			    bottom: 17px;
			    border-radius: 100%;
			    border: 1px solid #fff;
			    width: 5px;
			    height: 5px;
			    line-height: 25px;
			    cursor: pointer;
			    color: #fff;
			    text-align: center;
			    opacity: 0.8;
			}
        }


         @media only screen and (max-width:768px){
			/*@keyframes ma1  {100%{margin-left:-0px;}  }
	        @keyframes ma2  {100%{margin-left:-900px;}   }
	        @keyframes ma3 {100%{margin-left:-600px;}   }  
	        @keyframes ma4   {0%{margin-left:-1200px;}100%{margin-left:-300px;}   } 
	        @keyframes ma5   {0%{margin-left:-1200px;}100%{margin-left:-0px;} } 
            .num:nth-child(1){margin-right:30px} 
	        .num:nth-child(2){margin-right:0px}  
	        .num:nth-child(3){margin-right:10px}  
	        .num:nth-child(4){margin-right:20px}  
	        .num:nth-child(5){margin-right:30px}  
            @keyframes ma {---每图片切换有两个阶段：位移切换和静置。中央的成效能够肆意定造----
	            0%,20% {        margin-left: 0px;       }  
	            25%,40% {       margin-left: -300px;    }  
	            45%,60% {       margin-left: -600px;    }  
	            65%,80% {       margin-left: -900px;    }  
	            85%,100% {      margin-left: -1200px;   }  
	        }  */
	        #photos {/*---设置总的图片宽度--通过位移来达到轮播成效----*/  
	      
	        }  
	        #photos img {   
	            width:300px;
	        }  
	        .fix-box {
			    padding: 10px;
			    width: 300px;
			    background: #fff;
			    margin: 0 auto;
			    margin-top: 0%;
			    opacity:0;
			    transition:all 0.5s;
			}
			#frame {/*----------图片轮播相框容器----------*/  
width: 100%;
    overflow: hidden;
    border-radius: 5px;
        	}  
        	.iframe-box{
    position: relative;
    height: 90px;
			}
			.num {
			    position: absolute;
			    z-index: 10;
			    display:none;
			    right: 120px;
			    bottom: 17px;
			    border-radius: 100%;
			    border: 1px solid #fff;
			    width: 5px;
			    height: 5px;
			    line-height: 25px;
			    cursor: pointer;
			    color: #fff;
			    text-align: center;
			    opacity: 0.8;
			}
        }
		

		
		
.industrial-column {
	display: none;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 26px;
    line-height: 70px;
    height: 70px;
	font-size: 14px;
    text-align: right;
}
.industrial-column span {
	position: relative;
    padding-right: 15px;
    margin-right: 15px;
	color: #666;
    cursor: pointer;
}
.industrial-column .active {
	color: #e95001;
}
.industrial-column span:after {
    content: '';
    position: absolute;
    right: 0;
    height: 16px;
    width: 1px;
    top: 2px;
    background: #bdbdbd;
}
.industrial-column i:last-of-type {
	margin-right: 0;
}
.show-details-bg .close-box {
    position: absolute;
    left: 50%;
    top: 10px;
    margin-top: 5vh;
    margin-left: 520px;
    float: none;
    color: #fff;
    margin-bottom: 0;
    z-index: 12;
}
@media only screen and (max-width: 1025px) {
	.show-details-bg .close-box {
		margin-left: 475px;
		color: #000;
	}
}
@media only screen and (max-width: 768px) {
	.industrial-article.fl,.industrial-article-aside.fr {
		float:none;
	}
	.industrial-column {
		margin-top: 14px;
		line-height: 42px;
		height: 42px;
	}
	.show-details-bg .close-box {
		margin-left: 166px;
		color: #fff;
	}
}

@media (max-width: 480px) {
	.industrial-column  {
		position: relative;
		top: auto;
		right: auto;
		text-align: left;
	    line-height: normal;
	}
	.industrial-column span:after {
		display: none;
	}
	.industrial-column span {
		display: inline-block;
		margin-bottom: 5px;
	    padding-right: 10px;
		margin-right: 10px;
        /*20180412秋月*/
        padding-right: 5px;
        margin-right: 5px;
        /*end*/
	}
}

@media (max-width: 350px) {
	.fix-box {
	    width: 250px;
	}
	.show-details-bg .close-box {
		margin-left: 137px;
	}
}
.frame-box .box {
	overflow:visible;
}
.frame-box .box>span {
	
    position: absolute;
    top: -10px;
    right: -46px;
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: transparent;
    opacity: 1;
    /*top: 0px;
    right: 0px;
	color: #000;*/
}

#photosa img {
	max-width:100%;
}
.details-control a {
	color: #737373;
}


.park-banner .swiper-pagination {
	bottom: 20px;
}
.park-banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
	opacity: 1;
    background: #fff;
}
.park-banner .swiper-pagination-bullet-active {
	opacity: 1;
    background: #e95001;
}

@media (max-width: 1280px) {
	.frame-box .box {
	    width: 90%;
	    left: calc((100% - 90%) /2);
	}
}

@media (max-width: 1199px) {
	.frame-box .box {
	    width: 90%;
	    left: calc((100% - 90%) /2);
	}
}
@media (max-width: 992px) {
	.frame-box .box {
		/*overflow: auto;*/
	}
	/*.frame-box .box>span {
		top: 0px;
		right: 0px;
		color: #000;
	}
	.frame-box .box iframe {
		overflow-y: scroll;
	}*/
}
@media (max-width: 480px) {
	.frame-box .box {
	    width: 80%;
	    left: calc((100% - 80%) /2);
	}
}


/*20180413 秋月 */
#framea {
    position: relative;
}
#framea #photosa img {
    display: block;
}
#framea .lookMap {
	display: block;
	position: absolute;
    right: 12px;
    bottom: 12px;
    width: 122px;
    height: 33px;
    font-size: 14px;
    color: #fff;
    line-height: 33px;
	text-align: center;
    background: #ED6F2F;
}
#framea .lookMap:before {
	content:'';
    display: inline-block;
    vertical-align: top;
	width: 10px;
    height: 14px;
	margin-top: 10px;
    margin-right: 5px;
	background:url(/Content/web/images/products0413.png) right center no-repeat;
}
/*end */
/*20180417 秋月 */
.industrial-characteristics a,
.industrial-characteristics a img {
	width: 100%;
}
.industrial-characteristics a img {
    vertical-align: top;
}

@media (max-width: 480px) {
    .frame-box>div>iframe 
    {
        height:300px!important;
        max-height:300px!important;overflow: hidden!important;
    }
}

@media (min-width: 993px) 
{
    .phone-show-prodetails {display:none;}
}
/*end */<!--耗时1793629764.9064秒-->