@charset "utf-8";

.simple_banner_wrap{ position:relative; overflow:hidden; width:1200px !important; height:100%;margin:0 auto;clear:both; }
.simple_banner_wrap ul{ list-style:none; margin:0; padding:0; display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
.simple_banner_wrap ul li{ margin:0; padding:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
.simple_banner_wrap .nav_wrap{ position:absolute; top:100px; height:10px; z-index:2; }
.simple_banner_wrap .nav_wrap ul{ display:block; position:relative; list-style:none; margin:0; padding:0; }
.simple_banner_wrap .nav_wrap ul li{ display:inline-block; position:relative; width:10px; height:10px; margin:0 1px; cursor:pointer; }
.simple_banner_wrap .nav_wrap.numeral{ height:14px; line-height:14px; }
.simple_banner_wrap .nav_wrap.numeral ul li{ font-size:12px; width:14px; height:14px; text-align:center; text-shadow:1px 1px 0px #CCC; }
.simple_banner_wrap .nav_wrap.numeral ul li.on{ text-decoration:underline; font-weight:bold; }
.simple_banner_wrap .nav_wrap.bullet{ height:10px; line-height:10px; }
.simple_banner_wrap .nav_wrap.bullet ul li{ font-size:10px; text-indent:-1000px; border-radius:5px; background-color:#F96; box-shadow:inset 0 0 0 1px #FFF; }
.simple_banner_wrap .nav_wrap.bullet ul li.on{ box-shadow:inset 0 0 0 1px #F96; background-color:#FFF; }
.simple_banner_wrap .nav_wrap.prev_next{ height:14px; line-height:14px; text-shadow:1px 1px 0px #CCC; }
.simple_banner_wrap .nav_wrap.prev_next ul li{ font-size:12px; width:14px; height:14px; font-weight:bold; text-align:center; }







h4{ font-size:14px; font-weight:normal; border:1px solid #CCC; background-color:#EEE; margin:0; padding:10px; text-align:center; }
h4 a{ text-decoration:none; color:#69F; font-weight:bold; }
pre{ display:block; margin:20px 0 0; padding:0; color:#333; font-size:12px; }
pre .property{ color:#39F; font-weight:bold; }
pre .value{ color:#F90; font-weight:bold; }

/* override styles */



.banner03 ul li { width:1024px;margin-left:3.5em;auto;clear:both; }

div.simple_banner_wrap > div.nav_wrap{
	width:100%;

}
.simple_banner_wrap .nav_wrap.prev_next ul li{
		font-size:35px;
	
	}
.simple_banner_wrap .nav_wrap.prev_next ul li:nth-child(1){
    color:#dcdddd;
	position:absolute;
	left:0px;
	} 	
.simple_banner_wrap .nav_wrap.prev_next ul li:nth-child(2){

	position:absolute;
	left:992px;
    color:#dcdddd;
	
	} 


@media ( max-width: 1100px ) { /* @media ( max-width: 1100px ) */

.banner03 ul li {
    width: 900px;
    margin-left: 1em;
    auto: ;
    clear: both;
}
.simple_banner_wrap .nav_wrap.prev_next ul li:nth-child(1) {
   
    left: -15px;
}

.simple_banner_wrap .nav_wrap.prev_next ul li:nth-child(2) {
  
    left: 935px;
  
}

.simple_banner_wrap{ position:relative; overflow:hidden; width:1000px !important; height:100%;margin:0 auto;clear:both; }

}





@media ( max-width: 1024px ) { /* @media ( max-width: 1024px ) */



#m04{
display:none;
}
#m04m{
display:block !important;
}


#m04m > div.m_banner{

height:100%;
margin:0px auto;
display:block;
clear:both;
padding:0;
}
#m04m div.m_banner > div.m_banner_content {
cursor:pointer;
float:left;
background-repeat: no-repeat;
background-position: center top;
width:40%;
text-align:center;
margin:0 10px;
}
#m04m div.m_banner > div.m_banner_content > div.pro_img{
height:210px;
vertical-align:middle;
}

#m04m div.m_banner > div.m_banner_content > div.pro_img{ font-size:0;height:200px;}  
#m04m div.m_banner > div.m_banner_content > div.pro_img:after{display:inline-block; height:100%; content:""; vertical-align:middle;}

#m04m div.m_banner > div.m_banner_content > div > img{
width:100%;
vertical-align:middle;
    border:1px solid #CCC;
}


#m04m div.m_banner > div.m_banner_content >div.pro_text > h1{
margin-top:0.1em;
color:#000;
font-size:0.9em;
letter-spacing:-0.5px;
}
#m04m div.m_banner > div.m_banner_content > div.pro_text > p{
font-size:0.9em;
color:#9a9a9a;
}


.simple_banner_wrap{
   width: 400px !important;
   height:250px;
}

.simple_banner_wrap .nav_wrap.prev_next ul li:nth-child(2){
left: 340px;
}
.banner03 ul li{
width:380px;
margin-left: 0.8em;

}
.contents_1200{
width:100%;
}


.simple_banner_wrap .nav_wrap.prev_next ul li {
 font-size: 30px;
}

.simple_banner_wrap .nav_wrap.prev_next ul li:nth-child(1) {
left:-10px;
}





}