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







/*copyright by 动力无限  www.btoe.cn*/







/*邮箱 btoe@btoe.cn*/







/*合作电话 400-0599-360*/







/*版权所有违者必究*/







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















/*banner*/







.fullSlide {







    width: 100%;







    position: relative;







    height: 450px;







    background: #fff;







    overflow: hidden;







}















.fullSlide .bd {







    width: 100%;







    height: 450px;







    margin: 0 auto;







    position: relative;







    z-index: 1;







    overflow: hidden;







}























.fullSlide .bd ul {







    width: 100% !important;







}















.fullSlide .bd li {







    width: 100% !important;







    height: 450px;







    overflow: hidden;







    text-align: center;







}















.fullSlide .bd li a {







    display: block;







    height: 450px;







}















.fullSlide .hd {







    width: 100%;







    position: absolute;







    z-index: 2;







    bottom: 40px;







    left: 0;







    height: 30px;







    text-align: center;







}















.fullSlide .hd ul {







    text-align: center;







}















.fullSlide .hd ul li {







    cursor: pointer;







    display: inline-block;







    zoom: 1;







    width: 12px;







    height: 12px;







    border-radius: 50%;







    margin: 12px;







    overflow: hidden;







    line-height: 99px;







    -webkit-transition: all .3s ease-out;







    transition: all .3s ease-out;







    border: 1px solid #fff;







}















.fullSlide .hd ul .on {







    background: #fff;







    -webkit-transition: all .3s linear;







    transition: all .3s linear;







}























.fullSlide .next {







    width: 65px;







    height: 65px;







    position: absolute;







    top: 50%;







    z-index: 2;







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







    filter: alpha(opacity=80);







    -moz-opacity: .8;







    opacity: .8;







    -webkit-transition: all .5s linear;







    transition: all .5s linear;







    right: 4%;







}















.fullSlide .prev {







    width: 65px;







    height: 65px;







    position: absolute;







    top: 50%;







    z-index: 2;







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







    filter: alpha(opacity=80);







    -moz-opacity: .8;







    opacity: .8;







    -webkit-transition: all .5s linear;







    transition: all .5s linear;







    left: 4%;







}























/*title*/















.title {







    margin: 0 auto;







    text-align: center;







    height: 70px;







}















.title span {







    display: inline-block;







    font-size: 88px;







    color: #3057ac;







    font-weight: bold;







    font-family: Arial, Helvetica, sans-serif;







    text-transform: uppercase;







    line-height: 75px;







    margin-right: 15px;







}







.title h3 {







    display: inline-block;







    font-size: 34px;







    color: #222938;







    background: url(../images/title.png) no-repeat left top;







    padding-top: 15px;







    width: 170px;







    position: relative;







    top: -5px;







    text-align: left;







}















.title h3 a {







    font-size: 34px;







    color: #222938;







    display: block;







}























/*about*/







.ab_bg {







    width: 100%;







    height: 675px;







    margin: 0 auto;







    background: url(../images/ab_bg.jpg) no-repeat center bottom;







    position: relative;







}















.ab_bg .about {







    width: 1280px;







    margin: 0 auto;







    padding-top: 65px;















}















.ab_bg .about .ab_box {







    margin: 50px auto 0 auto;







}















.ab_bg .about .ab_box .ab_img {







    float: left;







    margin-left: 315px;







    width: 570px;







    height: 436px;







}















.ab_bg .about .ab_box .ab_img img {







    width: 570px;







    height: 436px;







}















.ab_bg .about .ab_box .ab_img iframe {







    width: 570px;







    height: 436px;







}















.ab_bg .about .ab_box .ab_r {







    float: right;







    width: 360px;







    position: relative;







    height: 490px;







}















.ab_bg .about .ab_box .ab_r .txt {







    position: relative;















}















.ab_bg .about .ab_box .ab_r .txt::after {







    position: absolute;







    left: -115px;







    top: 30px;







    width: 102px;







    height: 1px;







    background: #3057ac;







    content: "";















}















.ab_bg .about .ab_box .ab_r .txt span {







    display: block;







    font-size: 54px;







    color: #3057ac;







    font-weight: bold;







    font-family: Arial, Helvetica, sans-serif;







    text-transform: uppercase;







    line-height: 45px;







    margin-bottom: 10px;







}















