﻿@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; line-height: 22px; font-family: "微软雅黑"; -webkit-text-size-adjust: none; color: #333; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p { margin: 0; padding: 0; }
img { border: 0; vertical-align: bottom; }
ul, li { list-style-type: none; }
a { color: #333; text-decoration: none; transition: all 0.3s; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.fb { font-weight: bold; }
.fnb { font-weight: 200; margin-left: -1px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
.font_14 { font-size: 14px; }
.font_16 { font-size: 16px; }
.font_18 { font-size: 18px; }
.font_s { font-family: "宋体"; }
.min_w { min-width: 1200px; width: 100%; }
.container { width: 1002px; margin: 0 auto; }
/*header*/
.logo_l { margin: 18px 0 0 0; }
.logo_r { margin-top: 32px; }
.logo_r span { display: block; font-weight: bold; line-height: 25px; font-size: 14px; color: #000000; }
.logo_r font { color: #ff0000; }
.logo_r_01 { letter-spacing: 3px; }
.logo_r_02 { letter-spacing: 2px; }
.logo_r_03 { letter-spacing: 0.6px; }
#pagenavi { position: absolute; bottom: 2%; left: 50%; margin-left: -50%; width: 100%; z-index: 50; text-align: center; padding: 8px 0; }
#pagenavi a { width: 12px; height: 12px; line-height: 99em; background: #fff; border-radius: 90px; margin: 0px 2px 0px 2px; overflow: hidden; cursor: pointer; display: inline-block; }
#pagenavi a.active { background: #000; }
#Banner { margin-top: 15px; }
.nav { background: #0590d3; height: 48px; }
.nav_list { width: 736px; color: #fff; }
.nav_list li { position: relative; width: 92px; text-align: center; float: left; line-height: 48px; }
.nav ul>li:hover { background: #70c0f6; }
.nav_list li a { color: #fff; }
.nav_list li ul { position: absolute; top: 48px; left: 0; display: none; }
.nav_list li:hover ul { display: block; }
.nav_list li ul li { height: 42px; line-height: 42px; background: url(../images/p4.png) repeat center top; }
.nav_list li ul li:hover { background: url(../images/25.jpg) repeat center top; }
.search { margin-right: 19px; margin-top: 9px; }
.search_01 { font-size: 12px; color: #999999; line-height: 30px; width: 158px; height: 30px; border: 1px solid #0352aa; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #fff; border-right: 1px solid #fff; padding-left: 7px; }
.search_02 { width: 55px; height: 32px; text-align: center; line-height: 32px; background: url(../images/26.jpg) no-repeat center center #838383; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; margin-left: -1px; }
/*index*/
.blue { background: #d7f0fc; padding: 23px 0; }
.contact { width: 301px; padding: 0 12px; height: 320px; background: #fff; margin-left: 1px; }
.contact_01 { line-height: 40px; margin-top: 15px; background: url(../images/4.jpg) no-repeat center bottom; font-size: 14px; color: #0590d3; font-weight: bold; }
.contact_01 span { font-weight: normal; color: #b0b0b0; text-transform: uppercase; padding-left: 18px; }
.contact_02 { margin: 8px auto 0 auto; text-align: center; }
.contact_03 { line-height: 24px; margin-top: 9px; }
.contact_03 span { display: block; color: #333333; }
.contact_03 span font{padding-left:70px;}
.company { width: 622px; padding: 0 20px; height: 320px; margin-right: 2px; background: #fff; }
.company_r a { color: #afafaf; font-weight: 100; }
.company_01 { background: url(../images/3.jpg) no-repeat center bottom; }
.company_02 { margin-top: 26px; }
.company_02 span { margin-right: 11px; display: inline-block; }
.company_02 font { margin-left: 11px; text-indent: 2em; line-height: 24px; }
.new { margin-top: 22px; width: 696px; height: 254px; background: #fff; }
.new_01 { position: relative; margin: 25px 0 0 10px; width: 258px; height: 193px; }
.video { width: 290px; height: 254px; }
.pro_banner { height: 193px; overflow: hidden; }
.pro_banner .d1 { width: 100%; height: 193px; display: block; position: absolute; left: 0px; top: 0px; }
.pro_banner .d2 { width: 100%; height: 7px; clear: both; position: absolute; z-index: 100; left: 0px; top: 183px; }
.pro_banner .d2 ul { float: left; position: absolute; right: 16px; top: 0; margin: 0 0 0 0; display: inline; }
.pro_banner .d2 li { width: 7px; height: 7px; overflow: hidden; cursor: pointer; background: #d2d0d0; float: left; margin: 0 3px; display: inline; border-radius: 50%; }
.pro_banner .d2 li.nuw { background: #ff5a00; }
.new_02 { width: 390px; margin-right: 18px; }
.tabbox { width: 390px; height: 140px;/*overflow:hidden;*/ margin-top: 11px; }
.tabbox .tab { overflow: hidden; background: url(../images/28.jpg) repeat-x center bottom; }
.tabbox .tab a { line-height: 38px; height: 38px; background: url(../images/27.jpg) no-repeat center left; display: block; border-bottom: 2px solid #cfddff; padding: 0 16px; float: left; text-decoration: none; color: #666666; }
.tabbox .tab a:hover { border-bottom: 2px solid #0590d3; color: #0590d3; font-weight: bold; text-decoration: none; }
.tabbox .tab a.on { border-bottom: 2px solid #0590d3; color: #0590d3; font-weight: bold; text-decoration: none; }
.tabbox .content { overflow: hidden; width: 390px; height: 176px; position: relative; }
.tabbox .content>ul { position: absolute; left: 0; top: 0; height: 100px; }
/*.tabbox .content li { width: 390px; }*/
.content_01 { font-weight: bold; color: #333333; line-height: 28px; margin-top: 10px; }
.content_02 { line-height: 22px; margin-top: 2px; color: #999999; }
.content_bottom { border-bottom: 1px dashed #999999; padding-bottom: 5px; }
.content_list { margin-top: 2px; }
.content_list li { line-height: 28px; background: url(../images/11.jpg) no-repeat center left; padding-left: 10px; }
.content_list_l { font-size: 14px; color: #333333; }
.content_list_r { color: #333333; }
.video { width: 265px; padding: 0 12.5px; background: #fff; height: 254px; margin-top: 22px; }
.video_01 { line-height: 37px; }
.video_02 { margin-top: 11px; }
.item_01 { background: url(../images/31.jpg) no-repeat left bottom; }
.item_02 li { position: relative; margin-top: 10px; float: left; margin-left: 9px; }
.item_02 ul { margin-left: -9px; margin-top: 7px; }
.item_02_01 { width: 140px; padding: 0 10px; height: 142px; background: #0590d3; }
.item_02_01 span { word-break: break-all; display: block; font-size: 17px; color: #fff; line-height: 32px; padding-top: 21px; }
.item_02_01 font { word-break: break-all; font-size: 14px; color: #fff; display: block; margin-top: 2px; line-height: 25px; }
.iten_02_02 { line-height: 26px; position: absolute; bottom: 0px; left: 0px; height: 26px; background: #0b78c4; width: 160px; }
.iten_02_02 span { color: #fff; font-size: 13px; padding-left: 8px; }
.pic_list li { float: left; width: 141px; margin-left: 6px; margin-top: 4px; }
.pic_list ul { margin-top: 10px; margin-left: -6px; }
.pic { height: auto; width: 290px; padding: 0px; }
.pic_img { margin-top: 55px; }
.hei_auto { height: auto; }
.sebac { padding-bottom: 100px; background: #d7f0fc; padding: 20px 0 0 0; }
.sebac_l { width: 674px; padding: 0 11px; }
.mr_t1 { background: url(../images/mr_1px.jpg) repeat-x left bottom; height: 40px; padding-right: 16px; }
.mr_t1name { font: bold 16px/40px "微软雅黑"; color: #FFF; background: #2257A2 url(../images/mr_t1bg.jpg) no-repeat right top; height: 40px; width: 120px; padding-left: 21px; float: left; }
.mr_t1name img { float: left; margin-top: 9px; margin-right: 6px; display: inline; }
.mr_frBtnL { margin-top: 96px; float: left; cursor: pointer; display: inline; }
.mr_frUl { float: left; height: 201px; width: 612px; overflow: hidden; }
.mr_frBtnR { float: right; margin-top: 96px; cursor: pointer; }
.mr_frUl ul li { display: inline; float: left; width: 171px; margin-left: 10px; overflow: hidden; }
.mr_frUl ul li img { display: block; margin-bottom: 7px; border: 1px solid #D8D8D8; }
.mr_frUl ul li a:hover img { border: 1px solid #A0C0EB; }
.mr_frUl ul { margin-left: -10px; }
.sebac_l { height: auto; padding-bottom: 25px; }
.related { height: 305px; width: 264px; padding: 0 13px; }
.related_01 li { margin-top: 9px; }
.related_01 ul { padding-top: 13px; }
/*footer*/
.foot { background: #0b78c4; height: 270px; }
.foot_l { width: 277px; margin-top: 23px; background: url(../images/24.jpg) no-repeat center right; padding: 22.5px 0; height: 61px; }
.foot_c { margin-left: 37px; text-align: left; width: 510px; color: #fff; line-height: 24px; margin-top: 49px; }
.foot_c span { margin-left: 8px; }
.foot_r { margin: 12px 3px 0 0; }
.foot_top { font-size: 16px; color: #fff; text-align: center; margin-top: 21px; padding-top: 25px; border-top: 1px solid #fff; }







/*pro*/
.pro{ background:#d7f0fc; padding-bottom:20px;}
.pro_l{ width:236px; }
.pro_item{ background:#fff; width:216px; padding:0 10px 15px 10px;}
.pro_item_list li{/*padding-left:20px; */text-align:center;color:#fff; height:35px; line-height:35px; background:#0590d3; margin-top:10px;}
.pro_item_list ul{ margin-top:7px;}
.pro_item_list li a{ color:#fff;}
.pro_contact{ margin-top:18px; background:#fff; width:222px; padding:0 7px 0 7px;}
.pro_contact_01{ padding-bottom:18px; line-height:24px; margin-top:18px; font-size:14px; color:#333333;}
.pro_contact_01 span{ padding-left:70px;}
.pro_r{ width:715px; padding:0 17px; background:url(../images/p2.png) no-repeat right bottom #fff;}
.pro_r_01{ margin-top:7px;}
.pro_r_02{ margin-top:13px;}
.pro_r_02 li{ background:url(../images/40.jpg) no-repeat center left; padding-left:4px;color:#666666; line-height:38px; } 
.pro_r_02 li a{ color:#666666;}
.pro_r_02 li font{ padding-right:10px; color:#999999;}
.page{position:relative;width:100%;text-align:center;overflow:hidden;margin:30px 0 15px 0;}
.page ul{float:left;position:relative;left:50%;}
.page ul li{ float:left;position:relative;right:50%;padding:0 5px;}
.page li a{ background:#a4a4a4;display:block;height:36px;line-height:36px;padding:0 10px;color:#fff;}
.pro_r_size{color: #afafaf;
font-weight: 100;}
.pro_bottom{ background:url(../images/37.jpg) no-repeat center bottom;}




