* {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
}
a { text-decoration: none; }
img { border: 0; }
ul,ol { list-style: none; }

/* ===== head ===== */
.head_bg { width: 100%; height: 100px; background-color: #ececec; }
.head_box { width: 1200px; height: 100px; margin: 0 auto; }
.head_logo { width: 270px; text-align: center; float: left; }
.head_logo img { margin-top: 40px; }
.head_domain { width: 930px; float: left; }
.head_messige { width: 930px; margin-right: 10px; text-align: right; }
.head_messige span { margin: 0 10px; font-size: 12px; }
.head_messige span a { color: #2c2c2c; }
.head_messige span a:hover { color: #2568ab; }
.head_nv { margin: 39px 0 2px 0; font-family: Arial; float: right; }
/* ===== nv ===== */
.mynav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
}
.mynav li:not(:last-child) { margin-right: 20px; }
.mynav a {
    display: block;
    font-size: 20px;
    color: black;
    text-decoration: none;
    padding: 7px 15px;
}
.target {
    position: absolute;
    border-bottom: 2px solid transparent;
    z-index: -1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
}
.mynav a,
.target {
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
/* ===== slide ===== */
.slide_bg { width: 100%; height: 410px; }
.slide_box { width: 1200px; margin: 0 auto; }

/* ===== banner ===== */
.bann_box { width: 100%; height: 200px; margin-top: 2px; background: url("/images/caict-en_bann04.jpg") repeat-x; }

/* ===== path ===== */
.path_bg { width: 100%; height: 80px; background-color: #f5f5f5; }
.path_box { width: 1200px; margin: 0 auto; }
.path_box span { margin-left: 20px; font-size: 14px; line-height: 80px; color: #333; }
.path_box span a { color: #999; }
.path_box span a:hover { color: #1889c8; }

/* ===== page ===== */
.pagemain_box { width: 1200px; height: 100%; margin: 0 auto; }
.pagemain_left { width: 280px; margin-top: 10px; float: left; }
.pagemain_nv_tit { width: 260px; height: 60px; font-family: Arial; font-size: 30px; color: #393c40; line-height: 60px; display: block; }
.pagemain_nv2_tit { width: 300px; height: 60px; font-family: Arial; font-size: 30px; color: #393c40; line-height: 60px; display: block; }
.pagemain_nv { width: 260px; font-size: 20px; color: #4e5355; }
.pagemain_nv2 { width: 300px; font-size: 14px; color: #4e5355; }
.pagemain_nv ul { margin: 0; }
.pagemain_nv2 ul { margin-top: 10px; }
.pagemain_nv li { width: 260px; height: 60px; font-family: Arial; font-weight: bold; color: #2568ab; line-height: 60px; border-bottom: 1px dashed #e2e2e2; display: block; }
.pagemain_nv2 li { width: 300px; height: 60px; font-family: Arial; font-weight: bold; color: #2568ab; display: block; }
.pagemain_nv li a { font-weight: normal; color: #4e5355; }
.pagemain_nv2 li a { font-weight: normal; color: #4e5355; }
.pagemain_nv li a:hover { width: 260px; height: 60px; background-color: #f5f5f5; color: #999999; display: block; }
.pagemain_nv2 li a:hover { width: 300px; height: 60px; color: #999999; }
.pagemain_right { width: 920px; margin-top: 10px; float: left; }
.pagemain_right2 { width: 880px; margin-top: 10px; float: left; }
.pagemain_right3 { width: 1000px; margin-top: 10px; }
.pagemain_list { width: 800px; font-size: 16px; }
.pagemain_list ul { margin-left: 50px; }
.pagemain_list li { width: 800px; height: 80px; padding-left: 60px; font-family: Arial; background: url("/images/"/images/bookico.png"") no-repeat 0px 16px; border-bottom: 1px solid #dddddd; }
.pagemain_list li span { font-family: Arial; font-size: 16px; padding-top: 20px; display: block; }
.pagemain_list li span a { color: #4f4f4f; }
.pagemain_list li span a:hover { color: #2c2c2c; text-decoration: underline; }
.pagemain_list li p { font-family: Arial; font-size: 14px; color: #999999; margin-top: 8px; display: block; }

.pagemain_list2 { width: 1000px; font-size: 16px; }
.pagemain_list2 ul { margin-left: 50px; }
.pagemain_list2 li { width: 1000px; height: 80px; padding-left: 60px; font-family: Arial; background: url("/images/"/images/bookico.png"") no-repeat 0px 16px; border-bottom: 1px solid #dddddd; }
.pagemain_list2 li span { font-family: Arial; font-size: 16px; padding-top: 20px; display: block; }
.pagemain_list2 li span a { color: #4f4f4f; }
.pagemain_list2 li span a:hover { color: #2c2c2c; text-decoration: underline; }
.pagemain_list2 li p { font-family: Arial; font-size: 14px; color: #999999; margin-top: 8px; display: block; }

.pagemain_fine { width: 800px; height: 100%; }
.pagemain_fine_tit { width: 800px; margin: 20px 0 10px 50px; }
.pagemain_fine_tit h { height: 40px; font-family: Arial; font-size: 18px; text-align: center; display: block; }
.pagemain_fine_tit span { height: 30px; font-family: Arial; font-size: 14px; color: #999999; text-align: center; border-bottom: 1px solid #999999;  display: block; }
.pagemain_fine_tit p { margin-top: 20px; font-family: Arial; font-size: 16px; line-height: 36px; display: block; }

.pagemain_ex { width: 800px; margin: 10px auto; }
.pagemain_ex span { width: 800px; height: 30px; font-family: Arial; font-size: 18px; float: left; }
.pagemain_ex section { width: 800px; height: 220px; margin-top: 10px; }
.pagemain_ex section ul { margin: 0; }
.pagemain_ex section li { width: 125px; height: 200px; margin: 10px; float: left; }
.pagemain_ex section img { width: 125px; height: 170px; margin: 0; }
.pagemain_ex section span { width: 125px; height: 30px; font-family: Arial; font-size: 14px; line-height: 30px; text-align: center; display: block; }

.pagemain_le { width: 800px; margin: 10px auto; }
.pagemain_le span { width: 800px; height: 30px; font-family: Arial; font-size: 18px; }
.pagemain_le section { width: 800px; height: 220px; margin-top: 10px; }
.pagemain_le section ul { margin: 0; }
.pagemain_le section li { width: 200px; height: 170px; margin: 10px; height: 200px; float: left; }
.pagemain_le section img { width: 125px; height: 170px; margin: 0; }
.pagemain_le section span { width: 125px; height: 30px; font-family: Arial; font-size: 14px; line-height: 30px; text-align: center; display: block; }

.pagemain_or { width: 800px; margin: 10px auto; }
.pagemain_or h { width: 600px; height: 60px; font-family: Arial; font-size: 36px; color: #2568ab; line-height: 60px; border-bottom: 2px solid #4e5355; display: block; }
.pagemain_or span { width: 500px; height: 50px; margin-top: 20px; font-family: Arial; font-size: 24px; line-height: 50px; border-bottom: 1px solid #999999; display: block; }
.pagemain_or ul { margin-top: 20px; }
.pagemain_or li { width: 800px; height: 50px; font-family: Arial; font-size: 18px; color: #4e5355; }
.pagemain_or li a { color: #4e5355; }
.pagemain_or li a:hover { color: #1889c8; }

/* ===== researches ===== */
.res_bg { width: 100%; height: 460px; background-color: #ededed; }
.res_box { width: 1200px; margin: 0 auto; font-family: Arial; }
.res_block { width: 400px; margin-top: 20px; text-align: center; float: left; }
.res_block h { font-size: 24px; font-weight: bold; margin: 5px 0; display: block; }
.res_block h a { color: #000; }
.res_block h a:hover { color: #2568ab; }
.res_block img { margin: 5px; }
.res_block h2 { width: 320px; margin-left: 40px; font-size: 16px; font-weight: normal; text-align: left; display: block; }
.res_block h2 a { color: #000; }
.res_block h2 a:hover { color: #1889c8; }
.res_block span { width: 320px; margin:5px 0 5px 40px; font-size: 14px; color: #4f4f4f; text-align: left; display: block; }

/* ===== IP ===== */
.ip_box { width: 1200px; height: 100%; margin: 20px auto; }
.ip_box img { margin: 10px 0 10px 20px; }
.ip_box ul { width: 1100px; margin: 0 auto; }
.ip_box li { width: 1100px; padding: 10px; border-bottom: 1px dashed #e2e2e2; }
.ip_box li h { margin: 10px 0; font-family: Arial; font-size: 18px; display: block; }
.ip_box li h a { color: #000; }
.ip_box li h a:hover { color: #e00d0d; }
.ip_box li span { margin-top: 20px; font-family: Arial; font-size: 16px; color: #4f4f4f; display: block; }

/* ===== bottom ===== */
.bo_bg { width: 100%; height: 300px; margin-top: 10px; background-color: #4c4c4c; float: left; }
.bo_box { width: 1200px; margin: 20px auto; }
.bo_box_nv { height: 50px; margin-left: 20px; padding-top: 20px; }
.bo_box_nv ul { font-family: Arial; }
.bo_box_nv li { height: 40px; margin: 0 20px; font-size: 16px; line-height: 40px; text-align: center; float: left; }
.bo_box_nv li a { color: #fff; }
.bo_box_nv li a:hover { color: #ef3030; }
.bo_box_messige { width: 1180px; height: 160px; margin: 0 auto; border-bottom: 1px solid #fff; }
.bo_box_copyright { width: 1180px; margin: 10px auto; }
.bo_box_copyright span { font-family: Arial; font-size: 12px; color: #fff; margin-left: 20px; }
.bo_box_copyright img { margin: 10px 20px 0 0; float: right; }