.ab_bg .about .ab_box .ab_r .txt h5 {







    font-size: 24px;







    color: #333;







}















.ab_bg .about .ab_box .ab_r .txt p {







    font-size: 14px;







    color: #999;







    line-height: 30px;







    height: 300px;







    overflow: hidden;







    margin-top: 35px;







}















.ab_bg .about .ab_box .ab_r .txt .more {







    display: block;







    margin-top: 43px;







    width: 45px;







    height: 126px;







    border: 1px solid #e5e5e5;







    border-radius: 45px;







    line-height: 45px;







    font-size: 14px;







    color: #999;







    font-family: Arial, Helvetica, sans-serif;







    text-transform: uppercase;







    font-weight: bold;







    writing-mode: tb-rl;







    text-align: center;







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







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







    transition: all 0.5s ease-out;







    display: none;







}















.ab_bg .about .ab_box .ab_r .txt .more:hover {







    border: 1px solid #3057ac;







    background: #3057ac;







    color: #fff;







}















.ab_bg .about .ab_box .ab_r .ry {







    width: 252px;







    height: 174px;







    background: #eeeeee;







    position: absolute;







    right: 0;







    bottom: 0px;







    display: none;







}















.ab_bg .about .ab_box .ab_r .ry img {







    width: 246px;







    height: 168px;







    margin: 3px;







}















.ab_bg .pro_fl {







    position: absolute;







    left: 0px;







    top: -450px;







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







    width: 276px;







    height: 1125px;







    padding-left: 320px;







    z-index: 5;







}















.ab_bg .pro_fl .pro_t {







    margin: 100px 0 45px 0;







    width: 234px;







}















.ab_bg .pro_fl .pro_t a {





display: block;





font-size: 28px;





color: #fff;





text-align: center;

font-weight: bold;

}















.ab_bg .pro_fl .pro_con {







    width: 234px;







    margin: 0;







}















.ab_bg .pro_fl .pro_con ul li {







    width: 234px;







    height: 55px;







    line-height: 55px;







    background: #ffffff;







    border-radius: 5px;







    margin-bottom: 13px;







    position: relative;







    z-index: 5;















}















.ab_bg .pro_fl .pro_con ul li a {







    font-size: 16px;







    color: #333333;







    display: block;







    overflow: hidden;







    text-overflow: ellipsis;







    white-space: nowrap;







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







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







    transition: all 0.5s ease-out;







    padding-left: 60px;







    background: url(../images/buttom1.png) no-repeat 30px center;







}















.ab_bg .pro_fl .pro_con ul li::after {







    position: absolute;







    left: 0px;







    top: 0px;







    content: "";







    z-index: -1;







    width: 0px;







    height: 55px;







    border-radius: 5px;







    background: #feba46;







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







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







    transition: all 0.5s ease-out;







}















.ab_bg .pro_fl .pro_con ul li.on::after {}







.ab_bg .pro_fl .pro_con ul li.on {







    background: #3057ac;







}







.ab_bg .pro_fl .pro_con ul li.on a {



    color: #fff;



    background: url(../images/buttom1-hover.png) no-repeat  30px center;



}















@media (max-width:1600px) {







    .ab_bg .pro_fl {







        width: 18%;







        padding-left: 10%;







    }















}























@media (max-width:1400px) {







    .ab_bg .pro_fl {







        width: 21%;







        padding-left: 1%;







    }















}























/*pro_bg*/







.pro_bg {







    width: 100%;







    height: 2130px;







    margin: 0 auto;







    background: url(../images/pro_bg1.jpg) repeat center;







    position: relative;







}















.pro_bg .product {







    width: 1280px;







    margin: 0 auto;







    padding-top: 75px;















}















.pro_bg .product .pro_box {







    margin: 45px auto 0 auto;







}















.pro_bg .product .pro_box dl {







    overflow: hidden;







    margin: 0px auto 40px auto;







}















.pro_bg .product .pro_box dl dt {







    width: 256px;







    height: 60px;







    line-height: 60px;







    background: #3057ac;







    border-radius: 5px;







    margin: 0 auto;







    text-align: center;







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







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







    transition: all 0.5s ease-out;







}















