﻿@charset "utf-8";

/* CSS Document */
*{ margin:0 auto; padding:0;}

body{ color:#000; font-size:12px; line-height:22px; font-family:"Microsoft YaHei"; min-width: 1200px;}
ul,li{ list-style:none; margin-bottom: 0;}
img{ border:none; }
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none; color: #12326F !important; }
i{ font-style:normal;}
dl,dd,p{ margin-bottom: 0;}
input,textarea,select{ outline:none; font-family:"Microsoft YaHei";}
h1,h2,h3,h4,h5,h6{ font-style:normal; font-weight:normal; list-style:none; padding: 0; margin: 0;}
.clear{ clear:both;}

.container-fluid:after{ content: ""; display: block; clear: both;}
.container:after{ content: ""; display: block; clear: both;}




.header{ width: 100%; margin: 0 auto; position: relative; background: url("../images/top_bj.jpg") top center no-repeat; height: 195px; z-index:9999999999;}
.header_top{ width: 100%; margin: auto; }
.header_middle{ width: 1110px; margin: 0 auto;}

.logo{ float: left; height: 72px; margin-top: 42px;}
.logo img{ height: 72px;}

.header_text{ float: left; margin-top: 66px; margin-left: 25px;}
.header_text span{ font-family: "宋体"; font-weight: bold; font-size: 36px; line-height: 36px; color: #000;}

.header_search{ width: 272px; height: 38px; float: right; margin-top: 70px; background: #fff; border-radius: 2px;}
.header_sr{ width: 220px; float: left; height: 36px; border: none; padding: 0 5px; line-height: 38px;}
.header_image{ width: 19px; height: 19px; float: right; margin-right: 5px; margin-top: 8px; cursor: pointer;}


/*导航*/


.head_nav{  float: left; height:50px; line-height:50px;width: 100%; margin-top: 30px;font-size: 16px;}
.head_nav ul li{ float: left; position: relative; padding:0 10px; margin-right: 0px; text-align: center; background: url("../images/nav_sg.jpg") right center no-repeat;}
.head_nav ul li .fa_link{ line-height: 50px; font-size: 16px; color: #333;}
.head_nav ul li:last-child{ background: no-repeat;}
.head_nav ul li:hover .fa_link{ color: #253e79;}

.navTwo{ display: none; width: 100%; position: absolute; top: 100%; left: 0; background: #fff; box-shadow: 0 0 10px #ccc; z-index: 9999999;}
.navTwo dd{ width: 100%; float: left;}
.navTwo dd a{ font-size: 14px; line-height: 36px; color: #333;}
.navTwo dd:hover{ background: #ddd;}


/*banner*/
.banner{ width: 100%; margin: 0 auto;}
.slideBox{ width:100%; overflow:hidden; position:relative;  }
.slideBox .hd{  width: 100%; overflow:hidden; position:absolute; left: 0; bottom:10px; z-index:1; text-align: center; }
.slideBox .hd ul{ overflow:hidden; zoom:1; margin:auto;  display: inline-block; text-align: center;  }
.slideBox .hd ul li{ display: inline-block; float:left;  width:30px; height:4px; margin: 0 10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00;  }
.slideBox .bd{ float: left; position:relative; z-index:0;  width: 100%;  }
.slideBox .bd li{ width: 100%; float: left; zoom:1;  }
.slideBox .bd img{ width: 100%; display:block;  }


.index_middle{ width: 1110px; margin: 40px auto;}

.index_div{ width: 100%; float: left; margin-bottom: 30px;}
.index_div_title{ width: 100%; line-height: 30px; position: relative; float: left; height: 30px;}
.index_div_title span{ display: block; float: left; font-size: 24px; color: #000; background: #fff; position: relative; z-index: 1; padding-right: 5px; letter-spacing: 5px;}
.index_div_title a{ display: block; float: right; background: #fff; position: relative; z-index: 1; padding-left: 5px; font-size: 16px; color: #999;}
.index_div_i{ width: 100%; height: 1px; background: #ddd; position: absolute; left: 0; top: 15px;}

.index_div_left{ width: 742px; float: left;}
.index_div_lb{ width: 385px; height: 280px; float: left; margin-top: 25px;}
.slideTwo{ width:100%; overflow:hidden; position:relative;  }
.slideTwo .hd{  width: 100%; overflow:hidden; position:absolute; left: 0; bottom:5px; z-index:1; text-align: center; }
.slideTwo .hd ul{ overflow:hidden; zoom:1; float:right;   }
.slideTwo .hd ul li{ display: inline-block;  width:15px; height:15px; margin: 0 2px; line-height:14px; text-align:center; background:#6B6567; cursor:pointer; color: #fff; }
.slideTwo .hd ul li.on{ background:#FE7D06;  color: #fff; }
.slideTwo .bd{ float: left; position:relative; z-index:0;  width: 100%;  }
.slideTwo .bd li{ width: 100%; float: left; zoom:1;  }
.slideTwo .bd img{ width: 100%; display:block;  height:280px; }




.index_div_wz{ width: 340px; float: right; margin-top: 25px;}
.index_div_list{ width: 100%; float: left;}
.index_div_list ul li{ width: 100%; float: left; border-bottom: dashed 1px #ccc;}
.index_div_list ul li a{ display: block; float: left; width: 80%;  color: #333; font-size: 16px;}
.index_div_list ul li span{ display: block; float: right;  line-height: 35px; color: #999; font-size: 16px;}


.index_div_right{ width: 340px;  float: right; }
.index_div_wztwo{ width: 100%; float: left; margin-top: 25px;}

.index_div_kw{ width: 100%; float: left; margin-top: 25px; overflow: hidden;}
.index_div_kw ul{ float: left; width: 800px;}
.index_div_kw ul li{ width: 220px; height: 280px; border: solid 1px #CECECE; float: left; margin-right: 38px;}
.index_div_link{ width: 46px; height: 278px; margin: 1px; float: left; background: #E9E9E9; text-align: center;}
.index_div_link a{ display: block; margin-top: 80px; line-height: 30px;  color: #666; font-size: 18px;}

.index_div_pic{ width: 140px; float: right; margin-right: 16px; margin-top: 18px; text-align: center;}
.index_d;iv_pic img{ width: 100%; border: solid 1px #D2D3CE;}
.index_div_pic a{ display: block; color: #000; font-size: 16px; line-height: 22px; margin-top: 20px;}

.index_div_yqlj{ width: 100%; float: left; margin-top: 26px;}
.index_div_yqlj ul{ width:100%; float:left;}
.index_div_yqlj ul li{ float:left; width:24%; margin-left:1%;}
.index_div_yqlj ul li a{ font-size: 15px; color: #666; line-height: 26px;}

 

.footer{ width: 100%; margin: 0 auto; position: relative;}
.footer_top{ height: 258px; width: 100%; float: left; background: url("../images/foot_bj.jpg") top center no-repeat; border-bottom: solid 1px #111A21;}
.footer_top_middle{ width: 1110px; margin: 0 auto; position: relative;}
.foot_logo{ width: 283px; height: 90px; float: left; margin-top: 100px;}

.foot_share{ width: 300px; float: left; margin-top: 105px; margin-left: 170px;}
.foot_share ul li{ width:67px; float: left; text-align: center; margin-right: 10px; }
.foot_share ul li a{ font-size: 14px; color: #b7b7b7; line-height: 24px;}
.foot_share ul li a:hover{ color: #fff !important;}


.foot_contact{ width: 318px; float: right;}
.foot_contact_top{ width: 100%; float: left; height: 64px; background: url("../images/tel_l.png") left center no-repeat; margin-top: 75px;}
.foot_contact_top span{ display: block; color: #fff; font-size: 16px; line-height: 22px; margin-left: 85px;}
.foot_contact_top span i{ font-size: 12px; color: #666; line-height: 22px; }
.foot_contact_top p{ display: block; margin-left: 85px; color: #fff; font-size: 24px; line-height: 24px; margin-top: 10px;}

.foot_contact_bottom{ width: 100%; float: left; border-top: dotted 1px #999; margin-top: 15px; color: #999; font-size: 12px; line-height: 24px; padding-top: 10px;}


.footer_bottom{ width: 100%; float: left; height: 46px; background: #000;}
.footer_middle{ width: 1110px; margin: 0 auto; font-size: 16px; color: #b7b7b7; line-height: 46px; text-align: center;}


.index_c {
    width: 1110px;
}


.top_share {
    float: right;
    text-align: center;
}

.top_share ul {
    width: 100%; float: left;
}

.top_share ul li { margin-top: 10px;
    float: left;
    width: 25px; height: 25px;
    margin-left: 10px;
}

.top_share ul li img {
    float: left;
}

.index_info_c {
    width: 100%;
    float: left;
    margin-top: 32px;
    overflow: hidden;
    padding-bottom: 100px;
}

.index_info_left {
    width: 810px;
    float: left;
}

.index_info_right {
    width: 266px;
    float: right;
}


.site_container {
    width: 1200px;
    margin: auto;
}

.index_m {
    background: #fff;
}


.m-c {
    width: 1200px;
    margin: auto;
}

.footer{ width:100%; overflow:hidden}


/*2right*/
.index_info_r1{ width:100%; float:left; background:#F6F6F6; position:relative; }
.index_right_pic{ width:110px; float:left; margin:0px;}
.index_book_info{ width:125px; float:right; margin-right:18px; margin-top:30px;}
.index_info_r1 i{ display:block; width:100%; height:16px; position:absolute; bottom:-16px; left:0;}




/*1right*/
.index_info_right_tit{ color:#000; line-height:50px; font-size:18px; font-weight:bold}
.index_info_r2{ width:100%; float:left; background:#F3F8FE; padding-bottom:20px;}
.index_info_list{ width:90%; float:left; margin-left:5%; padding-top:28px; border-bottom:solid 1px #ccc; padding-bottom:5px;}
.index_info_list .index_select{ width: 100%; float: left; margin-top:20px; margin-bottom:50px}
.index_info_list .index_select .select_s{ width: 100%; height: 36px; float: left; border: solid 1px #003469;overflow: hidden; color: #666;}
.index_info_list h2{width:100%;display:block;float:left;font-size:18px;color:#666;font-weight:bold;}
.index_info_list ul{ width:100%; float:left; margin-top:20px;}
.index_info_list ul li{ width:100%; float:left; margin-bottom:10px;}
.index_info_list ul li h3{ width:100%; float:left; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#004b9a; font-weight:bold; font-size:14px}

.inselect{ float:left; width:250px; margin-bottom:20px; overflow:hidden}
.inselect h2{ font-size:18px; color:#000; font-weight:bold; line-height:36px; float:left; width:100px}
.inselect .select_s{width: 150px; height: 36px; float: right; border: solid 1px #003469; overflow: hidden; color: #666;}
.inselectinput_image{ width: 100%; height: 38px; float: left;  cursor: pointer; margin-bottom:20px}
