@import url("icon.css");
@import url("../libs/toastr/toastr.min.css");
/*@import url("../libs/bootstrap-icons/bootstrap-icons.css");*/

body { margin:0; padding:0; font-family:sans-serif; background:#f9f9f9; }
img { border:0; }
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, form { margin:0; padding:0; font-weight: normal; list-style: none; }


/* Comm */
.top { width: 100%; background: #fff; position: fixed; z-index:999; box-shadow: 0px 1px 1px #f9f9f9; }
.head { height: 85px; }
.logo { float: left; width: 27%; min-width: 260px; padding: 17px 0 0 0; }
.logo img { width: 100%; }
.nav { float: left; width: 870px; padding-left: 70px; }
.nav ul { padding-top: 27px; }
.nav li { float: left; padding: 0 15px; font-size: 18px; font-weight: bold; }
.nav li a { display: flex; text-decoration: none; color: #244895; align-items: center; }
.nav li a:hover { color:#ee2211; }
.nav a i,.nav a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; }

.lan { float: right; width: 60px; z-index: 999; }
.lan img { width: 16px; padding-top: 35px; }
.lan_se { float: left; }
.lan_dq { float: left; margin-left: 28px; cursor: pointer; position: relative; }
.banner { filter: brightness(1.0); }

.foot { width: 100%; background: #021025; overflow: hidden; padding: 15px 0 25px 0; }
.foot_head { float: left; padding-top: 20px; }
.foot_logo img { width: 260px; }
.foot_intro { font-size: 14px; color: rgba(255, 255, 255, 0.7); line-height: 24px; padding-top: 15px; }
.foot_icons { padding-top: 25px; }
.foot_icons ul { margin: 0; padding: 0; overflow: hidden; }
.foot_icons li { float: left; margin: 0 13px 0 0; }
.foot_icons li h4 { width: 90px; }
.foot_icons li h4 img { width: 100%; border-radius: 5px; }
.foot_icons li h2 { font-size: 12px; color: rgba(255, 255, 255, 0.6); font-weight: normal; }
.foot_list { float: left; padding-top: 20px; }
.foot_list h3 { font-size: 16px; color: #fff; }
.foot_list ul { margin: 0; padding: 0; }
.foot_list li { font-size: 14px; padding: 5px 0 5px 15px; background: url(../icon/dot_hg.svg) no-repeat 0 13px; background-size: 8px; }
.foot_list li a { text-decoration: none; color: rgba(255, 255, 255, 0.6); }
.foot_list li a:hover { color: #fff; }
.foot_contact { float: right; padding-top: 20px; }
.foot_contact ul { margin: 0; padding: 0; }
.foot_contact li { text-align: center; margin-bottom: 20px; vertical-align: middle; }
.foot_contact li a { display: block; text-decoration: none; color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); padding: 10px 0; border-radius: 30px; }
.foot_contact li a:hover { background: rgba(255, 255, 255, 0.2); }

.foot_bottom { width: 100%; background: #111; overflow: hidden; padding: 15px 0; }
.copyright { float: left; font-size: 12px; color: rgba(255, 255, 255, 0.7); }
.xml { float: right; font-size: 12px; color: rgba(255, 255, 255, 0.1); }
.xml a { padding: 0 5px; color: rgba(255, 255, 255, 0.7); text-decoration: none; }
.xml a:hover { color: #ee2211; }

.ia { position: fixed; top: 400px; right: 2px; box-sizing: border-box; cursor: pointer; z-index: 99; }
.ia ul { list-style: none; }
.ia li { font-size: 12px; text-align: center; margin-bottom: 2px; }
.ia li a { display: block; width: 36px; height: 36px; text-decoration: none; color: #eee; }
.ia li a:hover { color: #FFF; }
#ia_tel { background: url(../icon/ia_tel.svg) no-repeat 7px 7px #244895; background-size: 22px; border-radius: 5px; }
#ia_con { background: url(../icon/ia_con.svg) no-repeat 7px 7px #244895; background-size: 22px; border-radius: 5px; }
#ia_top { background: url(../icon/ia_top.svg) no-repeat 7px 7px #244895; background-size: 22px; border-radius: 5px; }
.twrap { height: 85px; }

/* page */
.wp { overflow: hidden; }
.wp4 { margin: 35px auto; overflow: hidden; }
.wp5 { margin: 35px auto; overflow: hidden; }
.twp { margin: 35px auto 0 auto; overflow: hidden; }
.hwp { width: 100%; background: #f5f7fb; overflow: hidden; padding: 30px 0; }

.itt { float: left; }
.itt h2 { font-size: 32px; font-weight: bold; color: #444; }
.itt p { font-size: 12px; color: #aaa; }
.ptt { overflow: hidden; }
.ptt h1 { font-size: 32px; font-weight: bold; color: #444; }
.ptt h2 { font-size: 42px; font-weight: bold; color: #111; }

.il { float: left; }
.ir { float: right; }
.ipic_img { transition: .8s; }

.page_banner { width: 100%; height: 260px; background: #333 url(../jpg/bg_iwp.jpg) no-repeat center; filter: brightness(0.3); }
.guide { margin: 0 auto; line-height:38px; font-size:14px; color:#eee; padding-top: 10px; }
.guide b { font-weight:normal; color:#777; padding: 0 5px; }
.guide a { color:#777; text-decoration:none; padding: 0 5px; }
.guide a:hover { text-decoration:none; color:#244895; }

.more { float: right; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: center; }
.more a { display: block; width: 80px; height: 20px; line-height: 20px; background: #eee; border-radius: 10px; color: #777; text-decoration: none; }
.more a:hover { background: #244895; color: #fff; }

.pmenu { overflow: hidden; margin: 15px 0 25px 0; }
.pmenu ul { margin: 0; padding: 0; }
.pmenu li { float: left; padding: 5px 6px; margin-right: 5px; font-size: 14px; font-weight: bold; }
.pmenu li a { color: #244895; text-decoration: none; padding: 5px 6px; }
.pmenu a:hover { background: #244895; color: #fff; border-radius: 3px; }
.pmenu li.pmenu_active a { border-radius: 3px; color: #fff; background: #244895; }

.fy_page { overflow: hidden; } 
.pagination { padding: 20px 0 15px 0; font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; }
.fy_page ul { overflow: hidden; }
.fy_page li { float: left; text-align: center; margin-right: 10px; font-size: 16px; font-weight: bold; }
.fy_page li a { display: block; padding: 5px 15px; text-decoration: none; background: #FFF; border: 1px solid #eee; border-radius: 5px; color: #244895; }
.fy_page li a:hover { background: #244895; color: #fff; }
.disabled { padding: 5px 15px; border: 1px solid #eee; border-radius: 5px; color: #ccc; background: #FFF; }
.activeon,.fy_page .active { padding: 5px 15px; border: 1px solid #eee; border-radius: 5px; color: #fff; background: #244895; }

.page_gg { overflow: hidden; font-family: Arial, Helvetica, sans-serif; }
.page_gg h2 { font-size: 32px; color: #444; }
.page_gg p { margin-top: 20px; font-size: 16px; color: #777; line-height: 26px; }
.page_link { margin: 5px 0; }
.page_link p { font-size: 14px; line-height: 32px; color: #ccc; }
.page_link p b { font-weight: normal; color: #777; margin-right: 9px; }
.page_link p a { text-decoration: none; color: #244895; margin-right: 9px; }
.page_link p a:hover { color: #ee2211; }

.page_help { background: #f5f7fb; padding: 22px; }
.page_help h2 { font-size: 16px; font-weight: bold; color: #444; }
.page_help ul { margin: 0; padding: 10px 0; }
.page_help li { font-size: 14px; line-height: 42px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #ddd; }
.page_help li a { text-decoration: none; color: #244895; background: url(../icon/dot_arrowb_r.svg) no-repeat 0 5px; background-size: 7px; padding-left: 12px; }
.page_help li a:hover { color: #ee2211; }
.page_help h5 { font-size: 12px; margin-left: 10px; }
.page_help h5 a { background: #244895; text-decoration: none; color: #fff; padding: 2px 10px; border-radius: 20px; }
.page_help h5 a:hover { background: #ee2211; }

.page_tags { background: #f5f7fb; padding: 22px; margin-top: 20px; }
.page_tags h2 { font-size: 16px; font-weight: bold; color: #444; }
.page_tags ul { margin: 0; padding: 10px 0; overflow: hidden; }
.page_tags li { float:left; margin: 0 10px 5px 0; font-size:12px; height: 46px; color: #dce1eb; max-width: 210px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.page_tags li a { display: block; padding: 0 10px; height: 30px; line-height: 30px; text-align: center; border-radius: 3px; background: #e4e8ef; color:#244895; text-decoration:none; }
.page_tags li a:hover { background: #244895; color: #FFF; }

.page_inquiry { background: #f5f7fb; padding: 22px; }
.page_inquiry h2 { font-size: 14px; font-weight: bold; color: #244895; }
.page_inquiry h3 { margin-top: 20px; }
.page_inquiry h3 input { width: 100%; padding: 10px; height: 35px; border: none; font-size: 12px; color: #444; }
.page_inquiry h3 input::placeholder { color: #ccc; font-size: 12px; }
.page_inquiry h3 textarea { width: 100%; border: none; padding: 10px; font-size: 14px; color: #444; }
.page_inquiry h3 textarea::placeholder { color: #ccc; font-size: 14px; }
.page_inquiry h5 { margin-top: 20px; }
.page_inquiry h5 button { width: 100%; height: 40px; line-height: 40px; border: none; background: #244895; color: #fff; font-size: 14px; font-weight: bold; }


/* index */
.pd_wp { margin-top: 35px; margin-bottom: 35px; overflow: hidden; }
.pd_box { overflow: hidden; margin-top: 25px; padding: 25px 0; background: #f5f7fb; }
.pd_box h4 { text-align: center; }
.pd_box h4 img { width: 20%; }
.pd_box h2 { text-align: center; font-size: 22px; color: #244895; }
.pd_box p { text-align: center; font-size: 12px; color: #777; height: 90px; padding: 10px 30px; }
.pd_box h5 { text-align: center; width: 90px; margin: 0 auto; font-size: 12px; color: #244895; border: 1px solid #244895; padding: 5px; font-weight: normal; }
.pd_box a { text-decoration: none; }
.pd_box a:hover h5 { background: #244895; color: #fff; }
.pd_nbox { overflow: hidden; margin-top: 25px; padding: 25px 0; background: #fff; }
.pd_nbox h4 { text-align: center; }
.pd_nbox h4 img { width: 20%; }
.pd_nbox h2 { text-align: center; font-size: 22px; color: #244895; }
.pd_nbox p { text-align: center; font-size: 12px; color: #777; height: 90px; padding: 10px 30px; }
.pd_nbox h5 { text-align: center; width: 90px; margin: 0 auto; font-size: 12px; color: #244895; border: 1px solid #244895; padding: 5px; font-weight: normal; }
.pd_nbox a { text-decoration: none; }
.pd_nbox a:hover h5 { background: #244895; color: #fff; }

.pdi { margin: 30px auto 60px auto; width: 160px; height: 45px; line-height: 45px; border-radius: 5px; text-align: center; background: #fff; }
.pdi a { display: block; font-weight: bold; color: #244895; text-decoration: none; border: 2px solid #244895; }
.pdi a:hover { background: #244895; color: #fff; }

.about_wp { margin-top: 35px; overflow: hidden; }
.about_text h2 { font-size: 32px; color: #111; font-weight: bold; }
.about_text p { font-size: 16px; color: #444; line-height: 32px; padding: 15px 0; }
.about_text h5 { font-size: 12px; margin-bottom: 15px; font-weight: normal; }
.about_text h5 a { padding: 5px 10px; text-decoration: none; color: #fff; background: #244895; }
.about_text h5 a:hover { background: #ee2211; }
.about_pic img { width: 100%; }

.inews { margin-top: 35px; overflow: hidden; }
.news_box { overflow: hidden; margin-bottom: 35px; }
.news_box_pic { overflow: hidden; }
.news_box_pic img { width: 100%; }
.news_box_pic a:hover .ipic_img { transform: scale(1.1); }
.news_box_text { overflow: hidden; padding: 15px 0; }
.news_box_text h2 { font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.news_box_text p { font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_box_tt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 10px; }
.news_box_tt a { text-decoration: none; color: #244895; border: 1px solid #244895; padding: 5px 10px; }
.news_box_tt a:hover { background: #244895; color: #fff; }

.index_help { overflow: hidden; }
.index_help ul { padding: 0 10px; }
.index_help li { font-size: 14px; line-height: 40px; background: url(../icon/dot_arrowb_r.svg) no-repeat 0 17px; background-size: 8px; padding-left: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #ccc; }
.index_help li a { text-decoration: none; color: #244895; }
.index_help li a:hover { color: #d52b1d; }

.itags { background: #f5f7fb; overflow: hidden; height: 450px; }
.itags h2 { text-align: center; background: url(../jpg/iwp-1.png) no-repeat; background-size: 100%; height: 160px; line-height: 160px; color: #fff; }
.itags_box { padding: 20px; }
.itags_box ul { list-style:none; overflow: hidden; margin: 0; padding: 0; }
.itags_box li { float:left; margin: 0 10px 5px 0; font-size:12px; height: 46px; color: #dce1eb; max-width: 210px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.itags_box li a { display: block; padding: 0 10px; height: 30px; line-height: 30px; text-align: center; border-radius: 3px; background: #e4e8ef; color:#244895; text-decoration:none; }
.itags_box li a:hover { background: #244895; color: #FFF; }
.isubscribe { background: #f5f7fb; height: 450px; }
.isubscribe h2 { text-align: center; background: url(../jpg/iwp-2.png) no-repeat; background-size: 100%; height: 160px; line-height: 160px; color: #fff; }
.isub_box { padding: 15px 30px; }
.isub_box ul { list-style: none; overflow: hidden; padding: 0 5px; margin: 0; }
.isub_box li { float: left; width: 115px; padding-left: 15px; font-size: 12px; line-height: 38px; background: url(../icon/ico_star.svg) 0 15px no-repeat; background-size: 9px; }
.isub_box li a { color: #244895; text-decoration: none; }
.isub_box li a:hover { color: #ee2211; border-bottom: 1px solid #ee2211; padding-bottom: 3px; }
.isub_bgput { background: rgba(255, 255, 255, 0.9); width: 270px; height: 50px; border-radius: 5px; }
.isub_input { float: left; width: 210px; height: 50px; background: none; border: none; width: 220px; padding: 0 10px; vertical-align: middle; font-size: 14px; color: #fff; }
.isub_btn { width: 44px; height: 44px; margin: 3px; border-radius: 5px; background: #244895 url(../icon/ico_plane.svg) no-repeat 7px 7px; background-size: 28px; border: none; vertical-align: middle; cursor: pointer; }
.isub_input::placeholder { color: #d7d8df; }
.icontact { background: #f5f7fb; height: 450px; }
.icontact h2 { text-align: center; background: url(../jpg/iwp-3.png) no-repeat; background-size: 100%; height: 160px; line-height: 160px; color: #fff; }
.icon_box { padding: 15px 120px; }
.icon_box h4 { text-align: center; }
.icon_box h4 img { width: 32px; }
.icon_box ul { margin: 30px 0 0 0; padding: 0; }
.icon_box li { font-size: 14px; text-align: center; margin-bottom: 20px; vertical-align: middle; }
.icon_box li a { display: block; text-decoration: none; color: #a0a0a0; border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 0; border-radius: 30px; }
.icon_box li a:hover { background: #244895; color: #fff; }

.ilinks { margin: 5px 0; }
.ilinks h2 { font-size: 14px; color: #444; }
.ilinks h2 a { color: #444; text-decoration: none; }
.ilinks h2 a:hover { color: #ee2211; }
.ilinks p { font-size: 12px; line-height: 32px; color: #ccc; }
.ilinks p a { text-decoration: none; color: #999; margin-right: 9px; }
.ilinks p a:hover { color: #ee2211; }


/* product */
.pd_ibox { margin: 10px 0; border-radius: 5px; overflow: hidden; }
.pd_ibox h4 img { width: 100%; }
.pd_ibox h2 { font-size: 18px; color: #244895; }
.pd_ibox a { color: #244895; text-decoration: none; }
.pd_ibox a:hover h2 { color: #ee2211; }


.pds_tpic_big { overflow: hidden; }
.pds_tpic_big img { width: 100%; }
.pds_tpic_small { background: #f5f7fb; overflow: hidden; margin-top: 2px; padding: 2px 0; }
.pds_tpic_small ul { overflow: hidden; padding: 0; margin: 0; }
.pds_tpic_small li { float: left; overflow: hidden; width: 12.1%; margin: 0.2%; }
.pds_tpic_small li img { width: 100%; filter: brightness(0.5); }
.pds_tpic_small li.pds_tpic_on { border: 2px solid #ee2211; }

.pds_tinfo { float: left; width: 500px; overflow: hidden; padding-left: 50px; }
.pds_tinfo_tt { overflow: hidden; }
.pds_tinfo_tt h1 { font-size: 22px; line-height: 35px; font-weight: bold; color: #111; }
.pds_tinfo_num { padding-top: 10px; overflow: hidden; }
.pds_tinfo_num h2 { float: left; font-size: 12px; color: #aaa; }
.pds_tinfo_vant { overflow: hidden; border-top: 1px dashed #eee; border-bottom: 1px dashed #eee; margin: 15px 0; padding: 15px 0; }
.pds_tinfo_vant p { font-size: 16px; color: #444; line-height: 28px; }
.pds_tinfo_inquiry { margin-top: 20px; }
.pds_tinfo_inquiry h5 { text-align: center; font-size: 18px; }
.pds_tinfo_inquiry h5 a { display: block; width: 170px; height: 40px; line-height: 40px; color: #fff; text-decoration: none; background: #244895; border-radius: 3px; }
.pds_tinfo_inquiry h5 a:hover { background: #ee2211; }

.pds_thelp_wp { border-left: 1px solid #eee; }
.pds_thelp { overflow: hidden; margin-bottom: 20px; }
.pds_thelp h2 { font-size: 12px; color: #244895; }
.pds_thelp h2 img { width: 16px; vertical-align: middle; }
.pds_thelp p { padding-left: 22px; font-size: 12px; color: #999; }
.pds_thelp a { text-decoration: none; }

.product_tt { background: #f5f7fb; padding: 10px 0; }
.product_tt h2 { font-size: 36px; color: #111; border-left: 5px solid #ee2211; padding-left: 20px; }
.product_view { overflow: hidden; font-size: 1.0rem; line-height: 2.2rem; color: #777; font-family: Arial, Helvetica, sans-serif; padding: 30px 0; }
.product_view h2 { font-size: 1.6rem; color: #222; font-weight: bold; }
.product_view h3 { font-size: 1.2rem; color: #222; font-weight: bold; }
.product_view p b { color: #444; font-weight: bold; }
.product_view a { color: #244895; }
.product_view a:hover { color: #ee2211; }
.product_view table { width: 100%; border-top: 1px solid #EEE; border-left: 1px solid #EEE; border-spacing: 0; background: #FFF; line-height: 46px; }
.product_view th { border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; text-align: center; font-size: 14px; font-weight: normal; color: #777; background: #F9F9F9; }
.product_view td { border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; padding: 0 15px; font-size: 16px; color: #444; }
.product_view img { width: 100%; height: auto;}
#product_view tr:nth-of-type(odd) { background:#f9f9f9;}
#product_view tr:nth-of-type(even) { background:#fff;}
.product_pic { overflow: hidden; }
.product_pic h4 { margin: 15px 0; }
.product_pic h4 img { width: 100%; }

.pd_menu h2 { font-size: 20px; color: #777; }
.pd_menu ul { margin: 0; padding: 0; }
.pd_menu li { font-size: 16px; line-height: 38px; }
.pd_menu li a { text-decoration: none; background: url(../icon/doth.svg) no-repeat 0 2px; background-size: 15px; padding-left: 20px; color: #244895; }
.pd_menu li a:hover { color: #ee2211; }



/* tags */
.tags_list { overflow: hidden; margin-top: 20px; }
.tags_list ul { margin: 0; padding: 0; }
.tags_list li { float: left; font-size: 12px; margin: 0 10px 25px 0; }
.tags_list li a { display: block; background: #edeef1; border-radius: 5px; text-decoration: none; color: #244895; padding: 5px 10px; }
.tags_list li a:hover { background: #244895; color: #fff; }

.tags_tt h1 { font-size: 36px; color: #111; }
.tags_box { margin-top: 20px; }
.tags_box p { font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #777; line-height: 32px; }


/* about */
.about_menu { overflow: hidden; }
.about_menu h2 { background: #244895; font-size: 16px; text-align: center; padding: 15px 0; color: #fff; margin: 0; }
.about_menu ul { margin: 0; padding: 0; border: 1px solid #eee; }
.about_menu li { font-size: 14px; text-align: center; }
.about_menu li a { display: block; padding: 10px 0; color: #244895; text-decoration: none; }
.about_menu li a:hover { color: #ee2211; background: #f5f7fb; }

.about_tt { margin-bottom: 15px; }
.about_tt h2 { font-weight: bold; color: #0e153a; font-size: 32px; text-shadow: 0px 0px 0px #fff; }
.about_box p { font-size: 16px; color: #777; line-height: 42px; }
.about_box img { width: 100%; }

.about_zz ul { margin: 10px 0 0 0; padding: 0; }
.about_zz li { margin: 10px 0; }
.about_zz li img { width: 100%; }

.contact_info { overflow: hidden; }
.contact_info h2 { font-size: 42px; color: #111; }
.contact_info h3 { font-size: 12px; color: #ccc; font-weight: normal; }
.contact_info p { font-size: 16px; line-height: 26px; }
.contact_info img { max-width: 100%; }

.t404 { border: 1px solid #eee; border-radius: 5px; background: #fff; }
.t404_pic { margin: 0; padding: 0; }
.t404_pic { width: 100%; }
.t404_text { padding-top: 50px; }
.t404_text h2 { font-size: 90px; color: #111; font-weight: bold; }
.t404_text h3 { font-size: 14px; color: #999; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.t404_text dl { padding-top: 15px; }
.t404_text dt { font-size: 13px; color: #999; padding-bottom: 15px; }
.t404_text dd { font-size: 16px; color: #777; line-height: 40px; }
.t404_text dd a { color: #244895; text-decoration: none; }
.t404_text dd a:hover { color: #ee2211; }

.sitemap { overflow: hidden; }
.sitemap dl { overflow: hidden; margin-top: 20px; }
.sitemap dt { font-size:14px; font-weight: bold; color:#244895; line-height: 42px; }
.sitemap dt a { color:#244895; text-decoration:none; }
.sitemap dt a:hover { color:#ee2211; }
.sitemap dd { font-size: 12px; line-height: 30px; float: left; width: 204px; margin-right: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #ddd; }
.sitemap dd a { color:#777; text-decoration:none; margin-right: 20px; white-space: nowrap; background: url(../icon/dot_arrowb_r.svg) no-repeat 0 3px; background-size: 8px; padding-left: 12px; }
.sitemap dd a:hover { color:#ee2211; }


/* inquiry */
.inquiry_wp { overflow: hidden; border: 1px solid #eee; padding: 35px; border-radius: 5px; }
.inquiry_email { padding: 15px 0; }
.inquiry_email dl { overflow: hidden; }
.inquiry_email dt { float: left; width: 150px; padding: 8px 0 0 5px; font-size: 14px; color: #444; }
.inquiry_email dt b { color: #e70953; }
.inquiry_email dd { font-size: 12px; }
.inquiry_email dd input { width: 300px; padding: 10px; border: 1px solid #eee; border-radius: 5px; color: #444; font-weight: bold; }
.inquiry_email_input::placeholder { color: #b3b4ba; font-size: 12px; font-weight: normal; }
.inquiry_note { margin-top: 10px; }
.inquiry_note_box { padding-top: 10px; }
.inquiry_note_box textarea { font-family: sans-serif; width: 100%; padding: 10px; line-height: 20px; color: #2d2d2d; height: 80px; min-height: 80px; max-height: 160px; overflow-y: hidden; border: 1px solid #eee; border-radius: 5px; }
.inquiry_note_box textarea::placeholder { color: #eee; }
.inquiry_btn { margin: 20px 0 50px 0; }
.inquiry_btn button { border: none; width: 300px; height: 60px; font-size: 20px; font-weight: bold; color: #fff; background: #244895; border-radius: 3px; }

.inquiry_tt h2 { font-size: 14px; color: #444; }
.inquiry_product { padding-top: 30px; }
.inquiry_pdlist { overflow: hidden; padding-top: 10px; }
.inquiry_pdlist table { width: 100%; border-top: 1px solid #EEE; border-spacing: 0; background: #FFF; }
.inquiry_pdlist td { border-bottom: 1px solid #EEE; padding: 15px; vertical-align: top; }
.inquiry_pdlist td dt { float: left; width: 120px; overflow: hidden; }
.inquiry_pdlist td dt img { width: 100%; }
.inquiry_pdlist td dd { float: left; width: 450px; padding-left: 20px; }
.inquiry_pdlist td dd h2 { font-size: 14px; font-weight: bold; color: #444; }
.inquiry_pdlist td dd h2 a { text-decoration: none; color: #444; }
.inquiry_pdlist td dd h2 a:hover { color: #e70953; }
.inquiry_pdlist td dd p { padding-top: 10px; font-size: 12px; color: #aaa; line-height: 24px; }
.inquiry_pdlist td h3 { padding-bottom: 10px; font-size: 12px; color: #999; }
.inquiry_pdlist td h3 input { border: 1px solid #eee; border-radius: 5px; padding: 5px 8px; font-size: 12px; font-weight: bold; color: #444; }
.inquiry_pdlist td h6 { text-align: right; color: #e70953; font-size: 12px; }
.inquiry_pdlist td h6 b { color: #e70953; font-size: 16px; font-weight: bold; }
.inquiry_pdlist td h5 { text-align: center; }
.inquiry_pdlist td h5 img { width: 18px; }

/* pd */
.site_tt { padding-bottom: 35px; }
.site_tt h2 { font-size: 42px; color: #244895; font-weight: bold; }
.site_tt h3 { font-size: 32px; color: #fff; font-weight: bold; text-align: center; }
.site_top_pic img { width: 100%; border-radius: 5px; }
.site_top_text dl { background: url(../icon/ico_star.svg) no-repeat 0 15px; background-size: 12px; padding-left: 25px; margin-top: 10px; }
.site_top_text dt { font-size: 26px; color: #444; }
.site_top_text dd { font-size: 16px; color: #777; }

.site_wbg { background: #0c133c url(../jpg2/site_wbg.jpg) center; padding: 35px 0; margin-top: 50px; }
.site_kh { background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 5px; margin-bottom: 5px; }
.site_kh h4 { text-align: center; padding-bottom: 20px; }
.site_kh h4 img { width: 50px; }
.site_kh h2 { text-align: center; color: #fff; }
.site_kh p { text-align: center; color: rgba(255, 255, 255, 0.5); font-size: 14px; }

.site_sys { background: rgba(255, 255, 255); padding: 15px; border-radius: 5px; margin: 5px 0; text-align: center; }
.site_sys h2 { font-size: 32px; color: #444; }
.site_sys p { font-size: 16px; color: #777; line-height: 32px; }

.site_info_wp { margin: 30px 0; }
.site_info_pic img { width: 100%; }
.site_info_text h2 { font-size: 32px; color: #111; padding-bottom: 10px; }
.site_info_text ul { margin: 0; padding: 0; }
.site_info_text li { font-size: 16px; color: #444; line-height: 36px; }

.site_yy { background: rgba(255, 255, 255, 0.7); padding: 15px; border-radius: 5px; margin: 5px 0; }
.site_yy h4 { text-align: center; }
.site_yy h4 img { width: 60px; }
.site_yy h2 { text-align: center; font-size: 32px; color: #111; }
.site_yy p { text-align: center; font-size: 14px; line-height: 32px; color: #ccc; }
.site_yy p b { color: #aaa; font-weight: normal; padding: 0 3px; }

.site_price { margin-bottom: 30px; }
.site_price h2 { font-size: 36px; color: #111; margin: 5px 0; }
.site_price h3 { font-size: 14px; margin: 15px 0; font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; }
.site_price h3 b { font-size: 32px; color: #ee2211; }
.site_price p { font-size: 16px; line-height: 32px; color: #999; }


.mkt_top { margin: 10px 0; }
.mkt_top h4 { text-align: center; margin-bottom: 15px; }
.mkt_top h4 img { width: 50%; }
.mkt_top h2 { text-align: center; }
.mkt_top p { text-align: center; }

.mkt_ads { padding: 35px 0; }
.mkt_ads h2 { color: #fff; font-size: 42px; }
.mkt_ads p  { color: rgba(255, 255, 255, 0.7); font-size: 14px; }


.aic_view { overflow: hidden; }
.aic_view table { width: 100%; border-top: 1px solid #EEE; border-left: 1px solid #EEE; border-spacing: 0; background: #FFF; line-height: 32px; }
.aic_view th { border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; text-align: center; font-size: 14px; font-weight: normal; color: #777; background: #F9F9F9; }
.aic_view td { border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; padding: 0 15px; font-size: 12px; color: #444; }


.sys_top { background: #f5f7fb; border-radius: 5px; padding: 30px; }
.sys_top h4 { text-align: center; }
.sys_top h4 img { width: 35%; }
.sys_top h2 { text-align: center; font-size: 26px; padding-top: 15px; }
.sys_top p { font-size: 14px; color: #999; line-height: 26px; }

.sys_van { background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 5px; margin-bottom: 5px; }
.sys_van h4 { text-align: center; padding-bottom: 5px; }
.sys_van h4 img { width: 35%; }
.sys_van h2 { text-align: center; color: #fff; }
.sys_van p { color: rgba(255, 255, 255, 0.5); font-size: 12px; padding: 0 20px; line-height: 28px; }


.aiw_top_text { padding-top: 20px; }
.aiw_top_text h2 { font-size: 32px; color: #111; }
.aiw_top_text p { font-size: 14px; color: #777; line-height: 32px; }
.aiw_top_text h5 { font-size: 14px; margin: 30px 0 50px 0; }
.aiw_top_text h5 a { background: #244895; color: #fff; padding: 10px; border-radius: 5px; text-decoration: none; }
.aiw_top_text h5 a:hover { background: #ee2211; }
.aiw_top_text h3 { font-size: 14px; font-weight: normal; color: #999; }

.aiw_box { margin: 20px 0; }
.aiw_box h4 { text-align: center; }
.aiw_box h4 img { width: 80%; }
.aiw_box h2 { text-align: center; font-size: 24px; color: #111; }


.gpt_top_text h2 { font-size: 32px; color: #111; }
.gpt_top_text p { font-size: 14px; color: #777; line-height: 32px; }
.gpt_top_text h5 { font-size: 14px; margin: 30px 0 50px 0; }
.gpt_top_text h5 a { background: #244895; color: #fff; padding: 10px; border-radius: 5px; text-decoration: none; }
.gpt_top_text h5 a:hover { background: #ee2211; }
.gpt_top_text h3 { font-size: 14px; font-weight: normal; color: #999; }
.gpt_box { background: #f5f7fb; padding: 30px; margin: 10px 0; }
.gpt_box h2 { font-weight: bold; font-size: 26px; }
.gpt_box p { font-size: 14px; color: #999; }