.pro_bg .product .pro_box dl dt a {







    font-size: 18px;







    color: #ffffff;







    display: inline-block;







    overflow: hidden;







    text-overflow: ellipsis;







    white-space: nowrap;







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







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







    transition: all 0.5s ease-out;







    background: url(../images/buttom3.png) no-repeat right center;







    padding-right: 20px;







    max-width: 200px;







}























.pro_bg .product .pro_box dl dt:hover {







    background: none;















}















.pro_bg .product .pro_box dl dt:hover a {







    color: #31975f;







    background: url(../images/buttom2.png) no-repeat right center;







}















.pro_bg .product .pro_box dl .pro_show {







    margin: 40px auto 0 auto;







    width: 1360px;















}















.pro_bg .product .pro_box dl .pro_show dd {







    float: left;







    width: 400px;







    height: 340px;







    border: 1px solid #eeeeee;







    margin-right: 37px;







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







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







    transition: all 0.5s ease-out;







}















.pro_bg .product .pro_box dl .pro_show dd .pic {







    width: 380px;







    height: 260px;







    margin: 10px;







    border-radius: 3px;







    overflow: hidden;







}















.pro_bg .product .pro_box dl .pro_show dd .pic img {







    width: 380px;







    height: 260px;







    border-radius: 3px;







    overflow: hidden;







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







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







    transition: all 0.5s ease-out;







}















.pro_bg .product .pro_box dl .pro_show dd .txt {







    width: 340px;







    height: 47px;







    line-height: 47px;







    border-radius: 3px;







    margin: 0 auto;







    background: #eeeeee;







    padding: 0 20px;







}















.pro_bg .product .pro_box dl .pro_show dd .txt h5 a {







    font-size: 14px;







    color: #333333;







    display: block;







    overflow: hidden;







    text-overflow: ellipsis;







    white-space: nowrap;







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







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







    transition: all 0.5s ease-out;







    text-transform: uppercase;







    text-align: center;















}















.pro_bg .product .pro_box dl .pro_show dd:hover .txt h5 a {







    color: #3057ac;







}















.pro_bg .product .pro_box dl .pro_show dd .txt .more {







    display: block;







    float: right;







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







    width: 13px;







    height: 13px;







    margin-top: 17px;







    display: none



}















.pro_bg .product .pro_box dl .pro_show dd:hover {







    border: 1px solid #3057ac;







}















.pro_bg .product .pro_box dl .pro_show dd:hover .pic img {







    transform: scale(1.1);







    -webkit-transform: scale(1.1);







    -o-transform: scale(1.1);







}































/*ys*/















.ys_bg {







    width: 100%;







    height: 810px;







    margin: 0px auto 0 auto;







    background: url(../images/ys_bg.jpg) no-repeat top center;







}















.ys_bg .ys {







    width: 1280px;







    margin: 0 auto;







    padding-top: 105px;







    position: relative;







}























.ys_bg .ys .ys_t {







    position: absolute;







    z-index: 5;







    left: 0px;







    top: 65px;















}















.ys_bg .ys .ys_t span {







    display: block;







    font-size: 85px;







    color: #486bb7;







    font-weight: bold;







    font-family: Arial, Helvetica, sans-serif;







    text-transform: uppercase;







    line-height: 85px;







}















.ys_bg .ys .ys_t h3 {







    font-size: 34px;







    color: #fff;







    font-weight: bold;







    margin-top: -142px;







}















.ys_bg .ys .ys_box {







    width: 1280px;







    margin: 0 auto;







    position: relative;







}















.ys_bg .ys .ys_box .bd {







    width: 1280px;







    margin: 0 auto;







    height: 418px;







}















.ys_bg .ys .ys_box .bd ul li {







    float: left;







    width: 1280px;







}















.ys_bg .ys .ys_box .bd ul li .txt {







    float: left;







    margin-top: 227px;







    width: 425px;







}















.ys_bg .ys .ys_box .bd ul li .txt h5 {







    font-size: 24px;







    color: #fff;







    margin-bottom: 25px;















}















