@charset "utf-8";
@import url("style_common.css");

/* main img */
.main_img_wrap {clear:both; width:100%; height:326px; overflow:hidden; margin-top:20px;}
.main_img_wrap .main_img {width:1200px; height:326px; position:relative; margin:0 auto; background:url(/images/main/main_img_back.jpg) no-repeat !important;}
.main_img_wrap .main_img .main_logo {position:absolute; top:0; left:0; z-index:999999;}


/* main contents */
._container {width:1200px; height:auto; margin:0 auto; }
._container:after {clear:both; content:""; display:block; height:0px;}

.intro {float:left; width:739px; white-space:pre-line; height:320px;  font-family: "open-sans",sans-serif  !important; letter-spacing:0px; padding-left:15px;}

.intro h2 {
	
	margin-bottom:-15px;
 	font-size:30px; 
 	color:#00a9c7; 
	letter-spacing:-2px;
    font-weight: 300 !important;
	font-family: "open-sans",sans-serif !important; 
	letter-spacing:-1px; 
	font-family: sans-serif !important;	
   
}

.intro p {font-family: "open-sans",sans-serif !important; font-size:16px; color:#000; letter-spacing:0px; line-height:160%;}
.intro ul {margin:5px 0; padding:0; list-style:none; margin-left:10px; margin-top:-30px; }
.intro ul li {padding-left:10px; margin:-10px; background:url(/images/main/list_dot.gif) left center no-repeat; font-size:15px;   font-family: "open-sans",sans-serif !important; letter-spacing:0px;}
.intro span {display:block; margin-top:-40px;font-size:15px; font-family: "open-sans",sans-serif !important; letter-spacing:0px;}

.right_box {float:right; width:461px;}
.right_box ul {width:100%; margin-top:50px;}
.right_box ul li {float:left; width:50%; min-height:140px; }
.right_box ul li img {max-width:100%;}
.right_box ul li h2 {color:#fff; font-family: "open-sans",sans-serif !important; 
font-size:20px;font-weight:100 !important; font-size: 170% !important; width:82%; padding:10px 0;margin:0 auto;}
.right_box ul li.box_1 {background:#002244;}
.right_box ul li.box_2 {background:url(/images/main/box_backimg.png) #003399 right bottom no-repeat;}
.right_box ul li.box_3 {background:#edb72b;}
.right_box ul li.box_4 {background:#e2e3e6; text-align:center; border:1px solid #e2e3e6;}
.right_box ul li.box_4 img {margin-top:10px;}
.right_box ul li.box_1:hover {background:#103e6c;}
.right_box ul li.box_2:hover {background:#255ac4;}
.right_box ul li.box_3:hover {background:#f2ca61;}
.right_box ul li.box_4:hover {background:#f3f3f3;border:1px solid #ddd;}

.right_box ul li.box_1 h2 {background:url(/images/main/icon_01.png) right center no-repeat; }
.right_box ul li.box_2 h2 {background:url(/images/main/icon_02.png) right center no-repeat;}
.right_box ul li.box_3 h2 {background:url(/images/main/icon_03.png) right center no-repeat; color:#000;}

.prd_search {width:160px; margin:0 auto; margin-top:40px;}
.prd_search input {width:130px; height:26px; }

@media all and (max-width:768px) {
		._container {width:100%;}
		
		.main_img_wrap {height:auto;}
		.main_img_wrap .main_img {width:100%; height:auto;}
		.main_img_wrap .main_img img {width:100%;  height:auto;}
		
		.intro {width:100%; height:auto; padding:10px;}
		.intro p {white-space:normal;}
		.intro span {font-size:11px; }
		
		.right_box {width:100%; margin-top:-50px !important; }
}