.page_layout { min-width: 1190px; }
.page_yn_head { height: 276px; background:#70b2fd url(../images/head_bg.jpg) no-repeat top center;}
.page_wrap {width: 1190px;margin: 0 auto;position: relative;}
.page_banner { height: 276px; }
.page_banner h1 {height: 120px; font-size: 52px; text-indent: -9999px; background: url(../images/logo_index.png) no-repeat top center; }
a.btn_i_login { text-decoration: none; position: absolute; right: 0; top: 179px; box-sizing: border-box; display: inline-block; border: 3px solid #fff; text-align: center; width: 122px; height: 40px;border-radius: 20px; font-size: 16px; line-height: 34px; color: #035291; background: #fff; text-align: center; box-shadow: 0 5px 18px rgba(50,101,229,0.5);  }
a.btn_i_login:hover { border: 3px solid #f3f7fc; font-size: 15px;  }

.page_good_box {width: 1220px;height: 110px;margin: -50px auto 0;background: url(../images/good_bg.png) no-repeat top center;text-align: center;position:  relative;z-index: 10;}
.page_good_box ul {width: 1190px;display: inline-block;height: 44px;margin-top: 25px;}
.page_good_box ul li {float: left;border-right: 1px solid #eee;width: 25%;box-sizing: border-box;text-align:  center;}
.page_good_box ul li.last_child { border-right: none; }
.p_g_small_box { display: inline-block;  }
.p_g_small_box i {width: 44px;height: 44px;display: inline-block;margin-right: 30px;vertical-align: middle;background: url(../images/icon_sprites.png) no-repeat;margin-bottom: 4px;}
.p_g_small_box i.p_g_icon_1 { background-position: 0 0;}
.p_g_small_box i.p_g_icon_2 { background-position: 0 -44px;}
.p_g_small_box i.p_g_icon_3 { background-position: 0 -88px;}
.p_g_small_box i.p_g_icon_4 {background-position: 0 -132px;}
.p_g_small_box span {font-size: 20px;font-weight: 400;display: inline-block;color: #333;height: 44px;line-height: 44px;}

.page_box_f { background: #fff;}
h2.page_item_title { text-align: center; }
h2.page_item_title:before,h2.page_item_title:after { content:''; width: 30px;height: 16px;display: inline-block;vertical-align: middle;background: url(../images/icon_sprites.png) no-repeat;margin-bottom: 4px;}
h2.page_item_title:before { background-position: -67px -337px;}
h2.page_item_title:after { background-position: -110px -337px;}
h2.page_item_title span { font-size: 24px; color: #348cef; font-style: italic; font-weight: 400; display: inline-block; margin: 0 34px; }
span.page_item_info { width: 100%; display: block; font-size: 18px; color: #aebac7; text-align: center; margin-top: 8px; margin-bottom: 24px; }
.p_g_con {padding: 0 24px;display:  inline-block;margin: 0 auto;}
.p_g_c_box {display: inline-block;width: 200px;text-align:  center;vertical-align: top;position: relative;}
.p_g_c_box em {width: 60px;height: 60px;display: inline-block;vertical-align: middle;background: url(../images/icon_sprites.png) no-repeat;margin-bottom: 4px;}
.p_g_c_box em.p_g_c_icon_1 { background-position: 0 -176px;} 
.p_g_c_box em.p_g_c_icon_2 { background-position: 0 -236px;} 
.p_g_c_box em.p_g_c_icon_3 { background-position: 0 -296px;} 
.p_g_c_box em.p_g_c_icon_4 { background-position: 0 -356px;} 
.p_g_c_box .p_g_c_text {padding: 10px 0;min-height: 60px;}
.p_g_c_box .p_g_c_text p {position:relative;font-size: 14px;color: #aaaaaa;line-height: 20px;text-align:  left;padding-left: 16px;}
.p_g_c_box .p_g_c_text p b {position:absolute;left: 0;top: 2px;font: 16px arial;font-weight: bold;color: #396ad7;}
.p_g_c_box .p_g_c_text p i { font-size: 18px; color: #1967d6; font-style: normal; font-weight: 400;}
.p_g_c_box span.p_g_c_point {width: 17px;height: 15px;display: block;margin: 0 auto 10px;background: url(../images/icon_sprites.png) no-repeat;background-position: -74px -387px;}
a.p_g_c_btn { text-decoration: none; text-align: center; width: 140px; height: 50px; margin: 0 auto; display: block; background: url(../images/icon_sprites.png) no-repeat; background-position: -150px -59px; font-size: 16px; color: #fff; line-height: 50px; text-shadow: 0 3px 4px #e9af13; }
a.p_g_c_btn:hover { background-position: -150px 0;}

span.p_g_c_arrow {vertical-align: top;width:76px;height: 20px;display: inline-block;background: url(../images/icon_sprites.png) no-repeat;background-position: -182px -126px;margin: 20px 14px 0;}

span.p_g_c_ky_bg {width: 192px;height: 148px;display: block;background: url(../images/ky_bg.png) no-repeat;position: absolute;top: 70px;left: 0;}

.page_color_a { background: #e0ebff; }
.page_tp { margin-top: 24px;}
.page_pd { padding: 24px 0;}

h2.page_item_dark:before { background-position: -67px -358px;}
h2.page_item_dark:after { background-position: -110px -358px;}
.p_g_a_con { position: relative;}
.p_g_lf,.p_g_rt { display: inline-block; vertical-align: bottom; position: relative;  }
.p_g_lf {width: 824px;margin-top: 30px;}
.p_g_lf_box .p_g_lf_data { display: block;}
.p_g_lf_box { display: inline-block; box-sizing: border-box; border: 1px solid #fff; background: #f0f5ff; text-align: center; position: absolute; }
.p_g_lf_box i { background: url(../images/icon_sprites.png) no-repeat; display: inline-block; }
.p_g_lf_box i.p_g_lf_icon_1 {width: 38px;height: 50px;background-position: -65px -13px;margin-top: 50px;}
.p_g_lf_box i.p_g_lf_icon_2 {width: 62px;height: 48px;background-position: -65px -88px;}
.p_g_lf_box i.p_g_lf_icon_3 {width: 58px;height: 45px;background-position: -67px -154px;}
.p_g_lf_box i.p_g_lf_icon_4 {width:40px;height: 42px;background-position: -74px -218px;}
.p_g_lf_box i.p_g_lf_icon_5 {width: 72px;height: 50px;background-position: -67px -276px;margin-top: 44px;}
.p_g_lf_box b { font-size: 24px; display: block; }
.p_g_lf_box b em { font-size: 14px; }
.p_g_lf_box span { display: block; font-size: 14px; color: #6b7993; }
.lf_ht_aa { top: 0; left: 0;}
.lf_ht_bb { top: 0; left: 199px;}
.lf_ht_cc { top: 123px; left: 199px;}
.lf_ht_dd {top: 123px;left: 422px;}
.lf_ht_ee { top: 0; right: 0;}
.lf_ht_aa,.lf_ht_ee { width: 179px; height: 226px; }
.lf_ht_bb { width: 425px; height: 103px;}
.lf_ht_cc ,.lf_ht_dd { width: 202px; height: 103px;}
.lf_ht_aa b { color: #2077ec;}
.lf_ht_bb b { color: #ee5d43;}
.lf_ht_cc b { color: #e8a420;}
.lf_ht_dd b { color: #28b4f1;}
.lf_ht_ee b { color: #8a20ec;}
.lf_ht_aa .p_g_lf_data,.lf_ht_ee .p_g_lf_data {margin-top: 12px;}
.lf_ht_bb .p_g_lf_data,.lf_ht_cc .p_g_lf_data,.lf_ht_dd .p_g_lf_data {text-align: left;margin-left: 12px;}
.lf_ht_bb ,.lf_ht_cc ,.lf_ht_dd  {padding-top: 21px;}
.lf_ht_bb i,.lf_ht_cc i,.lf_ht_dd i { vertical-align: middle;}
.lf_ht_bb .p_g_lf_data,.lf_ht_cc .p_g_lf_data,.lf_ht_dd .p_g_lf_data {display: inline-block;vertical-align:  middle;}

.p_g_rt {width: 439px;height: 276px;background:url(../images/scroll_bg.png) no-repeat;float:  right;margin-right: -50px;margin-top: -44px;}
.p_g_rt_box {width: 300px;height: 162px;padding: 0 5px 20px;padding-left: 35px;margin-left: 5px;overflow: hidden;position:  absolute;top: 60px;left: 42px;} 
.scroll_list li{ font: 14px/18px "microsoft yahei"; padding: 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.scroll_list li i{display: inline-block;vertical-align: middle;padding: 4px;color: #fff;font-style: normal;margin-right: 20px;border-radius: 2px;}
.blue{background: #166ee5;}
.orange{background: #f1c92b;}
.green {background: #28b4f1;}
.scroll_list li i.yellow{background: #ee5d43;}

.page_color_b { background: #f1f7fe;}
.p_g_b_con { border: 3px solid #fff; box-sizing: border-box; height: 170px; margin-top: 24px;}

.page_color_c { height: 240px; background:#66a6fd url(../images/sh_bg.jpg) no-repeat left top;}
h2.page_item_light span { color: #fff; }
.p_g_c_con { width: 820px; margin: 0 auto; padding-top: 24px;}
ul.p_g_a_condition li { display: inline-block; margin: 0 20px;}
ul.p_g_a_condition li a {text-decoration: none;font-size: 18px;color: #fff;font-weight: 400;position:  relative;height: 40px;display:  block;}
ul.p_g_a_condition li:hover a { color: #ffde00;}
ul.p_g_a_condition li.cur a{ color: #ffde00;}
ul.p_g_a_condition li.cur a:before {content: '';width: 0;height: 0;display: block;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #ffde00;position:  absolute;left: 50%;bottom: 0; margin-left: -8px; box-shadow: 0 7px 21px #5c9dfc;}
.p_g_inp_group {background: #fff;height: 60px;position: relative;border-radius: 30px;margin-top: 20px;}
.p_g_inp_group .p_g_inp_box { position: relative;}
.p_g_inp_group .p_g_inp_box i {position: absolute;left: 20px;top: 15px;width: 30px;height: 30px;display: inline-block;vertical-align: middle;background: url(../images/icon_sprites.png) no-repeat -155px -167px;}
.p_g_inp_group .p_g_inp_box input.p_g_inp {outline: none;width: 640px;height: 40px;border: none;background: none;font-size: 16px;line-height: 40px;color: #666;padding: 10px 130px 10px 60px;}
.p_g_inp_group a.p_g_inp_btn { position: absolute; right: 5px; top: 5px; width: 120px; height: 50px; text-align: center; font-size:16px ; line-height: 50px; color: #fff; background: url(../images/icon_sprites.png) no-repeat -150px -215px; }
.p_g_inp_group a.p_g_inp_btn:hover { background-position: -150px -279px;}

.page_color_d { height: 240px; background:#f1f4f8 url(../images/last_bg.jpg) no-repeat top center; }
.page_color_d .p_g_c_con {width: auto;padding-top: 38px;}
ul.p_g_img_list li { float: left; margin-right: 52px; }
ul.p_g_img_list li.last { margin-right: 0; }
ul.p_g_img_list li a { transition: all ease 0.4s; width: 322px; height: 112px; display: block; padding-left: 40px; font-size: 24px; font-weight: bold;text-decoration: none;  color: #fff; line-height: 112px; text-align: center; background: url(../images/img_sprites.png) no-repeat; }
ul.p_g_img_list li a:hover { width:242px ; padding-left: 120px; }
ul.p_g_img_list li a.img_a_1 { background-position: 0 0;}
ul.p_g_img_list li a.img_a_2 { background-position: 0 -112px;}
ul.p_g_img_list li a.img_a_3 { background-position: 0 -224px;}