.ys_bg .ys .ys_box .bd ul li .txt p {







    font-size: 14px;







    color: #eeeeee;







    line-height: 36px;







}















.ys_bg .ys .ys_box .bd ul li .ys_img {







    float: right;







    width: 636px;







    height: 418px;







    position: relative;







}















.ys_bg .ys .ys_box .bd ul li .ys_img img {







    width: 636px;







    height: 418px;







}















.ys_bg .ys .ys_box .bd ul li .ys_img i {







    display: block;







    position: absolute;







    left: 22px;







    top: 17px;







    width: 592px;







    height: 384px;







    border: 1px solid #ffffff;







}















.ys_bg .ys .ys_box .next {







    position: absolute;







    left: 530px;







    top: 293px;







    cursor: pointer;







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







    width: 33px;







    height: 33px;







}















.ys_bg .ys .ys_box .prev {







    position: absolute;







    left: 530px;







    top: 357px;







    cursor: pointer;







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







    width: 33px;







    height: 33px;







}















.ys_bg .ys .ys_box .hd {







    margin: 71px auto 0 auto;







}















.ys_bg .ys .ys_box .hd ul {







    float: right;







}















.ys_bg .ys .ys_box .hd ul li {







    float: left;







    width: 114px;







    margin-left: 88px;







    text-align: center;







    position: relative;







    z-index: 3;







}















.ys_bg .ys .ys_box .hd ul li .txt {







    position: relative;







    z-index: 5;







    width: 110px;







    height: 212px;







    background: #fff;







    border: 2px solid #e5e5e5;







    border-radius: 3px;







}















.ys_bg .ys .ys_box .hd ul li span {







    display: block;







    width: 110px;







    height: 100px;







    line-height: 100px;







    background: #f4f4f4;







    font-size: 50px;







    color: #999999;







    font-family: Arial, Helvetica, sans-serif;







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







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







    transition: all 0.5s ease-out;







}















.ys_bg .ys .ys_box .hd ul li h5 {







    font-size: 18px;







    color: #333333;







    line-height: 30px;







    margin: 17px auto 0 auto;







}















.ys_bg .ys .ys_box .hd ul li::after {







    position: absolute;







    left: -68px;







    bottom: 0px;







    z-index: -1;







    width: 198px;







    height: 0px;







    content: "";







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







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







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







    transition: all 0.5s ease-out;







}















.ys_bg .ys .ys_box .hd ul li.on::after {







    height: 69px;







}















.ys_bg .ys .ys_box .hd ul li.on span {







    background: #feba46;







    color: #666;















}















.ys_bg .ys .ys_box .ys_xt {







    font-size: 14px;







    color: #9fafd5;







    text-transform: uppercase;







    font-family: Arial, Helvetica, sans-serif;







    position: absolute;







    left: 15px;







    top: 485px;







    letter-spacing: 14px;







}























/*case*/















.case {







    width: 1280px;







    margin: 75px auto 0 auto;







}















.case .case_box {







    width: 1360px;







    margin: 45px auto 0 auto;







}















.case .case_box ul li {







    float: left;







    width: 298px;







    height: 435px;







    border: 1px solid #eeeeee;







    border-radius: 3px;







    margin-right: 30px;







}























.case .case_box ul li .pic {







    width: 291px;







    height: 245px;







    margin: 4px 4px 0 4px;







    border-radius: 3px;







    overflow: hidden;







}















.case .case_box ul li .pic img {







    width: 291px;







    height: 245px;







    border-radius: 3px;







    overflow: hidden;







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







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







    transition: all 0.5s ease-out;







}















.case .case_box ul li .txt {







    width: 245px;







    margin: 33px auto 0 auto;







    text-align: center;















}















.case .case_box ul li .txt h5 a {







    font-size: 16px;







    color: #333333;







    display: block;







    overflow: hidden;







    text-overflow: ellipsis;







    white-space: nowrap;







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







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







    transition: all 0.5s ease-out;







}















.case .case_box ul li .txt p {







    font-size: 14px;







    color: #999;







    line-height: 24px;







    height: 48px;







    overflow: hidden;







    margin: 15px auto 20px auto;







}















.case .case_box ul li .txt .more {







    display: block;







    margin: 0 auto;







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







    width: 16px;







    height: 16px;















}















