div{margin:0; padding:0;}
section{display:block; position:relative;}

.column-1{ width:100%; position:relative;}
.column-2{ width:50%; float:left; position:relative;}
.floatright{float:right;}
.bg{ width:100%;position:relative; vertical-align:middle; display:inline-block;  height:auto;}
.tab{ width:89%; position:relative; height:1px; background:#b5b5b6; left:6%;}
.procontentouter{ padding:0 50px;}
.a1{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}

.a1-1{position:absolute;left: 15%;top:15%;width:100%;height:100%;overflow:hidden;}
.a1-1-1{position:absolute;top:40%;text-align:left;width: 70%;}
.a1-1-1 h1{color:#000;position: relative;text-align:left;padding-left: 80px!important;}
.a1-1-1 img{/* width:20%; *//* position:absolute; *//* top:-65%; *//* left:-1%; */}
.a1-1-1 h1 b{color:#ff0000;}
.a1-1-1 h1 img{height: 100%;position:absolute;top: 0;left: 0;}
.a1-1-1 p{color:#000;text-align:left;padding-left: 80px!important;}
.a1-1-1 p .ys{ color:#FF0000;} 
.a1-2{width:100%; position:relative; }
.a1-3{ position:absolute; width:49%; top:1%; right:5%;}

.a2{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}


.a2-1{position:absolute;left: 15%;top:10%;width: 45%;height:100%;z-index: 1;}
.a2-1-1{position:absolute; top:15%; text-align:center;}
.a2-1-1 img{ width:35%;}
.a2-2{width:48%; position:relative; left:46%; z-index:1;}
.a2-2 h1{ position:absolute; z-index:99; top:45%; left:42%; text-align:center;}
.a2-3{ position:absolute; width:60%; top:10%; }

.a3{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}
.a3-1{ position:absolute; left:0; top:0; width:58%; height:100%; padding-left:42%;}
.a3-1-1{ position:absolute; top:40%;text-align:left;}
.a3-1-1 img{width:30%;}
.a3-2{width:68%; position:relative; padding-left:0;}
.a3-3{ position:absolute; width:60%; top:10%; right:0px;}

.a4{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}
.a4-1{ position:absolute; left:15%; top:30%; width:50%; height:100%;}
.a4-1-1{ width:100%; position:absolute; top:10%;text-align:left; }
.a4-1-1 h1{color:#fff;}

.a4-1-1 .font{}

.a4-1-1 p{color:#fff; line-height:-20px; text-align:left;}
.a4-1-1 img{width:30%;}
.a4-01{ position:absolute; top:25%; width:40%; height:100%; left:36%;}
.a4-1-01{ width:80%; position:absolute; top:10%; text-align:center; }
.a4-1-01 h1{color:#fff;}
.a4-1-01 p{color:#fff;}
.a4-1-01 img{width:30%;}
.a4-02{width:100%; position:relative; padding-left:0;}

.a4-001{ position:absolute; top:10%; width:40%; height:100%; left:12%;}
.a4-1-001{ width:90%; position:absolute; top:20%; text-align:left; }
.a4-1-001 h1{color:#000;display: inline-block;position: relative;padding-right: 70px;}
.a4-1-001 h1 img{width:15%;position:absolute;top:-3%;right: 0;}
.a4-1-001 p{color:#000;}
.a4-1-001 img{width:30%;}
.a4-002{width:100%; position:relative; padding-left:0;}


.a4-2{width:100%; position:relative; padding-left:0;}
.a4-3{ position:absolute; width:60%; top:10%; right:0px;}

.a5{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}
.a5-1{ position:absolute; left:45%; top:50%; width:50%; height:100%;}
.a5-1-1{ width:100%; position:absolute; top:10%;text-align:center }
.a5-1-1 h1{color:#fff;}
.a5-1-1 p{color:#fff;}
.a5-1-1 img{width:30%;}
.a5-2{width:100%; position:relative; padding-left:0;}
.a5-3{ position:absolute; width:60%; top:10%; right:0px;}

.a05{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}
.a05-1{ position:absolute; left:58%; top:0; width:90%; height:100%;}
.a05-1-1{position:absolute; top:30%; text-align:left;}
.a05-1-1 img{width:30%;}
.a05-1-1 h1 img{ width:12%;}
.a05-2{width:58%; position:relative; left:0;}
.a05-3{ position:absolute; width:60%; top:10%; right:0px;}




.a6{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}
.a6-1{ position:absolute; left:15%; top:0; width:55%; height:100%;}
.a6-1-1{ position:absolute; top:25%;text-align:left;}
.a6-1-1 img{width:30%;}
.a6-2{width:70%; position:relative; padding-left:30%;}
.a6-3{ position:absolute; width:60%; top:10%; right:0px;}


.a6-01{ position:absolute; left:58%; top:0; width:75%; height:100%;}
.a6-1-01{ position:absolute; top:25%;text-align:left;}
.a6-1-01 img{width:30%;}
.a6-02{width:40%; position:relative; padding-left:8%;}
.a6-03{ position:absolute; width:60%; top:10%; right:0px;}


.a6-001{ position:absolute; left:60%; top:20%; width:90%; height:100%;}
.a6-1-001{ position:absolute; top:15%;text-align:left;}
.a6-1-001 img{width:30%;}
.a6-002{width:45%; position:relative; left:6%;}
.a6-003{ position:absolute; width:60%; top:10%; right:0px;}

.a7{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
	padding:30px 0;
}
.a7-1{ position:absolute; left:72%; top:0; width:28%; height:100%;}
.a7-1-1{ width:100%; position:absolute; top:10%;}
.a7-1-1 img{width:50%;}
.a7-2{width:52%; position:relative; padding-left:10%;}
.a7-3{ position:absolute; width:60%; top:10%; right:0px;}

.a8{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
	background-color:#000;
	color:#fff;
}
.a8 h2{color:#fff;}
.a8 h3{padding:0;margin:0;font-weight:normal;color: #f3f3f3;}
.a8 p{color: #f9f9f9;/* font-size: 15px; */}
.a8-1{ position:absolute; left:50%; top:0; width:32%; height:100%;}
.a8-1-1{ position:absolute; top:10%;}
.a8-1-1 img{width:80%;}
.a8-2{width:30%; position:relative; padding-left:14%;}
.a8-3{ position:absolute; width:60%; top:10%; right:0px;}

.a9{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
	padding:30px 0;
}
.a9 h1{width:74%; margin:0 auto!important;}
.a9-1{ position:absolute; left:55%; top:5%; width:34%; height:100%;}
.a9-1-1{ width:100%; position:absolute; top:10%;}
.a9-1-1 img{width:100%;}
.a9-2{width:43%; position:relative; padding-left:8%;}
.a9-3{ position:absolute; width:60%; top:10%; right:0px;}


.a10{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
	overflow:hidden;
}
.a10-1{ position:absolute; left:52%; top:0%; width:50%; height:100%;}
.a10-1-1{ width:90%; position:absolute; top:6%;}
.a10-01{ position:absolute; left:65%; top:0%; width:50%; height:100%;}
.a10-1-01{ width:65%; position:absolute; top:0%;}
.a10-2{width:50%; position:relative; left:2%;}
.a10-02{width:50%; position:relative; left:0;}
.a10-3{ position:absolute; width:60%; top:0%; right:0px;}

.a11{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}
.a11-1{ position:absolute; left:0; top:0; width:49%; height:100%; background:#aeb1b1; padding:10px;}
.a11-1-1{ width:100%; position:absolute; top:5%;}
.a11-2{width:50%; position:relative; padding-left:50%;}
.a11-3{ position:absolute; width:60%; top:10%; right:0px;}
.a11-1-1 h1{/* font-size:28px; */margin:0;padding:0;}
.a11-1-1 ul{padding:0; margin:0;}
.a11-1-1 li{ list-style:none; background:url(../images/circle.png) 0 3px no-repeat; width:50%; float:left; margin:3px 0;text-indent:18px; }
@media all and (min-width: 1000px) and (max-width: 1365px) {
.a1-1-1 img{/* width:20%; */position:absolute;top:-45%;right: -1%;}
.a4-1-001 h1 img{ width:15%; position:absolute; top:3%; left:58%;}
	}
@media all and (max-width: 999px) {	
#protopimg{overflow:hidden;}
#procontentcontainer{ width:100%;min-width:inherit;}

.column-2{ width:100%; float:left; position:relative;}
.a1-1{ position:relative; left:0;  }
.a1-1-1{ width:100%; position:relative; top:50%; transform:translate(0%,0%);}
.a1-1-1 img{/* width:12%; */position:absolute;top:-13%;left:7%;}
.a1-1-1 h1{color:#000;text-align:center;padding-left: 0!important;}
.a1-1-1 h1 img{height:31px;position: relative;top: 0;}
.a1-1-1 p{color:#000;text-align:center;padding-left: 0px!important;}
.a1-3{ position:absolute; width:55%; top:0px; right:0px;}
.a1-2 {width:140%;left: -40%;}

.a2-1{ width:100%;}
.a2-1{position:relative; padding:10px 0; left:13%; width:80%;}
.a2-1-1{position:relative;}
.a2-1-1 img{ width:20%;}
.a2-2{width:100%; position:relative; padding:10px 0; left:0;}
.a2-2 h1{top:40%; left:32%; text-align:center;}
.a2-2 .bg{ width:100%;}
.a3-1 p{color:#000;}
.a3-1 h1{color:#000;}
.a3-1{ position:relative; left:0; top:0; width:100%; height:100%; padding:0;}
.a3-1-1{ width:100%; position:relative; top:2%;left:0;}
.a3-2{ position:relative; width:100%; padding:0;}

.a4-1{position:relative; width:90%; left:7%; text-align:center;}
.a4-1-1{position:relative; padding:0; text-align:center;}
.a4-1-1 h1{ color:#000;}
.a4-1-1 p{color:#000; text-align:center;}
.a4-01{position:relative; width:100%; left:5%; text-align:center;}
.a4-1-01{position:relative; width:90%; padding:0;}
.a4-1-01 h1{ color:#000;}
.a4-1-001 h1 img{ width:15%; position:absolute; top:-6%; left:86%;}
.a4-1-01 p{color:#000;}
.a4-2 { width:140%; left:-30%;}
.a4-02 .bg{width:140%; left:-20%;}

.a4-001{position:relative; width:100%; left:5%; text-align:center;}
.a4-1-001{position:relative; width:90%; padding:0; text-align:center;}
.a4-1-001 h1{color:#000;padding-right: 40px;}
.a4-1-001 p{color:#000;}
.a4-002 .bg{width: 160%;left: -50%;}

.a5 {padding:15px 0;}
.a5-1{ position:relative;left:0; top:0; width:100%; height:100%;}
.a5-1-1{ width:100%; position:relative; top:25%; text-align:center;}
.a5-1-1 h1 img{ width:10%;}
.a5-2{width:100%; position:relative; left:5%;}
.a5-3{ position:absolute; width:90%; top:5%; right:0px;}

.a05 {padding:15px 0;}
.a05-1{ position:relative; left:5%; top:0; width:100%; height:100%;}
.a05-1-1{ width:100%; position:relative; top:25%; text-align:center;}
.a05-1-1 h1 img{ width:10%;}
.a05-1-1 p{ width:90%; text-align:center;}
.a05-2{width:100%; position:relative; left:-5%;}
.a05-3{ position:absolute; width:60%; top:5%; right:0px;}

.a6-1{ position:relative;left:0; top:0; width:100%; height:100%; padding:0;}
.a6-1-1{ width:100%; position:relative; top:10%;padding-bottom:12px; text-align:center;}
.a6-2{width:100%; position:relative; left:-28%;}
.a6-3{ position:absolute; width:90%; top:5%; right:0px;}

.a6-01{  position:relative; left:6%; top:0; width:90%; height:100%; padding:0;}
.a6-1-01{ width:100%; position:relative; top:10%; padding-bottom:12px; text-align:center;}
.a6-02{width:85%; position:relative; }
.a6-03{ position:absolute; width:90%; top:5%; right:0px;}

.a6-001{ position:relative;left:0; top:0; width:100%; height:100%; padding:0;}
.a6-1-001{ width:100%; position:relative; top:10%;padding-bottom:12px; text-align:center;}
.a6-002{width:85%; position:relative; left:8%;}
.a6-003{ position:absolute; width:90%; top:5%; right:0px;}

.a7-1{ position:relative;left:0; top:0; width:100%; height:100%;}
.a7-1-1{ width:100%; position:relative; top:45%; text-align:center;}
.a7-2{width:100%; position:relative; padding-left:0;}
.a7-3{ position:absolute; width:90%; top:5%; right:0px;}

.a8-2{ width:80%; position:relative; padding:0 10%;}
.a8-1{ width:80%; position:relative; left:0; padding:0 10%; padding-bottom:20px;}
.a8-1-1{ width:100%; position:relative; text-align:center}

.a9{ padding:0;}
.a9-1{ position:relative; left:8%; top:0; width:100%; height:100%;}
.a9-1-1{ width:100%; position:relative; top:50%; left:0; transform:translate(0%,0%); padding-bottom:12px; text-align:center; padding-left:0;}
.a9-1-1 img{ max-width:100%; width:100%; margin:0 auto;}
.a9-2{width:100%; position:relative; text-align:center; padding:0; left:-1%; }
.a9-2 img{ width:100%; padding:0;}
.a9-3{ position:absolute; width:90%; top:5%; right:0px;}

.a10-2{ width:90%; position:relative; left:2%;}
.a10-1{ width:90%; position:relative; left:5%;}
.a10-1-1{width:100%; position:relative; left:0;}

.a10-01{ width:95%; position:relative; left:5%;}
.a10-1-01{width:100%; position:relative; left:-3%;}

.a11-1{ position:relative; left:0; top:0; width:100%; height:100%;}
.a11-1-1{ width:100%; position:relative; top:0%; left:0; overflow:hidden; padding-bottom:20px;}
.a11-2{width:100%; position:relative; padding-left:0;}
.a11-3{ position:absolute; width:90%; top:5%; right:0px;}
.a11-1-1 li{width:40%; padding-left:18px; text-indent:0;}
}