﻿@charset "utf-8";
body { margin: 0; padding: 0; height: 100%; font-size: 14px; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; color: #333; line-height: 24px }
dd, dl, dt, li, ol, ul { margin: 0; padding: 0; list-style: none }
input { font-size: 12px; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; vertical-align: middle }
select { font-family: Arial; font-size: 12px }
textarea { font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; font-size: 12px }
h2,h3, h4, h5 { margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 14px }


.fl { float: left }
.fr { float: right }
.clear { clear: both }
a { text-decoration: none; transition: all .2s linear 0s; color: #3D3D3D }
a:hover{color: #c12201}
:focus { outline: 0 }
img { border: 0 }
p { line-height: 24px }
.head_bg { width: 100%; height: 100px }
.head_box { width: 100%;}
.head { width: 1200px; overflow: hidden; margin: auto; height: 110px}
.logo {float: left; height: 70px; padding-top: 20px }
.head_right {float: right; padding-top: 25px; height: 75px; width: 920px }
.head_right .txt{border-left: 1px solid #EDEDED; height: 60px; width: 500px; float: left; padding-left: 10px; color: #575757}
.head_right .txt h3{font-size: 22px; line-height: 30px}
.head_right .txt h4{font-size: 18px; line-height: 30px; font-weight: 100}

.head_right .tel{background: url(../Images/tel.png) no-repeat left center; background-size:contain;float: right; width: 200px; height: 50px; padding-left: 60px}
.head_right .tel span{}

.user {position: absolute; right: 0; top: 0; font-size: 12px }
.search { float: left }
.inp_text { float: left; background: url(../Images/1_02.png) no-repeat; width: 98px; padding-left: 10px; line-height: 22px; height: 22px; overflow: hidden; border: none }
.inp_button { float: left; background: url(../Images/1_03.png) no-repeat; border: none; width: 24px; height: 22px; cursor: pointer }

.nav { margin: 0 auto; color: #555; border-top:1px solid #EDEDED; background: #c12201}
.nav ul{width: 1200px; margin: auto; height: 50px}
.nav ul li{ float: left; text-align: center; margin-right: 1px}
.nav a { display: block; line-height: inherit; cursor: pointer; color: #fff; font-weight: 400; font-family: "微软雅黑"; font-size: 16px; position:relative;padding: 0px 30px;}
.nav ul li:hover a, .active a{ background: #000; color: #FFFFFF; font-size: 16px;padding: 0px 30px;}

.nav_menu { line-height: 50px; font-weight: 700; text-transform: uppercase; position: relative}
.nav_menu .ico0{background: url(../Images/nav_ico1.png) no-repeat center; width: 19px; height: 19px; float: left; position: absolute; left: 40px; top: 15px}
.nav_menu .ico1{background: url(../Images/nav_ico2.png) no-repeat center; width: 19px; height: 19px; float: left; position: absolute; left: 40px; top: 15px}
.nav_menu .ico2{background: url(../Images/nav_ico3.png) no-repeat center; width: 19px; height: 19px; float: left; position: absolute; left: 40px; top: 15px}
.nav_menu .ico3{background: url(../Images/nav_ico4.png) no-repeat center; width: 19px; height: 19px; float: left; position: absolute; left: 40px; top: 15px}
.nav_menu .ico4{background: url(../Images/nav_ico5.png) no-repeat center; width: 19px; height: 19px; float: left; position: absolute; left: 40px; top: 15px}
.nav_menu .ico5{background: url(../Images/nav_ico6.png) no-repeat center; width: 19px; height: 19px; float: left; position: absolute; left: 40px; top: 15px}

.nav_menu-item a { display: block; text-align: center}
.nav_menu-item a img { vertical-align: middle; margin-left: 5px }
.nav_menu-item { display: inline-block; position: relative; height: 45px }
.nav_menu-item:hover .nav_submenu { display: block }
.nav_submenu { font-weight: 300; text-transform: none; display: none; position: absolute;z-index: 9999; top: 48px; width: 430px; border: 1px solid #dedede; background: #fff; padding: 21px 15px 10px 10px }
.nav_submenu ul { float: left; margin-top: 5px; margin-right: 17px; margin-bottom: 20px }
.nav_img { float: right; margin: 10px 0 15px 0 }
.nav_img p { margin: 0; padding: 0; line-height: 14px; text-align: center; font-size: 14px; color: #767676}
.nav_img img { width: 230px; height: 135px }
.nav_submenu-item { display: block }
.nav_submenu-item a { display: block; padding: 0 35px 0 25px; min-width: 100px; line-height: 30px; height: 30px; color: #555; font-size: 13px }
.nav_submenu-item a:hover { color: #08529c; text-decoration: underline }
.nav_on1 { position: absolute; left: -130px }
.nav_on2 { position: absolute; left: -150px }
.nav_on3 { position: absolute; left: -260px }
.nav_on4 { position: absolute; left: -200px }
.nav_on5 { position: absolute; left: -250px }
.nav_on6 { position: absolute; left: -483px }
.banner { width: 100%; height: 500px; position: relative }
.in_business { width: 1060px; position: absolute; left: 50%; margin-left: -530px; z-index: 9; height: 386px }
.in_business ul { width: 341px; height: 266px; border: 1px solid #fff; background: url(../Images/1_30.png) repeat; float: right; margin-top: 96px; padding: 12px 10px 8px 10px; position: relative }
.in_business ul li { float: left; font-size: 16px; margin-bottom: 10px }
.ib1 { display: block; width: 168px; height: 81px; position: relative; background: url(../Images/1_09.png) 22px 30px no-repeat #777a84; line-height: 81px; color: #fff }
.ib1 span { margin-left: 60px }
.ib2 { display: block; width: 168px; height: 81px; position: relative; background: url(../Images/1_10.png) 22px 22px no-repeat #004d99; line-height: 81px; color: #fff; margin-left: 5px }
.ib2 span { margin-left: 60px }
.ib3 { display: block; width: 225px; height: 81px; position: relative; background: url(../Images/1_11.png) 22px 20px no-repeat #2975c0; line-height: 81px; color: #fff }
.ib3 span { margin-left: 60px }
.ib4 { display: block; width: 110px; height: 81px; margin-left: 5px; text-align: center; position: relative; background: url(../Images/1_12.png) center 13px no-repeat #777a84; line-height: 20px; color: #fff }
.ib4 span { position: relative; top: 52px }
.ib5 { display: block; width: 110px; height: 81px; text-align: center; position: relative; background: url(../Images/1_13.png) center 13px no-repeat #004d99; color: #fff; line-height: 20px }
.ib5 span { position: relative; top: 52px }
.ib6 { display: block; width: 110px; height: 81px; margin-left: 5px; text-align: center; position: relative; background: url(../Images/1_14.png) center 10px no-repeat #777a84; line-height: 20px; color: #fff }
.ib6 span { position: relative; top: 52px }
.ib7 { display: block; width: 110px; height: 81px; margin-left: 5px; text-align: center; position: relative; background: url(../Images/1_15.png) center 13px no-repeat #004d99; color: #fff; line-height: 20px }
.ib7 span { position: relative; top: 52px }
.hf { background: #fff; filter: alpha(opacity=40)!important; -moz-opacity: .4!important; opacity: .4!important }
.ib1 dd { width: 168px; height: 81px; position: absolute; top: 0; z-index: 10; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0 }
.ib2 dd { width: 168px; height: 81px; position: absolute; top: 0; z-index: 10; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0 }
.ib3 dd { width: 225px; height: 81px; position: absolute; top: 0; z-index: 10; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0 }
.ib4 dd { width: 110px; height: 81px; position: absolute; top: 0; z-index: 10; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0 }
.ib5 dd { width: 110px; height: 81px; position: absolute; top: 0; z-index: 10; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0 }
.ib6 dd { width: 110px; height: 81px; position: absolute; top: 0; z-index: 10; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0 }
.ib7 dd { width: 110px; height: 81px; position: absolute; top: 0; z-index: 10; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0 }
.wy-mod-banner { width: 100%; margin-top: 0; height: 500px; position: relative; overflow: hidden }
.wy-mod-banner img { width: auto }
.wy-mod-banner .banners { width: 1920px; height: 500px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px }
.wy-mod-banner .banner { width: 1920px; height: 500px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px }
.wy-mod-banner .focus { width: 960px; margin: 0 auto; padding-top: 460px; text-align: center }
.wy-mod-banner .focus a { text-decoration: none; z-index: 3; width: 20px; height: 20px; position: relative; display: inline-block; overflow: hidden; margin: 0; zoom: 1 }
.wy-mod-banner .focus a .bg-m { z-index: 4; color: #fff; line-height: 40px; font-size: 40px; position: absolute; display: block; left: 2px; top: 6px; cursor: pointer; display: none }
.wy-mod-banner .focus a .bg-b { background: url(../Images/bt2.png) center center no-repeat; position: absolute; display: block; left: 0; top: 0; cursor: pointer; width: 20px; height: 20px }
.wy-mod-banner .focus a .inner { background: url(../Images/bt1.png) center center no-repeat; position: absolute; left: 0; top: 0; z-index: 9; opacity: 0; display: none\9; +display:none;
width: 20px; height: 20px }
.wy-mod-banner .focus a.on .inner, .wy-mod-banner .focus a:hover .inner { cursor: pointer; display: block; border: 0; -webkit-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 1 }
.wy-mod-banner .focus .hover .inner { display: block }

.box{width: 1200px; margin: auto}
.in1{width: 100%; overflow: hidden; padding: 50px 0px; background: #f8f8f8}
.in1 .title{text-align: center; margin: 30px auto}
.in1 .title h2{font-size: 32px; line-height: 60px; font-weight: 300}
.in1 .title h3{font-size: 16px; color: #FFF; font-weight: 100; font-family: Times New Roman; background: #c12201; width: 260px; margin: auto }
.in1 .c1{padding: 30px 0px}

.in2{width:100%; margin: auto; position: relative; height: 500px}
.in2 .title{margin: 30px; color: #FFFFFF}
.in2 .title h2{font-size: 32px; line-height: 32px;}
.in2 .title h3{font-size: 18px; color: #FFF; font-weight: 100; font-family: Times New Roman; color: #f37020}
.in2 .left{width: 50%; float: left; height: 500px; background: url(../Images/in2_left.jpg) no-repeat center; background-size: cover}
.in2 .right{width: 50%; float: right; height: 500px; overflow: hidden}
.in2 .right .inabout{width: 600px; background: #00b896; overflow: hidden; height: 500px; position: relative}
.in2 .right .inabout .txt{margin:10px 30px; line-height: 220%; color: #FFFFFF; font-size: 16px; text-indent: 2em}
.in2 .right .inabout .link{position: absolute; bottom: 0px; right: 0px}

.in3{width: 100%; overflow: hidden; padding: 50px 0px; background: #f8f8f8}
.in3 .title{text-align: center; margin: 30px auto}
.in3 .title h2{font-size: 32px; line-height: 60px; font-weight: 300}
.in3 .title h3{font-size: 16px; color: #FFF; font-weight: 100; font-family: Times New Roman; background: #c12201; width: 280px; margin: auto }
.in3 .title p{width: 500px; text-align: center; line-height: 200%; margin: auto; color: #ABABAB}
.in3 .c1{ height: 480px; }
.in3 .c1 .l1{width: 39%; float: left; text-align: right;}
.in3 .c1 .l1 li{clear: both; margin: 40px 0px; overflow: hidden;}
.in3 .c1 .l1 .pic{width: 56px; height: 56px; float: right; padding: 10px}
.in3 .c1 .l1 .txt{float: right; margin-right: 10px; color: #8F8F8F; line-height: 25px}
.in3 .c1 .l1 .tit{float: right; width: 100%; font-size: 18px; color: #636363 }
.in3 .c1 .l2{width: 60%; float: right; text-align: left; background: url(../Images/in3_l2bg.jpg) center no-repeat; height: 480px}
.in3 .c1 .l2 ul{margin-top: 100px; padding-left: 100px; overflow: hidden}
.in3 .c1 .l2 li{width: 180px; height: 180px; border-radius: 100px; float: left; margin-left: 40px; overflow: hidden; border: 5px solid #c12201}

.in4{width: 100%; overflow: hidden; padding: 50px 0px}
.in4 .title{text-align: center; margin: 30px auto; background: url(../Images/in4_titbg.png) no-repeat center; height: 110px; padding-top: 14px}
.in4 .title h2{font-size: 32px; line-height: 60px; font-weight: 300}
.in4 .title h3{font-size: 16px; color: #FFF; font-weight: 100; font-family: Times New Roman; background: #c12201; width: 260px; margin: auto }
.in4 .title p{width: 500px; text-align: center; line-height: 200%; margin: auto; color: #ABABAB}
.in4 ul{margin: 20px auto; padding: 20px 0px}
.in4 ul li{width: 260px; margin: 20px; float: left; text-align: center}
.in4 ul li .pic{clear: both; border: 1px solid #E3E3E3}
.in4 ul li .tit{clear: both; line-height: 50px; font-size: 16px;}
.in4 ul li p{clear: both; margin: 0px; padding: 0px}

.in5{width: 100%; overflow: hidden; padding: 30px 0px; background:#560001; color: #FFFFFF}
.in5 .title{text-align: center; margin: 30px auto; height: 110px; padding-top: 14px}
.in5 .title h2{font-size: 32px; line-height: 60px; font-weight: 300}
.in5 .title h3{font-size: 16px; color: #FFF; font-weight: 100; font-family: Times New Roman; background: #c12201; width: 300px; margin: auto }
.in5 .title p{width: 500px; text-align: center; font-size: 18px; line-height: 200%; margin: auto; color: #c12201}
.in5 .l1{float: left; width: 600px;}
.in5 .l1 p{line-height: 40px; font-size: 16px;}
.in5 .l2{float: left; width: 260px;}
.in5 .l3{float: right; width: 260px;}


.in_bynews { width: 100%; height: 38px; border-bottom: 1px solid #ddd; text-align: center; padding-top: 17px }
.in_newsbox { width: 1060px; margin: 0 auto; padding: 30px 0 30px 0 }
.in_news { float: left; width: 335px }
.inf_head, .inf_head2, .inf_head3 { width: 335px; height: 35px; line-height: 35px }
.inf_head h3 { float: left; font-weight: 400; padding-left: 27px; background: url(../Images/1_16.jpg) left center no-repeat; font-size: 16px; color: #333 }
.inf_head2 h3 { float: left; font-weight: 400; padding-left: 33px; background: url(../Images/1_17.jpg) left center no-repeat; font-size: 16px; color: #333 }
.inf_head3 h3 { float: left; font-weight: 400; padding-left: 27px; background: url(../Images/1_20.jpg) left center no-repeat; font-size: 16px; color: #333 }
.inf_head a, .inf_head2 a, .inf_head3 a { float: right; display: block; width: 29px; height: 35px; background: url(../Images/1_18.jpg) left center no-repeat }
.inf_head a:hover, .inf_head2 a:hover, .inf_head3 a:hover { background: url(../Images/1_19.jpg) left center no-repeat }
.inf_con { width: 335px; padding-top: 15px }
.inf_title { border-bottom: 1px dashed #ddd; padding-bottom: 10px }
.inf_title p { padding: 0; margin: 0; width: 335px; height: 170px; overflow: hidden }
.inf_title p img { width: 335px; height: 170px }
.inf_title h3 { font-weight: 400; font-size: 12px; color: #888; height: 30px; line-height: 30px }
.inf_title h3 span { margin-right: 10px }
.inf_title a { display: block; width: 335px; height: 30px; line-height: 30px; font-size: 14px; color: #00398e; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.inf_title a:hover { text-decoration: underline }
.inf_list { padding-top: 5px }
.inf_list dd { width: 335px; height: 30px; line-height: 30px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.inf_list dd a { color: #555 }
.inf_list dd a:hover { color: #00398e }
.in_left { margin-left: 27px }
.in_line { width: 1060px; margin: 0 auto; height: 20px; text-align: center; border-bottom: 1px solid #ddd; margin-bottom: 10px }
.in_line img { position: relative; top: 10px; padding: 0 7px; background: #fff }
.in_focus { width: 1060px; margin: 0 auto; margin-bottom: 50px }
.in_fctitle { width: 190px; margin: 0 auto; height: 20px; border-bottom: 1px solid #ddd; text-align: center; margin-bottom: 10px }
.in_fctitle span { padding: 0 20px; background: #fff; font-size: 16px; color: #888; position: relative; top: 7px }
.in_focus dl { float: left; width: 100%; height: 75px; position: relative; height: 60px; border-right: 1px dashed #ddd; margin-top: 20px; padding-top: 5px }
.in_focus dl dd { text-align: center; float: left; cursor: pointer; margin: 5px }
.in_focus dl dd p { margin: 0; padding: 0; text-align: center }
.in_focus dl dd span { display: block; font-size: 12px; height: 15px; line-height: 15px }
.if_img0, .if_img1, .if_img2, .if_img3, .if_img4, .if_img5, .if_img6 { display: none; position: absolute; top: -170px; padding: 2px; border: 1px solid #ddd; background: #fff; width: 150px; height: 150px }
.if_img0 span, .if_img1 span, .if_img2 span, .if_img3 span, .if_img4 span, .if_img5 span, .if_img6 span { position: absolute; bottom: -9px; text-align: center }
.in_co { float: right; width: 179px; padding-top: 20px }
.oa_login { width: 179px; height: 28px; margin-bottom: 10px }
.oa_login a { display: block; width: 179px; height: 28px; background: #004d99; text-align: center; color: #fff }
.oa_login a:hover { background: #014283 }
.bottom_box { width: 100%; height: 228px; background:#2A2A2A!important; padding-top: 10px }
.bottom { width: 1060px; margin: 0 auto }
.bottom_nav { float: left }
.bottom_nav dl { float: left; width: 100px; margin-right: 30px }
.bottom_nav dl dt { color: #fff; font-size: 14px; font-weight: 700; line-height: 45px; height: 45px; overflow: hidden; border-bottom: 1px solid #999; margin-bottom: 10px }
.bottom_nav dl dd a { display: block; font-size: 12px; color: #ddd; padding-left: 10px; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.bottom_nav dl dd a:hover { color: #fff }
.bottom_contact { float: right; padding-top: 25px }
.bottom_contact h3 { color: #fff; font-size: 28px; line-height: 50px }
.bottom_contact p { color: #ddd; line-height: 200%}
.foot_box { width: 100%; height: 47px; line-height: 47px; background: #1e1e1e; font-size: 12px }
.foot { width: 1060px; margin: 0 auto; color: #777 }
.foot p { float: left; margin-left: 20px; line-height: 47px; }
.foot p span { font-family: Arial }
.foot a { color: #6e6e6e }
.foot a:hover { color: #fff }
.link { float: left; position: relative; cursor: pointer; font-size: 12px }
.lin_title { background: url(../Images/1_08.jpg) no-repeat; width: 179px; height: 28px; line-height: 28px; padding-left: 10px; color: #888 }
.lin_text { background: #fff; width: 177px; position: absolute; bottom: 25px; padding: 5px 0 10px 0; z-index: 99; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; z-index: 999 }
.lin_text img { vertical-align: middle; margin-right: 5px }
.lin_text a { width: 155px; display: block; height: 30px; line-height: 30px; color: #555; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.lin_text a:hover { background: #ddd; color: #555 }
.s_banner1 { width: 100%; height: 400px; background: url(../Images/banner_about.jpg) center center no-repeat }
.s_banner2 { width: 100%; height: 400px; background: url(../Images/banner_about.jpg) center center no-repeat }
.s_banner3 { width: 100%; height: 400px }
.s_banner4 { width: 100%; height: 400px; background: url(../Images/banner_about.jpg) center center no-repeat }
.s_banner5 { width: 100%; height: 400px; background: url(../Images/banner_about.jpg) center center no-repeat }
.s_banner6 { width: 100%; height: 400px; background: url(../Images/banner_about.jpg) center center no-repeat }
.s_banner7 { width: 100%; height: 400px; background: url(../Images/banner_about.jpg) center center no-repeat }
.s_banner8 { width: 100%; height: 400px; background: url(../Images/banner_about.jpg) center center no-repeat }
.s_banner9 { width: 100%; height: 400px; background: url(../Images/banner_about.jpg) center center no-repeat }
.s_banner10 { width: 100%; height: 400px; background: url(../Images/banner_about.jpg) center center no-repeat }

.path_box { width: 100%; height: 70px; border-bottom: 1px solid #d7d7d7 }
.path_con { width: 1200px; margin: 0 auto; height: 70px }
.pc_text {color: #7b7a7a; float: left; line-height: 70px; background: url(../images/ico.png) no-repeat 0 20px; padding-left: 30px}

.sub_title { float: left; margin-left: 55px; padding-top: 31px; height: 84px; line-height: 84px; color: #454545; font-size: 24px }
.sub_title img { max-height: 84px; }
.pc_text a { color: #7b7a7a }
.f_font { font-family: "宋体" }
.f_color { color: #004d99 }
.contact_inf { width: 1200px; margin: 0 auto; min-height: 435px; margin-bottom: 30px }
.sub_list {width: 1200px; margin: 20px auto; overflow: hidden}
.sub_list dl{display: table; margin: auto;}
.sub_list dl dd { width: 260px; float: left; position:relative; text-align: center;}
.sub_list dl dd a {display: block; width: 98%; height: 53px;  margin: 0 auto;  overflow: hidden; text-overflow: hidden; white-space: nowrap; color: #454545; background: #F7F7F7; font-size: 15px; line-height: 53px }
.sub_list dl .sub_on a{background: #c12201; color: #FFFFFF}
.sub_list dl .sub_on a:before{content: "";position: absolute;left: 50%;margin-left: -3px;bottom: 0;width: 0;height: 0;border-left: solid 6px transparent;border-right: solid 6px transparent;border-bottom: solid 6px #fff}
.sub_list dl a:hover{background: #c12201; color: #FFFFFF}
.sub_list dl a:hover:before{content: "";position: absolute;left: 50%;margin-left: -3px;bottom: 0;width: 0;height: 0;border-left: solid 6px transparent;border-right: solid 6px transparent;border-bottom: solid 6px #fff}

.sub_list dl ul { }
.sub_list dl ul li { }
.sub_list dl ul li a { display: block; width: 120px; margin-left: 25px; height: 53px; padding-left: 25px; color: #454545; background: url(../Images/2_10.png) 10px center no-repeat; border-bottom: 1px dashed #ddd; line-height: 53px }
.sub_list dl li:hover a, .sub_list dl ul li.sub_on a { border: none; background: url(../Images/2_11.png) 10px center no-repeat!important; color: #fff }
.about { padding: 30px 0 120px 0; width: 100%; font-size: 14px }
.course_title { padding-left: 55px }
.event { float: left; width: 800px; padding: 30px 0 120px 0; position: relative }
.event dl dt { float: left; width: 197px; height: 50px; position: relative; margin-top: 20px }
.event dl dt h3 { height: 40px; line-height: 37px; position: absolute; z-index: 13; background: url(../Images/3_02.jpg) no-repeat; width: 124px; padding: 0 63px 0 10px; overflow: hidden; text-align: center; color: #fff; white-space: nowrap; text-overflow: hidden }
.event dl dd { float: left; width: 540px; padding-left: 30px; border-left: 3px solid #cbcbcb; padding-top: 15px; padding-bottom: 15px; position: relative; left: -14px }
.event_con { width: 540px; background: #fff; border: 1px solid #eaeaea; position: relative; padding: 0 20px; font-size: 14px; line-height: 35px; box-shadow: 3px 3px 0 0 #efefef; min-height: 50px }
.event_con h3 { position: absolute; left: -13px; top: 8px }
.honor { float: left; padding: 0 0 120px 0; width: 800px; font-size: 14px; color: #706c6c }
.honor p { color: #464646; font-size: 14px; line-height: 35px }
.sub_right { width: 805px; float: left }
.ib_con { width: 805px; height: 230px; margin: 0 auto; position: relative; padding-top: 30px }
.ib_con .home_plist { clear: both; width: 805px; margin: 0 auto; padding-top: 15px }
.ib_con .rollBox { clear: both; width: 805px; overflow: hidden }
.ib_con .rollBox .LeftBotton { height: 16px; width: 26px; overflow: hidden; float: left; display: inline; margin: 22px 0 0 0; cursor: pointer; position: absolute; left: 745px; top: -5px; background: url(../Images/4_12.jpg) no-repeat }
.ib_con .rollBox .LeftBotton:hover { background: url(../Images/4_15.jpg) no-repeat }
.ib_con .rollBox .RightBotton { height: 16px; width: 26px; overflow: hidden; float: left; display: inline; margin: 22px 0 0 0; cursor: pointer; position: absolute; right: 5px; top: -5px; background: url(../Images/4_16.jpg) no-repeat }
.ib_con .rollBox .RightBotton:hover { background: url(../Images/4_13.jpg) no-repeat }
.ib_con .rollBox .Cont { float: left; width: 803px; overflow: hidden; margin-left: 1px }
.ib_con .rollBox .ScrCont { width: 1000000px }
.ib_con .rollBox .Cont .pic { float: left; width: 254px; margin: 0 7px 0 6px; height: 184px; position: relative; left: -1px; padding-bottom: 9px; background: url(../Images/4_05.jpg) bottom center no-repeat }
.ib_con .rollBox .Cont .pic dt { display: block; width: 254px; height: 175px; text-align: center; border: 1px solid #d6d3cc; padding: 3px; overflow: hidden }
.ib_con .rollBox .Cont a:link, .rollBox .Cont a:visited { color: #fff; text-decoration: none; border: 0 }
.ib_con .rollBox #List1, .rollBox #List2 { float: left }
.ib_con .pic dd { position: absolute; z-index: 99; left: 4px; top: 119px; width: 233px; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; background: url(../Images/4_14.png) repeat }
.ib_con .pic dd a { color: #fff; font-size: 14px; font-weight: 700 }
.news_list { width: 800px; margin: 0 auto; padding-bottom: 30px }
.news_list dl { width: 800px; line-height: 45px; height: 45px; border-bottom: 1px dashed #ddd }
.news_list dd { float: left }
.news_list dd a { display: block; width: 600px; height: 45px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #454545; padding-left: 20px; background: url(../Images/4_17.png) 7px center no-repeat }
.news_list dd a:hover { background: url(../Images/4_18.png) 7px center no-repeat; color: #004d99 }
.news_list dt { float: right; font-size: 13px; font-family: Arial; color: #888 }

.product_box { padding-bottom: 30px; min-height: 435px; width: 100%}
.product_list { display: block; padding-top: 20px }
.product_list dd { float: left; width: 290px; text-align: center; padding: 2px; margin: 10px 2px; position: relative; border: 1px solid #E0E0E0;transition: all .2s linear 0s }
.product_list .fav_btn { position: absolute; left: 0px; top: 160px; background: #333; color: #fff; width: 100%; opacity: 0;transition:0.5s;  -webkit-transition: 0.5s; padding:0px}
.product_list .likes_btn{ position: absolute; left: 0px; top: 10px; height:25px;width: 100%; opacity: 0;transition:0.5s;  -webkit-transition: 0.5s; padding-left:25px}
.product_list dd:hover .fav_btn, .product_list dd:hover .likes_btn{opacity: 1;}
.product_list dd .pic{width: 100%;}
.product_list dd .pic img{width: 100%; }
.product_list dd .title {width: 100%; line-height: 40px }
.product_list dd .title a{color: #151515; display: block; width: 100%}
.product_list dd:hover .title a{color: #fff}
.product_list dd:hover {background:#c12201;transition: all .2s linear 0s }
.product_list dd span { display: block; width: 160px; line-height: 45px; margin: 0 auto; font-size: 13px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666 }

.page { width: 800px; height: 40px; text-align: center; margin-bottom: 30px }
.page dl { width: 90px; margin: 0 auto }
.page_down, .page_up { float: left; margin: 0 5px }
.page_up a { display: block; width: 30px; height: 30px; background: url(../Images/4_06.jpg) no-repeat }
.page_down a { display: block; width: 30px; height: 30px; background: url(../Images/4_07.jpg) no-repeat }
.page_up a:hover { background: url(../Images/4_08.png) no-repeat }
.page_down a:hover { background: url(../Images/4_09.jpg) no-repeat }
.by_video { width: 800px; height: 500px; padding-top: 20px }
.about_video { width: 770px; height: 445px; background: #f5f5f5; border-left: 20px solid #f5f5f5; border-top: 20px solid #f5f5f5; border-right: 20px solid #f5f5f5 }
.video_title { width: 700px; margin: 0 auto; height: 40px; line-height: 40px; text-align: center; color: #454545; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.video_list { padding-bottom: 55px }
.video_list dl dd { float: left; width: 143px; height: 87px; background: url(../Images/5_01.jpg) no-repeat; margin-right: 14px; padding: 17px 0 0 4px; margin-bottom: 15px }
.sn_title { width: 800px; text-align: center; background: #edf3f9; padding: 10px 0; margin-top: 20px }
.sn_title h3 { width: 800px; height: 40px; line-height: 40px; font-size: 20px; color: #064994; overflow: hiddeen; text-overflow: ellipsis; white-space: nowrap }
.sn_title p { padding: 0; margin: 0; height: 30px; line-height: 30px; overflow: hiddeen; text-overflow: ellipsis; white-space: nowrap; color: #7892ac; font-size: 12px }
.sn_title p span { margin: 0 5px }
.sn_text { padding: 10px 0 70px 0 }
.newsarrows a { text-indent: -9999px; display: block; width: 45px; height: 45px; margin: 0 10px; margin-top: -60px; }
.newsarrows .nolink { display: none }
.newsnext { float: right; background: url(../images/arrows.png) -45px 0 no-repeat }
.newsnext:hover { background-position: -45px -45px }
.newsprev { float: left; background: url(../images/arrows.png) 0 0 no-repeat }
.newsprev:hover { background-position: 0 -45px }
.newscotent img { max-width: 800px; }
.business { width: 1200px; margin: 30px auto}
.business .pics{ float: left; padding: 10px; border: 1px solid #E3E3E3}
.business .title{width: 500px; float: right}
.business .title h2{font-size: 20px; line-height: 50px; border-bottom: 1px solid #DDDDDD; }
.business .title h3{font-weight: 100; line-height: 260%; color: #363636; margin: 10px auto}
.pro_cotent{width: 100%; padding: 60px 5px}
.pro_cotent h1{text-align: center; font-weight: 100; font-size: 26px; line-height: 20px}
.pro_cotent h2{text-align: center; font-weight: 100; font-size: 18px; padding-bottom: 20px; border-bottom: 1px solid #E7E7E7; line-height: 30px; margin-bottom: 20px}

.business_title { width: 800px; padding-top: 30px}
.business_title dl dd a { display: block; height: 45px; background: #8e939b; padding: 0 30px; float: left; line-height: 45px; margin: 0 5px; color: #fff; font-size: 15px }
.business_title dl dd a:hover { background: #0767b7 }
.bus_on { background: url(../Images/7_04.png) bottom center no-repeat #0767b7!important;}
.business_text { padding: 30px 0 30px 0 }
.business_text dl { width: 800px; height: 175px; border-bottom: 1px solid #ddd; margin-bottom: 20px }
.business_text dl dt { float: left; width: 280px; height: 150px; margin-right: 35px }
.business_text dl dd { float: left; width: 485px }
.business_text dl dd h3 a { display: block; width: 485px; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #00274d }
.business_text dl dd h3 a:hover { text-decoration: underline }
.business_text dl dd p { margin: 0; padding: 0; height: 50px; line-height: 25px; margin-top: 10px; overflow: hidden }
.business_text dl dd h4 a { display: block; width: 80px; height: 30px; text-align: center; background: #0d4f90; color: #fff; line-height: 30px; font-size: 12px; font-weight: 400; float: right; margin-top: 15px }
.business_text dl dd h4 a:hover { background: #023e79 }
.atlas { padding-bottom: 30px; min-height: 435px; width: 805px; float: left }
.zi_honor2 { display: block; padding-top: 20px }
.zi_honor2 dd { float: left; width: 195px; text-align: center; padding: 2px; position: relative }
.zi_honor2 .fav_btn { position: absolute; left: 0px; top: 160px; background: #333; color: #fff; width: 100%; opacity: 0;transition:0.5s;  -webkit-transition: 0.5s; padding:0px}
.zi_honor2 .likes_btn{ position: absolute; left: 0px; top: 10px; height:25px;width: 100%; opacity: 0;transition:0.5s;  -webkit-transition: 0.5s; padding-left:25px}
.zi_honor2 dd:hover .fav_btn, .zi_honor2 dd:hover .likes_btn{opacity: 1;}
.zi_honor2 dd a.dda { display: table-cell; width: 190px; height: 176px; overflow: hidden; float: left; padding: 2px; background: #fff; border: 1px solid #ddd }
.zi_honor2 dd a.dda img { width: 160px; }
.zi_honor2 dd span { display: block; width: 160px; line-height: 45px; margin: 0 auto; font-size: 13px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666 }
.brandlist { width: 100%; margin: 0 auto; }
.brandlist h2 { color: #3366cc; height: 24px; margin: 20px; font-size: 14px; }
.brandlist li { float: left; margin: 10px; width: 179px; height: 230px; overflow: hidden; border: solid 1px #ddd; display: inline; }
.brandlist li .subsummary { height: 24px; line-height: 24px; overflow: hidden; padding: 0 5px; border-top: solid 1px #ddd; background: #EFFBFF; text-align: center; }
.brandlist li .subsummary a { font-size: 12px; text-decoration: none; color: #3366cc; }
.ver_pic { width: 179px; height: 230px; background-color: #eee; text-align: center; position: relative; display: table-cell; vertical-align: middle; }
.ver_pic .subpic {
*position:absolute; top: 50%; left: 50%; }
.ver_pic .subpic img {
*position:relative; top: -50%; left: -50%; }
.ver_pic .subpic img { max-width: 140px; min-width: 100px; width:expression(this.width > 140 ? "140px" : this.width);
}
.club { width: 800px; padding-top: 20px }
.online { padding-top: 15px; min-height: 375px; padding-bottom: 40px }
.drive { padding-top: 25px; width: 800px; padding-bottom: 50px }
.drive h3 { width: 800px; height: 30px; line-height: 30px; text-align: center; color: #454545; font-size: 16px; overflow: hidden }
.drive p { width: 800px; text-align: center; margin-bottom: 30px; overfow: hidden }
.riadio { margin-right: 5px }
.msg_table { font-size: 14px }
.msg_table th { line-height: 40px; text-align: right; padding: 2px 0 0 2px; vertical-align: top; color: #666 }
.msg_table td { line-height: 40px; text-align: left; padding: 2px 0 2px 5px }
.msg_title { display: block; line-height: 25px; margin-bottom: 20px; padding: 5px 0; border: 1px solid #c6411e; background-color: #ff8665; padding-left: 20px; color: #fff }
.red_btn, .red_btn2 { min-width: 70px; height: 30px; background-color: #e87708; cursor: pointer; margin-top: 20px; font-size: 14px; border: none; color: #fff; font-size: 14px; transition: all .2s linear 0s; font-family: "微软雅黑"; font-weight: 700 }
.red_btn { background: #004d99; width: 74px; height: 40px; font-weight: 400; width: 650px }
.red_btn:hover { background: #013e7b }
.red_btn2 { background: #8f8f8f; color: #fff; margin-left: 20px; width: 74px; height: 25px; font-weight: 400 }
.red_btn2:hover { background: #757575 }
.tbox_200, .tbox_60 { width: 245px; height: 25px; line-height: 25px; padding-left: 3px; border: 1px solid #ccc; border-radius: 2px; font-size: 14px }
.tbox_300 { width: 650px; height: 25px; line-height: 25px; padding-left: 3px; border: 1px solid #ccc; border-radius: 2px; font-size: 14px }
.tbox_60 { width: 60px }
.tbox_200:focus, .tbox_60:focus { border: 1px solid #999 }
.tbox_h_100 { width: 95%; height: 150px; border: 1px solid #ccc; border-radius: 2px; font-size: 14px; transition: all .2s linear 0s; margin: 5px 0 }
.tbox_h_100:focus { border: 1px solid #999; height: 150px }
.red_zi { font-size: 12px; color: red }
.talent { float: left; padding: 0 0 70px 0; width: 800px; font-size: 14px }
.talent h3 { font-size: 18px; color: #054685; margin-bottom: 30px; margin-top: 30px }
.talent_text dl { border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px }
.talent_text dl dt { float: left; width: 200px; text-align: center }
.talent_text dl dd { width: 580px; height: 200px; margin-left: 20px; display: table-cell; vertical-align: middle }
.job { float: left; padding: 30px 0 30px 0; width: 800px; font-size: 14px; color: #555 }
.subNavBox { width: 800px; padding-bottom: 50px }
.subNav { cursor: pointer; height: 45px; line-height: 45px; padding-left: 10px; border-top: 2px solid #004d99; font-size: 16px; margin-bottom: 15px; background: url(../Images/11_01.png) 760px 12px no-repeat; color: #454545; font-weight: 700 }
.subNav:hover { color: #005db8 }
.currentDd { color: #454545 }
.currentDt { background-image: url(../Images/12_03.png) }
.navContent { display: none; padding: 0 10px 15px 10px; position: relative }
.navContent table tr { padding-bottom: 10px }
.navContent table tr th { vertical-align: top }
.navContent a { position: absolute; right: 5px; top: -45px; color: #888; font-size: 12px; font-family: Arial }
.sub_text { width: 805px; height: 45px; line-height: 45px; font-size: 15px; color: #fff; text-align: center; margin-top: 35px; overflow: hidden; background: #004d99 }
.contact {padding: 30px 0 70px 0; width: 1200px; font-size: 14px; color: #706c6c }
.contact .online { padding-top: 15px; min-height: 375px; padding-bottom: 40px }
.contact .msg_table { font-size: 14px }
.contact .msg_table th { line-height: 40px; text-align: right; padding: 2px 10px 0 2px; vertical-align: top; color: #666 }
.contact .msg_table td { line-height: 40px; text-align: left; padding: 2px 0 2px 5px }
.contact .msg_title { display: block; line-height: 25px; margin-bottom: 20px; padding: 5px 0; border: 1px solid #c6411e; background-color: #ff8665; padding-left: 20px; color: #fff }
.contact .red_btn, .contact .red_btn2 { min-width: 70px; height: 30px; background-color: #e87708; cursor: pointer; margin-top: 20px; font-size: 14px; border: none; color: #fff; font-size: 14px; border-radius: 3px; transition: all .2s linear 0s; font-family: "微软雅黑"; font-weight: 700 }
.contact .red_btn { background: #004d99; width: 74px; height: 25px; font-weight: 400 }
.contact .red_btn:hover { background: #013e7b }
.contact .red_btn2 { background: #8f8f8f; color: #fff; margin-left: 20px; width: 74px; height: 25px; font-weight: 400 }
.contact .red_btn2:hover { background: #757575 }
.contact .tbox_200, .tbox_60 { width: 300px; height: 25px; line-height: 25px; padding-left: 3px; border: 1px solid #ccc; border-radius: 2px; font-size: 14px }
.contact .tbox_60 { width: 60px }
.contact .tbox_200:focus, .contact .tbox_60:focus { border: 1px solid #999 }
.contact .tbox_h_100 { width: 95%; height: 150px; border: 1px solid #ccc; border-radius: 2px; font-size: 14px; transition: all .2s linear 0s; margin: 5px 0 }
.contact .tbox_h_100:focus { border: 1px solid #999; height: 150px }
.contact .red_zi { font-size: 12px; color: red }
.hot_job { float: left; padding: 30px 0 0 0; width: 800px; font-size: 14px; color: #555 }
.hot_job table { margin-bottom: 30px }
.hot_job table tr th { background: #1958a5; color: #fff; padding: 0 5px }
.hot_job table tr td { text-align: center; padding: 0 5px }
.job_td1 a { color: #434343; display: block; text-align: left; width: 180px; height: 60px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px }
.job_td2 a { color: #666; display: block; text-align: left; width: 490px; height: 60px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.job_td3 a { color: #666; display: block; width: 90px; height: 60px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.hot_job table tr:hover td { background: #e0e9f5 }
.hot_job table tr:hover td a { color: #073c7e }
.job_details { float: left; padding: 30px 0 30px 0; width: 800px; font-size: 14px; color: #555 }
.job_inf { margin-bottom: 30px }
.job_inf table { border-top: 1px solid #ddd; border-left: 1px solid #ddd }
.job_inf table tr th { background: #f5f5f5; color: #333; padding: 0 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: 400 }
.job_inf table tr td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 0 10px }
.job_submit table { border: 1px solid #ddd; width: 800px; height: 60px; background: #f5f5f5 }
.job_submit table tr td select { width: 180px; height: 30px; line-height: 30px; color: #555; cursor: pointer }
.job_submit table tr td { padding: 0 10px }
.submit input { width: 83px; height: 30px; cursor: pointer; background: url(../Images/submit.png) no-repeat; border: none }
.runtime { margin-top: -30px }
.tag { background: #eee; padding: 10px; color: #eee; }
.tag span { margin-right: 20px; color: #f00; font-weight: bold; }
.tag a { padding: 3px 12px; border: 1px solid #eee; color: #666; }
.tag a:hover { border: 1px solid #fff; background: #000; color: #fff }
.downs { padding: 5px 8px; border: 1px solid #eee; color: #06C; margin: 0 3px; }
.downs:hover { background: #06C; color: #fff }


.histroy{display: table; margin: auto}
.event_year { width:60px;border-bottom:2px solid #DDD;text-align:center;float:left;margin-top:10px; }
.event_year li { height:40px;line-height:40px;background:#F0F0F0;margin-bottom:1px;font-size:18px;color:#828282;cursor:pointer; }
.event_year li.current { width:61px;background:#0066ff url(../images/jian.png) 60px 0 no-repeat;color:#FFF;text-align:left;padding-left:9px; }
.event_list { width:850px;float:right;background:url(../images/dian3.png) 139px 0 repeat-y;margin:10px 0 20px 0; }
.event_list h3 { margin:0 0 10px 132px;font-size:24px;font-family:Georgia;color:#0066ff;padding-left:25px;background:url(../images/jian.png) 0 -45px no-repeat;height:38px;line-height:30px;font-style:italic; }
.event_list li { background:url(../images/jian.png) 136px -80px no-repeat;}
.event_list li span { width:127px;text-align:right;display:block;float:left;margin-top:10px;}
.event_list li p { width:680px; margin-left:24px; display:inline-block; padding-left:10px;background:url(../images/jian.png) -21px 0 no-repeat; line-height:25px; _float:left; }
.event_list li p span { width:650px;text-align:left;border-bottom:2px solid #DDD;padding:10px 15px;background:#F0F0F0;margin:0; }

