@charset "utf-8";


.webWidth { width:1076px; margin:0 auto;}
.webWidth2 { width:1096px; margin:0 auto;}


.com_color { color:#5688d2;}


.btn1 { display:inline-block; padding:0 25px; line-height:50px; border-radius:3px; background:#5688d2; font-size:18px; color:#fff;}
.btn1:hover { background:#5997f3; color:#fff;}
.btn2 { display:inline-block; padding:0 24px; line-height:48px; border-radius:3px; border:1px #fff solid; font-size:18px; color:#fff;}
.btn2:hover { background:#fff; color:#666;}


.easing1 { transition:.1s; -moz-transition:.1s; -webkit-transition:.1s; -o-transition:.1s;}
.easing3 { transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;}
.easing5 { transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s;}


.header_index { position:fixed; top:0; left:0; width:100%; height:50px; padding:10px 0 40px 0; background:url(../images/headbg.png) 0 0 repeat-x; text-align:center; line-height:50px; font-size:14px; color:#666; z-index:100;}


.logo { width:218px; height:30px; margin:10px 80px 0 0; background:url(../images/ui_home.png) 0 0 no-repeat;}


.nav_list { float:left; margin:0 5px;}
.nav_link { display:inline-block; margin:10px 0; padding:0 20px; line-height:30px; font-family:"Microsoft YaHei"; font-size:18px; color:#fff;}
.nav_link:hover,
.nav_cur { background:#5688d2;}


.search { position:relative; height:30px; width:30px; margin-top:10px; overflow:hidden; transition:.1s; -moz-transition:.1s; -webkit-transition:.1s; -o-transition:.1s;}
.search_ico { display:block; position:absolute; top:0; right:0; width:30px; height:30px; background:url(../images/ui_home.png) 0 -70px; cursor:pointer;}
.search input { display:none; width:200px; height:28px; background:none; line-height:28px\9; *line-height:28px; color:#fff;}

.search_open { width:200px; height:28px; padding-left:30px; border-radius:15px; border:1px #ccc solid;}
.search_open .search_ico { top:-1px; left:2px;}
.search_open input { display:block;}


.logBtn { display:inline-block; padding:0 20px; line-height:28px; border-radius:3px; border:1px #fff solid; font-size:14px; color:#fff;}
.logBtn:hover { background:#fff; color:#666;}
.regBtn { display:inline-block; padding:0 20px; line-height:28px; border-radius:3px; border:1px #5688d2 solid; font-size:14px; color:#5688d2;}
.regBtn:hover { background:#5688d2; color:#fff;}


.port { position:relative; width:30px; height:30px; margin-top:10px; border-radius:50%; background:url(../images/ui_home.png) -70px -70px no-repeat; cursor:pointer;}
.port img { border-radius:50%; width:30px; height:30px;}
.port .drop { top:35px; left:50%; margin-left:-60px;}
.port:hover .drop { display:block;}


.msg { position:relative; width:30px; height:30px; margin-top:10px; background:url(../images/ui_home.png) -30px -70px no-repeat; cursor:pointer;}
.msg:hover { background-position:-30px -130px;}
.msg .drop { width:360px; top:35px; left:50%; margin-left:-180px;}
.msg:hover .drop { display:block;}


.header_cha { padding:0; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.2); border-bottom:1px #ccc solid\9; *border-bottom:1px #ccc solid;}
.header_cha .logo { background-position:0 -30px;}
.header_cha .nav_link { margin:0; line-height:50px; color:#666;}
.header_cha .nav_link:hover,
.header_cha .nav_cur { color:#fff;}
.header_cha .search input { color:#666;}
.header_cha .search_ico { background-position:0 -100px;}
.header_cha .search_open { border-color:#666;}
.header_cha .logBtn { border-color:#666; color:#666;}
.header_cha .logBtn:hover { background:#666; color:#fff;}
.header_cha .msg { background-position:-30px -100px;}
.header_cha .msg:hover { background-position:-30px -130px;}


.flexslider { position: relative; width: 100%; height: 480px; zoom: 1;}
.flexslider .slides li { position:relative; width: 100%; height: 100%;}

.flex-control-nav { position: absolute; width: 100%; bottom: 10px; text-align: center;}
.flex-control-nav li { display: inline-block; *display: inline; margin: 0 2px; zoom: 1;}
.flex-control-paging li a { display: block;	width: 16px; height: 16px; overflow: hidden; background:url(../images/dot.png) no-repeat 0 -16px;	text-indent: -99em; cursor: pointer;}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a { background-position: 0 0;}

.flexslider .slides img { width: 100%; height: 480px; display: block;}


.ban_con { position:absolute; top:0; left:50%; width:1076px; height:480px; margin-left:-537px;}

.ban1_txt { position:absolute; top:175px; right:0; width:460px; z-index:2;}
.ban1_h1 { font-family:"Microsoft YaHei"; font-size:30px; color:#fff;}
.ban1_h2 { font-family:"Microsoft YaHei"; font-size:46px; color:#fff;}


.ban1_txt .btn2 .qr_float { display:none; position:absolute; top:55px; left:50%; width:160px; height:160px; padding:10px; margin-left:-90px; background:#fff; z-index:1; box-shadow:0 0 8px #666;}
.qr_arr { position:absolute; top:-6px; left:50%; width:10px; height:6px; margin-left:-5px; background:url(../images/ui_home.png) -70px -110px no-repeat;}
.flexslider .slides .qr img { width:160px; height:160px;}
.ban1_txt .btn2:hover .qr_float { display:block;}

.ban2_txt { padding-top:215px; text-align:center;}
.ban2_h1 { font-family:"Microsoft YaHei"; font-size:52px; color:#fff;}
.ban2_h1 span { font-family:Helvetica; font-size:54px; font-weight:bold; color:#ffea00;}
.ban2_h2 { font-family:"Microsoft YaHei"; font-size:24px; color:#fff;}
.ban2_h2 span { display:inline-block; padding:0 10px; vertical-align:2px; font-size:18px;}



.footer { padding:40px 0; background:#303030; text-align:center;}
.footer_txt { line-height:30px; font-size:14px; color:#afafaf;}
.footer_ass { height:100%; vertical-align:middle;}




.ghostTab-head { padding:20px 10px 0 10px;}
.ghostTab-tab { float:left;}
.ghostTab-tab a { display:inline-block; padding:10px 10px; margin-right:10px; line-height:30px; font-family:"Microsoft YaHei"; font-size:16px; *font-weight:bold; color:#666; text-decoration:none;}
.ghostTab-tab .ghostTab-cur { border-bottom:2px #5688d2 solid; color:#5688d2;}
.ghostTab-con { padding:10px 0 20px 0; display:none;}


.cos_li { position:relative; float:left; width:254px; height:249px; margin:20px 10px;}
.cos { width:254px; cursor:pointer; transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s;}
.cos_thumb { height:169px;}
.cos_info { width:224px; background:#fff; padding:10px 15px;}
.cos_name { font-family:"Microsoft YaHei"; font-size:16px; color:#444;}
.cos_hide { width:224px; height:0; overflow:hidden;}
.cos_brief { width:224px; height:0; overflow:hidden; text-align:justify; text-justify:inter-ideagraph; word-break:break-all; line-height:18px; color:#afafaf;}
.cos_bot { width:224px; height:0;}
.cos_btn { display:inline-block; line-height:24px; padding:0 10px; border-radius:2px; border:1px #5688d2 solid; font-size:12px; color:#5688d2;}
.cos_btn:hover { background:#5688d2; color:#fff;}

.cos_li:hover { z-index:1;}
.cos:hover { position:absolute; top:0; left:0; width:254px; box-shadow:0 0 10px rgba(0,0,0,.5); z-index:10;}
.cos:hover .cos_info { border-color:#fff; border-color:#ddd\9; *border-color:#ddd;}
.cos:hover .cos_hide { height:120px; overflow:visible;}
.cos:hover .cos_brief { height:72px;}
.cos:hover .cos_bot { height:26px; padding-top:10px; margin-top:10px; border-top:1px #eee solid;}