@charset "utf-8";
/* CSS Document */
body { background-color:#feee01; color: #555555; margin: 0px; padding: 0px; font-size: 14px; font-family: "Microsoft YaHei"; text-align: left; }
a { text-decoration: none; }
a:link, a:visited { color: #555555; }
a:hover { color: #003b81; text-decoration: underline; }
* { margin: 0px; padding: 0px; font-family: "Microsoft YaHei"; outline: none }
ul, li { list-style-type: none; margin: 0px; padding: 0px; }
img { border: 0px; vertical-align: middle; }
.clear { clear: both; }
input, select { vertical-align: middle; }
.no { display: none; }
table { margin: 0px auto; table-layout: fixed; }
h1,h3{ font-weight:normal}
/*---------------------------------------segmentation------------------------------------------*/

.tit_bg{ height:29px; background-color:#184aa1}
.bot_bg{ background-color:#184aa1; line-height:30px; padding:5px 10px; text-align:center; color:#fff; margin:70px auto 0; font-size:12px;}
.contain{ position:relative;}
.head{ width:100%; height:118px; background-color:rgba(255,255,255,.95); position:absolute; left:0; top:0; z-index:10}
.content{ width:1200px; margin:0 auto;}
.logo{ width:260px; height:48px; margin-top:34px; background:url(../images/logo.png) no-repeat left center; background-size:contain; float:left;}
.menu{ float:right; padding-top:39px;}
.nav-toggle { display: none }
.menu li{ float:left; display:inline; text-align:center; font-size:16px; line-height:24px;}
.menu li a{ padding:0 20px; text-align:center; display:block;}
.menu li a:hover{ text-decoration:none}
.menu li span{ font-size:10px; text-transform:uppercase; display:block; margin:0 auto; color:#c1c1b9;}
.con_bg{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,.7); display:none; z-index:9}
.mob_men_title{ display:none}
/*图片切换*/
.slideBox { position: relative; overflow: hidden; margin:0px auto; max-width:100%;/* 设置焦点图最大宽度 */ }
.slideBox .hd { position: absolute; height: 28px; line-height: 28px; bottom:10px; left:0; right:0; margin:0 auto; width:100%; z-index: 3; text-align:center}
.slideBox .hd li { display: inline-block; *display: inline; width:10px; height: 10px; background-color: #b0b0b0; border-radius: 50%; filter: alpha(opacity=80); opacity: 0.8; text-indent: -9999px; overflow: hidden; margin: 0 4px; }
.slideBox .hd li.on { background: #f30400; }
.slideBox .bd { position: relative; z-index: 0; overflow: hidden;}
.slideBox .bd li { position: relative; text-align: center; }
.slideBox .bd li img { vertical-align: top; width: 100%;/* 图片宽度100%，达到自适应效果 */ }
.slideBox .bd li a { -webkit-tap-highlight-color: rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit { display: block; width: 100%; position: absolute; bottom: 0; z-index:3; text-indent: 10px; height:45px; line-height:45px; color: #fff; text-align: left; }
.slideBox .pic{ z-index:1}
.slideBox .bd li .txt-bg { position: absolute; bottom: 0px; z-index: 1; height: 45px; width: 100%; background-color: #000; filter: alpha(opacity=50); opacity: 0.5; overflow: hidden; }

.t1,.t3{ margin:60px auto 0; text-align:center;}
.t1 p,.t3 p,.t4{ display:none}

/* Tab切换 */
.tabBox { margin:30px auto 0; width:1200px;}
.tabBox2{ width:100%;}
.tabBox .tit1 { height: 41px; width:1040px; margin:0 auto;}
.tabBox .tit1 li { float: left; display: inline; font-size: 15px; width:153px; margin:0 10px; text-align:center;}
.tabBox .tit1 li a { display: block; background-color:#ffffff; border:1px solid #bfbfbf; color:#555555; height:41px; line-height:41px; border-radius:20px}
.tabBox .tit1 li.on a,.tabBox .tit1 li a:hover { border:1px solid #184aa0; color: #184aa0; text-decoration: none; }

.tabBox .tu_list{ overflow:hidden; margin:44px auto 0;}
.tabBox .tu_list li a { -webkit-tap-highlight-color: rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
.tabBox .tu_list li { width:300px; height:194px; float:left; display:inline; overflow:hidden; position:relative}
.tabBox .tu_list li .bar_bg{ position:absolute; bottom:-100%; left:0; width:100%; display:block; height:100%; background:url(../images/eye.png) no-repeat center rgba(24,74,160,.9); transition: all .3s linear; -webkit-transition: all .3s linear;}
.tabBox .tu_list li:hover .bar_bg{ bottom:0; cursor:pointer}

.con_bg1{ background:url(../images/bg1.jpg) repeat; margin:80px auto 0; padding:68px;}
.t2{ float:left; width:110px; padding-top:27px; text-align:center}
.con_l{ float:left; width:420px; padding-left:28px;}
.con_r{ float:left; width:420px; padding-left:110px;}
.con_l h3,.con_r h3{ font-size:16px; line-height:42px; text-transform:uppercase}
.list{ padding-left:20px;}
.list li{ float:left; width:50%; display:inline; line-height:40px; height:40px; background:url(../images/arrow.png) no-repeat left center;}
.list li a{ display:block; padding-left:13px;}
.tu_list1,.tu_list3{ margin:15px auto 0; width:1232px;}
.tu_list1 li,.tu_list3 li{ float:left; width:378px; display:inline; margin:30px 16px 0 16px; text-align:center;}
.tu_list1 li .bar_bg1{ width:100%; line-height:30px; padding:25px 0; background-color:#ffffff; display:block;}
.tu_list1 li a:hover,.tu_list3 li a:hover{ text-decoration:none}
.tu_list3 li{ height:437px; background-color:#f2f2f2;}
.tu_list3 li .bar_bg1{ width:100%; height:80px; background-color:#ffffff; display:table;}
.tu_list3 li .bar_bg1 span{ display:table-cell; vertical-align:middle; line-height:26px; padding:0 20px;}
.tu_list1 li a:hover .bar_bg1,.tu_list3 li a:hover .bar_bg1{ background-color:#184aa0; color:#ffffff; transition: all .3s linear; -webkit-transition: all .3s linear;}
.tu_list3{ margin:0px -15px 0 -15px;}
.tu_list3 li .bar_bg2{ line-height:26px; color:#888888; padding:20px 15px 20px 20px; text-align:left}
.tabBox .tit2 { height:128px; width:420px; margin:0 auto;}
.tabBox .tit3 { height:128px; width:1260px; margin:0 -30px 0 -30px;}
.tabBox .tit2 li,.tabBox .tit3 li { float: left; display: inline; font-size:20px; width:210px; text-align:center;}
.tabBox .tit2 li a,.tabBox .tit3 li a { display: block; color:#555555; height:128px;}
.tabBox .tit2 li span,.tabBox .tit3 li span{ display:block; width:100%; padding-top:75px; line-height:45px; text-align:center;}
.tabBox .tit2 li.on a,.tabBox .tit2 li a:hover,.tabBox .tit3 li.on a,.tabBox .tit3 li a:hover { color: #184aa0; text-decoration: none; }
.tabBox .tit2 li span.icon1{ background:url(../images/c_us_icon1.png) no-repeat right top;}
.tabBox .tit2 li span.icon2{ background:url(../images/c_us_icon2.png) no-repeat left top;}
.tabBox .tit2 li span.icon3{ background:url(../images/news_icon1.png) no-repeat right top;}
.tabBox .tit2 li span.icon4{ background:url(../images/news_icon2.png) no-repeat left top;}
.tabBox .tit2 li span.icon5{ background:url(../images/mark_icon1.png) no-repeat right top;}
.tabBox .tit2 li span.icon6{ background:url(../images/mark_icon2.png) no-repeat left top;}
.tabBox .tit3 li span.icon1{ background:url(../images/pc_icon1.png) no-repeat right top;}
.tabBox .tit3 li span.icon2{ background:url(../images/pc_icon2.png) no-repeat left top;}
.tabBox .tit3 li span.icon3{ background:url(../images/pc_icon3.png) no-repeat left top;}
.tabBox .tit3 li span.icon4{ background:url(../images/pc_icon4.png) no-repeat left top;}
.tabBox .tit3 li span.icon5{ background:url(../images/pc_icon5.png) no-repeat left top;}
.tabBox .tit3 li span.icon6{ background:url(../images/pc_icon6.png) no-repeat left top;}
.tabBox .tit3 li span.icon7{ background:url(../images/ab_icon1.png) no-repeat right top;}
.tabBox .tit3 li span.icon8{ background:url(../images/ab_icon2.png) no-repeat left top;}
.tabBox .tit3 li span.icon9{ background:url(../images/ab_icon3.png) no-repeat right top;}
.tabBox .tit3 li span.icon10{ background:url(../images/ab_icon4.png) no-repeat left top;}
.tabBox .tit3 li span.icon11{ background:url(../images/ab_icon5.png) no-repeat left top;}
.tabBox .tit1.tit_hov{ width:519px;}
.tabBox .tit4{ width:1050px; margin:0 auto;}
.tabBox .tu_list1{ margin-left:-15px; display:none}
.tabBox .tu_list1.block{ display:block}
/*CSS quotes style pagination*/

.quotes { text-align: center; font-size: 12px; margin:55px auto 0; padding-bottom:20px}
.quotes a { padding: 5px 9px; background-color: #ffffff; margin: 3px; color: #333; border:1px solid #cfcfcf;}
.quotes a:link, .quotes a:visited { color: #333 }
.quotes a:hover { background-color: #1e3c7c; color: #ffffff; text-decoration: none }
.quotes span { padding: 5px 9px; margin:3px; border: 1px solid #cfcfcf; background-color:#ffffff;}
.quotes span.current { background-color: #1e3c7c; color: #ffffff; }
.pc_con{ padding-top:35px;}
.ab_con{ padding:35px 15px;}
.c_us_con{ margin:55px auto 0;}
.c_us_tit{ text-align:center; height:100px; padding-bottom:20px;}
.c_us_tit span{ display:inline-block; padding:0 20px; font-size:36px; border-top:6px solid #184aa0; line-height:100px; color:#333;}
.c_us_con1{ background:url(../images/con1.jpg) repeat-y left #fffccb; margin:30px auto 0; padding:20px 30px;}
.c_us_l{ float:left; width:147px; padding-right:30px; text-align:right; padding-top:20px;}
.c_us_l em{ font-size:36px; font-style:normal; border-bottom:2px solid #ffffff; line-height:48px; height:48px; color:#ffffff;}
.c_us_l span{ font-size:24px; display:block; text-align:right; color:#fff; line-height:60px;}
.c_us_r{ float:right; width:920px;}
.c_us_r dl dd{ float:left; width:50%; display:inline; font-size:16px; line-height:40px;}
.bot_bg1{ background:url(../images/con_bg1.png) repeat-x top; height:78px; margin:70px auto -70px;}
.c_xl_tit{ text-align:center; line-height:40px; padding-bottom:10px;}
.c_xl_tit span{ display:inline-block; padding:0 20px; font-size:28px; line-height:40px; color:#333;}
.c_xl_date{ text-align:center; height:30px; padding-bottom:20px;}
.c_xl_date span{ display:inline-block; padding:0 20px; font-size:14px; line-height:20px; color:#555;}
.c_xl_pos{ text-align:left; height:30px; padding-bottom:10px;}
.c_xl_pos span{ display:inline-block; padding:0 20px; font-size:14px; line-height:30px; color:#333;}
.c_xl_pic{ text-align:center; margin:20px auto;}

.br_l{ float:left; width:460px; text-align:center; padding-top:120px; padding-bottom:40px;}
.br_r{ float:left; width:730px; line-height:30px; padding-top:50px; padding-bottom:40px;}
.br_r h1{ font-size:42px; color:#333333; padding-bottom:30px;}
.br_con{ background:url(../images/br_con1.jpg) no-repeat center top; height:410px; padding-top:116px;}
.br_con1{ width:728px; padding:35px; background-color:rgba(24,74,160,.8); color:#fff; line-height:30px;}
.br_con1 h1,.br_con2 h1{ line-height:45px; font-size:42px; padding-bottom:20px;}
.br_con2{ text-align:center; margin:70px auto 0; line-height:30px; width:730px;}
.br_con2 h1{ color:#333333}
.br_con2 img{ margin-top:20px;}
.br_con3{ background:url(../images/br_con2.jpg) no-repeat center top; padding-top:85px; height:654px; margin:130px auto -70px;}
.br_con3 h1{ line-height:80px; font-size:42px; }
.tu_list2{ margin:28px auto 0;}
.tu_list2 li{ float:left; width:371px; background-color:#ffffff; height:434px; display:inline; margin-right:43px;}
.tu_list2 li.last{ margin-right:0;}
.tu_list li,.tu_list1 li,.tu_list2 li{ overflow:hidden;}
.tu_list2 li .text{ line-height:30px; padding:25px 15px 25px 25px;}
.tu_list2 li h3{ line-height:50px; font-size:22px;}

.mark_con{ background:url(../images/mark_bg.jpg) no-repeat center top; padding:70px; height:660px; text-align:center}
.mark_tab{ text-align:center; margin:70px auto 0;}
/*---------------------------------------segmentation------------------------------------------*/

/*colour*/
.tred1 { color: #d10300; }
.tred1 a:link, .tred1 a:visited { color: #d10300; }
.tred1 a:hover { color: #d10300; text-decoration: underli; }
.tblue1 { color: #003b81; }
.tblue1 a:link, .tblue1 a:visited { color: #003b81; }
.tblue1 a:hover { color: #003b81; text-decoration: underline; }
.twhite1 { color: #fff; }
.twhite1 a:link, .twhite1 a:visited { color: #fff; }
.twhite1 a:hover { color: #fff; text-decoration: underline; }
.tgray1 { color: #999999; }
.tgray1 a:link, .tgray1 a:visited { color: #999999; }
.tgray1 a:hover { color: #999999; text-decoration: underline; }
.tgreen1 { color: #029d4b; }
.tgreen1 a:link, .tgreen1 a:visited { color: #029d4b; }
.tgreen1 a:hover { color: #029d4b; text-decoration: underline; }
/*---------------------------------------segmentation------------------------------------------*/

/*frame*/
.bor1 { border: 1px solid #e6e6e6; }
.bor_t1 { border-top: 1px solid #e4e4e4; }
.bor_r1 { border-right: 1px solid #e4e2e2; }
.bor_l1 { border-left: 1px solid #fff; }
.bor_b1 { border-bottom: 1px solid #dddddd; }
.bor_b2 { border-bottom: 1px dotted #cccccc; }
.bor_to { border-top: none; }
.bor_bo { border-bottom: none; }
.bor_ro { border-right: none; }
.bor_lo { border-left: none; }
/*---------------------------------------segmentation------------------------------------------*/

/*font*/
.tb { font-weight: bold; }
.t12 { font-size: 12px; }
.t13 { font-size: 13px; }
.t14 { font-size: 14px; }
.t15 { font-size: 15px; }
.t16 { font-size: 16px; }
.t17 { font-size: 16px; }
.t18 { font-size: 18px; }
.t20 { font-size: 20px; }
.t22 { font-size: 22px; }
.t24 { font-size: 24px; }
.t50 { font-size: 50px; }
.f_heiti { font-family: "SimHei"; }
.f_yahei { font-family: "Microsoft YaHei"; }
.f_c { text-align: center; }

.f_l { float: left }
.f_r { float: right; }
/*---------------------------------------segmentation------------------------------------------*/

/*line-height*/
.h18 { line-height: 18px; }
.h20 { line-height: 20px; }
.h22 { line-height: 22px; }
.h24 { line-height: 24px; }
.h25 { line-height: 25px; }
.h26 { line-height: 26px; }
.h28 { line-height: 28px; }
.h29 { line-height: 29px; }
.h30 { line-height: 30px; }
.h32 { line-height: 32px; }
.h33 { line-height: 33px; }
.h34 { line-height: 34px; }
.h36 { line-height: 36px; }
.h40 { line-height: 40px; }
.h44 { line-height: 44px; }
.h50 { line-height: 50px; }
/*---------------------------------------segmentation------------------------------------------*/

/*margin*/
.mar1 { margin: 1px; }
.mar_to { margin-top: 0px; }
.mar_t1 { margin-top: 1px; }
.mar_t3 { margin-top: 3px; }
.mar_t5 { margin-top: 5px; }
.mar_t7 { margin-top: 7px; }
.mar_t10 { margin-top: 10px; }
.mar_t13 { margin-top: 13px; }
.mar_t15 { margin-top: 15px; }
.mar_t18 { margin-top: 18px; }
.mar_t20 { margin-top: 20px; }
.mar_t25 { margin-top: 25px; }
.mar_t30 { margin-top: 30px; }
.mar_t35 { margin-top: 35px; }
.mar_t40 { margin-top: 40px; }
.mar_t45 { margin-top: 45px; }
.mar_t50 { margin-top: 50px; }
.mar_t55 { margin-top: 55px; }
.mar_b1 { margin-bottom: 1px; }
.mar_b5 { margin-bottom: 5px; }
.mar_b10 { margin-bottom: 10px; }
.mar_b15 { margin-bottom: 15px; }
.mar_b20 { margin-bottom: 20px; }
.mar_b25 { margin-bottom: 25px; }
.mar_b30 { margin-bottom: 30px; }
.mar_b35 { margin-bottom: 35px; }
.mar_b40 { margin-bottom: 40px; }
.mar_b45 { margin-bottom: 45px; }
.mar_b50 { margin-bottom: 50px; }
.mar_b55 { margin-bottom: 55px; }
.mar_l1 { margin-left: 1px; }
.mar_l5 { margin-left: 5px; }
.mar_l10 { margin-left: 10px; }
.mar_l15 { margin-left: 15px; }
.mar_l20 { margin-left: 20px; }
.mar_l25 { margin-left: 25px; }
.mar_l30 { margin-left: 30px; }
.mar_r1 { margin-right: 1px; }
.mar_r5 { margin-right: 5px; }
.mar_r10 { margin-right: 10px; }
.mar_r15 { margin-right: 15px; }
.mar_r20 { margin-right: 20px; }
.mar_r25 { margin-right: 25px; }
.mar_r30 { margin-right: 30px; }
/*---------------------------------------segmentation------------------------------------------*/

/*padding*/
.pad1 { padding: 1px; }
.pad2 { padding: 2px; }
.pad3 { padding: 3px; }
.pad4 { padding: 4px; }
.pad5 { padding: 5px; }
.pad_t1 { padding-top: 1px; }
.pad_t2 { padding-top: 2px; }
.pad_t3 { padding-top: 3px; }
.pad_t4 { padding-top: 4px; }
.pad_t5 { padding-top: 5px; }
.pad_t7 { padding-top: 7px; }
.pad_t8 { padding-top: 8px; }
.pad_t10 { padding-top: 10px; }
.pad_t12 { padding-top: 12px; }
.pad_t15 { padding-top: 15px; }
.pad_t17 { padding-top: 17px; }
.pad_t20 { padding-top: 20px; }
.pad_t25 { padding-top: 25px; }
.pad_t30 { padding-top: 30px; }
.pad_t32 { padding-top: 32px; }
.pad_t35 { padding-top: 35px; }
.pad_t40 { padding-top: 40px; }
.pad_t45 { padding-top: 45px; }
.pad_t50 { padding-top: 50px; }
.pad_t55 { padding-top: 55px; }
.pad_b1 { padding-bottom: 1px; }
.pad_b2 { padding-bottom: 2px; }
.pad_b3 { padding-bottom: 3px; }
.pad_b4 { padding-bottom: 4px; }
.pad_b5 { padding-bottom: 5px; }
.pad_b8 { padding-bottom: 8px; }
.pad_b10 { padding-bottom: 10px; }
.pad_b15 { padding-bottom: 15px; }
.pad_b20 { padding-bottom: 20px; }
.pad_b25 { padding-bottom: 25px; }
.pad_b30 { padding-bottom: 30px; }
.pad_b35 { padding-bottom: 35px; }
.pad_b40 { padding-bottom: 40px; }
.pad_b45 { padding-bottom: 45px; }
.pad_b50 { padding-bottom: 50px; }
.pad_b55 { padding-bottom: 55px; }
.pad_b155 { padding-bottom: 155px; }
.pad_l1 { padding-left: 1px; }
.pad_l5 { padding-left: 5px; }
.pad_l12 { padding-left: 12px; }
.pad_l10 { padding-left: 10px; }
.pad_l15 { padding-left: 15px; }
.pad_l20 { padding-left: 20px; }
.pad_l25 { padding-left: 25px; }
.pad_l30 { padding-left: 30px; }
.pad_l45 { padding-left: 45px; }
.pad_r1 { padding-right: 1px; }
.pad_r5 { padding-right: 5px; }
.pad_r10 { padding-right: 10px; }
.pad_r15 { padding-right: 15px; }
.pad_r20 { padding-right: 20px; }
.pad_r25 { padding-right: 25px; }
.pad_r28 { padding-right: 28px; }
.pad_r30 { padding-right: 30px; }