/* block1 */

.block1{

    height: 66px;

    line-height: 66px;

    background: url("../images/block1_bg.jpg") center no-repeat;

}

.news1{

    float: left;

    width: 550px;

    height: 66px;



    font-size: 0;

}

.news1 img{

    width: 21px;

    height: 24px;

    vertical-align: middle;

    margin-right: 12px;

}

.news1 > span{

    vertical-align: middle;

    display: inline-block;

    font-size: 16px;

    font-weight: bold;

    color: #333333;

}

.news1 .bd{

    float: right;

    width: 430px;

    height: 66px;

    overflow: hidden;

}

.news1 .news_txt{

    font-weight: normal;

    overflow: hidden;

}

.news1 .news_txt li{

    height: 66px;

    line-height: 66px;

}

.news_txt a{

    font-size: 14px;

    color: #333333;

    display: inline-block;

    width: 80%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.news_txt span{

    font-family: ArialMT;

    font-size: 14px;

    color: #333333;

    float: right;

}

.search{

    float: right;

    font-size: 0;

}

.search input{

    width: 428px;

    height: 42px;

    border: solid 1px #dddddd;

    padding: 0 18px;

    box-sizing: border-box;

    background: transparent;

}

.search .search_img{

    width: 55px;

    height: 42px;

    background: url("../images/search.png") center no-repeat #014fa2;

    display: inline-block;

    vertical-align: middle;

}

#search::placeholder{

    color: #ddd;

}

#search::-webkit-input-placeholder{

    color: #ddd;

}

#search::-moz-placeholder{

    color: #ddd;

}

#search::-ms-input-placeholder{

    color: #ddd;

}

/*  product */

.product{

    padding: 34px 0 58px;

    background: #eeeeee;

}

.pro_top{

    text-align: center;

}

.pro_top h4{

    width: 100%;

    height: 24px;

    background: url("../images/pro_tit.png") center no-repeat;

}

.pro_top h3{

    font-size: 30px;

    font-weight: bold;

    line-height: 30px;

    color: #282828;

    margin-top: 10px;

}

.pro_bottom{

    height: 744px;

    margin-top: 72px;

    overflow: hidden;

}

.pro_bot1{

    width: 285px;

    height: 744px;

    background: url("../images/pro_list.jpg") no-repeat;

    border: solid 1px #003c9a;

    box-sizing: border-box;

    float: left;

}

.pro_bot1-1{

    width: 100%;

    height: 100px;

    padding: 26px 24px;

    box-sizing: border-box;

}

.pro_bot1-1 img{

    width: 174px;

    height: 10px;

    margin: auto;

    display: block;

}

.pro_bot1-1 p{

    font-size: 24px;

    line-height: 24px;

    color: #ffffff;

    text-align: center;

    margin-top: 16px;

}

.pro_list{

    width: 275px;

    height: 620px;

    background-color: #ffffff;

    border: solid 1px #003c9a;

    margin: 0 auto 24px;

    padding-bottom: 18px;

    box-sizing: border-box;

    overflow: hidden;

}

.pro_bot1-2{

    width: 100%;

    height: 100%;

    padding: 0 10px;

    box-sizing: border-box;

    overflow: hidden;

}

.pro_bot1-2 li{

    height: 40px;

    margin-top: 10px;

    line-height: 40px;

    font-size: 14px;

    color: #333333;

    background-color: #dddddd;

    border: solid 1px #d9d9d9;

    padding-left: 20px;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;

}

.pro_bot1-2 li a{

    display: block;

    width: 235px;

    height: 100%;

    position: absolute;

    top: 0;

    left: 20px;

    z-index: 2;

    transition: all .5s ease-out;

}

