@charset "utf-8";
@import url("reset.css") screen,
print;

/*首页 --start-- */

.top1 {
    width: 100%;
    height: 105px;
    overflow: hidden;
}

.top {
    width: 1200px;
    height: 71px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 20px;
}

.top .logo {
    width: 426px;
    height: 71px;
    margin-left: 15px;
}

.top .tel {
    /* margin-right: 50px; */
    margin-top: 20px;
    width: 430px;
    height: 65px;
    background: url(../images/4_09.png) 0 15px no-repeat;
}

.top .tel .wz1 {
    color: #3c3f40;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin-left: 60px;
}

.top .tel .wz2 {
    color: #bb070e;
    font-size: 26px;
    line-height: 36px;
    font-weight: bold;
    margin-left: 60px;
}

.nav1 {
    width: 100%;
    height: 50px;
    background: #0864c1;
}

.nav {
    width: 1200px;
    height: 50px;
    margin: 0 auto;
}

.nav ul {
    display: inline;
}

.nav ul li {
    float: left;
    width: 150px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
}

.nav ul li span {
    color: #fff;
    height: 20px;
    width: 1px;
    line-height: 50px;
    float: left;
}

.nav ul li a {
    color: #fff;
}

.nav ul li:hover,
.nav ul .on {
    background: url(../images/3_11.png) no-repeat;
}

.nav ul li.on>span,
.nav ul li:hover>span {
    display: none;
}

.banner {
    width: 100%;
}

.cp_btn {
    width: 1200px;
    height: 78px;
    margin: 40px auto 20px auto;
}

.cp_btn img {
    margin: 0 auto;
    display: block;
}

.ss {
    width: 1200px;
    height: 40px;
    margin: 20px auto 50px auto;
}

.ss span {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
}

.ss ul {
    display: inline;
}

.ss ul li {
    float: left;
    margin-left: 30px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
}

.ss ul li a {
    color: #323030;
}

.ss .ss2 {
    float: left;
    height: 40px;
    line-height: 40px;
    margin-left: 90px;
}

.ss .ss2 form {
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
}

.ss2 .sinput {
    display: inline-block;
    vertical-align: top;
    background: url(../images/s1.png) 0 5px no-repeat;
    height: 28px;
    width: 200px;
    line-height: 28px;
    border-left: 1px solid #707070;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
}

.ss2 .sbtn {
    display: inline-block;
    margin-left: 0;
}

.mtop58 {
    margin-top: 58px;
}

.s1_0 {
    width: 100%;
    height: auto;
    position: relative;
}

.s1 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.s1_bg {
    position: absolute;
    width: 296px;
    height: 175px;
    top: 297px;
    right: -80px;
    background: url(../images/s1_bg.png) no-repeat;
    z-index: -1;
}

.s1_left {
    width: 355px;
    height: auto;
    float: left;
}

.s1_left .s1_1 {
    width: 355px;
}

.s1_left .s1_1 .s1_top1 {
    width: 355px;
    height: 73px;
    background: url(../images/9_28.png) no-repeat;
}

.s1_left .s1_1 .s1_fl {
    margin-left: 34px;
    width: 318px;
    border-left: #0b98de solid 1px;
    border-right: #0b98de solid 1px;
    border-bottom: #0b98de solid 1px;
}

.s1_fl ul {
    width: 318px;
}

.s1_fl ul li {
    width: 210px;
    height: 35px;
    font-size: 14px;
    padding-left: 8px;
    margin-left: 36px;
    line-height: 35px;
    border-bottom: #42afe5 dotted 1px;
}

.s1_fl ul li:last-child {
    margin-bottom: 40px;
}

.s1_fl ul li a {
    color: #565454;
}

.s1_fl ul li:hover a {
    color: #08539F;
    font-weight: bold;
}

.s1_fl ul li.big {
    width: 230px;
    height: 35px;
    line-height: 35px;
    margin-left: 16px;
    padding-left: 25px;
    background: url(../images/+.png) 0 8px no-repeat;
    font-size: 18px;
}

.s1_fl ul li.big a {
    color: #151514;
}

.s1_left .s1_2 {
    width: 355px;
}

.s1_left .s1_2 .s1_top2 {
    width: 355px;
    height: 61px;
    background: url(../images/10_35.png) no-repeat;
}

