@charset "utf-8";

/* CSS Document */
#conmain{ margin:0 auto; padding:0; width:100%; height: auto;background: #fff;padding-top: 20px;}

.news_info {
    background:#fff;
    padding:0 0 50px;
    font-size:14px;
    line-height:30px;
    margin-bottom:40px;
    width: 1200px;
    margin: 0 auto;
}
.news_info h1.title {
    font-size:28px;
    color:#000;
    line-height:45px;
    margin-bottom:10px;
    text-align:center
}
.news_info .data {
    font-size:12px;
    color:#ccc;
    line-height:30px;
    margin-bottom:10px;
    text-align:center;
    border-bottom:1px solid #eee
}
.news_info .prev {
    width:48%;
    font-size:16px;
    border:1px solid #eee;
    margin-top:40px;
    -webkit-transition:.3s all ease;
    -moz-transition:.3s all ease;
    -ms-transition:.3s all ease;
    -o-transition:.3s all ease;
    transition:.3s all ease;
    float:left
}
.news_info .prev a {
    display:block;
    padding:10px 0 10px 40px;
    color:#333;
}
.news_info .prev:hover {
    background:#4993c0;
    color: #fff;
}
.news_info .prev:hover a {
    color:#fff;
    text-decoration: none;
}
.news_info .next {
    width:48%;
    font-size:16px;
    border:1px solid #eee;
    margin-top:40px;
    -webkit-transition:.3s all ease;
    -moz-transition:.3s all ease;
    -ms-transition:.3s all ease;
    -o-transition:.3s all ease;
    transition:.3s all ease;
    float:right;
    text-align:right
}
.news_info .next a {
    display:block;
    padding:10px 40px 10px 0;
    color:#333;
}
.news_info .next:hover {
    background:#4993c0;
    color: #fff;
}
.news_info .next:hover a {
    color:#fff;
    text-decoration: none;
}

#conmainpro{ margin:0 auto; padding:0; width:100%; height:auto;margin-top: 50px;}
#conmainpro1{margin:0 auto; padding:0; width:100%; max-width:1200px; height: auto;padding-top:40px;font-size: 24px; color: #000; font-weight: normal; line-height:30px; text-align:center;}
#conmainpro2{margin:0 auto; padding:0; width:100%; max-width:1200px; height: auto;font-size: 24px; color: #000; line-height:30px; text-align:center;}
#conmainpro2line{margin:0 auto; padding:0; width:100%; max-width:120px; margin-top:15px; height: 2px; background:#e3e3e3;}
#conmainpro3{margin:0 auto; padding:0; width:100%; max-width:1200px; height: auto; padding-top:40px;}

#conmainpro3 ul{margin:0 auto;}
#conmainpro3 ul li{padding:0; width:45%; height:auto; margin:.5%;float:left;}
#conmainpro3 .aboutlist li{padding:0;height:auto; margin:1% 1.66%;float:left;width: 13.34%;}
#conmainpro3 .techlist li{padding:0; width:29.5%; height:auto; margin:1% 1.66%;float:left;}
#conmainpro3 ul li a{width:100%; border:1px solid #666; display:block;border-radius:10px;height:auto; font-family:Arial; font-size:16px;color:#666; text-align:center; text-decoration:none; line-height:32px; font-weight: normal;}
#conmainpro3 ul li a:hover{  background:#007ab9;font-family:Arial;color:#fff;border:1px solid #007ab9;  }
#conmainpro3 ul li.active a{background:#67696c;font-family:Arial;color:#fff;border:1px solid #67696c;}
#conmainpro4{margin:0 auto; padding:0; width:100%; max-width:1200px; height: auto;}

