@charset "utf-8";

@import url(base.css); /* reset */
@import url(common.css);/* header,footer */


.container {
	width:1200px;
	margin:0 auto;
	*zoom:1;
}
.container:after {display:block;content:" ";clear:both;}

.contents {
	*padding-top:120px;
	margin-top:120px;
}
#main .contents {
	position: relative;
	overflow-x: hidden;
}
#main .contents .container h3{color:#454545; font-size:24px; font-weight:bold; padding:45px 0 17px 0;}



/**/
.temp-img-wrap {
	display: table;
	width: 100%;
	height: 100vh;
	text-align: center;
}
.temp-img {
	display: table-cell;
	vertical-align: middle;
}


/* Çø®Å·¸®½ºÆ® */
#flickingList {position:relative;overflow:hidden; margin:0 auto; text-align:center;width:100%; height:680px; top:0px; left:0px;z-index:4; }
#flickingList .cont {position:relative; overflow:hidden; top:111px; width:100%; vertical-align:top;text-align:center; z-index:1;}
#flickingList .layerWrap {position:relative; overflow:hidden; top:0px;width:12000px;  white-space:nowrap;  vertical-align:top;}
#flickingList .layer {float:left; width:100%;  text-align:center; }
#flickingList .bg1 {background:url("/en/images/main/main_img1.jpg") no-repeat top center;height:845px;}
#flickingList .bg2 {background:url("/en/images/main/main_img2.jpg") no-repeat top center;height:845px;}
#flickingList .bg3 {background:url("/en/images/main/main_img3.jpg") no-repeat top center;height:845px;}

#flickingList .tabWrap {position:absolute;bottom:5px; left:50%; text-align:center;z-index:4;}
#flickingList .tabWrap li {display:inline;}
#flickingList .tabWrap li a {display:inline-block; width:20px; height:20px; background:url("/en/images/main/btn_off.png") no-repeat;}
#flickingList .tabWrap li a.current {background:url("../en/images/main/btn_on.png") no-repeat;}
#flickingList .tabWrap li a.btn_play {display:inline-block; width:20px; height:20px; background:url("/en/images/main/play.png") no-repeat;}
#flickingList .tabWrap li a.btn_stop {display:inline-block; width:20px; height:20px; background:url("/en/images/main/stop.png") no-repeat;}
#flickingList .tabWrap li a.current.btn_play {display:inline-block; width:20px; height:20px; background:url("/en/images/main/play_on.png") no-repeat;}
#flickingList .tabWrap li a.current.btn_stop  {display:inline-block; width:20px; height:20px; background:url("/en/images/main/stop_on.png") no-repeat;}

#flickingList .prevNext {position:absolute;top:344px; width:100%;height:75px;z-index:4;border:0px solid red;}
#flickingList button {overflow:visible; margin:0; padding:0; border:none; background:none; cursor:pointer;}
#flickingList button.prev {position:absolute; top:0px; left:20px; width:75px; height:75px; z-index:4;}
#flickingList button.next {position:absolute; top:0px; right:20px; width:75px; height:75px; z-index:4;}

#flickingList .viau_txt {width:1195px; margin:0 auto; text-align:left; }
#flickingList .layerWrap .tit{font-size:60px; color:#fff; padding-top:120px;}
#flickingList .layerWrap .txt{font-size:47px; color:#fff; padding-bottom:21px;}
#flickingList .layerWrap .bar_txt {font-size:16px; padding:20px 0; background:url(/en/images/main/visu_txt_bar.gif) no-repeat left top;color:#fff; }

