ul,li,img{ border:0; padding:0; margin:0; list-style-type:none; border:0;}

a{ text-decoration:none; color:#305699}

a:hover{ color:#333;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.clearfix{*+height:1%;}







.contactleft{width:180px; float:left; }

.contactleft h4{ padding:0; margin:0;}

.contact{ background:#f8f8f8; padding:10px;}

 ul.contact li{ border-bottom:1px #ccc solid; padding:10px 0; text-align:center;}

.contact a{ color:#333;}

.contact a:hover{ color:#305699}





.contact ul.pro{ margin-bottom:10px;}

.contact ul.pro:last-child{ margin-bottom:0;}

.contact ul.pro li{ border-bottom:1px #ccc solid; padding:10px 0; text-align:left;}



.protitle{ font-size:18px; font-weight:bold;}

.prologo{ padding:15px 0 0;}

.line{ border-bottom:1px solid #ccc; margin-top:15px; margin-bottom:10px;}



.prolist li{ float:left; margin:12px; width:110px;}

.prolist li div{width:110px; height:110px; overflow:hidden; display:table-cell; text-align:center; vertical-align:middle;}

.prolist li img{ max-width:100px; max-height:100px;}

.prolist li p{ text-align:center; height:50px; list-style:26px; overflow:hidden; background-color:#fff; font-size:14px; }






.contactright{ float:right; width:1100px;}

.aboutleft{ float:left; width:48%;}

.aboutright{ float:right; width:50%;}

.aboutright img{ width:100%}

.aboutright div{ width:50%; float:left;}

@media screen and (max-width: 768px) {

    .active {

        display: block;

    }

	.nav{ float:none; margin-top:10px; background:#305699;}

	.nav a{ color:#fff;}

    .nav > li {

        float: none;

    }

    .nav > li > .parent {

        background-position: 95% 50%;

    }

    .nav li li .parent {

        background-image: url("../images/pro_down.png");

        background-repeat: no-repeat;

        background-position: 95% 50%;

    }

    .nav ul {

        display: block;

        width: 100%;

    }

   .nav > li.hover > ul , .nav li li.hover ul {

        position: static;

    }

	.nav > li:last-child{ color:#fff; padding-bottom:10px;}

	.nav > li:last-child > a { display:inline; font-size:12px; color:#fff; padding:0;}

	

	.box-list.three-column > li{float:left;display:block; margin:0 1% 1.2%; width:98%;}

	

	.aboutleft,.aboutright{ width:100%;}

	.list.prize{ width:100%; margin:0 auto;}

.list.prize li{ width:100%; text-align:center; margin:10px 0;}



}





.page-wrapper >.main >.row,.page-wrapper >.bluebg >.row,.page-wrapper >.row{max-width: 1296px!important; margin:0 auto;}

.main_kv_wrap 

    {

       width:100%;

       height:auto;

       float:none;

       position:relative;

        margin-right:0%; 

        border-bottom: none;

    

        

    }

#main_visual .item img{

    display: block;

    width: 100%;

    height: auto;

}

@media only screen and (min-width: 1025px) 

{

    .main_kv_wrap 

    {

       width:100%;

       height:auto;

       /*float:left;*/

       margin-bottom:1.2%;

       margin-right:1.2%; 

    }

} 

.sub_kv_wrap 

{

    position:relative;

    width:32.7%;

    height:auto;

    float:left;

    

    }

    

.sub_kv_wrap .banner_box 

{

    position:relative;

    width:100%;

    height:auto;

    margin-bottom:3.2%;

    float:left;

    border: none;

    }


	

	


/** =======================

 * Contenedor Principal

 ===========================*/

 .accordion {

 	width: 100%;



 	margin:0px auto 0px;

 	background: #FFF;

 	/*-webkit-border-radius: 4px;

 	-moz-border-radius: 4px;

 	border-radius: 4px;*/

 }



.accordion .link {

	cursor: pointer;

	display: block;

	padding: 15px 15px 15px 15px;

	color: #4D4D4D;

	font-size: 14px;

	font-weight: 700;

	border-bottom: 1px solid #CCC;

	position: relative;

	-webkit-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	transition: all 0.4s ease;

}



.accordion li:last-child .link {

	/*border-bottom: 0;*/

}



.accordion li i {

	position: absolute;

	top: 16px;

	left: 12px;

	font-size: 18px;

	color: #595959;

	-webkit-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	transition: all 0.4s ease;

}



.accordion li i.fa-chevron-down {

	right: 12px;

	left: auto;

	font-size: 16px;

}



.accordion li.open .link {

	color: #305699;
	

}



.accordion li.open i {

	color: #305699;

}

.accordion li.open i.fa-chevron-down {

	-webkit-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	transform: rotate(180deg);

}



/**

 * Submenu

 -----------------------------*/

 .submenu {

 	display: none;

 	background: #fff;

 	font-size: 14px;

 }



 .submenu li {

 	border-bottom: 1px solid #ccc;

 }



 .submenu a {

 	display: block;

 	text-decoration: none;

 	color: #333;

 	padding: 12px;

 	padding-left:20px; font-size:14px;

 	-webkit-transition: all 0.25s ease;

 	-o-transition: all 0.25s ease;

 	transition: all 0.25s ease;

 }



 .submenu a:hover {

 	background: #305699;

 	color: #FFF;

 }

 





@media(min-width:1025px){

.scrollpic{max-width:1295px; width:100%;}

#myscroll{width:1295px;}

.logo{ width:350px; margin:10px 0 5px;}

}

@media only screen and (max-width: 1024px) 

{

	.map{ width:100%}

	.logo{ width:250px; margin:15px 0 0;}

	.contactleft,.contactright{ width:1100px;}

	.main_kv_wrap 

    {

       width:100%;

       height:auto;

    }

	.sub_kv_wrap 

    {

    position:relative;

    width:100%;

    height:auto;

    float:none;

    overflow:hidden;

    }



    

.sub_kv_wrap .banner_box 

{

    position:relative;

    width:50%;

    height:auto;

    margin-bottom:0px;

    float:left;

    }

}

@media only screen and (max-width: 767px)

{

	.logo{ width:190px; margin:15px 0 0}

	.main_kv_wrap 

    {

       width:100%;

       height:auto;

    }

	     .sub_kv_wrap 

    {

    position:relative;

    width:100%;

    height:auto;

    float:none;

    

    }

    

.sub_kv_wrap .banner_box 

{

    position:relative;

    width:100%;

    height:auto;

    margin-bottom:0;

    float:none;

    }

}



.footer{ font-size:14px; margin:0 0 20px; padding:20px 0 0; text-align:center;}