html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
html{ -webkit-text-size-adjust:none;}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/

a {
	color: #0050a4;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
p {
	padding: 0;
}

/* list */
ul, ol {

}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */


/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}



body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
	}
fieldset, img {
    border: 0;
	}
ul,ol {
	list-style:none;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
a{
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
small {
	font-size:12px;
	}
h1,h2,h3,h4,h5,h6,button,input,select,textarea {
	font-size:100%;
	}
label,input,select,form img,button,textarea {
	vertical-align:middle;
	}
address, caption, cite, code, dfn,
em, strong, th, optgroup {
    font-style: normal;
    font-weight: normal;
	}	
.clear:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .clear {
	height: 1%;
	} 
.clear {
	display: block;

	} 
/* End hide from IE-mac */
html{width:100%;height:100%;}
body{font:20px "黑体" ;color:#777777;width:100%;height:100%; min-width:320px}
.wrap {max-width: 640px;position: relative;overflow: hidden;height:auto; background:#fff; margin:0 auto; padding:100px 0 0 0}
#index{height:auto;}
.nav{height:108px; position:relative; background:#fff;box-shadow:#000 0px 0px 5px;-webkit-box-shadow: #000 0px 0px 5px; width:640px; z-index:10000; position:fixed;left:50%;top:0; margin:0 0 0 -320px}
.nav .nav-btn{ display:block; width: 91px;height: 105px; background:url(../images/nav_btn.png) 20px 32px no-repeat; overflow:hidden; text-indent:-99em; position:relative; z-index:100; float:left;}
.nav .logo{ display:block; width:145px;height:68px; position:absolute;left:107px;top:9px}
.nav .gm-btn2{display:block; width:100px;height: 75px; position:absolute;right: 119px;top: 13px; text-align:center; font-size:18px; color:#777777; text-decoration:none}
.nav .gm-btn2 img{ display:block; margin:0 auto}
.nav .gm-btn{display:block; width:82px;height:63px; position:absolute;right:25px;top:23px; text-align:center; font-size:18px; color:#777777}
.nav .gm-btn img{ display:block}
#swp-1{height:auto;overflow: hidden;position: relative;width: 640px;}
#swp-1 .swiper-slide{ float:left;}
#swp-1 .swiper-slide .swi-con{ padding: 40px 20px 0;}
#swp-1 .swiper-slide .swi-con h1,#swp-1 .swiper-slide  h2{ font-size:55px; text-align:center;color:#0150a4; font-weight:100; margin:10px 0 24px 0}
.video{ width:600px;height:340px; position:relative; margin-bottom:20px}
.line-bottom{border-bottom: 1px solid #d9d9d9;}
.p-txt{color:#777777; text-align:center; padding:0 100px;margin-bottom: 28px; font-size:24px}
.p-btn{ text-align:center; margin-bottom:40px}
.p-btn a{color:#777777; }
.p-btn a:hover{ text-decoration:none}
.p-btn a img{ margin-left:18px; position:relative;top:18px}

.c1-btn{ text-align:center;padding:0 30px 46px}
.c1-btn img{ display:block}
.c1-btn a{ font-size:22px; text-align:center; float:left}
.c1-btn .c1-btna{ margin-left: 148px; margin-right:62px;}
.c1-btn .c1-btnb{ margin-right:62px; position:relative;top:4px}
.c1-btn .c1-btnc{position:relative;top:1px}

#swp-2{height:340px;overflow: hidden;position: relative;width: 600px;box-shadow: 3px 3px 5px #000;}
#swp-2 .swiper-slide{ float:left;}
#left{ display:block; width:53px;height:52px; background:url(../images/left.png) no-repeat; position:absolute;top:158px;left:11px; overflow:hidden; z-index:1000; text-indent:-99em}
#right{ display:block; width:53px;height:52px; background:url(../images/right.png) no-repeat; position:absolute;top:158px;right:11px; z-index:1000; overflow:hidden; text-indent:-99em}

.slinde_2{ padding:40px 0 0 0}
.slinde_2 h1{font-size:40px; text-align:center;color:#0150a4; font-weight:100; margin-bottom:12px}
.slinde_2 h1 em{ font-size:72px; font-weight:100;     font-family:'黑体'!important;}
.slinde_2 p{ text-align:center; padding:0 0 12px 0}
.slinde_2 .list-link{border-bottom:1px #d9d9d9 solid;  margin: 0 20px; margin-bottom:37px}
.slinde_2 .list-link a{ display:block; margin-bottom:23px;}
.slinde_2 .list-link img{ display:block; margin:0 auto; width:600px}
.slinde_3{ text-align:center; margin-bottom:40px}
.slinde_3 h1{font-size:44px; text-align:center;color:#0150a4; font-weight:100; margin-bottom:12px}
.slinde_3 h1 strong{ position:relative;left:5px;top:6px}
.slinde_3 p{ text-align:center; padding:0 0 20px 0}
.slinde_3 a{ display:block; margin-bottom:20px}
.slinde_3 em{ display:block; font-size:16px;}
.slinde_4{ text-align:center}
.slinde_4 h1{font-size:40px; text-align:center;color:#0150a4; font-weight:100;  margin-bottom:30px}
.slinde_4 .btn1{ display:block}

.menu{ width:380px;border-right:2px #777777 solid; position:fixed;height:100%; background:#004a99;top:0;left:50%;margin: 0 0 0 -320px; box-shadow:10px 0 10px rgba(0,0,0,0.3);overflow-y: scroll;}
.menu-con{border-right:2px #86c1ff solid;height:100%}
.menu-con li{ position:relative}
.menu-con li i{ width:14px;height:16px; overflow:hidden; display:block;background:url(../images/icon.png) no-repeat; position:absolute;    left: 214px; top: 36px;}
.menu-con .nav-link{ display:block;height:77px; background:#004a99; border-top:2px #2769af solid;border-bottom:2px #002b59 solid;color:#86c1ff; line-height:77px; font-size:30px; text-indent:2em;box-shadow: -4px 0 5px rgba(0,0,0,0.8); }
.menu-con .nav-link:hover{ text-decoration:none}
.menu-con .icon_t{ background:url(../images/icon.png) 215px 34px no-repeat}
.menu-con .s-nav-con a{ display:block;height:48px; line-height:48px; font-size:24px;color:#86c1ff; text-indent:3em}
.menu-con .s-nav-con a:hover{ text-decoration:none}
.menu-con .s-nav-con a.crr,.menu-con .s-nav-con a:hover{ background:#86c1ff;color:#fff;box-shadow: -4px 0 5px rgba(0,0,0,0.3); margin-right:1px}

.layer{ opacity:0.8; height:100%; width:100%; background:#000; z-index:10000; position:fixed;left:0;top:0}
.pop{ height:100%; width:100%; overflow:hidden; position:fixed; z-index:10002; left:0;top:0; }
.pop .close{ position:absolute;right:5%;top:5%;color:#fff}
.pop .pop-vd{margin:-170px 0 0 -300px;width:600px;height:340px;left:50%;top:50%;position:fixed; }
.swiper-container{ background:#fff;position: relative;}
.content{ padding:40px 0 0 0}
.sign-con{ padding:68px 0 0 0; text-align:center}
.sign-con .ipt{ width:380px;height:51px; line-height:51px; overflow:hidden; background:url(../images/input_bg.jpg) no-repeat; border:0; padding:0 20px}
.sign-con li{ padding:0 0 45px 0}
.sign-con li .w-btn{ text-decoration:underline; margin:0 10px}
.data-con{ padding:35px 0 0 0}
.data-con li{ padding:0 0 28px 0; text-align:center}
.data-con li .ipt{background:url(../images/input_bg1.jpg) no-repeat; width:417px;height:41px; line-height:41px;padding:0 15px;border:0}
.data-con li label{ width:120px; display:inline-block; text-align:right}
.data-con .yzm{ display:inline-block;width:447px; text-align:left}
.data-con .yzm span{ display:block; margin-bottom:10px}
.data-con .yzm div{color:#c31718}
.data-con .yzm div a{color:#c31718; text-decoration:underline}
.data-con .yzm div img{ vertical-align:middle; margin-right:7px;}
.tb{width:447px; display:inline-block; text-align:left}
.tb input{ margin-left:20px; margin-right:10px}
.clause{ clear:both; padding:0 0 10px 0}
.clause .ck{ width:22px;height:24px; display:inline-block; background:url(../images/ck.png) 0 4px no-repeat; float:left;  margin-left: 43px; margin-right:5px; position:relative;  top: 3px}
.clause .ck.ckc{background:url(../images/ckc.png) no-repeat;}
.clause p{ float:left; width: 564px; font-size:20px}
.clause p a{ text-decoration:underline}
#clasuse h2{ text-align:center; padding:20px 0}
#clasuse .clasuse-con{ padding:0 30px}
#clasuse .clasuse-con h3{height:27px; line-height:27px; position:relative; margin-bottom:20px}
#clasuse .clasuse-con h3 span{ background:#d9d9d9;height:1px; width:100%; display:block; position:absolute;left:0;top:16px;overflow:hidden}
#clasuse .clasuse-con h3 strong{ display:block; width:136px;height:31px; line-height:31px; background:#fff;color:#0150a4; position:relative; z-index:1; margin:0 auto; text-align:center}
#clasuse .clasuse-con h3 strong.tit1{ width:180px}
#clasuse .clasuse-con h3 strong.tit2{ width:470px}
#clasuse .clasuse-con .p-con{ padding:0 5px; margin-bottom:66px;}
#clasuse .clasuse-con .p-con p{ padding:0 0 12px 0}
#clasuse .clasuse-con .p-con p em{ font-size:60px; position:relative;top:-5px; margin-right:10px; line-height:20px}
.product{  padding: 40px 20px 0;}
.product .pro-nav{ text-align:left; margin-bottom:15px}
.product .pro-nav a{ /*margin-right:6px;*/ font-size: 24px; font-weight: bold; margin-bottom: 8px; display:inline-block; width:190px;height:46px; background:#0050a5;color:#fff; line-height:46px; border-radius:8px; text-align:center}
.product .pro-link{ padding:0 0 30px 0;}
.product .pro-link a{ display:block; margin-bottom:16px;text-decoration: none;width:600px;height:274px;position:relative;display: block;}
.product .pro-link a img{ display:block}
.product .pro-link a h2{ position: absolute;text-align:right;right:50px;font-size:32px;    font-family:'黑体'!important;}
.product .pro-link a h2 span{ text-align:right;right:5px;font-size:24px;margin-top:7px;}
.product .pro-link a .left{ position: absolute;text-align:left;left:50px;top:70px;font-size:32px;    font-family:'黑体'!important;}
.product .pro-link a .left span{ position: absolute;text-align:left;left:5px;font-size:24px;margin-top:7px;}
.product .pro-link a:hover{ text-decoration: none;}
.product h1,.product .h1{ text-align:center; margin-bottom:23px}
.product .h1_box{ text-align:center; margin-bottom:23px}
.new-tit{ font-size:40px;color:#0150a4; font-weight:100;  line-height: 23px;}
.new-tit .n_sm_b{color:#777777; font-size: 24px; padding: 25px 0 5px 0}
.new-tit .n_sm_a{color:#777777; font-size: 20px;}
.new-tit strong{ font-size:50px}
.new-tit em{ font-size:24px;color:#777777;}
.new-tit1{ font-size:40px;color:#0150a4; font-weight:100; line-height:36px}
.new-tit1 strong{ font-size:50px}
.new-tit1-em{ font-size:23px;color:#777777; display:block; line-height:32px; font-weight: bold; text-align:center; margin-bottom:20px}
.food-con .food-top{ text-align:center; padding:0 50px; margin-bottom:30px}
.food-con .food-img{ margin-bottom:42px;}
.food-con .food-img img{ display:block;}
.line-cet{height:2px; overflow:hidden;  background:#d9d9d9; margin:0 12px 35px;}
.line-cet3{height:2px; overflow:hidden;  background:#d9d9d9; margin:0 0px 35px;}
.line-cet2{height:2px; overflow:hidden;  background:#d9d9d9; margin:0 0 25px 0;}
.line-cet4{height:2px; overflow:hidden;  background:#d9d9d9; margin:25px 0 25px 0;}

.food-con .food-p p{ padding:0 0 35px 0}
.food-con .food-p p a{ text-decoration:underline; font-size:28px}
.about p{ text-align:center; margin-bottom:28px; font-size:22px}
#padd p{ font-size:22px}
.about-img{ margin-bottom:34px;}
.about-img img{ display:block}
.grow{ margin-bottom:47px}
.grow li{ background:#fff; min-height:109px; position:relative}
.grow li:nth-child(even){ background:#e5edf6}
.grow li .years{ display:block; width:76px;height:92px; background:url(../images/icon1.png) no-repeat; line-height:106px;color:#fff; position:absolute;top:50%; margin:-46px 0 0 0;left:28px; text-align:center; font-size:20px}
.grow li p{ font-size:24px; margin-left:138px; line-height:32px; padding:35px 16px 35px 0}
.grow-bottom{ position:relative; padding:0 0 30px 0}
.grow-bottom p{ margin-left:194px}
.grow-bottom img{ position:absolute;top:46px;left:10px}
.quality-con{ padding:0 0 30px 0}
.quality-list img{ float:left;}
.qua-right{}
.qua-right li{ position:relative; min-height: 150px;}
.qua-right li .rr{ margin-left:118px}
.qua-right img{ position:absolute;left:0;top:0}
.qua-right h4{ font-weight:100; font-size:26px;color:#005497}
.qua-right p{ padding:0 0 40px 0}
.about-learn h1,.about-learn .h1{margin-bottom: 10px;}
.contact-con{ width:600px;height:400px; background:url(../images/contact_bg.jpg) no-repeat; position:relative; padding:0 0 50px 0}
.contact-con .bt1{ font-size:44px;color:#0050a4; position:absolute;  left: 195px; top: 50px;}
.contact-con .bt1:hover{ text-decoration:none}
.contact-con .bt2{font-size:44px;color:#0050a4; position:absolute;  left: 195px; top: 181px;}
.contact-con .bt3{font-size:31px;color:#0050a4; position:absolute;  left: 195px; top: 328px;}
.contact-con .btn3{ width:98px;height:37px; background:url(../images/btn3.png) no-repeat; position:absolute; left: 463px; top: 335px;}
.contact-con .btn3 a{ display:block; width:92px;height:32px; overflow:hidden; text-indent:-99em; position:relative;left:3px;}
.contact-con .bt4{font-size:20px;color:#0050a4; position:absolute;  left: 195px; top: 23px;}
.contact-con .bt5{font-size:20px;color:#0050a4; position:absolute;  left: 195px; top: 158px;}
.contact-con .bt6{font-size:20px;color:#0050a4; position:absolute;  left: 195px; top: 299px;}
.club-img{ margin-bottom:10px}
.club-img img{ display:block}

.kv_con{ }
.kv_con img{ display:block; margin:0 auto}
.act img{display:block; margin:0 auto}
.ind-cet .top-info{color:#06589a; font-size:40px; margin-bottom:30px}
.ind-cet .top-info a{ font-size:24px; text-decoration:underline; margin-left:11px;}
.ind-cet .qb-info{ margin-bottom:20px}
.ind-cet .qb-info label{color:#777777; vertical-align:top; display:inline-block; width:120px; text-align:left}
.ind-cet .qb-info{color:#06589a;}
.ind-cet .qb-info li{ padding:0 0 15px 0}
.ind-cet .qb-input label{ display:inline-block; width:160px}
.ind-cet .qb-input input{ display:inline-block; width:380px;height:41px; line-height:41px; padding:0 10px; background:url(../images/input_bg3.jpg) no-repeat;border:0}
.ind-cet .qb-input li{ padding:0 0 8px 0}
.ind-cet p{ text-align:left}
.ind-cet em{color:#c21011}
.rule-con h4{ font-size:26px;color:#0452a5}
.rule-con p i{font-size: 60px;line-height: 20px;margin-right: 10px;position: relative;top: -5px;  font-style:normal}
.vd-img a{ display:block; margin-bottom:14px;}
.vd-img a img{ display:block}
.vd-img h3{ text-align:center;color:#005498; font-size:30px; font-weight:100; margin-bottom:20px}
.vd-img h4{color:#005498;text-align:center;color:#0050a4 ;font-weight:100; margin-bottom:14px;}
.inv{ padding:30px 0 0 0}
.inv h3{ font-size:26px; color:#005498; font-weight:100; text-align:center; padding:0 0 30px 0}
.inv .inv-list li{border-bottom:1px #d9d9d9 solid;min-height:256px; position:relative; margin-bottom:36px; padding:0 0 20px 0}
.inv .inv-list li .icon_l{ position:absolute;left:0;top:50%; margin:-54px 0 0 0}
.inv .inv-list li .inv-con{ width:471px; position:relative;left:130px}
.inv .inv-list li .inv-con h4{ font-weight:100;color:#005498; margin-bottom:36px}
.inv .inv-list li .inv-con span{ display:block; width:235px; float:left; padding:0 0 20px 0}
.inv .inv-list li .inv-con i{ display:inline-block; width:43px;height:47px; background:url(../images/sck.png) 0 9px no-repeat; vertical-align:middle; margin-right:0px; position:relative;top:-5px}
.inv .inv-list li .inv-con i.c{ background:url(../images/sckc.png) no-repeat;}
.inv-res{ text-align:center;}
.inv-res p{ text-align:center; padding:0 0 35px 0}
.gift-con{ width:600px;height:373px; background:url(../images/gift-bg.jpg) no-repeat; position:relative}
.gift-con .bt1{color:#06589a; font-size:40px; position:absolute;left: 208px;top: 295px;}
.gift_info h4{color:#06589a; font-weight:100; padding: 0 0 0 30px;}
.gift_info select{ width: 443px;}
.gift_info textarea{ display:inline-block; width:437px;height:90px; background:url(../images/textarea-bg.jpg) no-repeat; background-size:100%;overflow-x: hidden;
    overflow-y: auto;outline: medium none; resize:none;border:0; padding:5px; position:relative;left:-4px}
.join-con a{ display:block; margin-bottom:10px}
.join-con a img{ display:block}
.prc-img { margin-bottom:34px; position: relative;}
.prc-img a{ display:block; position: absolute; width: 106px;height:82px;}
.prc-img a#tm_btn{left:362px;top:239px; z-index: 20}
.prc-img a#jd_btn{left:486px;top:239px; z-index: 20}
.prc-img a img{ display:block}
.prc-txt{ margin-bottom:28px}
.prc-nav{ margin-bottom:14px}
.prc-nav a{ display:inline-block; width:195px;height:57px; overflow:hidden; text-indent:-99em}
.prc-nav a#pn1{ background:url(../images/prc1_nav1.png) no-repeat}
.prc-nav a#pn1.crr{background:url(../images/prc1_nav1c.png) no-repeat}
.prc-nav a#pn2{ background:url(../images/prc1_nav2.png) no-repeat}
.prc-nav a#pn2.crr{background:url(../images/prc1_nav2c.png) no-repeat}
.prc-nav a#pn3{ background:url(../images/prc1_nav3.png) no-repeat}
.prc-nav a#pn3.crr{background:url(../images/prc1_nav3c.png) no-repeat}
.prc-tab{ margin-bottom:35px}
.prc-tab img{ display:block}
.qprc-list h3{ text-align:center;height:41px; line-height:41px; font-weight:100; background:#0050a4;color:#fff}
.qprc-list a{ display:block; margin-bottom:17px}
.qprc-list a img{ display:block}
#ui-datepicker-div{ z-index:10001 !important}
.prc1_tab1_con{ width:600px;height:378px;background:url(../images/prc1_tab1_con.jpg) no-repeat; position:relative}
.prc1_tab1_con span{ position:absolute;left:181px;}
.prc1_tab1_con .po1{ top: 23px;}
.prc1_tab1_con .po2{ top: 68px;}
.prc1_tab1_con .po3{top: 112px;}
.prc1_tab1_con .po4{top: 156px;font-size: 18px;line-height: 18px;}
.prc1_tab1_con .po4.pod{font-size: 24px;line-height: 24px;top: 163px;}
.prc1_tab1_con .po5{  top: 200px;}
.prc1_tab1_con .po6{top: 243px;}
.prc1_tab1_con .po6.pod{font-size: 13px;line-height: 18px;}
.prc1_tab1_con .po7{ top: 288px;}
.qprc-list{ margin:0 20px}
.rule-cet h2{color:#0452a5; font-size:40px; font-weight:100; margin-bottom:15px}
.rule-cet h4{color:#0452a5; font-size:26px;font-weight:100}
.rule-cet p{ text-align:left;}
.rule-cet p strong{color:#bf0708}
.rule-cet p i{ margin-right:5px; position:relative;top:-5px}


.n25{ width:640px;height:1491px; background:url(../images/latestactivitygfg.jpg) no-repeat; position:relative;text-align:center}


.n24{ width:599px;height:683px; background:url(../images/n24.jpg) no-repeat; position:relative;color:#fff; text-align:center}
.n24.xw_bg{ width:600px;height: 886px;background:url(../images/xw_bg1.jpg) no-repeat; color:#77787b}
.n24 h2{ font-weight:100; font-size:41px; line-height:52px; padding:20px 0 0 0; margin-bottom:20px}
.n24.xw_bg h2{ font-size:30px;padding: 135px 0 0 0; line-height:36px; margin-bottom:20px}
.n24.xw_bg .xw_strong{font-size:30px; font-weight:bold}
.n24.xw_bg p{ font-size:30px}
.n24 h2 em{ font-size:52px}
.n24 p{ margin-bottom:24px}
.n24 h3{ font-size:31px}
.n24.nn1{width: 600px;height: 1010px;background: url(../images/nn1.jpg) 0 -121px no-repeat;}
.n24.nn1 h2{ font-size:34px; padding: 40px 0 0; margin-bottom: 28px;}
.n24.nn1 p{ line-height: 36px; font-size: 24px;margin-bottom: 42px;}
.n24.nn1 h3{ font-size: 36px;  font-weight:100}
.nn-bt h2{color:#0050a4; font-size:24px; padding:58px 0 20px 166px; font-weight:200}
.nn-bt p{ text-align:center;color:#0452a5}
.nn-bt .nn-btn a{ display:block; width:226px;height:52px; margin:0 auto; overflow:hidden; text-indent:-99em}
.nn-bt .nn-btn .nn-btn1{margin-bottom: 10px;position: relative;top: 170px;}
.nn-bt .nn-btn .nn-btn2{background:url(../images/nn-bnt2.png) no-repeat;}
.nn-bt p{ padding:0 0 33px 0}
.nn-bt p em{color:#bf0708}
.nn-bt{ width:607px;height:290px; background:url(../images/nn_bt_n.png) no-repeat; position:relative;left:-2px }
.qb-info input{  background:none;border:0; width:200px}
.qb-info #tgender{ width:30px}
.qb-img{ position:relative}
.qb-img input{ position:absolute; width:190px;height:34px; background:#fff;left:89px;color:#c21010; font-size:32px; border:0}
.qb-img #cardno_1{top:162px}
.qb-img #cardno_2{top: 162px;}
.qb-img #cardno_3{top: 162px;}
.qb-img #cardno_4{top: 162px;}

.qb-img #cardpass_1{top:162px;left:382px;}
.qb-img #cardpass_2{top: 162px;left:382px;}
.qb-img #cardpass_3{top: 162px;left:382px;}
.qb-img #cardpass_4{top: 162px;left:382px;}

.icon_tips{height:105px; width:600px;}
.icon_tips p{ display:block; height:50px; width:120px; float:left; padding:40px 0 0 0; color:#06589a}
.icon_tips img{display:block; height:105px; width:105px; float:left; margin:0 20px 0 0;}


.qb-img #end_1,.qb-img #end_2,.qb-img #end_3,.qb-img #end_4{position: absolute; top: 220px; left: 440px; color: #FFF;font-size: 24px;}



#if{ position:fixed;left:50%;top:50%; margin:-170px 0 0 -300px;z-index: 10003;}
.bor{border-radius:8px;border:11px #bfeaff solid; width: 571px; margin:0 auto }
.table1{   width: 571px;}
.table1 td{border-bottom:1px #c9edff solid; padding:5px 0 5px 20px;}
.table1 .ys{ background:#f0faff;color:#086cbf; }
.table1 .font-ys{color:#0669ba}
.table1 th{ background:#bfeaff;color:#0150a4; padding:0 0 10px 0}
.table2 td{border-bottom:0; padding:5px 0 5px 20px;}
.table2 td div{ padding:10px 20px;font-size: 24px;}
.table2 td em{ display:block;color:#086cbf; font-size: 24px;}
.table2 td i{ display: block; font-weight: bold; font-style: normal; padding: 10px 0;font-size: 24px; }
.table2 td font{ display:block; font-weight:bold}
.table2 td strong{ display:block}
.table2 .ys{color:#777777}
.cb { margin-bottom:20px}
.cb li{height:107px; position:relative;padding: 0 0 0 177px;text-align:left}
.cb li h3{color:#0052a3; font-weight:100}
.cb li img{ position:absolute;left:0;top:0}
.ft{height:128px; background:#fff; font-size:12px; padding:55px 0 0 34px;color:#000}
.ft a{ color:#000; text-decoration:none}
#nn_bg{ width:133px;height:120px; position:absolute;top: 111px;right: 102px; background:url(../images/nn_bg.png) no-repeat}
#nn_bg a{ position:absolute;color:#8abffb; font-size:24px;left: 3px;text-align:center;width:124px;height:52px; line-height:52px;}
#nn_bg .nns_btn1{color:#8abffb; font-size:24px;top: 9px;}
#nn_bg .nns_btn2{color:#8abffb; font-size:24px;top:62px}
.addxz{
	animation-name:xz;
	-webkit-animation-name:xz;
	animation-duration:0.5s;
	-webkit-animation-duration: 0.5s;
	animation-fill-mode:forwards; 
    -webkit-animation-fill-mode:forwards; 
}

.addxzs{
	animation-name:xzs;
	-webkit-animation-name:xzs;
	animation-duration:0.5s;
	-webkit-animation-duration: 0.5s;
	animation-fill-mode:forwards; 
    -webkit-animation-fill-mode:forwards; 
}


.videoplayer{ width:599px; height:399px;}

#jd, #yhd, #tm{ width:600px; height:400px; text-align:right}
.tt{ font-size:40px; color:#06589a; width:400px; height:60px;}
.quan input{ margin: 3px 40px 3px 0;}
#jd em, #yhd em, #tm em{ display:block; width:498px; height:60px; text-align:left; padding:10px 0 10px 102px; font-size:26px; text-align:28px;}
#jd em i, #yhd em i, #tm em i{ font-style:normal; color:#FF0004}
#maskdiv{ position:fixed; z-index:10001; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.7);}
.quan img{-moz-box-shadow:1px 1px 3px #333333; -webkit-box-shadow:1px 1px 3px #333333; box-shadow:1px 1px 3px #333333;}

#pops_yhd, #pops_jd, #pops_tm{ width:560px; height:420px; padding:60px 20px 40px 20px; background-color:#f7f7f7; border-radius:10px; z-index:10002; position:fixed; left:50%; margin-left:-300px; top:50%; margin-top:-200px;}
#pops_yhd i, #pops_jd i, #pops_tm i{ display:block; width:56px; height:67px; top:-76px; left:545px; position:absolute}
#pops_yhd h2, #pops_jd h2, #pops_tm h2{ display:block; font-size:40px; color:#06589a; width:560px; height:96px; text-align:center; line-height:48px;}
#pops_yhd input, #pops_jd input, #pops_tm input{ height:40px; width:500px; margin:20px 30px; font-size:24px; line-height:40px;}
.btnimg{ display:block; width:210px; height:52px; margin:20px 175px;}
.btnimg2{ display:block; width:259px; height:54px; margin:20px 140px;}
#pops_yhd ul, #pops_jd ul, #pops_tm ul{margin:10px 0 0 20px; list-style:disc}
#pops_tm h3{display:block; font-size:24px; color:#06589a; width:560px; height:40px; text-align:center; line-height:40px; color:#676767; margin:10px 0 40px 0;}
#pops_tm { height:260px;}

#pop_yhd, #pop_jd, #pop_tm{ width:560px; height:360px; padding:60px 20px 20px 20px; background-color:#f7f7f7; border-radius:10px; z-index:10002; position:fixed; left:50%; margin-left:-300px; top:50%; margin-top:-200px;}
#pop_yhd i, #pop_jd i, #pop_tm i{ display:block; width:56px; height:67px; top:-76px; left:545px; position:absolute}
#pop_yhd h2, #pop_jd h2, #pop_tm h2{ display:block; font-size:32px; color:#06589a; width:560px; height:60px; text-align:center; line-height:40px;}
#pop_yhd ul, #pop_jd ul, #pop_tm ul{margin:10px 0 0 20px; list-style:disc; color:#5F5F5F}
#pop_yhd li, #pop_jd li, #pop_tm li{margin:0 0 10px 0; }
#pop_tm h3{display:block; font-size:24px; color:#06589a; width:560px; height:40px; text-align:center; line-height:40px; color:#676767; margin:10px 0 40px 0;}
#pop_tm { height:200px;}


@-webkit-keyframes xz {
     from { -webkit-transform:rotate(0deg);}
  	 to {-webkit-transform:rotate(90deg); }
}

@keyframes xz {
    from { transform:rotate(0deg); }
  	 to {transform:rotate(90deg);}
}

@-webkit-keyframes xzs {
     from { -webkit-transform:rotate(90deg);}
  	 to {-webkit-transform:rotate(0deg); }
}

@keyframes xzs {
    from { transform:rotate(90deg); }
  	 to {transform:rotate(0deg);}
}

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){
	

	
}