﻿body {
    background: #fff !important;
}
.w1200{width: 1200px; margin: 0 auto;}
.banner{
    background: url(../images/banner.png) top center no-repeat;
    height: 1057px;
    position: relative;}
    
.mobile_banner {
        display: none;
    }

.start-btn{float: right;display: block; margin-top: -65px; width: 280px; height: 48px; background: url(../images/link_btn.png) no-repeat; background-size: 100%;}

.title_01{ height: 48px; margin-top: 20px; margin-bottom: 10px; background: url(../images/title_bg.png) center bottom no-repeat;}

.wenzi{background: #eee; padding: 20px 30px; border-radius: 8px;}
.wenzi a{color: #0f3fca; text-decoration: underline;}
.wenzi p{font-size: 16px; color: #333; line-height: 30px; text-indent: 2em;}
.wenzi h2{display: block; padding: 20px 0; width: 221px; height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; color: #0f3fca; background: url(../images/icon_wenzi_h2.png) center no-repeat;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
}
.wenzi h2 em{float: left; width: 75px; color: #fff; text-align: center;margin-left: 18px;}

.p2_con{position: relative; z-index: 10;}
.p4_con{margin-bottom: 30px;}
.p5_con{ background: url(../images/h2_message.png) #eee center top no-repeat; padding-top: 172px;}
.p6_con{ background: url(../images/h2_views.png) #fff center top no-repeat; padding-top: 172px;}

.mb30 {
    margin-bottom: 30px;
}
.messageBox {
    position: relative;
}
.messageBox .blue{
    font-size: 16px;
    color: #333;
    font-weight: 600;
    line-height: 48px;
    width: 110px;
    text-align: center;
    float: left;
    font-style: normal;
}
.messageBox select,.messageBox input{
    height: 48px;
    line-height: 48px;
    background: #fff;
    border: none;
    padding: 0 25px;
    font-size: 16px;
    width: 230px;
}
.messageBox select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../images/right-select.png") no-repeat center right 20px #fff;
    width: 280px;
}
.messageBox .line1{overflow: hidden;}
.messageBox .line1 span{display: inline-block;}

.messageBox .line3 textarea {
    width: 1017px;
    height: 120px;
    padding: 20px 25px;
    background: #fff;
    border: none;
    font-size: 16px;
}

.tips{font-size: 14px; color: #cc0000; padding-left: 110px; margin-top: 10px;}

.line2{}
.jianyan{float: left;width: calc(100% - 120px);}
.jianyan span{display: inline-block;
    width: 30%;
    height: 42px;
    margin-right: 14px;
    margin-bottom: 10px;
    padding: 0 10px;
    float: left; border: 1px solid #d8d8d8; background-color: #fff; line-height: 42px; color:#333; font-size: 16px; cursor: pointer; border-radius: 4px;}

.jianyan span.chooseActive{background: url(../images/icon_chooseActive.png) #fff right bottom no-repeat; border-color: #0f3fca;}

.line4{}
.line4 input{float: left; margin-right: 10px;}
.line4 img{float: left;}
.line6{text-align: center;}
.line6 a{display: inline-block; margin: 0 auto; border-radius: 5px; font-size: 18px; color: #fff; background-color: #0f3fca; line-height: 42px; padding: 0 65px;}
.line7 input{width: 1018px;}

/* views */
.jdz_pt-content{
    overflow: hidden;
     margin-top: 15px;
 }
  .jdz_pt-content  .pt_bga{
     width: 216px;
     height: 481px;
     background: url(../images/20201207_pt_bg1.png)  no-repeat;
     padding: 20px;
     margin-left: 26px;
     margin-right: 15px;
     box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
 }
  .pt_bga .pt_3a .tit{
     font-size: 18px;
     font-weight: bold;
     color: #4a4a4a;
 
 }
  .pt_bga .pt_3a span{
     display: block;
     font-size: 14px;
     line-height: 30px;
     color: #999999;
 }
 .pt_bgb .pt_box3a .tit{
     font-size: 18px;
     font-weight: bold;
     color: #FFFFFF;
 
 }
  .pt_bgb .pt_box3a span{
     display: block;
     font-size: 14px;
     line-height: 30px;
     color: #FFFFFF;
 }
  .pt_bga .agfzn_font_a p{
     width: 100%;
     height: auto;
     font-size: 15px;
     line-height: 30px;
     display: block;
     text-indent: 2em;
     margin-top: 10px;
     text-align: justify;
 }
  .pt_bga .agfzn_font_a p a{
     color: #b6231d;
     font-size: 15px;
 }
  .jdz_pt-content  .pt_bgb{
     width: 216px;
     height: 481px;
     background: url(../images/20201207_pt_bg2.png)  no-repeat;
     padding: 20px;
     margin-left: 26px;
     margin-right: 15px;
     box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
 }
 .pt_bgb .box3a .tit{
     font-size: 21px;
     font-weight: bold;
     color: #FFFFFF;
     text-decoration: underline;
 
 }
  .pt_bgb .box3a span{
     display: block;
     font-size: 14px;
     line-height: 30px;
     color: #FFFFFF;
 }
 .pt_bgb .agfzn_font_a p{
     width: 100%;
     height: auto;
     font-size: 15px;
     line-height: 30px;
     display: block;
     text-indent: 34px;
     margin-top: 10px;
     color: #FFFFFF;
 }
  .pt_bgb .agfzn_font_a p a{
     color: #0a3d64;
     font-size: 15px;
 }
 .m-more{text-align: center;border-bottom: 1px solid #eee; padding-bottom: 20px;}
 .m-more a {color: #444444;font-size: 16px;}
 .m-more a:hover {color: #ff331c;}

.slide{position: fixed; top: 160px; right:8px; z-index: 100;}
.slide li{text-align: center; background-color: #fff;}
.slide li img{padding: 5px; width: 112px; height: 112px; background-color: #fff; border: 1px solid #dedede;box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;}
.slide li p{line-height: 32px;font-size: 12px;line-height: 18px;
    font-size: 12px;
    padding-bottom: 12px;}

/* xl */
.dh-ame{ margin:0 auto; width:100%; height:34px;  line-height:34px;  overflow:hidden;  color:#C53C38;   font-size:18px;   padding:20px 0px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
}
.dh-ame span{padding:0 10px; }
.dh-ame a{ color:#C53C38;  font-size:18px;}

.box3ny{ margin: 0 auto; width:1200px;  height:auto;}
.box3nyk{margin: 0 auto 20px; width:1160px;  height:800px;  padding:40px 20px 20px 20px; background:#F4F8FB; }

.box3_2nybox{ margin: 0 auto; width:1200px;  height:auto; clear:both; margin-bottom:50px; }

.box3_2ny{ margin: 0 auto; width:1200px;  height:auto; overflow: hidden;}
.box3_2ny_l{ float:left; width:150px;  line-height:60px; text-align:center; background-color:#F3F7FB; border:1px #fff solid; }
.box3_2ny_l span { color:#272727; font-size:18px; font-weight:bold;  }
.box3_2ny_r { float:left; color:#272727; font-size:18px; text-indent:12px; width:1026px;  line-height:60px; text-align:left;background-color:#FBFBFD; border:1px #fff solid; text-align:justify; padding-left:10px; padding-right:10px; }
.box3_2ny_r2 { float:left; color:#272727; font-size:18px; text-indent:12px; width:424px;  line-height:60px; text-align:left;background-color:#FBFBFD; border:1px #fff solid; text-align:justify; padding-left:10px; padding-right:10px; }
.box3_2ny_r p { color:#272727; font-size:18px; text-indent:12px; line-height:30px; padding:20px;; }

.box3nylvk{margin: 0 auto; width:1160px; height:627px;  }
.box3nylvkx{float:left; width:483px;  height:236px; background:#ffffff; border: 1px solid #f0f0f0; padding:20px 31px; margin:16px;box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;}
.box3nybtt{width:100%;  height:40px;line-height:40px;border-bottom:1px dashed #a2a2a2;overflow:hidden;}
.box3nybtt b{float:left; width: auto; color:#C53C38;line-height:40px; font-size:22px;}
.mz{width: auto; color:#666;line-height:40px; font-size:14px;}
.gfzn_fontny{margin: 0 auto; width:483px;   height:auto;}
.gfzn_fontny span{ width:100%; float:left; overflow:hidden; color:#888;  height:auto; line-height:28px;  font-size:16px; margin-top:10px; text-indent:34px;}
.gfzn_fontny span a{ color:#c83728;}
.gfzn_fontny span a:hover{ text-decoration:underline;}

.pageav{ margin: 0 auto; clear:both; padding:0px 0 4px 0; font-size:14px; text-align:center; overflow:hidden; height:34px; }


@media (max-width: 689px) and (min-device-width: 320px), (max-device-width: 480px){
    .w1200{width: 100%;}
    .banner,.slide {
        display: none;
    }
    .mobile_banner{
        display: block;
        width: 100%;
    }
    .mobile_banner img{
        width: 100%;
    }
    .start-btn{float: none; margin: -45px auto 0;}
    .title_01{text-align: center;}
    .wenzi{width: calc(90% - 20px); padding: 20px; margin: 0 auto;}

    .messageBox{padding: 0 15px;}
    .messageBox .line3 textarea{width: calc(100% - 50px);}

    .messageBox select, .messageBox input{width: calc(100% - 50px);}

    .line3 .tips{padding-left: 0;}
    .jianyan{width: 100%;}
    .jianyan span{width: calc(100% - 20px); height: auto;}

    .jdz_pt-content .pt_bga,.jdz_pt-content .pt_bgb{width: calc(100% - 81px); background-size: 100%; height: auto; margin-bottom: 20px;}
    .pt_bgb .agfzn_font_a p{margin-top: 10px;}

    /* xl */
    .dh-ame{width: 95%;}
    .box3_2nybox{width: 95%;}
    .box3_2ny{width: 100%;}
    .box3_2ny_l{width: 95%; text-align: left; padding-left: 5%;}
    .box3_2ny_r{width: 90%; padding: 0 5%;text-indent:0; line-height: 32px;}

    .box3nyk{width: 95%; padding: 20px 2.5%; height: auto;}
    .box3nylvk{width: 100%; height: auto;}
    .box3nylvkx{width: 95%; height: auto; padding: 10px 2.5%; margin: 10px auto;}
    .gfzn_fontny{width: 100%;}

    /* footer */
    .pc_show {
        display: none!important;
    }
    div.wap_show, ul.wap_show, li.wap_show, iframe.wap_show {
        display: block;
    }
    span.wap_show, font.wap_show {
        display: inline;
    }
    .wrap {
        width: 100%;
    }
    .footer {
        background: none;
    }
    .pc-mob-links {
        text-align: center;
        margin: 15px auto;
        color: #333;
        font-size: 16px;
    }
    .pc-mob-links a {
        font-size: 16px;
        color: #333;
        padding: 0 10px;
    }
    .footer-links {
        background-color: #2a64a4;
        height: 80px;
        text-align: center;
        padding: 0;
        overflow: hidden;
    }
    .footer-links li {
        width: 33.3333%;
        height: 40px;
        padding: 0;
        border: none;
        border-bottom: 1px solid #437dbc;
        margin: 0;
    }
    .footer-links li:not(.pc_show):nth-child(n+4) {
        border-bottom: none;
    }
    .footer-links li a {
        display: inline;
        line-height: 40px;
        font-size: 16px;
        color: #fff;
    }
    .footer-info {
        padding: 0;
        height: 120px;
        background: #10568a;
        border: none;
    }
    .footer-info table {
        width: 100%;
    }
    .footer-info table td {
        width: 100%;
    }
    .footer-info .address {
        width: 100% !important;
        text-align: center;
        padding-top: 14px;
        margin: 0;
        margin-left: 0 !important;
    }
    .footer-info .address li {

        /*font-size: 14px;*/
        color: #67a3cf;
    }
    #topscolle {
        position: fixed;
        bottom: 10px;
        right: 15px;
        float: none;
        width: auto;
        height: auto !important;
        display: none;
        line-height: 0;
        background: none !important;
        padding: 0;
    }
    #topscolle img {
        width: 50px;
        height: auto;
    }
	.line4 span input{
    width: calc(40% - 50px);
	}
}