#conmain1 .title-line{width:135px;height:4px;margin: 5px auto;background:#030303;}
#conmain1 .brief{font-size: 16px;color:#666;line-height: 30px;margin: 35px 0;}
#conmain1 .brief-intro li{width: 30%;float: left;margin-right: 60px; box-sizing:border-box;margin-right: 40px;}
#conmain1 .brief-intro li:nth-child(3n){margin-right: 0;}
#conmain1 .brief-intro li h3{font-size: 24px;color:#030303;line-height: 1.8;}
#conmain1 .faq li h3{font-size:18px;}
#conmain1 .brief-intro li .line{width: 29px;height: 4px;background:#000;}
#conmain1 .brief-intro li p{font-size: 14px;color: #666;line-height: 24px;margin: 15px 0;}
#conaboutnew2{margin:0 auto; padding:0; width:100%; height: auto;font-size: 14px; color: #777; font-weight: normal; line-height:30px; text-align:left;}
#conaboutnew2 h2{font-weight: bold;color:#222;font-size: 1.5rem;line-height: 1.4;}
#conaboutnew2 iframe{border:1px solid #ccc;}
#conaboutnew2 .slideBox{height:auto;overflow:hidden;position:relative;}
#conaboutnew2 .slideBox .hd{height:15px;overflow:hidden;position:absolute;right:5px;bottom:5px;z-index:1;}
#conaboutnew2 .slideBox .hd ul{overflow:hidden;zoom:1;float:left;}
#conaboutnew2 .slideBox .hd ul li{float:left;margin-right:2px;width:15px;height:15px;line-height:14px;text-align:center;background:#fff;cursor:pointer;}
#conaboutnew2 .slideBox .hd ul li.on{background:#f00;color:#fff;}
#conaboutnew2 .slideBox .bd{position:relative;z-index:0;margin: 0 auto;}
#conaboutnew2 .slideBox .bd li{zoom:1;vertical-align:middle;}
#conaboutnew2 .slideBox .bd img{display:block;margin: 0 auto;}
#conaboutnew2 .slideBox .prev,#conaboutnew2 .slideBox .next{position:absolute;left:0;top:50%;display:block;width:49px;height:49px;background:url(../images/slider-arrow.png) 0 0 no-repeat;filter:alpha(opacity=50);opacity:0.5;}
#conaboutnew2 .slideBox .next{left:auto;right:0;background-position:0 -109px;}
#conaboutnew2 .slideBox .prev:hover,#conaboutnew2 .slideBox .next:hover{filter:alpha(opacity=100);opacity:1;}
#conaboutnew2 .proInfo li{width: 20%;float: left;}
#conaboutnew2 .proInfo .proInfo_wz{line-height: 150px;}
#conaboutnew2 .proInfo .proInfo_p{width: 20%;float: left;}
#conk{ margin:0 auto; padding:0; width:100%; height:40px; }
.explain{margin-bottom:30px; text-align:right; font-size:14px; font-weight:bold;color:#ff0000;}
.explain span{color: #ff0000;}

.newsList a:link,.newsList a:visited{ color: #b0b0b0;}
.newsList a:active,.newsList a:hover{ color: #fff;text-decoration: none;}
.newsList{ width:1200px; margin: 0 auto;}
.newsList li{float:left;display:block;width:29.96%;margin:0 5% 5% 0;}
.newsList li:nth-child(3n){margin-right: 0;}
.newItem{ border: 1px solid #dbdbdb; background-color: #fff; transition: 300ms;}
.newItem a{ display: block; padding: 22px 20px; }
.newItem .time{ height: 20px; margin-bottom: 5px;}
.newItem .t{ font: 16px/1.5 "microsoft yahei"; color: #6e6e6e; height: 48px; overflow: hidden; margin-bottom: 20px;}
.newItem .img{ overflow: hidden; margin-bottom: 25px;}
.newItem .img img{ width: 100%; display: block;height:100%;}
.newItem .c{ height: 42px; overflow: hidden; margin-bottom: 22px;}
.newItem .more{ background-color: #c3c3c3; color: #f0f0f0; padding: 2px 10px;}
.newsList li:hover .newItem{ background-color: #80abde; border: 1px solid #80abde;}
.newsList li:hover .t{ color: #fff;}
.newsList li:hover .more{ background-color: #fff; color: #80abde;}

#conaboutnew2 .cpyinfo{text-align: center; width: 100%;}
#conaboutnew2 .cpyinfo li{float: left;width:15.78%;height:209px;padding: 20px;}
#conaboutnew2 .cpyinfo li .pic{width: 60px;height: 50px;margin: 31px auto 0 auto;}
#conaboutnew2 .cpyinfo li p{text-align: center;}
#conaboutnew2 .cpyinfo .cpyadd{background: #f9e0e0;margin-right: 13px;}
#conaboutnew2 .cpyinfo .cpyadd .pic{background: url(../images/sprite2.png) 6px 2px no-repeat;}
#conaboutnew2 .cpyinfo .facadd{background: #ddf2f4;margin-right: 14px;}
#conaboutnew2 .cpyinfo .facadd .pic{background: url(../images/sprite2.png) -230px 2px no-repeat;}
#conaboutnew2 .cpyinfo .tel1{background: #ebf3da;margin-right: 13px;}
#conaboutnew2 .cpyinfo .tel1 .pic{background: url(../images/sprite2.png) -462px 1px no-repeat;}
#conaboutnew2 .cpyinfo .mail1{background: #d5ecf9;margin-right: 13px;}
#conaboutnew2 .cpyinfo .mail1 .pic{background: url(../images/sprite2.png) -705px 1px no-repeat;}
#conaboutnew2 .cpyinfo .web{background: #d5ecf9;}
#conaboutnew2 .cpyinfo .web .pic{background: url(../images/sprite2.png) -939px 1px no-repeat;}
#conaboutnew2 .cpyinfo a{color: #777;}
#conaboutnew2 .cpyinfo a:hover{text-decoration: underline;}

.tl-fdh-02 {
    height: 55px;
    background: #fff;
    margin-bottom: 35px;
    overflow: hidden;
}

.tl-fdh-02 li {
    width: 20%;
    height: 55px;
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    float: left;
    border-right: 1px solid #d8d8d8;
    box-sizing:border-box;
    background: #f4f4f4;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tl-fdh-02 li:last-child{border-right: none;}

.tl-fdh-02 li a {
    display: block;
    height: 55px;
    color: #333;
}

.tl-fdh-02 li.sidenavcur,
.tl-fdh-02 li:hover {
    background: url(../images/p16-icon6.png) no-repeat bottom center #0f5cae;
    border-color: #0f5cae;
}

.tl-fdh-02 li.sidenavcur a,
.tl-fdh-02 li:hover a {
    color: #fff;
}
.tydl {
    width: 580px;
    float: left;
}

.tydr {
    width: 560px;
    float: left;
    margin-left: 35px;
    padding-top: 40px;
}
.endit-content img {
    max-width: 100%;
}
.endit-content {
    line-height: 28px;
}

.endit-content p {
    margin: 15px 0;
}
.gsmc {
    font-weight: bold;
    font-size: 22px;
    color: #181818;
}
.lin {
    width: 42px;
    height: 3px;
    background: #0f5cae;
    display: block;
    margin-top: -5px;
}
.tit {
    font-size: 30px;
    text-align: center;
    margin: 30px 0;
}

.chi {
    margin-bottom: 10px;
    color: #0e0e0e;
}

.eng {
    text-transform: uppercase;
    font-weight: 100;
    font-size: 16px;
}

.ysti {
    color: #0059bd
}

.clear {
    clear: both;
}

.tydl {
    width: 580px;
    float: left;
}

.tydr {
    width: 560px;
    float: left;
    margin-left: 35px;
    padding-top: 40px;
}

.mj {
    width: 33%;
    text-align: center;
    float: left;
}

.sji {
    font-size: 30px;
    color: #d0343c;
    display: inline-block;
}
.pf {
    display: inline-block;
    font-weight: bold;
    margin-left: 10px;
}

.zdmj {
    font-size: 20px;
    display: block;
}

.mjb {
    border-right: 1px solid #eee;
}

.lin {
    width: 42px;
    height: 3px;
    background: #0f5cae;
    display: block;
    margin-top: -5px;
}

.gsmc {
    font-weight: bold;
    font-size: 22px;
    color: #181818;
}

.ser {
    width: 378px;
    float: left;
    padding: 10px 5px;
    border: 1px solid #e3e3e3;
    overflow: hidden;
    text-align: center;
}

.pic:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.pic {
    transition: 1s;
    text-align: center;
}

input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
.code_gg_li img{vertical-align:middle;width:100px;height:32px;}
.p4-order-form-1 {
    overflow: hidden;
}

.p4-order-form-1 .p4-titlel-1 {
    width:145px;height: 46px;font-size:18px; line-height: 46px;text-align: center;color:#fff;background: #e6e6e6;

}

.p4-order-form-1-con {
    border:1px solid #bbb;
    background:url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;
    padding:40px 15%;
}

.p4-order-form-1-con li p {
    padding-left: 130px;
    color: #999;font-size: 12px;
}

.p4-order-form-1-con li {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 35px;
    color: #666;
    overflow: hidden;
}

.p4-order-form-1-con li span {
    font-weight: bold;
    color: #666;
}
.p4-order-form-1-con li b{color:#f00;}
.p4-order-form-1-con li .row-hd {
    color: #666;
}
.timenum{padding-left:95px;}
.p4-order-form-1-con li p {
    clear: both;
}

.p4-order-form-1-con label {
    display: inline-block;
    width: 120px;
    color: #666;
    vertical-align: top;
    text-align: right;height: 33px;line-height: 33px;overflow: hidden;
}
#code_gg{
    width: 80px;
    margin-right: 10px;
    outline: none;
    padding-left: 10px;
    border: 1px solid #eee;
    height: 33px;
    line-height: 32px;
    color: #666;
}


.p4-order-form-1-con .inputs,
.p4-order-form-1-con li select {
    width: 73%;
    margin-right: 10px;
    outline: none;
    padding-left: 10px;
    border: 1px solid #eee;
    height: 33px;
    line-height: 32px;
    color: #666;
    box-sizing: border-box;
    /*float: left;*/
}
.p4-order-form-1-con .radioandcheck{vertical-align:middle;}

.p4-order-form-1-con .err {
    border: 1px solid #c00;
}

.p4-order-form-1-con .p4-order-form-1-t1 {
    width: 100%;
}

.p4-order-form-1-t1 textarea {
    width: 73%;
    height: 102px;
    line-height: 24px;
    border: 1px solid #eee;
    outline: none;
    resize: none;
    overflow: auto;
    margin-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}

.p4-order-form-1-con .p4-order-form-1-t2 {
    width: 100%;
}

.p4-order-form-1-t2 input {
    width: 150px;
    vertical-align: top;
}

.p4-order-form-1-t2 span {
    width: 153px;
    height: 25px;
}

.p4-order-form-1-con .p4-order-form-1-t3 {
    padding-left: 120px;
}

.p4-order-form-1-con .p4-order-form-1-t3 input {
    width: 80px;
    height: 30px;
    border: 0;
    text-align: center;
    margin-right: 30px;
    color: #fff;
    padding-left: 0;
    cursor: pointer;
}

.p4-order-form-1-con .p4-order-form-1-b1 {
    background: #0f5cae;
}

.p4-order-form-1-con .p4-order-form-1-b2 {
    background: #767676;
}

.p4-order-form-1-con .p4-order-form-1-t4 {
    overflow: auto;
    height: auto;
    min-height: 35px;
    width: 100%
}

.p4-order-form-1-con .p4-order-form-1-t4 input {
    vertical-align: middle;
    width: 14px;
    margin: 0 10px;
}