@charset "utf-8";
/* CSS Document */
.logo{ min-width:100%; height:117px; }

.right_list{max-width:; height:auto; float:right;}

.right_list ul { font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px;}


.img_di{width:100%;  margin:0px; padding:0px; float:left;  }

.pic2{width:20%;  margin:0px; padding:0px;  }


.right_list li { font-family:Arial, Helvetica, sans-serif; margin:0px;  float:left; list-style:none; padding-left:23px; padding-top:13px; color:#333;}

.right_list li a{color:#333;}

.right_list li a:hover{ color:#666; text-decoration:none; co}




.menu{ width:100%; margin-top:28px; padding:0px; float:right; }

.top_sec{ max-width:100%; height:auto;}

.curve{ max-width:53px; height:23px; margin:0px; padding:0px;}

.redmore{ min-width:132px; height:32px; float: left; background:#ec5355; border-radius:24px; text-align:center; padding-top:6px;} 

.redmore a{color:#FFF;  }

.redmore a:hover{color:#dbdbdb; text-decoration:none;  }

.redmore2{ min-width:100%; height:24px; float: left;   text-align:center; padding-top:0px; text-align:left; border-bottom:dotted 2px #c0c1c1;  }

.redmore5{ min-width:100%; height:24px; float: left;   text-align:center; padding-top:0px; text-align:left;  }

.redmore5 a{color: #333;  }

.redmore5 a:hover{color: #666 ; text-decoration:none;  }

.redmore2 a{color: #333;  }

.redmore2 a:hover{color: #666 ; text-decoration:none;  }

.heading{ max-width:397px; max-height:46px; float:right;}

.img2{ width:100%; height:266px; float:left; }

.img3{ width:100%; height:266px; float:left; }


input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

input[type=submit] {
    
    color: white; 
    padding: 12px 20px; width:100%;
    border: none;
    border-radius: 4px; margin-top:6px;
    cursor: pointer; background:#ec5355;
}

input[type=submit]:hover {
    background-color: #45a049;
}

.left_head{min-width:80%;  margin-left:0px; padding-right:0px; margin-right:0px; float:left;}

.img4{  float:left; }

.middle_banner{width:100%; margin-top:18px; padding:0px; background:url(../images/bg_cont.jpg); background-size:cover;  height:653px;} 

.higlights{ min-width:100%; height:285px;  float:left;}

.higlights_li{ min-width:50%; height:285px; float:left;  }


.higlights_li ul{    list-style:none; font-family:Arial, Helvetica, sans-serif; text-align:left; }

.higlights_li li{    list-style:none; font-family:Arial, Helvetica, sans-serif; text-align:left; }

.higlights_li a{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left; padding-left:23px;
	display: block;
	border-bottom: dotted 2px #bebfbf;
	color: #ec5355;
	text-decoration: none;
	list-style-type: none;
	list-style-position: inside;
	background-image: url(../images/ico1.jpg);
	background-repeat: no-repeat;
}
.dowen_load {min-width:100%;    }



.higlights_li a:hover{ text-decoration:none;    }



.footer { background:#1f1f1f; min-width:100%;} 


.footer_list1{min-width:20%; float:left; min-height:295px ;  margin-top:10px;}

.perfect_logo{ min-width:195px; min-height:23px; float:right; color:#FFF; padding-bottom:29px; }

.footer_list1 ul{font-family:Arial, Helvetica, sans-serif; margin:0px;   font-size:14px; padding-left:69px; color:#FFF;}
.soci_icon{min-width:36px; min-height:41px; float:left;}



.code {
  width: 40%;
  clear: both;
  height: 200px;
  background: #FFF;
  border-radius: 2px;
  margin: 12vh 0;
  padding: 10px; }
  .code pre, .code code {
    height: 100%;
    margin: 0; }
  .code code {
    padding: 20px 0 0 20px; }
  .code--small code {
    padding-top: 75px; }
  .code--left {
    float: left; }
  .code--right {
    float: right; }
  .code--wider {
    width: 60%; }
    .code--wider code {
      padding-top: 60px; }

.footer_list1 li{font-family:Arial, Helvetica, sans-serif;   padding-top:14px; font-size:14px; color:#FFF; list-style:none;}

.footer_list1 a{font-family:Arial, Helvetica, sans-serif;    font-size:14px; color:#FFF; list-style:none;}

.footer_list1 a:hover{ color:#CCC; text-decoration:none;}

.address{min-width:100%; float:left; min-height:200px;      margin-top:10px;}

.map_icon{
	min-width: 100%;
	float: left;
	min-height: 295px;
	margin-top: 10px;
	padding-top: 0px;
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	background-position: 100px 10px;
}

.map_icon2{
	min-width: 100%;
	float: left;
	min-height: 295px;
	margin-top: 10px;
	padding-top: 0px;
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
	background-position: 100px 10px;
}


.map_icon2 h3{font-family:Arial, Helvetica, sans-serif; padding-top:50px; color:#FFF; width:100%; }

.map_icon2 p{font-family:Arial, Helvetica, sans-serif; padding-top:0px; color:#ec5355; }
.map_icon h3{font-family:Arial, Helvetica, sans-serif; padding-top:50px; color:#FFF; width:100%; }

.map_icon p{font-family:Arial, Helvetica, sans-serif; padding-top:0px; color:#ec5355; }


.topnav {
  overflow: hidden;
  
}

.service_btn1{ min-width:100%; min-height:126px; float:left; margin:0px; padding:0px;}

.btn_left1{ min-width:82px; min-height:89px; float:left; background:#f2f2f2; margin-top:24px; margin-left:-40px;}

.left3{ max-width:478px; min-height:140px;float:left; background:#F00;}

.topnav a {
  float: right;
  display: block;
  color: #000; 
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.btn_left2{ min-width:420px; min-height:140px; float:left; background:#f2f2f2; margin-top:23px;}

.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 17px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}


.inner_banner{width:100%;   background-size:cover; }

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

.dropdown:hover .dropdown-content {
    display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
</style>