@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "myriadpro-light";
    src: url('/fonts/myriadpro-light-webfont.eot');
    src: url('/fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/myriadpro-light-webfont.woff') format('woff'),
    url('/fonts/myriadpro-light-webfont.ttf') format('truetype'),
    url('/fonts/light/myriadpro-light-webfont.svg#myriadpro-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "myriadpro-regular";
    src: url('/fonts/myriadpro-regular.eot');
    src: url('/fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/myriadpro-regular.woff') format('woff'),
    url('/fonts/myriadpro-regular.ttf') format('truetype'),
    url('/fonts/myriadpro-regular.svg#myriadpro-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.w1000 { margin: 0 auto; width: 1200px; height: auto; min-width:1200px; }
/* header start */
#header { margin: 0 auto; width: 1200px; min-width:1200px; padding:10px 0px; }
#logo { float: left; margin-top: 4px; width: 650px; height: 60px; overflow: hidden; }
#headtel { width: 200px; height: 40px; color: rgb(153, 153, 153); padding-top: 20px; float: right; color: #666; line-height:40px; }
#headte2 { width: 150px; height: 40px; color: rgb(153, 153, 153); padding-top: 20px; float: right; color: #666; line-height:40px; }
#headtel span { color: #7AAFDE; font-weight:bold; font-size:16px; line-height:40px; }
#headtel img { margin-right: 6px; float: left; }

#google_translate_element { display:inline-block; float:right; padding-top: 28px; margin-right:50px; }
/* header end */

/* nav start */
#nav_box { margin: 0 auto; width: 1200px; overflow: hidden; min-width:1200px; border-top:1px solid #CCCCCC; padding:10px 0px; }
#nav { float: left; margin-top: 10px; width: 780px; height: 15px; }
#nav ul { margin: 0; padding: 0; }
#nav ul li { float: left; padding: 0 17px; border-right: 1px solid #CCCCCC; }
#nav ul li a { display: block; color: #333333; font-size:17px; text-transform:uppercase; font-family: "myriadpro-light", Arial; }
#nav ul li a:hover { color: #07294F; text-decoration:underline; }
#search { float: right; margin-top: 6px; width: 220px; height: 23px; }
#search input { float: left; }
.inp_srh { width: 195px; height: 23px; line-height: 23px; text-indent: 10px; color: #999; background: url(../images/search_bg.gif) no-repeat 0 0; border: none; }
.btn_srh { width: 25px; height: 23px; line-height: 23px; background: url(../images/search_btn.gif) no-repeat 0 0; border: none; cursor: pointer; color: #fff; text-indent: -5000px; }
#search * { vertical-align: middle; }
/* nav end */

/* content start */
.content { margin: 15px auto 10px; width: 1200px; height: auto; overflow: hidden; min-width:1200px; }
.tit1 { height: 40px; border-bottom: 2px solid #f6f6f6; text-align: center; color: #333333; font-weight:bold; font-size:24px; line-height:40px; font-family:"myriadpro-regular", Arial; }
.pro_more { margin: 15px auto; width: 200px; height: 30px; }
.pro_more a { display: block; color: #333333; border: 1px solid #999; line-height:30px; text-align: center; border-radius: 5px; }
.pro_more a:hover { background: none; background: #7AAFDE; color: #fff;}
.about_box { padding: 30px 0 20px; background: #F6F6F6; min-width:1200px; }
.tit2 { height: 18px; /*background: url(../images/4x4.jpg) repeat-x left bottom;*/ }
.tit2 h2 { float: left; margin-bottom: 20px; color: #333333; font-weight:bold; font-size:18px; line-height:18px; padding-right: 10px; font-family:"myriadpro-regular", Arial; }
.about { height: 185px; overflow: hidden; line-height:25px; }
.about span { color: #005bac; font-weight: bold; }
.about img { float: left; margin-right: 20px; border: 1px solid #d0d0d0; padding: 4px; width: 320px; height: 170px; overflow: hidden; }
.about_more { width: 110px; height: 25px; background: url(../images/more_bg.png) no-repeat center; padding-left: 15px; margin-top:3px; }
.about_more a { color: #333; font-weight:bold; line-height:25px; }
.about_more a:hover { color: #005bac; }

.quick { margin: 30px auto 20px; width: 1200px; height: auto; overflow: hidden; }
.quick dl { float: left; display: block; margin: 0 150px 0px 0px; width: 300px; height: auto; overflow: hidden; }
.quick dl:nth-child(3) { margin-right: 0px; }
.quick dl dt { width: 300px; height: 180px; overflow: hidden; margin-bottom: 10px; border-top: 2px solid #7AAFDE; }
.quick dl dd { width: 300px; height: auto; overflow: hidden; line-height:20px; }
.quick dl dd span { color: #333; font-weight:bold; font-size:14px; line-height:20px; }

.view { width: 300px; height: 180px; overflow: hidden; position: relative; text-align: center; cursor: default; }
.view .mask, .view .content { width: 300px; height: 180px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.view img { display: block; position: relative; }
.second-effect .mask { opacity: 0; overflow: visible; border: 0px solid rgba(0,0,0,0.7); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.second-effect a.info { position: relative; top: -10px; opacity: 0; -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; }
.second-effect:hover .mask { opacity: 1; border: 100px solid rgba(0,0,0,0.7); }
.second-effect:hover a.info { opacity: 1; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; }
.view a.info { background: url('../images/link.png') no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 100px; height: 20px; }
/* online start */
#online { margin: 0 auto 10px; padding: 10px; width: 1180px; height: 25px; overflow: hidden; background: url(../images/contact_bg.png) no-repeat 0 0; }
.online_list { height: 24px; line-height: 24px; text-align: left; }
.online_list img { margin: 0 6px 0px 14px; vertical-align: middle; }
/* online end */

/* footer start */
#footer_box { padding: 10px; height: 20px; background: #7AAFDE; min-width:1200px; }
#footer { margin: 0 auto; width: 1200px; text-align: center; color: #fff; line-height:20px; -webkit-text-size-adjust: none; }
#footer a:link, #footer a:visited { color: #FFFFFF; }
#footer a:hover { color: #FFFFFF; text-decoration: underline; }
/* footer end */

/*内页排版*/
.wrap-bg { padding-top: 37px; padding-bottom: 23px; }
.container { width: 1200px; margin: 0px auto; }
.clearFix:after { content: " "; display: block; clear: both; height: 0; overflow: hidden; }
.clearFix { *zoom: 1;
}
.frams, .menu li .icn_add, .menu li .icn_jian { background: #fff; }
.menu li .menu_first { font-size: 18px; }
.siders { width: 258px; float: left; }
.siders .botbox { width: 239px; margin-top: 10px; border: 1px solid #f0efee; text-align: center; background-color: #fff; height: 224px; padding-top: 44px; }
.menu { background: #fff; }
.menu li { }
.menu li.current .sub-sub-menu { display: block; }
.menu li.current .menu_first { color: #fff; background: #004482; }
.menu li.current .icn_add, .menu li.current .icn_jian { color: #354052; }
.menu li .menu_first { display: block; padding-left: 37px; height: 42px; line-height: 42px; padding-top: 0; border-bottom: #eaeaea solid 0px; }
.menu li .icn_add, .menu li .icn_jian { position: absolute; right: 34px; top: 31px; display: inline-block; width: 9px; height: 9px; line-height: 9px; line-height: 7px; font-size: 9px; }
.menu li .icn_jian { background: #888; color: #fff; }
.menu li .sub-sub-menu { display: none; border-bottom: #eaeaea solid 0px; padding: 0px 0 0px; }
.menu li .sub-sub-menu dt { line-height: 40px; border-left: 1px solid #f0efee; border-right: 1px solid #f0efee; border-bottom: 1px solid #f0efee; background-color: #fff; font-size: 14px; }
.menu li .sub-sub-menu dt a { display: block; padding-left: 25px; color: #666; background: url("../images/ico_ins_leftnavli.png") no-repeat 15px bottom; }
.menu li .sub-sub-menu dt.current a, .menu li .sub-sub-menu dt:hover a, .menu li .sub-sub-menu dt a:hover { color: #000; background: url("../images/ico_ins_leftnavli.png") no-repeat 15px top #EAEAEA; }
.menu li.current .sub-sub-menu1 { display: block; }
.menu li .sub-sub-menu1 { display: none; border-bottom: #eaeaea solid 1px; padding: 9px 0 18px; }
.menu li .sub-sub-menu1 dt { line-height: 60px; border-left: 1px solid #f0efee; border-right: 1px solid #f0efee; border-bottom: 1px solid #f0efee; background-color: #fff; }
.menu li .sub-sub-menu1 dt a { display: block; color: #666; background: url("../images/ico_ins_leftnavli.png") no-repeat 12px bottom; padding-left: 26px; height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu li .sub-sub-menu1 dt.current a, .menu li .sub-sub-menu1 dt:hover a, .menu li .sub-sub-menu1 dt a:hover { color: #fff; background: url("../images/ico_ins_leftnavli.png") no-repeat 12px top #C00; }
.border { border: #eaeaea solid 0px; }
.frams { float: right; width: 925px; }
.border { border: #eaeaea solid 0px; }
.fram-title { border-bottom: #DBDCDE solid 5px; padding: 8px 0 8px 0; position: relative; }
.fram-title span { display: inline-block; border-left: #005bac solid 5px; margin-left: 5px; height: 20px; line-height: 20px; font-size: 16px; font-weight: bold; padding-left: 20px; }
.fram-title .sub-menu { position: absolute; right: 31px; top: 12px; }
.fram-title .sub-menu a { color: #c8c8c8; }
.fram-title .sub-menu font { color: #888888; }
.fram-title .sub-menu em { font-family: "宋体", Arial; padding: 0 8px; color: #c8c8c8; font-style: normal; }
.sub_content { padding: 20px 10px 20px; min-height: 300px; }
.prosub_content { margin: 10px 0; }
.sub_info { line-height: 25px; padding: 15px 0px 0px 0px; min-height: 300px; font-size: 14px; }
.sub_info p { margin-bottom: 0px; }
.sub_info img { line-height: 0px; }
.sub_contact_left { padding: 15px 0px; line-height: 28px; background:#DBDCDE; }
.sub_contact_left a:link, .sub_contact_left a:visited { }
.sub_contact_left a:hover { color:#05284A; text-decoration: underline; }

.m_t { margin-top: 20px; }
.show_ct { padding: 20px 0px 0px; clear: both; height: 150px; overflow: hidden; }
.show_ct dl { margin: 0px 0px; width: 163px; text-align: center; overflow: hidden; float: left; display: inline; }
.show_ct dl img { overflow: hidden; border: 1px solid #CCCCCC; }
.show_ct dt a { border-image: none; display: inline-block; }
.show_ct dd a { font-size: 13px; line-height: 20px; }
.show_ct dt { overflow: hidden; }
.show_ct .to_lf { margin-top: 55px; }
.show_ct .to_rt { margin-top: 55px; }
.show_ct .to_lf { margin-right: 10px; }
.honor_ys { display: block; padding-left: 10px; }
/*右顶*/
.index_righttop { height: 44px; border-bottom: #DBDCDE solid 5px; }
.index_righttop .Path_t { width: 450px; height: 44px; float: left; margin-left: 0px; }
#breadcrumb-wrapper { width: 100%; height: 44px; line-height: 44px; }
#breadcrumb-wrapper li { color: #FFF; height: 44px; line-height: 44px; float: left; }
#breadcrumb-wrapper li a { color: #FFF; height: 44px; line-height: 44px; float: left; display: block; }
#breadcrumb-wrapper li:first-child .br-left { width: 5px; height: 44px; background: url(../images/br-left.png); float: left; }
#breadcrumb-wrapper li:first-child .br-mid { height: 44px; background: url(../images/br-mid.png); padding-left: 7px; float: left; height: 44px; line-height: 44px; }
#breadcrumb-wrapper li a .br-mid { color: #FFF; height: 44px; line-height: 44px; background: url(../images/br-mid.png); padding-left: 19px; float: left; position: relative; z-index: 1980; }
.br-right { width: 17px; height: 44px; background: url(../images/br-right.png); float: left; position: relative; z-index: 1990; margin-right: -10px; }
#breadcrumb-wrapper a:hover .br-left, #breadcrumb-wrapper a.active .br-left { background: url(../images/br-left-hover.png); }
#breadcrumb-wrapper a:hover .br-mid, #breadcrumb-wrapper a.active .br-mid { background: url(../images/br-mid-hover.png); height: 44px; line-height: 44px; color: #FFF; }
#breadcrumb-wrapper a:hover .br-right, #breadcrumb-wrapper a.active .br-right { background: url(../images/br-right-hover.png); }
.quick01 { width: 228px; float: right; height: 44px; }
.quick01 li { width: 34px; float: left; margin-left: 4px; }
.quick01 li a:hover img { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }

.bigpic img { max-width:100%; }
.bigpic { font-size:12px; }



.pro_tit {
        text-align: left;
        font-size: 20px;
        margin-bottom: 20px !important;
        border-bottom: 2px solid #ccc;
        margin-top: 30px !important;
        color: #124193;
        line-height: 32px !important;
        text-transform: uppercase;
    }
    
    .pro_tit span {
        display: inline-block;
        border-bottom: 2px solid #124193;
        font-size: 20px;
        line-height: 32px;
        margin-bottom: -2px;
    }
    
    .para {
        width: 100%;
        border-collapse: collapse;
    }
    
    .para td {
        padding: 6px;
        border: 2px solid #fff;
        font-size: 14px;
        background: #e7edf8;
        color: #333;
    }
    
    .para td p {
        margin: 0;
        padding: 0;
    }
    
    .paranormal tr:nth-child(odd) td {
        background: #d3def3;
    }
    
    .paranormal tr td {
        text-align: center;
    }
    
    .paraleft tr:nth-child(odd) td {
        background: #d3def3;
    }
    
    .para tr:first-child td,
    .para tr:first-child td p {
        background: #124193;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
    }
    
    .paraleft td {
        padding: 6px 3%;
    }
    
    .paraleft tr:first-child td,
    .paraleft tr:first-child td p {
        background: #d3def3;
        color: initial;
        font-weight: normal;
        font-size: 14px;
    }
    
    .paraleft tr td:first-child,
    .paraleft tr td:first-child p {
        background: #124193;
        color: #fff;
        font-size: 16px;
    }