.case .case_box ul li:hover .pic img {







    transform: scale(1.1);







    -webkit-transform: scale(1.1);







    -o-transform: scale(1.1);







}















.case .case_box ul li:hover .txt h5 a {







    color: #3057ac;







}























/*message*/















.messag_bg {







    width: 100%;







    height: 255px;







    margin: 50px auto 0 auto;







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







}















.messag_bg .message {







    width: 1280px;







    margin: 0 auto;







}















.messag_bg .message .m_l {







    float: left;







    width: 320px;







    margin-top: 45px;







}















.messag_bg .message .m_l .tel {







    padding-left: 60px;







    font-size: 16px;







    color: #333333;







    background: url(../images/tel.png) no-repeat left center;







    height: 70px;







}















.messag_bg .message .m_l .tel i {







    display: block;







    font-size: 30px;







    color: #333333;







    font-family: Arial, Helvetica, sans-serif;







    font-weight: bold;







}















.messag_bg .message .m_l .zixun {







    width: 108px;







    height: 40px;







    line-height: 40px;







    border-radius: 3px;







    text-align: center;







    margin: 10px 0 0 60px;







    background: #3057ac;















}















.messag_bg .message .m_l .zixun a {







    display: block;







    font-size: 14px;







    color: #fff;







}















.messag_bg .message .m_r {







    float: right;







    width: 900px;







    margin-top: 75px;







}















.messag_bg .message .m_r .m_t {







    float: left;







}















.messag_bg .message .m_r .m_t h3 {







    font-size: 24px;







    color: #fff;







}















.messag_bg .message .m_r .m_t h3 i {







    display: block;







    font-size: 14px;







    color: #fff;







    font-family: Arial, Helvetica, sans-serif;







    text-transform: uppercase;







}















.messag_bg .message .m_nr {







    float: left;







    margin-left: 50px;







    margin-top: 8px;







    width: 725px;







}















.messag_bg .message .m_nr .nr {







    height: 40px;







    margin-bottom: 10px;







}















.messag_bg .message .m_nr .form-group1 {







    float: left;







    width: 234px;







    height: 40px;







    background: #fff;







    border-radius: 3px;







    margin-right: 10px;















}















.messag_bg .message .m_nr .form-group1 input {







    width: 234px;







    height: 40px;







    background: url(../images/m1.png) no-repeat 13px center;







    text-indent: 40px;







    font-size: 14px;







    color: #999999;







}















.messag_bg .message .m_nr .form-group2 {







    float: left;







    width: 234px;







    height: 40px;







    background: #fff;







    border-radius: 3px;















}















.messag_bg .message .m_nr .form-group2 input {







    width: 234px;







    height: 40px;







    background: url(../images/m2.png) no-repeat 13px center;







    text-indent: 40px;







    font-size: 14px;







    color: #999999;







}















.messag_bg .message .m_nr .form-group3 {







    float: right;







    width: 234px;







    height: 40px;







    background: #fff;







    border-radius: 3px;















}















.messag_bg .message .m_nr .form-group3 textarea {







    width: 234px;







    height: 30px;







    background: url(../images/m3.png) no-repeat 13px center;







    font-size: 14px;







    color: #999999;







    padding: 10px 0 0 40px;







}























.messag_bg .message .m_nr .form-group4 {







    float: left;







    width: 622px;







    height: 40px;







    background: #fff;







    border-radius: 3px;















}















.messag_bg .message .m_nr .form-group4 input {







    width: 500px;







    height: 40px;







    background: url(../images/m4.png) no-repeat 13px center;







    text-indent: 40px;







    font-size: 14px;







    color: #999999;







    float: left;







}























.messag_bg .message .m_nr .form-group4 .imgcode {







    float: right;







    width: 94px;







    height: 38px;







    margin: 1px 1px 0 0;







}















.messag_bg .message .m_nr .anniu {







    float: right;







    width: 94px;







    height: 40px;







}















.messag_bg .message .m_nr .anniu button {







    cursor: pointer;







    border: none;







    font-size: 14px;







    color: #333;







    width: 94px;







    height: 40px;







    background: #feba46;







    border-radius: 3px;







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







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







    transition: all 0.5s ease-out;







}















