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;}
.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:0; top:0; width:100%; height:100%; overflow:hidden;}
.a1-1-1{  position:absolute; top:2%; width:100%; text-align:center;}
.a1-1-1 h1{color:#ffffff;}
.a1-1-1 h1 b{color:#ff0000;}
.a1-1-1 h1 img{ margin:0px 0 0 10px; position:absolute; top:10px;}
.a1-1-1 p{ color:#ffffff;}
.a1-2{width:100%; position:relative;}
.a1-3{ position:absolute; width:80%; top:10%; right:10%;}

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

.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:15%;}
.a3-1-1{ position:absolute; top:40%;text-align:left;}
.a3-1-1 img{width:30%;}
.a3-2{width:59%; position:relative; padding-left:41%;}
.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:50%; top:0; width:50%; height:100%;}
.a4-1-1{ position:absolute; top:25%; padding-left:0%;}
.a4-1-1 h1{color:#fff;}
.a4-1-1 p{color:#fff;}
.a4-1-1 img{width:30%;}
.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:15%; top:0; width:50%; height:100%;}
.a5-1-1{position:absolute; top:30%;}
.a5-1-1 img{width:30%;}
.a5-2{width:65%; position:relative; padding-left:35%;}
.a5-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:0; top:0; width:45%; height:100%; padding-left:55%;}
.a6-1-1{ position:absolute; top:25%;text-align:left;}
.a6-1-1 img{width:30%;}
.a6-2{width:44%; position:relative; padding-left:6%;}
.a6-3{ 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:68%; top:0; width:32%; height:100%;}
.a7-1-1{ width:100%; position:absolute; top:10%;}
.a7-1-1 img{width:50%;}
.a7-2{width:75%; position:relative; padding-left:12%; text-align:center;}
.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:#0c0c0c;
	color:#fff;
}
.a8 h3{ padding:0; margin:0; font-weight:normal; font-size:13px;}
.a8 p{ font-size:12px;}
.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:36%; 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:51%; top:10%; width:35%; height:100%;}
.a9-1-1{ width:100%; position:absolute; top:10%;}
.a9-1-1 img{width:100%;}
.a9-2{width:39%; position:relative; padding-left:12%;}
.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:53%; top:0%; width:47%; height:100%;}
.a10-1-1{ width:100%; position:absolute; top:0%;}
.a10-1-1 img{width:100%;}
.a10-2{width:53%; position:relative; padding-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:50%; 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) {

	}
@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;}
.a1-1-1{ width:100%; position:relative; top:50%;left:0;transform:translate(0%,0%);}
.a1-1-1 h1{ color:#000;}
.a1-1-1 h1 img{ height:31px; position:absolute; top:16px;}
.a1-1-1 p{color:#000;}
.a1-2{width:140%; text-indent:-20%;}
.a1-3{ position:absolute; width:100%; top:-10px;; right:0px;}

.a2-1{ width:100%; left:0;}
.a2-1{position:relative; padding:10px 0;}
.a2-1-1{position:relative;}
.a2-2{width:100%; position:relative; padding:10px 0;}

.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; text-align:center}
.a3-2{ position:relative; width:100%; padding:0;}

.a4-1{position:relative; width:100%; left:0; padding:0;}
.a4-1-1{position:relative; padding:0; text-align:center}
.a4-1-1 h1{ color:#000;}
.a4-1-1 p{color:#000;}
.a4-2 {}
.a4-2 .bg{width:140%;}

.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-2{width:100%; position:relative; padding-left:0;}
.a5-3{ position:absolute; width:90%; 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;}
.a6-2{width:100%; position:relative; padding-left:0;}
.a6-3{ 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:25%; 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:100%; position:relative; padding:0;}
.a8-1{ width:100%; position:relative; left:0; padding-bottom:20px;}
.a8-1-1{ width:100%; position:relative; text-align:center}

.a9{ padding:0;}
.a9-1{ position:relative;left:0; 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;}
.a9-2 img{ width:100%; padding:0;}
.a9-3{ position:absolute; width:90%; top:5%; right:0px;}

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

.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;}
}