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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, p, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,input,button,select,option,textarea,h1{
  margin: 0;
  padding:0;
  border: 0;
  font: inherit;
  font-family:"微软雅黑", Helvetica, Arial, sans-serif;
  font-size:16px;
  vertical-align: baseline;
  outline: none;
}
input,textarea{resize:none;border: 0;  /*-webkit-appearance: none;*/}
html{ width:100%; width:expression(document.body.clientWidth <= 1260? "1260px": "auto");
	 min-width:1260px;}
ol, ul,li{list-style: none;margin: 0;padding: 0;}
img{ margin:0; display:block; border:none;outline:none; padding:0;}
a{text-decoration:none; color:#666; outline-style:none;transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
body{ width:100%; background:#fff;}
.centerbox{ width:1200px; margin:0 auto;}
.overflow{ overflow:hidden;}

/*HW_banner*/
.HW_banner{ position:relative; overflow:hidden; height:914px; width:100%; border-bottom:20px solid #fad00b;}
.HW_banner img{ position:absolute; left:50%; margin-left:-960px;}
.HW_banner .topimg01{ top:0;}
.HW_banner .topimg02{ top:496px;}


/*HW_p1*/
.HW_p1{ width:100%; background:url(../images/F1_bg.jpg) no-repeat bottom; padding:60px 0 20px 0;}
.HW_t1 b{ font-size:48px; color:#1a1a1a; font-weight:bold; display:block; text-align:center;}
.HW_t1 p{ padding:0 20px; line-height:70px; height:70px; font-size:36px; text-align:center; color:#fff; overflow:hidden; background:#c921ff; width:760px; margin:20px auto; border-radius:50px;}

.picbox{ margin:40px auto; height:420px;}
.khC{width:580px; height:420px; position:relative; z-index:100; float:left;}
.khC .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.khC .bd ul{width:580px;}
.khC .bd li{width:580px; height:420px; overflow:hidden;text-align:center;}
.khC .bd li a{display:block;height:420px;}
.khC .hd{width:580px; position:absolute;z-index:1;bottom:15px;left:0;height:10px;line-height:10px;}
.khC .hd ul{text-align:center; height:10px;}
.khC .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:8px; background:#fff; height:8px; margin:0 6px;overflow:hidden;line-height:999px; border-radius:50%;}
.khC .hd ul .on{background:#df0303; border:none;}
.khC .prev,.khC .next{display:block;position:absolute;z-index:999;top:50%;margin-top:-30px;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px no-repeat;cursor:pointer;filter:alpha(opacity=100);opacity:1;display:none;}
.khC .prev{left:0;}
.khC .next{ right:0;background-position:-6px -137px;}
.picbox_r{ float:right; width:570px; font-size:18px; line-height:36px; color:#333; text-indent:24px; margin-top:10px; height:420px; overflow:hidden;}

.HW_t2{ margin:0 auto;}
.HW_t2 span{ font-size:120px; line-height:120px; color:#f5f5f5; text-transform:uppercase; text-align:center; font-family:Arial; font-weight:bold; display:block;}
.HW_t2 p{ margin:-45px auto 0 auto; text-align:center;}
.HW_t2 p b{ display:inline-block; width:747px; padding:0 170px; font-size:48px; font-weight:bold; color:#1a1a1a; background:url(../images/line.png) no-repeat center;}
.HW_t2 p i{ font-size:18px; color:#4c4c4c; font-style:normal; text-align:center; display:block; margin:10px auto; line-height:36px; height:72px; overflow:hidden; }
.HW_t2 p i font{ color:#c921ff;}

.HW_t3 p{ width:810px; height:60px; line-height:60px; background:#fdd100; margin:20px auto 10px auto;}
.HW_t3 p b{ background:#fff; font-weight:bold; text-align:center; display:inline-block; width:260px; height:54px; color:#000; margin:3px; font-size:32px; text-align:center; line-height:54px;}
.HW_t3 p span{ display:inline-block; width:526px; text-align:center; font-size:32px; color:#000;}
.newslist{ margin:40px auto; width:1180px;}
.newslist li{ float:left; width:550px; margin:0 20px;}
.newslist li p{ font-size:18px; color:#333; text-align:center; margin-top:20px; line-height:24px; height:24px; overflow:hidden;}
.newslist li p b{ font-weight:bold; margin-right:10px;}


/*HW_p2*/
.HW_p2{ width:100%; background:url(../images/F2_bg.jpg) no-repeat bottom; padding:60px 0; height:1298px;}
.HW_p2c .HW_t1 b{ color:#ffdc00;}
.prolist{ width:1212px; margin:40px 0 30px -6px;}
.prolist li{ width:291px; float:left; margin:0 6px;}
.prolist li .box01{ position:relative; height:60px; padding-top:16px; margin-bottom:3px;}
.prolist li .box01 b{ display:block; width:155px; text-align:center; font-size:28px; font-weight:bold; color:#1a1a1a; overflow:hidden; background:#fff; line-height:60px; height:60px; overflow:hidden; padding:0 126px 0 10px;}
.prolist li .box01 i{ position:absolute; top:0; right:0; display:block; width:128px; height:56px; background:url(../images/box01.png) no-repeat; overflow:hidden; text-align:center; font-size:14px; color:#fff; line-height:48px; overflow:hidden;}
.prolist li p{ font-size:16px; color:#fff; text-align:center; line-height:24px; overflow:hidden; width:291px; height:24px; margin-top:20px;}
.prolist li .box02 b{ height:40px; padding:10px 126px 10px 10px;}
.prolist li .box02 b em{ font-size:24px; line-height:24px; height:24px; display:block;}
.prolist li .box02 b font{ font-size:12px; color:#333; text-align:center; display:block; line-height:16px; height:16px; overflow:hidden; font-weight:normal;}

.prolist li img{-webkit-transform: scale(1, 1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms;-moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; -o-transform:scale(1,1);-o-transition-duration: 250ms; -ms-transform:scale(1,1);-ms-transition-duration: 250ms;}
.prolist li:hover img{-webkit-transform: scale(0.98); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 750ms;  -moz-transform: scale(0.98); -moz-transition-timing-function: ease-out;  -moz-transition-duration: 750ms; -o-transform:scale(0.98);-o-transition-duration: 250ms; -ms-transform:scale(0.98);-ms-transition-duration: 250ms;}

.HW_p2c .HW_t2 span{ color:#1f5dc1;}
.HW_p2c .HW_t2 b{ color:#ffdc00; background:url(../images/line2.png) no-repeat center;}
.HW_p2c .HW_t2 i{ height:36px; color:#fff;}

.marqueeleft2{ overflow:hidden;width:1200px; margin:40px auto 0 auto;}
.marqueeleft2 div{width:10000px;}
.marqueeleft2 ul li{float:left; width:291px; margin:0 6px; overflow:hidden; border-radius:5px;}
.marqueeleft2 ul li img{ border-radius:5px;}
.marqueeleft2 ul li p{ font-size:28px; color:#1a1a1a; font-weight:bold; text-align:center; margin-bottom:20px; line-height:30px; height:30px; overflow:hidden;}
.marqueeleft2 ul li:hover img{ opacity:0.9;}
.marqueeleft2 ul li span{ display:block; line-height:30px; height:30px; overflow:hidden; width:291px; color:#fff; font-size:16px; text-align:center; margin-top:20px;}
.marqueeleft2 ul li span img{ display:inline-block; margin-right:6px; border-radius:0;}
.marqueeleft2 ul{float:left;}


/*HW_p3*/
.HW_p3{width:100%; background:url(../images/F3_bg01.jpg) no-repeat top ,url(../images/F3_bg02.jpg) no-repeat bottom; padding:45px 0;}
.HW_p3c .HW_t2 p i{ line-height:30px; height:60px; overflow:hidden;}
.HW_p3c .HW_t2 p font{ font-weight:bold; font-size:22px;}
.HW_p3c .HW_t2 p em{ font-size:12px; color:#999; font-style:normal;}
.support{ width:1260px; margin:30px 0 40px -30px;}
.support li{ float:left; width:255px; height:64px; line-height:64px; margin:0 30px; overflow:hidden; background:#fdd100; border-radius:10px; text-align:center;}
.support li p{ font-size:22px; font-weight:bold; color:#333;}
.support li p b{ font-weight:bold; color:#ee2124; font-size:30px;}

.support2{ width:1160px; margin:0 auto;}
.support2 li{ float:left; width:560px; height:340px; padding-top:16px; margin:0 10px 36px 10px; position:relative;}
.support2 li p{ background:url(../images/box02.png) no-repeat center; width:128px; height:56px; line-height:56px; overflow:hidden; text-align:center; font-weight:bold; color:#fff; font-size:36px; position:absolute; top:0; left:50%; margin-left:-64px;}
.support2 li div{ position:absolute; width:560px; bottom:0; height:50px; padding-top:183px; background:url(../images/shadow.png) no-repeat center;}
.support2 li div span{ text-align:center; color:#fff; display:block; font-size:14px;}
.support2 li div span b{ font-size:24px; font-weight:bold;}

.double p{ font-size:48px; font-weight:bold; color:#fdd100; text-align:center;}
.double span{ display:block; margin:10px auto; line-height:36px; height:72px; overflow:hidden; font-size:18px; color:#333; text-align:center;}
.double span font{ color:#c821fe;}


.invite{ width:100%; position:relative; height:386px; overflow:hidden;}
.invite img{ position:absolute; left:50%; margin-left:-960px;}


/*HW_ly*/

.HW_message{width:1200px; margin:60px auto;}
.mes_pt{ background:url(../images/ly_tbg.jpg) no-repeat center; height:130px; line-height:130px; overflow:hidden; font-size:44px; color:#ffdc00; text-align:center; font-weight:bold;}

.HW_messageC{ padding:40px; width:1120px; background:#f5f5f5; margin-top:3px;}
.lyboxc{width:660px; margin:0 auto; float:left;}
.lyboxc iframe{width:0; height:0; border:none;}
.lyboxc .time{ width:730px; margin:0 0 20px 20px;}
.lyboxc .time p{ float:left; color:#333; font-size:18px; line-height:18px;}
.lyboxc .time div{ float:left;}
.lyboxc .time label *{height:18px; float:left;}
.lyboxc .time label input{ width:18px; height:18px; border:1px solid #333; margin-right:20px;}
.lyboxc .time label font{ color:#333; line-height:18px; margin-right:10px;}

.lyboxc .box2,.lyboxc .box1{width:640px; overflow:hidden; margin-bottom:20px;}
.box1 span,.box2 span{ display:block; width:110px; overflow:hidden; text-align:right; color:#333; font-size:18px; float:left;line-height:54px;}
.box1 span font,.box2 span font{ color:#f23c00;}
.lyboxc input,.lyboxc textarea,.lyboxc select{ width:490px;float:right; color:#4c4c4c; font-size:15px; border:1px solid #e3e3e3; font-weight:normal; background:#fff; border-radius:5px;}
.lyboxc .box1 input{line-height:54px;height:54px; padding:0 15px;}
.lyboxc select{width:520px; height:54px;}
.lyboxc textarea{padding:15px; line-height:24px; height:170px;}
.button2{width:300px; font-size:24px; background:#fdd100; color:#201513;line-height:72px; height:72px; border-radius:50px; text-align:center; cursor: pointer; overflow:visible; border:0;font-family:"微软雅黑"; margin-left:220px;}

.explore{ float:right; height:575px; border-left:1px solid #333; padding-left:40px;}
.exploreC{ width:364px; height:515px; padding:30px 20px; background:#fff;}
.exploreC p,.exploreC b{ text-align:center; margin:0 auto; font-size:24px; text-align:center; color:#333; line-height:36px; height:72px; overflow:hidden;}
.exploreC p font{ font-family:"幼圆";}
.exploreC center{ margin:20px auto;}
.exploreC b{ text-align:left; font-weight:bold;}


/*HW_footer*/

.HW_footer{border-top:10px solid #fad00b; background:url(../images/footer.jpg) no-repeat center; height:92px; padding:30px 0; overflow:hidden;}
.logo{ width:160px; float:left; margin-top:10px;}
.logo p{ text-align:center; margin-top:10px;}
.txt{ float:left; margin-left:100px; width:410px;}
.txt p{ font-size:14px; color:#fff; line-height:30px; height:30px; overflow:hidden;}

.b_top{ position:fixed; bottom:124px; right:12%; width:30px; height:30px;}
#toTop{display:none;text-decoration: none;width:30px; height:30px; border: none; text-indent: 100%;background:url(../images/top.jpg) no-repeat;}
#toTopHover{opacity: 1;}