@charset "utf-8";
/* CSS Document */

#index-main{background-image:url(../images/index/index_bg.jpg); padding:30px 0;}
	.index-com, .index-pro{width:48%; float:left; background-color:#fff; height:0; padding:0 0 20% 0; background-image:url(../images/index/index-bg1.png); background-position:right center; background-size:auto 100%; background-repeat:no-repeat; position:relative;border-radius: 20px;border: solid 5px #00a4b2;}
	.index-pro{float:right; background-image:url(../images/index/index-bg2.png);}
	.index-main-txt{padding:25px 45% 60px 25px; }
	.index-main-txt h1, .index-main-txt h2{font-size:28px; color:#595757; margin:0; /*padding:0 0 12px 0;*/ text-transform:uppercase;}
	.index-main-txt h2{color:#595757;}
	.index-pro ul{list-style:none; margin:0; padding:0;}
	.index-pro ul li{padding:0 0 0 16px; position:relative;}
	.index-pro ul li:before{display: inline-block; content:"\f04d"; font:normal normal normal 12px/1 FontAwesome; -webkit-transform:scale(0.5);	-ms-transform:scale(0.5);	transform:scale(0.5); color:#c0c0c0; position:absolute; left:0px; top:0.5em;}
	.index-pro ul li a{color:#333;}	 .index-pro ul li a:hover{ color:#b50d09;}		
	
	.index-more-btn{background:#8a8a8a; color:#fff; padding:11px 4px; display:inline-block; /*text-transform:uppercase;*/ font-size:14px; position:absolute; bottom:20px; left:25px;/*height: 60px;width: 60px;border-radius: 60px;*/}
	.index-more-btn:hover{background:#00a4b2;  color:#fff;}


#index-prolist{padding:26px 0;}
	#index-prolist h3{color:#595757; font-size:24px; margin:18px 0; padding:0; position:relative; text-align:center;}
	#index-prolist h3 span{padding:0 16px; display:inline-block; background:#fff; text-transform:uppercase;}
	/*#index-prolist h3:after{height:1px; width:100%; position:absolute; background:#de713a; top:0.5em; left:0; content:''; z-index:-1;}*/
	#index-prolist ul{list-style:none; padding:0; margin:0;}
	#index-prolist li{width:20%; padding:0 18px; float:left; text-align:center;}
	#index-prolist li *{-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
	#index-prolist li img{border-radius:50%; overflow:hidden; margin:0 0 16px 0; -webkit-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1);
border:solid 5px #00a4b2}
	#index-prolist li:hover img{ -webkit-transform:scale(1.1);	-ms-transform:scale(1.1);	transform:scale(1.1); }
	#index-prolist li a{font-size:20px; color:#595757;/* text-transform:uppercase;*/}
	#index-prolist li:hover a{color:#00a4b2;}

.index-more-btn
{height: 40px;
    width: 40px;
    border-radius: 40px;}
.ci{ color:#00a4b2; font-weight:bold}
.index-more-btn2{
	height: 20px;
    width: 20px;
    border-radius: 20px;
    background: #8a8a8a;
    color: #fff;
    padding: 0px 4px 10px 6px;
    display: inline-block;
    /* text-transform: uppercase; */
    font-size: 14px;
    position: absolute;
    bottom: 29px;
	left: 71px;}
@media (max-width:1100px){
	.index-com, .index-pro{padding-bottom:20%;}
	.index-main-txt{ padding: 0 0 0 20px}
}

@media (max-width: 1040px)  {
	#index-main{padding:20px 0 2px 0;}
	.index-com, .index-pro{width:auto; float:none; margin-bottom:20px; padding-bottom:28%;} 
	.index-more-btn{position:static; margin:16px 0 0 0;}
	.index-more-btn2{ position: static}
	#index-prolist li a{font-size:15px;}
	
	#index-prolist li{ padding:0 12px;}
	
}
@media (max-width:1023px){
	
	.index-main-txt h1, .index-main-txt h2{font-size:26px;}
	/*.index-more-btn{padding:0.5em 0.8em; font-size:15px;}*/
}

@media (max-width: 767px)  {
	.index-com, .index-pro{padding-bottom:35%;} 
	#index-prolist li{ width:auto; float:none; max-width:520px; margin:0 auto 16px auto; text-align:left;}
	#index-prolist li img{width:35%; margin-right:16px;}
	#index-prolist li a{font-size:18px;}
	
}
@media (max-width: 600px)  {
	.index-com, .index-pro{padding-bottom:45%;} 
	.index-main-txt{padding-right:25%; }
	.index-more-btn{/*padding:6px 18px; */margin-top:6px;}
	
	#index-prolist h3{font-size:30px;}
	#index-prolist li{ max-width:480px; }
	#index-prolist li img{width:30%;}
	#index-prolist li a{font-size:16px;}
}
@media (max-width: 563px)  {
	h3, .h3{ font-size:18px}
	
	
}
@media (max-width: 480px)  {
	.index-com, .index-pro{padding-bottom:0; height:auto; background-position:150% 0;}
	.index-main-txt{padding-right:20px; padding-top:12px; padding-bottom:20px;}
	.index-main-txt h1, .index-main-txt h2{font-size:18px;}
	
	#index-prolist{padding:10px 0;}
	#index-prolist h3{font-size:26px;}
	#index-prolist li{text-align:center;}
	#index-prolist li img{width:140px; display:block; margin:0 auto 12px auto;}
	
	
}


@media (max-width: 464px)  {
	.index-com, .index-pro{ background-image:none}
	
	
	
	
}
@media (max-width: 360px)  {
	.index-com, .index-pro{background-position:260% 0;}
	#index-prolist h3{font-size:20px;}
}
@media (max-width: 320px)  {
	
}