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:15%; top:0; width:85%; height:100%; overflow:hidden;}
.a1-1-1{  position:absolute; bottom:15%;}
.a1-1-1 h1{color:#000;}
.a1-1-1 h1 b{color:#ff0000;}
.a1-1-1 h1 img{margin:0px 0 0 10px;position:absolute;top: 0px;}
.a1-1-1 p{ color:#000;}
.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:0; top:0; width:50%; height:100%;}
.a2-1-1{ width:100%; position:absolute; top:10%;text-align:center}
.a2-1-1 img{width:26%;}
.a2-2{width:39%; position:relative; padding-left:50%;}
.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:10%;text-align:left; color:#fff;}
.a3-1-1 p{color:#000;}
.a3-1-1 img{width:30%;}
.a3-2{width:100%; 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:relative; left:0; top:0; height:100%;}
.a4-1-1{ position:relative; text-align:center;}
.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:50%; position:relative; padding-left:50%;}
.a5-3{ position:absolute; width:60%; top:10%; right:0px;}

.a51{ 
    width:100%;
    height:auto;
    background-origin:content;                
    background-position:50% 50%;              
    background-size:cover;                  
    background-repeat:no-repeat;              
}
.a51-1{ position:absolute; left:15%; top:0; width:50%; height:100%;}
.a51-1-1{position:absolute; top:30%;}
.a51-1-1 img{width:30%;}
.a51-2{width:45%; position:relative; padding-left:50%;}
.a51-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;              
	background:#008bce;
}
.a6-1{ position:absolute; left:0; top:0; width:45%; height:100%; padding-left:55%;}
.a6-1-1{ position:absolute; bottom:25%;text-align:left; color:#fff;}
.a6-1-1 p{color:#000;}
.a6-1-1 img{width:30%;}
.a6-2{width:64%; position:relative; padding-left:0%;}
.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:8%; top:0; width:32%; height:100%;}
.a7-1-1{ width:100%; position:absolute; top:10%;}
.a7-1-1 img{width:50%;}
.a7-2{width:69%; position:relative; padding:12%; padding-bottom:0; 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:#008bce;
	color:#fff;
}
.a8 h2{color:#fff;}
.a8 h3{padding:0;margin:0;font-weight:normal;color: #fff;}
.a8 p{color: #fff;}
.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:32%; 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:45%; top:10%; width:36%; height:100%;}
.a9-1-1{ width:100%; position:absolute; top:10%;}
.a9-1-1 img{width:100%;}
.a9-2{width:33%; 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%; 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; left:0; width:100%}
.a1-1-1{ width:100%; position:relative; top:50%;left:0;transform:translate(0%,0%); left:0; padding:0; text-align:center;}
.a1-1-1 h1{ color:#000;}
.a1-1-1 h1 img{height: 25px;position:absolute;top: 7px;}
.a1-1-1 p{color:#000;}
.a1-2{width:180%; text-indent:-30%;}
.a1-3{ position:absolute; width:100%; top:-10px;; right:0px;}

.a2-1{ width:100%;}
.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%;}
.a4-1-1{position:relative; padding:0; text-align:center}
.a4-1-1 h1{ color:#000;}
.a4-1-1 p{color:#000;}

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

.a51 {padding:15px 0;}
.a51-1{ position:relative;left:0; top:0; width:100%; height:100%;}
.a51-1-1{ width:100%; position:relative; top:25%; text-align:center}
.a51-2{width:100%; position:relative; padding-left:0;}
.a51-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; text-align:center}
.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: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: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;}
}