.messag_bg .message .m_nr .anniu button:hover {







    border-radius: 45px;







}























/*news*/















.news_bg {







    width: 100%;







    height: 891px;







    margin: 0px auto 0 auto;







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







}















.news_bg .news {







    width: 1280px;







    margin: 0 auto;







    padding-top: 75px;







    height: 670px;







}















.news_bg .news .news_t {







    overflow: hidden;







}















.news_bg .news .news_t .title {







    float: left;







}















.news_bg .news .news_list {







    float: right;







    position: relative;







}















.news_bg .news .news_list ul li {







    float: left;







}















.news_bg .news .news_list ul li h5 {







    float: left;







    width: 185px;







    height: 55px;







    line-height: 55px;







    border: 1px solid #e5e5e5;







    border-radius: 5px;







    position: relative;







    z-index: 5;







    margin-right: 30px;







}















.news_bg .news .news_list ul li h5 i {







    text-indent: 80px;







    font-size: 18px;







    color: #666;







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







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







    transition: all 0.5s ease-out;







    display: block;







}















.news_bg .news .news_list ul li.n1 h5 i {







    background: url(../images/news1.png) no-repeat 30px center;







}















.news_bg .news .news_list ul li.n2 h5 i {







    background: url(../images/news2.png) no-repeat 30px center;







}















.news_bg .news .news_list ul li.n3 h5 i {







    background: url(../images/news3.png) no-repeat 30px center;







}















.news_bg .news .news_list ul li.n3 h5 {







    margin-right: 185px;















}















.news_bg .news .news_list ul li h5:after {







    position: absolute;







    left: 0;







    top: 0px;







    z-index: -1;







    width: 0%;







    height: 100%;







    content: "";







    background: #feba46;







    border-radius: 5px;







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







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







    transition: all 0.5s ease-out;















}















.news_bg .news .news_list ul li .more {







    position: absolute;







    right: 0px;







    top: 0px;







    width: 155px;







    height: 55px;







    line-height: 55px;







    background: #3057ac;







    border-radius: 5px;







    text-align: center;







    font-size: 14px;







    color: #fff;







    font-family: Arial, Helvetica, sans-serif;







    text-transform: uppercase;















}















.news_bg .news .news_list ul li.casehover h5:after {







    width: 100%;







}















.news_bg .news .news_list ul li.casehover h5 i {







    color: #333



}















.news_bg .news .news_list ul li.n1.casehover h5 i {







    background: url(../images/news11.png) no-repeat 30px center;







}















.news_bg .news .news_list ul li.n2.casehover h5 i {







    background: url(../images/news22.png) no-repeat 30px center;







}















.news_bg .news .news_list ul li.n3.casehover h5 i {







    background: url(../images/news33.png) no-repeat 30px center;







}















.news_bg .news .news_box {







    margin: 50px auto 0 auto;







}















.news_bg .news .news_box .news_top {







    height: 325px;







    overflow: hidden;







}















.news_bg .news .news_box .news_top .news_l {







    float: left;







    width: 790px;







}















.news_bg .news .news_box .news_top .news_l .news_img {







    float: left;







    width: 431px;







    height: 323px;







    border: 1px solid #e5e5e5;







    border-radius: 3px;







}















.news_bg .news .news_box .news_top .news_l .news_img img {







    width: 423px;







    height: 316px;







    margin: 4px;







    border-radius: 3px;







}















.news_bg .news .news_box .news_top .news_l .txt {







    float: right;







    margin-top: 35px;







    width: 310px;







}















.news_bg .news .news_box .news_top .news_l .txt span {







    display: block;







    width: 130px;







    height: 40px;







    line-height: 40px;







    background: #3057ac;







    border-radius: 3px;







    text-align: center;







    font-size: 16px;







    color: #fff;







}















.news_bg .news .news_box .news_top .news_l .txt h5 a {







    color: #333;







    font-size: 16px;







    overflow: hidden;







    text-overflow: ellipsis;







    white-space: nowrap;







    display: block;







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







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







    transition: all 0.5s ease-out;







    margin: 45px 0 20px 0;







}