.main_contents {width:1195px; margin:100px auto 0 auto;}
.main_contents p.con_tit {font-size:34px; color:#222; font-weight:900;  text-align:center;}
.main_contents ul.main_pro {overflow:hidden; margin:50px 0 40px 0;}
.main_contents ul.main_pro li {float:left; text-align:center; color:#222;  margin-right:20px; margin-bottom:20px;}
.main_contents ul.main_pro li:nth-child(3n) {margin-right:0;}
.main_contents ul.main_pro li .on {display:none;}
.main_contents ul.main_pro li .pro_1 {width:345px; height:240px; padding:20px;background:url(/en/images/main/main_pro1.jpg) no-repeat left top;}
.main_contents ul.main_pro li .pro_1_on {color:#fff; width:345px; height:240px;padding:20px; background:url(/en/images/main/main_pro_on.png) no-repeat left top;}
.main_contents ul.main_pro li .pro_2 {width:345px; height:240px; padding:20px;background:url(/en/images/main/main_pro2.jpg) no-repeat left top;}
.main_contents ul.main_pro li .pro_2_on {color:#fff; width:345px; height:240px;padding:20px; background:url(/en/images/main/main_pro_on.png) no-repeat left top;}
.main_contents ul.main_pro li .pro_3 {width:345px; height:240px; padding:20px;background:url(/en/images/main/main_pro3.jpg) no-repeat left top;}
.main_contents ul.main_pro li .pro_3_on {color:#fff; width:345px; height:240px;padding:20px; background:url(/en/images/main/main_pro_on.png) no-repeat left top;}
.main_contents ul.main_pro li .pro_4 {width:345px; height:240px; padding:20px;background:url(/en/images/main/main_pro4.jpg) no-repeat left top;}
.main_contents ul.main_pro li .pro_4_on {color:#fff; width:345px; height:240px;padding:20px; background:url(/en/images/main/main_pro_on.png) no-repeat left top;}
.main_contents ul.main_pro li .pro_5 {width:345px; height:240px; padding:20px;background:url(/en/images/main/main_pro5.jpg) no-repeat left top;}
.main_contents ul.main_pro li .pro_5_on {color:#fff; width:345px; height:240px;padding:20px; background:url(/en/images/main/main_pro_on.png) no-repeat left top;}
.main_contents ul.main_pro li .pro_6 {width:345px; height:240px; padding:20px;background:url(/en/images/main/main_pro6.jpg) no-repeat left top;}
.main_contents ul.main_pro li .pro_6_on {color:#fff; width:345px; height:240px;padding:20px; background:url(/en/images/main/main_pro_on.png) no-repeat left top;}
.main_contents ul.main_pro li:hover .off {display:none;}
.main_contents ul.main_pro li:hover .on {display:block;}
.main_contents ul.main_pro li span {display:block; }
.main_contents ul.main_pro li span.off_tit {font-size:22px; padding:10px 0 10px 0; background:url(/en/images/main/text_topbar.gif) no-repeat center bottom;}
.main_contents ul.main_pro li span.on_tit { font-size:22px; padding:10px 0 10px 0; margin-bottom:20px; background:url(/en/images/main/text_topbar_w.gif) no-repeat center bottom;}
.main_contents ul.main_pro li span.sub_tit  {font-size:13px;}
.main_contents ul.main_pro li span.btn_view {display:block; margin-top:20px;}
.main_contents ul.main_pro li .on a {color:#fff;}

.main_link {width:100%; background-color:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 0;}
.main_link ul.link {width:1195px; margin:0 auto; overflow:hidden;}
.main_link ul.link li {float:left; width:538px; height:125px; padding:30px 25px;  border:1px solid #ddd;}
.main_link ul.link li:hover {border:1px solid #37578e;}
.main_link ul.link li:hover a {color:#37578e;}
.main_link ul.link li:first-child {margin-right:15px;}
.main_link ul.link li span {display:block;}
.main_link ul.link li span.link_tit {color:#222; font-size:22px; font-weight:800; margin-bottom:10px;}
.main_link ul.link li.link1 {background:#fff url(/en/images/main/link_1.jpg) no-repeat 460px 40px;}
.main_link ul.link li.link2 {background:#fff url(/en/images/main/link_2.jpg) no-repeat 460px 40px;}

.m_btn{width:227px; height:38px; border:1px solid #fff; text-align:center; line-height:38px; display:inline-block; z-index:5;}
.m_btn a{color :#fff;}
.c_btn{width:152px; height:26px; text-align:center; line-height:22px; display:inline-block; background:url(../en/images/main/bg_c_btn.png) no-repeat left top;}
.c_btn a{color :#fff;}

.main_bottom {background-color:#fff; border:none;}