.s1_left .s1_2 .s1_f2 {
    margin-left: 35px;
    width: 316px;
    border-left: #0b98de solid 1px;
    border-right: #0b98de solid 1px;
    border-bottom: #0b98de solid 1px;
}

.s1_f2 p.title {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    color: #0d0d0d;
}

.s1_f2 p.yb {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    color: #4e5558;
    background: url(../images/zip_s.png) 8px 5px no-repeat;
}

.s1_f2 p.tel {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    color: #4e5558;
    background: url(../images/tel_s.png) 8px 4px no-repeat;
}

.s1_f2 p.map {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    color: #4e5558;
    background: url(../images/map_s.png) 8px 10px no-repeat;
    margin-bottom: 5px;
}

.s1_right {
    width: 805px;
    height: auto;
    float: left;
    margin-left: 20px;
}

.s1_right .position {
    width: 805px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    border-bottom: 1px solid #08539f;
    margin-bottom: 38px;
}

.s1_right .position a {
    color: #000;
}

.s1_right .top_r {
    width: 805px;
    height: 51px;
    border-bottom: 1px solid #08539f;
    margin-bottom: 38px;
}

.s1_right .top_r ul {
    display: inline;
}

.top_r ul li {
    float: left;
    width: 138px;
    color: #08539f;
    text-align: center;
    font-size: 16px;
    height: 51px;
    line-height: 51px;
    background: url(../images/8_28.png) no-repeat;
}

.top_r ul li.on,
.top_r ul li:hover {
    color: #fff;
    background: url(../images/8_28_on.png) no-repeat;
}

.s1_right .top_r a {
    display: block;
    float: right;
    margin-right: 30px;
    height: 51px;
    line-height: 80px;
    color: #1a1919;
    font-size: 12px;
}

.s1_right .news_r {
    width: 805px;
    height: auto;
}

.news_r .head1 {
    font-size: 20px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 30px auto;
    text-align: center;
}

.news_r .head2 {
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    margin: 30px auto;
    text-align: center;
}

.news_r .content {
    font-size: 16px;
    line-height: 30px;
    margin: 30px auto;
}

.s1_right .cp_r {
    width: 805px;
    height: auto;
}

.news_r ul {
    width: 100%;
}