.news_bg .news .news_box .news_top .news_l:hover .txt h5 a {







    color: #3057ac;















}















.news_bg .news .news_box .news_top .news_l .txt p {







    color: #999;







    font-size: 14px;







    line-height: 24px;







    height: 48px;







    overflow: hidden;







}















.news_bg .news .news_box .news_top .news_l .txt .more {







    display: block;







    width: 22px;







    height: 22px;







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







    margin-top: 50px;















}















.news_bg .news .news_box .news_top .news_r {







    float: right;







    width: 430px;







}















.news_bg .news .news_box .news_top .news_r ul li {







    width: 430px;







    height: 160px;







    border-bottom: 1px dashed #e5e5e5;







    margin-bottom: 27px;















}















.news_bg .news .news_box .news_top .news_r ul li .news_img {







    float: left;







    width: 156px;







    height: 134px;







    border: 1px solid #e5e5e5;







    border-radius: 3px;







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







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







    transition: all 0.5s ease-out



}















.news_bg .news .news_box .news_top .news_r ul li .news_img img {







    width: 148px;







    height: 126px;







    margin: 4px;







    border-radius: 3px;







}















.news_bg .news .news_box .news_top .news_r ul li:hover .news_img {







    border: 1px solid #3057ac;







}















.news_bg .news .news_box .news_top .news_r ul li .txt {







    float: right;







    width: 250px;







}















.news_bg .news .news_box .news_top .news_r ul li .txt h5 a {







    color: #666;







    font-size: 16px;







    overflow: hidden;







    text-overflow: ellipsis;







    white-space: nowrap;







    display: block;







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







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







    transition: all 0.5s ease-out;







    margin: 10px 0 12px 0;







}















.news_bg .news .news_box .news_top .news_r ul li:hover .txt h5 a {







    color: #3057ac;







}















.news_bg .news .news_box .news_top .news_r ul li .txt p {







    color: #999;







    font-size: 14px;







    line-height: 24px;







    height: 48px;







    overflow: hidden;







}















.news_bg .news .news_box .news_top .news_r ul li .txt .more {







    display: block;







    font-size: 14px;







    color: #3057ac;







    font-family: Arial, Helvetica, sans-serif;







    text-transform: uppercase;







    float: right;







    margin-top: 10px;















}















.news_bg .news .news_box .list {







    margin: 25px auto 0 auto;







    width: 1360px;







}















.news_bg .news .news_box .list ul li {







    float: left;







    width: 600px;







    height: 65px;







    line-height: 65px;







    border-bottom: 1px dashed #eeeeee;







    margin-right: 70px;







}















.news_bg .news .news_box .list ul li a {







    float: left;







    width: 450px;







    color: #666666;







    font-size: 14px;







    overflow: hidden;







    text-overflow: ellipsis;







    white-space: nowrap;







    display: block;







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







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







    transition: all 0.5s ease-out;







    padding-left: 25px;







    background: url(../images/buttom6.png) no-repeat left center;







}















.news_bg .news .news_box .list ul li span {







    display: block;







    float: right;







    color: #999999;







    font-size: 14px;







    font-family: Arial, Helvetica, sans-serif;







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







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







    transition: all 0.5s ease-out;







}















.news_bg .news .news_box .list ul li:hover a {







    color: #feba46;







    background: url(../images/buttom5.png) no-repeat left center;







}















.news_bg .news .news_box .list ul li:hover span {







    color: #feba46;







}















/*links*/















.links {







    width: 1280px;







    margin: 40px auto 0 auto;







}















.links .links_t {







    float: left;







    padding-left: 45px;







    background: url(../images/links.png) no-repeat left center;







    height: 66px;







}















.links .links_t span {







    display: block;







    font-size: 40px;







    color: #3057ac;







    font-weight: bold;







    font-family: Arial, Helvetica, sans-serif;







    text-transform: uppercase;







    line-height: 30px;







    margin-top: 7px;







}















.links .links_t i {







    display: block;







    font-size: 16px;







    color: #3057ac;







}















.links .yq {







    float: right;







    width: 1075px;







    font-size: 14px;







    color: #999999;







}















.links .yq a {







    margin: 0 15px;







    font-size: 14px;







    color: #999999;







}