@charset "utf-8";
/* CSS Document */
#slider{ position:relative; width:100%; height:400px;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity: 0;

  /* Good browsers */
  opacity: 0;}
#slider #slider_body{ width:1000px; height:400px; margin:0 auto; background:#FB0004;}
#slider #slides{ }
#slider #slides div{ }
#s_left_box{ position:absolute; background:#FFFFFF; width:2000px; height:400px; right:50%; margin-right:-2500px;
 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=90);

  /* Netscape */
  -moz-opacity: 0.9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;

}
#s_right_box{ position:absolute; background:#FFFFFF; width:2000px; height:400px; left:50%; margin-left:-2500px;
 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=90);

  /* Netscape */
  -moz-opacity: 0.9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;

}

#s_pop{ position:absolute; margin-left:500px; background:url(../ctk_skin/common_images/silder/new_pop.png) no-repeat; width:370px; height:125px; top:40px; color:#ffffff; }
#s_pop p{ padding-left:15px; }
#s_pop p#s_p1{ padding-top:20px; font-size:15px; letter-spacing:1px; }
#s_pop p#s_p3{ padding-top:8px; font-size:15px; padding-bottom:5px;letter-spacing:1px;}
#s_pop p#s_p2{font-size:20px; line-height:120%;}
#s_pop p#s_p2 strong{ font-size:23px;}
#s_pop p#s_p2 span{ color:#fe6c5d;}

#s_pop p#s_p1_en{ padding-top:5px; font-size:17px; letter-spacing:1px; }
#s_pop p#s_p3_en{ padding-top:8px; font-size:15px; padding-bottom:5px;letter-spacing:1px;}
#s_pop p#s_p2_en{font-size:20px; line-height:110%; padding-top:15px; }
#s_pop p#s_p2_en strong{ font-size:23px;}
#s_pop p#s_p2_en span{ color:#fe6c5d;}
/* jssor slider arrow navigator skin 13 css */
            /*
            .jssora13l              (normal)
            .jssora13r              (normal)
            .jssora13l:hover        (normal mouseover)
            .jssora13r:hover        (normal mouseover)
            .jssora13ldn            (mousedown)
            .jssora13rdn            (mousedown)
            */
.jssora13l, .jssora13r, .jssora13ldn, .jssora13rdn {
	position: absolute;
	cursor: pointer;
	display: block;
	background:url(../ctk_skin/common_images/silder/a13.png) no-repeat;
	overflow: hidden;
}

.jssora13l {
	background-position: -10px -35px;
}

.jssora13r {
	background-position: -70px -35px;
}

.jssora13l:hover {
	background-position: -130px -35px;
}

.jssora13r:hover {
	background-position: -190px -35px;
}

.jssora13ldn {
	background-position: -250px -35px;
}

.jssora13rdn {
	background-position: -310px -35px;
}



#content{ width:1000px; margin:0 auto; height:415px; overflow:hidden;}
#tree_animation{ position:relative; float:left; width:250px; height:415px; background:url(../ctk_skin/common_images/left.jpg) center center;}
#tree_animation p{ padding-top:20px; padding-left:14px; color:#ffffff; line-height:160%; font-size:13px; font-weight:bold;}
#tree_animation p:hover{color:#d88639; font-size:14px;}

.tree_weter{ position:absolute; top:195px; left:100px; }
#weter{ position:absolute; top:335px; left:100px; }

#cont_right{ float:right;}
.cont_box{ position:relative; float:left; width:249px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; height:183px;}
.cont_box h3{ font-size:15px;  color:#ffffff; height:30px;font-family:"Arial", sans-serif}
.cont_box h3:hover{color:#d88639; font-size:16px;}
.cont_box p{ margin-left:10px; color:#363636; font-size:13px;line-height:130%;}
.main_view{ position:absolute; margin-left:10px; margin-top:10px;}
.main_view a{ color:#276cb7;  font-weight:bold;font-family:"Arial", sans-serif}
//.main_view a{ color:#6ea91e;  font-weight:bold;font-family:"Arial", sans-serif}
#product{ background:url(../ctk_skin/common_images/main_bg1.png) right bottom no-repeat }
#s_action{ background:url(../ctk_skin/common_images/main_bg2.png) right bottom no-repeat}
#global{ background:url(../ctk_skin/common_images/main_bg3.png) right bottom no-repeat}

#vision{ clear:both; float:left; width:460px; height:220px}
#vision h3{ margin:0; padding:0;font-size:1.42em;  margin-left:10px; margin-top:20px; color:#363636;font-family:"Arial", sans-serif}
#vision ul{ width:100%; padding:0; margin:0; height:240px;float:left; padding-left:30px; padding-right:10px; padding-top:30px; background:url(../ctk_skin/common_images/sero.jpg) right -20px no-repeat;}
#vision ul li{ position:relative; width:110px; height:120px; float:left; text-align:center;}
#vision ul li#li1{ background:url(../ctk_skin/common_images/vi_1.jpg) 8px top no-repeat; }
#vision ul li#li2{ background:url(../ctk_skin/common_images/vi_2.jpg) 8px top no-repeat;}
#vision ul li#li3{ background:url(../ctk_skin/common_images/vi_3.jpg) 8px top no-repeat;}
#vision ul li#li4{ background:url(../ctk_skin/common_images/vi_4.jpg) 8px top no-repeat;}
#vision ul li span{ position:absolute; left:0; bottom:5px; width:100%; text-align:center; color:#707070}

#exchange{ width:240px; padding-left:10px; padding-top:20px; height:200px; float:right; overflow:hidden;font-family:"Arial", sans-serif }