.pro_bot1-2 li a span{

    display: inline-block;

    width: 80%;

    height: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.pro_bot1-2 li i{

    width: 6px;

    height: 10px;

    display: block;

    background: url("../images/pro_icon.png") no-repeat;

    float: right;

    margin-top: 15px;

    margin-right: 18px;

    transition: all 1s ease-in-out;

}

/*--------------------hover------------------------------*/

.pro_bottom :before,.pro_bottom :after{

    z-index: -1;

    -webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;

}

.pro_bot1-2 li:before, .pro_bot1-2 li:after {

    position: absolute;

    top: 50%;

    content: '';

    width: 20px;

    height: 20px;

    background: #014fa2;

    border-radius: 50%;

}

.pro_bot1-2 li:before {

    left: -20px;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.pro_bot1-2 li:after {

    right: -20px;

    -webkit-transform: translate(50%, -50%);

    transform: translate(50%, -50%);

}

.pro_bot1-2 li:hover:before {

    -webkit-animation: criss-cross-left 1s both;

    animation: criss-cross-left 1s both;

    z-index: 1;

}

.pro_bot1-2 li:hover:after {

    -webkit-animation: criss-cross-right 1s both;

    animation: criss-cross-right 1s both;

    z-index: 1;

}

.pro_bot1-2 li:hover{

    border: 0;

}

.pro_bot1-2 li:hover a{

    color: #fff;

}

.pro_bot1-2 li:hover i{

    background: url("../images/pro_icon2.png");

}

/*-----------------------------------------------------------------------------*/

.pro_bot2{

    float: left;

    width: calc(100% - 305px);

    height: 100%;

    margin-left: 20px;

}

.pro_bot2-1{

    height: 100px;

    padding: 24px 0;

    box-sizing: border-box;

    font-size: 0;

    background: url("../images/pro_hr.png") top no-repeat;



}

.pro_bot2-11{

    width: 100%;

    height: 100%;

}

.pro_bot2-1 a{

    display: inline-block;

    vertical-align: top;

    width: 200px;

    height: 50px;

    background-color: #014fa2;

    border-radius: 25px;

    line-height: 50px;

    text-align: center;

    font-size: 18px;

    color: #fff;

    position: relative;

    margin-right: 20px;

    overflow: hidden;

}

.pro_bot2-1 .pro_tit span{

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

}

.pro_bot2-1 .pro-hot{

    height: 100%;

    background-color: #eb6100;

    border: 0;



}

/* ------------------hover效果------------------------------------*/

.pro_tit:before, .pro_tit{

    -webkit-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

}

.pro_tit:before, .pro_tit:after, .pro_tit span:before, .pro_tit span:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    width: 50px;

    height: 0;

    background: #eb6100;

    -webkit-transition: all .8s ease-in-out;

    transition: all 0.8s ease-in-out;

}

.pro_tit:before {

    left: 0;

}

.pro_tit:after {

    left: 100px;

}

.pro_tit span:before, .pro_tit span:after {

    top: auto;

    bottom: 0;

}

.pro_tit span:before {

    left: 50px;

}

.pro_tit span:after {

    left: 150px;

}

.pro_tit:hover{

    border: 0;

}

.pro_tit:hover:before, .pro_tit:hover:after, .pro_tit:hover span:before, .pro_tit:hover span:after {

    height: 100%;

}

.pro_tit:hover:before, .pro_tit:hover:after{

    z-index: 1;

}

/*---------------------------------------------------------------------------------- */



.pro_box{

    height: 644px;

    overflow: hidden;

    padding: 20px 0 16px;

    box-sizing: border-box;

    background: url("../images/pro_hr.png") top no-repeat;

}

.pro_bot2-2{

    height: 644px;

    overflow: hidden;

}

.pro_bot2-2 li{

    width: 285px;

    height: 290px;

    float: left;

    margin-right: 20px;

    margin-bottom: 35px;

}

.pro_bot2-2 li:nth-child(3n){

    margin-right: 0;

}

.pro_bot2-2 li a,.pro_bot2-2 li img{

    display: block;

    width: 285px;

    height: 262px;

    overflow: hidden;

    transition: all .5s ease-out;

}

.pro_bot2-2 li a{

    position: relative;

}

.pro_bot2-2 li a i{

    display: block;

    width: 285px;

    height: 33px;

    line-height: 33px;

    text-align: right;

    font-size: 14px;

    color: #eeeeee;

    padding: 0 5px;

    box-sizing: border-box;

    background: url("../images/pro_txt.png");

    position: absolute;

    bottom: 0;

    left: 0;

}

.pro_bot2-2 li .pro_txt{

    height: 26px;

    line-height: 26px;

    text-align: center;

    font-size: 14px;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: 0 5px;

    box-sizing: border-box;

    transition: all .5s ease-out;

}

.pro_bot2-2 li:hover .pro_txt{

    color: #014fa2;

}

.pro_bot2-2 li:hover img{

    transform: scale(1.1,1.1) ;

    -ms-transform: scale(1.1,1.1) ;

    -webkit-transform: scale(1.1,1.1) ;

    -o-transform: scale(1.1,1.1) ;

    -moz-transform: scale(1.1,1.1);

}

/* ys */

.ys {

    width: 100%;

    height: 885px;

    background: url("../images/ys_bg.png") center no-repeat;

}

.ys .ys_box .ys_left {

    float: left;

    width: 602px;

    margin-top: 100px;

}

.ys .ys_box .ys_left .ys_list > li {

    width: 530px;

    height: 150px;

    padding-top: 24px;

    box-sizing: border-box;

    background-color: #ffffff;

    box-shadow: inset 0 10px 10px 0 rgba(0, 0, 0, 0.1);

    border-radius: 3px;

    transition: all .5s ease-in-out;

}



.ys .ys_box .ys_left .ys_list > li:hover .ys_txt > h3 {

    color: #fff;

}

.ys .ys_box .ys_left .ys_list > li:hover .ys_txt > h3 > span {

    color: #fff;

}

.ys .ys_box .ys_left .ys_list > li:hover .ys_txt > h4 {

    color: #fff;

}

.ys .ys_box .ys_left .ys_list > li .ys_circle {

    float: left;

    width: 110px;

    height: 110px;

    border-radius: 50%;

    margin-left: 20px;

}

.ys .ys_box .ys_left .ys_list > li .ys_txt {

    float: left;

    width: calc(100% - 152px);

    margin-left: 22px;

    padding-right: 56px;

    box-sizing: border-box;

    transition: all .5s ease-in-out;

}

.ys .ys_box .ys_left .ys_list > li .ys_txt > h3 {

    color: #333333;

    font-size: 18px;

    line-height: 20px;

}

.ys .ys_box .ys_left .ys_list > li .ys_txt > h3 > span {

    color: #eb6100;

    font-weight: bold;

}

.ys .ys_box .ys_left .ys_list > li .ys_txt > h4 {

    color: #666666;

    font-size: 14px;

    line-height: 22px;

    margin-top: 10px;

}

.ys .ys_box .ys_left .ys_list > li .ys1 {

    background: url("../images/ys1.png") center no-repeat;

}

.ys .ys_box .ys_left .ys_list > li .ys2 {

    background: url("../images/ys2.png") center no-repeat;

}

.ys .ys_box .ys_left .ys_list > li .ys3 {

    background: url("../images/ys3.png") center no-repeat;

}

.ys .ys_box .ys_left .ys_list > li .ys4 {

    background: url("../images/ys4.png") center no-repeat;

}

.ys .ys_box .ys_left .ys_list > li:hover {

    width: 602px;

    color: #fff;

    background-color: #014fa2;

}

.ys .ys_box .ys_left .ys_list > li:hover .ys1 {

    background: url("../images/ys1_on.png") center no-repeat;

}

.ys .ys_box .ys_left .ys_list > li:hover .ys2 {

    background: url("../images/ys2_on.png") center no-repeat;

}

.ys .ys_box .ys_left .ys_list > li:hover .ys3 {

    background: url("../images/ys3_on.png") center no-repeat;

}

.ys .ys_box .ys_left .ys_list > li:hover .ys4 {

    background: url("../images/ys4_on.png") center no-repeat;

}

.ys .ys_box .ys_left .ys_list > li:hover .ys_txt{

    padding-right: 16px;

}



.ys .ys_box .ys_right {

    position: relative;

    float: left;

    width: 420px;

    margin-top: 60px;

    margin-left: 60px;

}

.ys .ys_box .ys_right > h3 {

    font-family: Arial;

    font-weight: bold;

    color: #fcfcfc;

    font-size: 36px;

    line-height: 36px;

}

.ys .ys_box .ys_right > h4 {

    color: #fcfcfc;

    font-size: 36px;

    line-height: 36px;

}

.ys .ys_box .ys_right > p{

    font-size: 18px;

    line-height: 49px;

    color: #eeeeee;

    margin-top: 30px;

}

.ys .ys_box .ys_right > i{

    font-size: 12px;

    line-height: 18px;

    color: #eeeeee;

}

/* message */

.message {

    width: 100%;

    height: 114px;

    border-bottom: 1px solid #e0e0e0;

/*    background: #fff;*/

    margin-top: -85px;

    overflow: hidden;

}

.message_box{

    height: 100%;

    padding-top: 15px;

    padding-bottom: 12px;

    box-sizing: border-box;

    overflow: hidden;

}

.message1,.message2{

    float: left;

    height: 100%;

}

.message2{

    margin-left: 30px;

}

.message .message_box .message_txt {

    float: left;

    width: 220px;

}

.message .message_box .message_txt > h3 {

    color: #333333;

    font-size: 18px;

    line-height: 20px;

    margin-top: 8px;

}

.message .message_box .message_txt > h4 {

    color: #666666;

    font-size: 12px;

    margin-top: 8px;

}

.message .message_box .inputs {

    float: left;

    width: 195px;

    margin-left: 20px;

}

.message .message_box .inputs > input {

    width: 195px;

    height: 38px;

    margin-bottom: 8px;

    padding-left: 14px;

    box-sizing: border-box;

    border: solid 1px #f3f3f3;

}

.message .message_box textarea {

    float: left;

    width: 195px;

    height: 84px;

    padding: 12px 18px;

    box-sizing: border-box;

    border: solid 1px #f3f3f3;

    margin: 0 5px 0 10px;

}

.message .message_box button {

    float: left;

    width: 82px;

    height: 84px;

    color: #ffffff;

    text-align: center;

    line-height: 84px;

    font-size: 14px;

    background-color: #eb6100;

    border: 0;

}

.message2 p{

    font-size: 14px;

    color: #282828;

    line-height: 16px;

    margin-top: 15px;

}

.message2 p img{

    width: 17px;

    height: 16px;

    vertical-align: middle;

    margin-right: 5px;

}

.message2 span{

    display: block;

    font-family: ArialMT;

    font-size: 30px;

    line-height: 30px;

    color: #eb6100;

    margin-top: 15px;

}



/* case */

.case{

    width: 100%;

    height: 926px;

    padding: 55px 0 60px;

    box-sizing: border-box;

    background-color: #eeeeee;

}

.case .center{

    height: 100%;

    overflow: hidden;

}

.case_top{

    text-align: center;

}

.case_top h3{

    height: 23px;

    background: url("../images/case_tit.png") center no-repeat;

}

.case_top h4{

    font-size: 30px;

    font-weight: bold;

    line-height: 30px;

    color: #282828;

    margin: 18px 0 20px;

}

.case_top h5{

    font-size: 18px;

    line-height: 18px;

    color: #282828;

}

.case_bot{

    height: 664px;

    margin-top: 35px;

    overflow: hidden;

    position: relative;

}

.case_more{

    display: block;

    width: 102px;

    height: 30px;

    background-color: #0152a8;

    border-radius: 14px;

    text-align: center;

    line-height: 30px;

    font-size: 14px;

    color: #ffffff;

    position: absolute;

    right: 20px;

    bottom: 10px;

}

.case_more::before{

    content: "";

    display: block;

    width: 108px;

    height: 1px;

    background: #c3c3c3;

    position: absolute;

    left: -108px;

    top: 50%;

}

.case_bot .swiper-container a{

    display: block;

}

.case_bot .swiper-container img{

    display: block;

    width: 100%;

    height: 100%;

}

.gallery-top{

    width: 850px;

    height: 665px;

    float: left;

    position: static;

}

.gallery-top .swiper-slide{

    width: 850px;

    height: 665px;

}

.gallery-top a{

    width: 100%;

    height: 515px;

}

.gallery-top .case_desc{

    width: 100%;

    height: 150px;

    padding: 22px 40px 40px;

    box-sizing: border-box;

    background-color: #ffffff;

}

.gallery-top .case_desc .case_tit{

    width: 100%;

    height: 20px;

    font-size: 18px;

    line-height: 20px;

    color: #191919;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.gallery-top .case_desc p{

    font-size: 14px;

    line-height: 26px;

    color: #666666;

    position: relative;

    height: 52px;

    overflow: hidden;

    margin-top: 18px;

}

.gallery-top .case_desc p a{

    width: auto;

    height: 26px;

    font-size: 14px;

    line-height: 26px;

    color: #f57502;

    position: absolute;

    right: 27%;

    bottom: 0;

}

.gallery-top .swiper-button-next,.gallery-top .swiper-button-prev{

    width: 50px;

    height: 50px;

    top: auto;

    bottom: 0;

    right: 280px;

    left: auto;

    background: url("../images/case_prev.png");

}

.gallery-top .swiper-button-next{

    right: 230px;

    background: url("../images/case_next.png");

}

.gallery-thumbs{

   float: right;

    width: 330px;

    height: 580px;

    overflow: hidden;

}

.gallery-thumbs .swiper-slide{

    width: 330px;

    height: 180px;

    position: relative;

}

.gallery-thumbs a{

    width: 100%;

    height: 100%;

    overflow: hidden;

}

.gallery-thumbs img{

    transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s; overflow:hidden;

}

.gallery-thumbs .swiper-slide:hover img{

    transform: scale(1.1,1.1) ;

    -ms-transform: scale(1.1,1.1) ;

    -webkit-transform: scale(1.1,1.1) ;

    -o-transform: scale(1.1,1.1) ;

    -moz-transform: scale(1.1,1.1);

}

.gallery-thumbs .case_tit2{

    width: 330px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 14px;

    color: #ffffff;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding: 0 5px;

    box-sizing: border-box;

    background-color: rgba(25,25,25,.8);

    position: absolute;

    bottom: 0;

    left: 0;

}

/* about */

.about{

    width: 100%;

    height: 640px;

    padding: 80px 0 50px;

    box-sizing: border-box;

    background: url("../images/about_bg.jpg") left top no-repeat #f6f6f6;

    background-size: 780px 600px;

    overflow: hidden;

}

.about1{

    float: left;

    width: 370px;

    height: 470px;

    padding: 48px 54px 90px 54px;

    border: solid 5px #ffffff;

    box-sizing: border-box;

}

.about1 h4{

    font-family: ArialMT;

    font-size: 30px;

    line-height: 30px;

    color: #f6f6f6;

    opacity: 0.5;

}

.about1 h3{

    font-size: 36px;

    line-height: 36px;

    color: #f6f6f6;

    margin: 18px 0 30px;



}

.about1 > p{

    font-size: 18px;

    line-height: 18px;

    color: #ffffff;

    padding: 14px 0;

    border-top: 1px solid rgba(246,246,246,.2);

    border-bottom: 1px solid rgba(246,246,246,.2);

}

.about1 p span{

    font-size: 16px;

}

.about-tel{

    margin-top: 68px;

}

.about-tel p{

    font-size: 16px;

    line-height: 32px;

    color: #ffffff;

}

.about-tel span{

    font-family: ArialMT;

    font-size: 36px;

    line-height: 36px;

    color: #f68c43;

}

.about2{

    float: left;

    width: 720px;

    height: 512px;

    margin-left: 108px;

    padding: 50px 50px 42px 50px;

    box-sizing: border-box;

    background-color: #ffffff;

}

.about2 img{

    display: block;

    width: 620px;

    height: 263px;

}

.about2 p{

    font-size: 14px;

    line-height: 32px;

    color: #666666;

    margin-top: 26px;

    height: 96px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

}

.about2  a{

    display: block;

    font-size: 14px;

    line-height: 16px;

    color: #f68c43;

    margin-top: 20px;

}

/*  block */

.block{

    height: 326px;

    overflow: hidden;

    margin-top: 40px;

}

.block_top{

    width: 1200px;

    height: 50px;

    line-height: 50px;

    padding: 0 35px 0 16px;

    box-sizing: border-box;

    background-color: #f2f0ef;

    overflow: hidden;

}

.block_top p{

    float: left;

    font-size: 16px;

    color: #333333;

}

.block_top p i{

    width: 16px;

    height: 3px;

    background-color: #014fa2;

    display: inline-block;

    vertical-align: middle;

    margin-right: 16px;

}

.block_top a{

    float: right;

    font-size: 14px;

    color: #666666;

}

.block_bot{

    width: 100%;

    height: 256px;

    margin-top: 20px;

    overflow: hidden;

}

.swiper-block{

    width: 100%;

    height: 100%;

}

.swiper-block .swiper-slide{

    width: 285px;

    height: 100%;

    transition: all .5s ease-in-out;

}

.swiper-block a,.swiper-block img{

    display: block;

    width: 100%;

    height: 206px;

    overflow: hidden;

}

.swiper-block .block_txt{

    height: 50px;

    text-align: center;

    line-height: 50px;

    font-size: 14px;

    color: #333333;

    padding:  0 5px;

    box-sizing: border-box;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    background-color: #d8d8d8;

    transition: all .5s ease-in-out;

    position: relative;
    z-index: 1;

}
.swiper-block .block_txt::after{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    background-color: #014fa2;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: all .5s;
}

.swiper-block .swiper-slide:hover img{

    transform: scale(1.1,1.1) ;

    -ms-transform: scale(1.1,1.1) ;

    -webkit-transform: scale(1.1,1.1) ;

    -o-transform: scale(1.1,1.1) ;

    -moz-transform: scale(1.1,1.1);

}

.swiper-block .swiper-slide:hover .block_txt{

    color: #ffffff;


}

.swiper-block .swiper-slide:hover .block_txt::after{
    height: 50px;
}

/** news **/

.xw_box {

    width: 100%;

    height: 512px;

    overflow: hidden;

    margin: 60px auto;

}



.xw {

    width: 1200px;

    height: 512px;

    margin: 0 auto;

}



.gshyxw {

    float: left;

    width: 800px;

    height: 512px;

}



.gshyxw_tit {

    width: 800px;

    height: 50px;

    line-height: 50px;

    padding: 0 20px 0 35px;

    box-sizing: border-box;

    background-color: #d8d8d8;

    border: solid 1px #dcdcdc;

}

.gshyxw_tit h4{

    float: left;

    font-size: 16px;

    color: #333333;

}

.gshyxw_tit a{

    float: right;

    width: 25px;

    height: 26px;

    display: block;

    margin-top: 12px;

}

.gshyxw_tit a img{

    display: block;

    width: 100%;

    height: 100%;

}

.gshyxw_list {

    margin-top: 20px;

}

.gsxw {

    width: 800px;

    height: 242px;

}

.gsxw1 {

    width: 800px;

    height: 242px;

}

.gsxw1 dl dd {

    width: 386px;

    height: 242px;

    float: left;

}



.gsxw1 dl dd img,.gsxw1 dl dd img a {

    width: 386px;

    height: 242px;

    display: block;

}

.gsxw1 dl dt {

    float: right;

    width: 378px;

    height: 242px;

}

.gsxw1 dl dt > a {

    display: block;

    font-size: 20px;

    font-weight: bold;

    line-height: 30px;

    color: #014fa2;

    margin-top: -5px;

}

.gsxw1 dl dt i{

    font-family: ArialMT;

    font-size: 14px;

    line-height: 14px;

    color: #666666;

    display: block;

    margin-top: 18px;

}

.gsxw1 dl dt .news_hr{

    width: 378px;

    height: 1px;

    background-color: #c2c2c2;

    margin: 22px 0 20px;

}

.gsxw1 dl dt p {

    font-size: 14px;

    line-height: 24px;

    color: #666666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.gsxw1 dl dt .em_3 {

    width: 180px;

    height: 40px;

    line-height: 40px;

    margin-top: 27px;

    font-size: 0;

}



.gsxw1 dl dt .em_3 a {

    width: 140px;

    height: 40px;

    text-align: center;

    font-size: 14px;

    color: #ffffff;

    background-color: #f68c43;

    display: inline-block;

}

.gsxw1 dl dt .em_3 .news_more2{

    width: 40px;

    height: 40px;

    background-color: #014fa2;

    vertical-align: top;

}

.gsxw1 dl dt img{

    width: 40px;

    height: 40px;

}

.gsxw2 {

    width: 800px;

    height: 180px;

   margin-top: 15px;

}



.gsxw2 ul li {

    float: left;

    width: 375px;

    height: 60px;

    margin-right: 40px;

    border-bottom: 1px dashed #adadad;

}

.gsxw2 ul li:nth-child(2n){

    margin-right: 0;

}

.gsxw2 ul li i{

    display: inline-block;

    vertical-align: middle;

    width: 3px;

    height: 3px;

    background-color: #4d4d4d;

    transition: all .5s ease-in-out;

}

.gsxw2 ul li a {

    display: inline-block;

    vertical-align: middle;

    width: 260px;

    padding-left: 15px;

    font-size: 14px;

    color: #333333;

    line-height: 62px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    transition: all .5s ease-in-out;

}



.gsxw2 ul li span {

    display: inline-block;

    width: 80px;

    font-size: 14px;

    line-height: 62px;

    color: #666666;

    float: right;

}



.cjwt {

    float: right;

    width: 340px;

    height: 512px;

}

.cjwt_tit{

    width: 340px;

    padding-left: 20px;

}

/* 文字滚动 */

.faq {

    width: 340px;

    height: 442px;

    margin-top: 20px;

    overflow: hidden;

}



.faq .bd {

    position: relative;

    height: 442px;

    overflow: hidden;

}



.faq .faq-c {

    position: relative;

}



.faq .faq-c .faq-l {

    height: 160px;

    border-bottom: 1px dashed #adadad;

    clear: both;

    overflow: hidden;

    padding-top: 32px;

    box-sizing: border-box;

}

.faq .faq-c .faq-l:first-child{

    padding: 0;

}

.faq-w{

    margin-bottom: 18px;

    overflow: hidden;

}

.faq-d{

    height: 46px;

    margin-bottom: 36px;

    overflow: hidden;

}

.faq .faq-c .faq-l .faq-w span,.faq .faq-c .faq-l .faq-d span  {

    width: 25px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    font-size: 14px;

    color: #ffffff;

    float: left;

    margin-right: 20px;

    background-color: #014fa2;

}

.faq .faq-c .faq-l .faq-d span {

    clear: both;

    background-color: #f68c43;

}

.faq .faq-c .faq-l .faq-w a{

    display: inline-block;

    width: calc(100% - 45px);

    height: 25px;

    line-height: 25px;

    font-size: 14px;

    color: #333333;

    transition: all .5s ease-in-out;

}

.faq .faq-c .faq-l .faq-d p {

    float: left;

    width: calc(100% - 45px);

    height: 46px;

    font-size: 14px;

    line-height: 23px;

    color: #666666;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}

.gsxw2 ul li:hover a,

.gsxw2 ul li:hover span,

.faq .faq-c .faq-l:hover .faq-w a{

    color: #014fa2;

}

.gsxw2 ul li:hover i{

    background: #014fa2;

}

/* link */

.link{

    height: 60px;

    line-height: 60px;

    background-color: #666666;

    overflow: hidden;

}

.link p{

    float: left;

    width: 85px;

    margin-left: 6px;

    font-size: 16px;

    color: #ffffff;

}

.link ul{

    float: left;

    margin-left: 40px;

    width: calc(100% - 132px);

    height: 60px;

    overflow: hidden;

}

.link ul li{

    float: left;

    margin-right: 30px;

}

.link ul li a{

    font-size: 14px;

    color: #ffffff;

}