.news_r ul li {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.news_r ul li .newbt {
    color: #08539F;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    width: 80%;
    padding-left: 35px;
    background: url(../images/news_head.png) left 1.5px no-repeat;
}

.news_r ul li span {
    display: block;
    float: right;
    color: #000;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
}

.news_r ul li p {
    clear: both;
    width: 100%;
    color: #000;
    font-size: 14px;
    line-height: 30px;
}

.cp_r ul {
    display: inline;
}

.cp_r ul li {
    float: left;
    width: 167px;
    height: 202px;
    margin-bottom: 5px;
    margin-right: 44px;
}

.cp_r ul li div {
    width: 165px;
    height: 165px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #1296db;
}

.cp_r ul li div img {
    max-width: 165px;
    max-height: 165px;
}

.cp_r ul li p {
    width: 167px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #115dab;
    text-align: center;
	overflow:hidden;
}

.cp_r ul li:nth-child(4n) {
    margin-right: 0;
}

.s2 {
    width: 1200px;
    margin: 0 auto;
}

.s2 .s2_top1 {
    color: #3c3c3c;
    width: 340px;
    margin: 0 auto;
    font-size: 30px;
    text-align: center;
    height: 90px;
    line-height: 90px;
    background: url(../images/line.png) 40px 64px no-repeat;
}

.s2 .s2_top2 {
    color: #3c3c3c;
    width: 340px;
    margin: 0 auto;
    font-size: 30px;
    text-align: center;
    height: 90px;
    line-height: 90px;
    background: url(../images/line.png) 10px 64px no-repeat;
}

.s2 .s2_list {
    width: 1200px;
    margin: 0 auto;
}

.s2 .s2_list ul {
    display: inline;
}

.s2 .s2_list ul li {
    position: relative;
    float: left;
    width: 252px;
    height: 252px;
    margin-right: 62px;
    
}

.s2 .s2_list ul li:nth-child(4n) {
    margin-right: 0;
}

.s2 .s2_list ul li div{
    display: table-cell;
    width: 252px;
    height: 252px;
	text-align:center;
	vertical-align: middle;
}

.s2 .s2_list ul li img {
    max-width: 252px;
    max-height: 252px;
}

.s2 .s2_list ul li .sm {
    position: absolute;
    bottom: 0;
    width: 252px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #000;
    text-align: center;
    background: url(../images/sm_bg.png) repeat-x
}

.s3 {
    width: 100%;
    height: 144px;
    margin-top: 86px;
    margin-bottom: 86px;
    background: url(../images/12_41.png) center top no-repeat
}

.s4_0 {
    width: 100%;
    margin-bottom: 35px;
    background: url(../images/13_44.png) 0 120px no-repeat;
}

.s4_1 {
    width: 1200px;
    margin: 0 auto;
    height: 755px;
    margin: 0 auto;
}

.s4 {
    margin: 0 auto;
    width: 644px;
    height: 755px;
    background: url(../images/14_44.png) no-repeat;
}

.s5_0 {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.s5_top {
    width: 1200px;
    margin: 0 auto;
    height: 45px;
    line-height: 45px;
    margin-bottom: 30px;
    color: #0f1dba;
    font-size: 20px;
    padding-left: 26px;
    border-bottom: 1px solid #000;
}

.s5 {
    width: 1200px;
    margin: 0 auto;
}

.s5_0 .s5_bg {
    position: absolute;
    width: 321px;
    height: 440px;
    right: 0;
    top: -50px;
    z-index: -1;
    background: url(../images/pao.png) no-repeat;
}

.s5 ul {
    display: inline;
}

.s5 ul li {
    float: left;
    position: relative;
    width: 360px;
    height: 300px;
    margin-right: 60px;
    margin-bottom: 30px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 10px;
    overflow: hidden;
}

.s5 ul li:nth-child(3n) {
    margin-right: 0;
}

.s5 ul li img {
    max-width: 360px;
    max-height: 300px;
}

.s5 ul li a>div.sm {
    position: absolute;
    top: 0;
    color: #d35016;
    font-weight: bold;
    width: 360px;
    height: 300px;
    line-height: 300px;
    font-size: 20px;
    text-align: center;
}

.s5 ul li:hover a>div.sm {
    position: absolute;
    top: 85px;
    width: 360px;
    height: 130px;
    font-weight: normal;
    line-height: 130px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: url(../images/sm_bg2.png) repeat-x
}

.s6 {
    width: 100%;
    height: 1140px;
    margin-top: 100px;
    margin-bottom: 100px;
    background: url(../images/17_55.png) center top no-repeat;
}

.s7_0 {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 98px;
}

.s7_0 .s7_bg {
    position: absolute;
    width: 159px;
    height: 307px;
    top: -80px;
    right: 0;
    z-index: -1;
    background: url(../images/20_58.png) no-repeat;
}

.s7_top {
    width: 1200px;
    height: 76px;
    margin: 0 auto 60px auto;
    background: url(../images/18_58.png) center top no-repeat;
}

.sy_jj {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}

.sy_jj .nr {
    width: 590px;
    margin-left: 20px;
    margin-right: 60px;
    font-size: 14px;
    line-height: 30px;
}

.sy_jj .nr p {
    text-indent: 2em;
}

.sy_jj img {
    float: right;
}

.s8_0 {
    width: 100%;
    /* height: auto; */
    min-height: 320px;
}

.s8 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.s8 .s8_bg1 {
    position: absolute;
    width: 245px;
    height: 254px;
    left: -72px;
    top: 31px;
    z-index: -1;
    background: url(../images/news_bg.png) no-repeat;
}

.s8 .s8_bg2 {
    position: absolute;
    width: 296px;
    height: 195px;
    right: -278px;
    top: 195px;
    z-index: -1;
    background: url(../images/19_66.png) no-repeat;
}

.s8_news1 {
    width: 435px;
    height: auto;
    margin-left: 207px;
    float: left;
}

.s8_news2 {
    width: 435px;
    height: auto;
    margin-left: 90px;
    float: left;
}

.s8_news1 .news1_top,
.s8_news2 .news2_top {
    width: 354px;
    height: 73px;
    line-height: 53px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: url(../images/19_62.png) left top no-repeat;
}

.news1_list {
    width: 435px;
    height: auto;
}

.news1_list ul {
    width: 435px;
    height: auto;
}

.news1_list ul li {
    width: 435px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    border-bottom: #dcdcdc 1px dotted;
}

.news1_list ul li a {
    color: #302e2e;
}

.news1_list ul li span {
    display: block;
    float: right;
    height: 40px;
    line-height: 40px;
}

.footer_0 {
    width: 100%;
    height: 150px;
    margin-top: 80px;
    background-color: #0f5aa6;
    overflow: hidden;
}

.footer {
    width: 1200px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
}

.footer .f1 {
    margin-top: 45px;
    width: 360px;
    float: left;
    line-height: 45px;
    color: #fff;
    font-size: 14px;
    text-align: left;
}

.foot_nav {
    width: 676px;
    height: 40px;
    margin: 0 auto;
    margin-top: 15px;
}

.foot_nav ul {
    display: inline;
}

.foot_nav ul li {
    float: left;
    height: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
}

.foot_nav ul li span {
    color: #fff;
    height: 30px;
    width: 1px;
    line-height: 40px;
    float: left;
    padding: 0 10px;
}

.foot_nav ul li a {
    color: #fff;
}

.footer p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.foot_cp {
    float: left;
    margin-right: 15px;
    margin-top: 45px;
}

.foot_cp .big_fy {
    width: auto;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    background: url(../images/foot_line.png) left bottom repeat-x;
}

.foot_cp .big_fy a {
    color: #fff;
}

.foot_cp ul {
    margin-top: 10px;
    width: auto;
}

.foot_cp ul li {
    width: auto;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
}

.foot_cp ul li a {
    color: #fff;
}

.trans58 {
    /* make the div translucent */
    opacity: 0.58;
    /* Firefox, Safari(WebKit), Opera) */
    filter: "alpha(opacity=58)";
    /* IE 8 */
    filter: alpha(opacity=58);
    /* IE 4-7 */
    zoom: 1;
    /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
}


/*head --start--*/

.wrap {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}


/*友情链接 start*/


/*友情链接 end*/


/*首页 --end-- */


/*产品列表页 start*/


/*产品列表页 end*/


/*分页*/

.fenye1 {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-top: 30px;
    margin-bottom: 20px;
}

.fenye {
    font-size: 14px;
    display: inline-block;
}

.fenye a {
    display: block;
    border: 1px solid #08539f;
    padding: 0 2px;
    float: left;
    color: #08539f;
    margin-right: 5px;
    min-width: 15px;
}

.fenye a.thisclass,
.fenye a:hover {
    background-color: #08539f;
    border: 1px solid #fff;
    color: #fff;
}


/*上一页和下一页*/

.prepage,
.nxtpage {
    width: 100%;
    float: left;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
}

.prepage a,
.nxtpage a,
.prepage a:hover,
.nxtpage a:hover {
    color: #08539F;
}


/*新闻列表页 start*/


/*新闻列表页 end*/


/*详细页 start*/


/*详细页 end*/


/* 内页在线留言样式 */

.on_message {
    width: 898px;
    height: auto;
    overflow: hidden;
    background: url(../images/index_42.jpg) no-repeat bottom right;
    margin: 0 20px 40px 20px;
}

.contact_form {
    width: 320px;
    padding: 50px 20px 10px 20px;
    float: left;
    height: auto;
    margin-right: 400px;
}

.contact_form .name {
    width: 300px;
    height: 36px;
    padding-left: 10px;
    border: 1px solid #ddd;
    background: #fff;
    float: left;
}

.contact_form .tel {
    width: 300px;
    height: 36px;
    padding-left: 10px;
    border: 1px solid #ddd;
    background: #fff;
    float: left;
    margin: 10px 0;
}

.contact_form .e_mail {
    width: 300px;
    height: 36px;
    padding-left: 10px;
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: 10px;
    float: left;
}

.contact_form .infos {
    width: 300px;
    padding-left: 10px;
    height: 80px;
    border: 1px solid #ddd;
    float: left;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 24px;
}

.contact_form .btn {
    width: 120px;
    height: 40px;
    background: #e06704;
    color: #fff;
    border: none;
    float: left;
    cursor: pointer;
    font-size: 16px;
    margin-right: 10px;
}

.contact_form p {
    line-height: 20px;
    color: #666;
}

.contact_form .validate {
    width: 60px;
    height: 36px;
    padding-left: 10px;
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: 10px;
    float: left;
    text-transform: uppercase;
}


/* 在线留言样式结束 */