﻿@charset "utf-8";
/* CSS Document */


/* header start */
#header { margin: 0 auto; padding: 0px 13px; width: 1200px; height: 100px; }
#logo { margin-top: 10px; margin-left: 10px; width: 300px; height: 80px; overflow: hidden; }
#topr { margin: 60px 10px 0 0; width: 430px; height: auto; overflow: hidden; text-align: right; }
#language { padding-left: 50px; height: 20px; color: #333; font: 11px/20px "Arial"; }
    #language a { color: #333; font: 11px/20px "Arial","SimSun"; -webkit-text-size-adjust: none; }
        #language a:hover { color: #012f7a; text-decoration: underline; }
    #language span { margin: 0 8px; }
/* header end */
/* nav start */
#nav_box { height: 40px; background: #013474; }
#navnav { margin: 0 auto; width: 1180px; height: 40px; }
#nav { width: 740px; height: 40px;position:relative; }
    #nav ul { margin: 0; padding: 0; }
        #nav ul li { float: left; display: block; margin-right: 1px; }
            #nav ul li a { display: block; padding: 0 25px; color: #a1dcf5; font: 14px/40px "Arial"; }
                #nav ul li a:hover, #nav ul li a.current { color: #fff; }
            #nav ul li .last { background: none; }


            #nav ul li .sub_list { position: absolute; top: 39px; display: none; width: 200px; background: #fff; z-index: 999; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; }
                #nav ul li .sub_list ul { margin: 0; padding: 0; }
                    #nav ul li .sub_list ul li { float: left; display: block; width: 200px; height: 30px; text-align: center; }
                        #nav ul li .sub_list ul li a { display: block; width: 150px; height: 30px; color: #333; font: 13px/30px "Microsoft YaHei";background: #eeeeee; }
            #nav ul li ul li a:hover { background: #013474; color: #fff; }














#search { width: 185px; margin-top: 7px; height: 26px; background: url(../images/search_bg.jpg) 0 0 no-repeat; }
    #search input { float: left; }
.inp_srh { width: 160px; height: 26px; line-height: 26px; text-indent: 5px; border: none; background: url(../images/search_bg.jpg) 0 0 no-repeat; }
.btn_srh { width: 25px; height: 26px; line-height: 26px; border: none; cursor: pointer; color: #fff; font-size: 12px; text-indent: -5000px; background: url(../images/search_bg.jpg) -160px 0 no-repeat; }
#search * { vertical-align: middle; }
/* nav end */
/* content start */
.content_box { width: 100%; height: auto; padding-bottom: 20px; overflow: hidden; background: #f2f2f2; position: relative; z-index: 1; }
.green_box { width: 100%; padding: 5px 0; height: auto; overflow: hidden; background: #013474; color: #fff; font: 14px/30px "Arial"; text-align: center; }
    .green_box span { font-size: 20px; }
.content_box .con { margin: 0 auto; width: 1200px; height: 310px; overflow: hidden; background: #fff; }
    .content_box .con .con1 { width: 1200px; height: auto; overflow: hidden; background: url(../images/280.jpg) repeat-y left top; position: absolute; z-index: 9; margin-top: 0px; }
.more { width: 120px; height: 40px; text-align: center; background: #f6f6f6; color: #333; font: 14px/40px "Arial"; }
    .more a { color: #333; }
.about_l { width: 280px; height: 80px; padding: 20px 0; background: #0d6ee9; text-align: center; }
.about_r { width: 880px; height: 120px; overflow: hidden; text-align: left; }
.tit1 { margin-bottom: 10px; height: 40px; background: url(../images/tit1_bg.jpg) repeat-x left center; }
    .tit1 h2 { color: #235aa6; font: bold 20px/40px "Arial"; background: #fff; width: 150px; height: 40px; }
.about_con { margin-right: 10px; color: #333; font: 12px/25px "Arial"; text-align: left; }

.tit2 { margin-top: 20px; padding: 0px 20px 40px; width: 240px; height: 90px; overflow: hidden; }
    .tit2 h2 { width: 238px; height: 88px; color: #fff; font: bold 30px/88px "Arial"; border: 1px solid #fff; text-align: center; }
.use { margin-top: 20px; width: 900px; height: 130px; overflow: hidden; }
.fangan { width: 900px; height: auto; overflow: hidden; }
    .fangan ul { margin: 0; padding: 0; }
        .fangan ul li { float: left; display: block; margin: 0 25px 0 20px; }
.pic { width: 105px; height: 90px; }
.namefa { margin-top: 5px; width: 105px; text-align: center; color: #fff; font: bold 12px/16px "Arial"; }
    .namefa a { color: #014aa6; font: bold 13px/16px "Arial"; }
        .namefa a:hover { text-decoration: underline; color: #f60; }

.w1200px { margin: 0 auto; width: 1200px; height: auto; overflow: hidden; }
.tit3 { height: 50px; background: url(../images/tit3_bg.png) no-repeat center; text-align: center; color: #235aa6; font: bold 22px/50px "Arial"; }
.pro { margin-top: 25px; height: auto; overflow: hidden; }
    .pro ul { margin: 0; padding: 0; }
        .pro ul li { float: left; display: block; margin: 0 4px; width: 190px; height: 170px; overflow: hidden; border: 1px solid #014aa6; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.proimg { padding: 5px; width: 180px; height: 130px; overflow: hidden; }
.proname { width: 190px; height: 30px; overflow: hidden; text-align: center; background: #014aa6; display: block; }
    .proname a { color: #fff; width: 190px; height: 30px; font: bold 13px/30px "Arial"; background: #014aa6; display: block; }
        .proname a:hover { background: #0d6ee9; }
/* content end */
/* footer start */
.footer_box { margin-top: 20px; width: 100%; padding: 20px 0; height: auto; overflow: hidden; background: #323232; }
.footer { margin: 0 auto; width: 1200px; height: auto; overflow: hidden; }
    .footer dl { float: left; display: block; margin-right: 50px; width: 200px; height: auto; overflow: hidden; }
        .footer dl dt { margin-bottom: 10px; height: 30px; border-bottom: 1px solid #666; color: #fff; font: 16px/30px "Arial"; }
        .footer dl dd { color: #999; font: 12px/20px "Arial"; }
            .footer dl dd a { color: #999; font: 12px/20px "Arial"; }
                .footer dl dd a:hover { color: #0d6ee9; }
.quick { margin-top: 15px; padding: 10px 0; width: 248px; height: auto; overflow: hidden; border: 1px solid #666; background: #222; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
    .quick img { margin-left: 8px; }
/* footer end */
/* copyright start */
.copy_box { padding: 15px 0; border-top: 1px solid #555; background: #242424; color: #fff; font: 12px/20px "Arial"; }
    .copy_box span { color: #00a2e9; }
/* copyright end */
