@charset "utf8";

/* CSS Document */

body{

    margin: 0px; padding: 0px; font-size: 12px; font-family: "微软雅黑"; color: #000000;

}

div {

    margin:0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px;

    padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;

}

form {

    margin:0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px;

    padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;

}

ul{

    margin:0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px;

    padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;

}

li {

    list-style:none; margin: 0px; padding: 0px;

}

p {

    margin: 0px; padding: 0px;

}

img {

    margin:0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px;

    padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;

}

select {

    font-size:12px; vertical-align:middle;

}

input {

    font-size:12px; vertical-align:middle;

}

H1,h2,h3,h4,h5 {

    margin:0px; font-sizeweight:normal;

}



.clear{

    clear: both;

}

A:link {

    color: #707064; text-decoration: none;

}

A:visited {

    color: #707064; text-decoration: none;

}

A:hover {

    color: #3fc1cd; text-decoration: none;

}

A:active {

    color: #3fc1cd;

}





.header {

    margin: 0px auto; width: 100%;

}

.top_msg_box{width:100%;background: #2b2b33;}

.header .top_msg{

    margin: 0px auto; width: 1200px; height: 36px; line-height: 36px;

}

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

.header .top_msg .hot_line{

    float: left; background: #2b2b33; font-size: 16px; color: #ffffff; padding-left: 26px; margin-left: 5px; background: url(../images/hot_line_ico.jpg) left no-repeat; overflow: hidden;

}

.header .top_msg .wx_msg{

    float: right; font-size: 16px; color: #ffffff; padding-left: 34px; margin-right: 10px; background: url(../images/wx_msg_ico.jpg) left no-repeat; position: relative; z-index: 100; cursor: pointer;

}

.header .top_msg .wx_msg img{

    display: none;

}

.header .top_msg .wx_msg:hover img{

    display: block; position: absolute; z-index: 9999; top: 36px; left: 0px;

}



.header .logo{

    float: left; width: 295px; height: 90px; overflow: hidden;

}

.header .nav{

    float: right;
    /*width: 861px; */
    height: 90px;

}

.header .nav ul li{

    float: left; width: 123px; height: 90px; text-align: center; cursor: pointer; position: relative; z-index: 1; font-size:16px;
}
.header .nav ul li a{
    font-size: 14px;
}

.header .nav ul li:hover {

    float: left; width: 123px; height: 90px; background: #d7d7d7; cursor: pointer;

}

.header .nav .zh{

    width: 123px; height: 30px; margin-top: 20px; font-family: "微软雅黑"; font-size: 15px; line-height: 30px; display: block; color: #2c2c2c; overflow: hidden;

}

.header .nav .en{

    width: 123px; height: 20px; font-family: "微软雅黑"; font-size: 11px; line-height: 20px; display: block; color: #8e8e8e; overflow: hidden;

}

.header .nav ul li ul {

    display: none;

}

.header .nav  ul li:hover ul {

    display:block; position:absolute; width:625px; z-index: 99; top: 90px;

}

.header .nav  ul li:hover ul li{

    width: 123px; height: 50px; line-height: 50px; border-bottom: #cccccc 1px solid;border-right: #cccccc 0.5px solid;border-left: #cccccc 0.5px solid;
    background-color: rgba(215,215,215,0.7);

}

.header .nav  ul li:hover ul li a{

    color: #000000;

}

.header .nav  ul li:hover ul li a:hover{

    color: #000000; background:#bebdbd; width:123px; top:90px; display: block;

}

.main_title {

    margin: 0px auto; width: 1179px; height: 50px; margin-top: 80px; line-height: 50px; text-align: center; color: #e55050; font-size: 48px; font-family: "微软雅黑"; overflow: hidden;

}

.main_title span{

    color: #00b7e5; font-size: 46px;

}

.main_more {

    margin: 0px auto; width: 1179px; height: 30px; margin-top: 10px; line-height: 30px; text-align: center; color: #5b5b5b; font-size: 16px; font-family: "微软雅黑"; overflow: hidden;

}

/*banner驴陋脢录*/

.banner {

    height: 445px;

    width: 100%;

    clear: both;

    overflow: hidden;
    vertical-align: middle;
    text-align: center;

}

.ul_arrow a, .ul_play li a, .ul_pos li a, .ul_pos li span {

    background-image: url(../images/sp_main.png);

    background-repeat: no-repeat;

}


/*脳贸脫脪录媒脥路*/

.ul_arrow {

    width: 100%;

    height: 100%;

}

.ul_arrow li{ position:relative; height:100%; overflow:hidden}

.ul_arrow li div{ position:absolute;}

.ul_arrow li div.li_prev{ left:52px;top:50%; margin-top:-26px;}

.area_visual .ul_arrow .li_prev a {

    display:block;

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

    width: 32px;

    height: 52px;

}


/*碌脳虏驴掳麓脜楼脳茅*/

.ul_pos li {

    float: left;

    width: 11px;

    height: 12px;

    margin: 0 5px;

    text-indent: -10000px;

}

.ul_pos li a, .ul_pos li span {

    display: block;

    height: 12px;

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

}

.ul_pos li.on a, .ul_pos li.on span {

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

}

/*banner*/
.swiper-container {
    width: 100%;
    height: 100%;

}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}



.fwbox {

    margin: 0px auto; width: 100%; height: 575px; background:#f1f1f1; overflow: hidden;

}

.service {

    margin: 0px auto; width: 1200px; height: 326px; margin-top: 30px;overflow: hidden;

}

.service ul li{

    float: left; width:200px; height:300px; overflow: hidden; text-align:center; position:relative;

}

.service ul li:hover{cursor:pointer;}

.service ul li:hover .readMore{background:#fff;transition: all 0.5s ease 0s;}

.service ul li:hover .readMore a{color:#666;transition: all 0.5s ease 0s;}

.service ul li i{display:block; margin:0 auto; width:90px; height:90px; line-height:90px; font-size:45px; background:#01B7E6; color:#fff; border-radius:50%; margin-top:20px;}

.service ul li span{line-height:24px; font-size:13px; padding:0 10px; color:#666;}

.readMore{height:30px; line-height:30px; display:block; margin:0 auto; width:120px; background:#666; border-radius:20px; position:absolute; bottom:20px; left:40px;}

.readMore a{color:#fff;}

.service ul li p{height:40px; line-height:40px; font-size:18px;}

#li-1{background:#D9E6EC;}

#li-2{background:#8DE0F0;}

#li-3{background:#F79F9E;}

#li-4{background:#EEC897;}

#li-5{background:#EAA9F9;}

#li-6{background:#baba5a;}

.service img{

    margin: 0px auto; width: 77px; height: 77px; display: block; overflow: hidden;

}

.service .bt{

    margin: 0px auto; width: 195.8px; height: 35px; line-height: 35px; text-align: center; font-size: 18px; color: #373737; margin-top: 15px; overflow: hidden;

}

.service .nr{

    margin: 0px auto; width: 195.8px; line-height: 1.8; font-size: 12px; margin-top: 10px; color: #838383; overflow: hidden;

}





.mainbox {

    margin: 0px auto; width: 100%; background:#f5f5f5; overflow: hidden;

}

.huoban {

    margin: 0px auto; width: 1179px; height: 510px; margin-top: 10px; overflow: hidden;

}

.huoban ul li{

    float: left; width: 264.75px; height: 238px; margin-top: 15px; margin-left: 15px; margin-right: 15px; overflow: hidden;

}

.huoban img{

    width: 264.75px; height: 198px; overflow: hidden; display:list-item;

}

.huoban p{

    width: 264.75px; height: 30px; line-height: 30px; text-align: center; font-size: 13px; overflow: hidden; background:#666; color:#fff;

}

.step {

    margin: 0px auto; width: 100%; height: 404px; margin-top: 30px; background: url(../images/step_bg.jpg) center no-repeat; overflow: hidden;

}

.step .content{

    margin: 0px auto; width: 1175px; height: 404px; overflow: hidden;

}

.step .content ul li{

    float: left; width: 235px; height: 294px; padding-top: 110px; overflow: hidden;

}

.step .content img{

    margin: 0px auto; width: 139px; height: 136px; display: block; overflow: hidden;

}

.step .content .zh_bt{

    margin: 0px auto; width: 235px; height: 35px; line-height: 35px; text-align: center; font-size: 20px; color: #ffffff; margin-top: 10px; overflow: hidden;

}

.step .content .en_bt{

    margin: 0px auto; width: 235px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #ffffff; overflow: hidden;

}







.about {

    margin: 0px auto; width: 1179px; margin-top: 30px; overflow: hidden;

}

.about .imgbox{

    float: left; width: 500px; overflow: hidden;

}

.about .about_text{

    float: right; width: 650px; overflow: hidden;

}

.about .about_text .about_bt{

    margin: 0px auto; width: 500px; height: 80px; text-align: center; line-height: 80px; margin-top: 50px; font-size: 32px; border: #cccccc 1px dashed; border-left: none; border-right: none; font-family: Arial, Helvetica, sans-serif; overflow: hidden;

}

.about .about_text .about_nr{

    margin: 0px auto; width: 600px; line-height: 2.0; margin-top: 20px; font-size: 14px; overflow: hidden;

}

.about .about_text .about_nr p{

    text-indent: 2em; overflow: hidden;

}







.heban_list {

    margin: 0px auto; width: 1179px; margin-top: 30px; overflow: hidden;

}

.heban_list ul li{

    float: left; width: 250px; height: 240px; margin-bottom: 30px; margin-left: 22px; margin-right: 22px; overflow: hidden;

}

.heban_list img{

    width: 250px; height: 210px; overflow: hidden;

}

.heban_list p{

    width: 250px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; overflow: hidden;

}





.newsbox {

    margin: 0px auto; width: 100%; margin-top: 60px; padding-bottom: 30px; border-top: #cccccc 1px solid; overflow: hidden;

}

.newsbox .news{

    margin: 0px auto; width: 1179px; margin-top: 30px; overflow: hidden;

}

.newsbox .news ul li{

    float: left; width: 569px; height: 100px; padding: 5px 5px; margin-left: 5px; margin-right: 5px; margin-top: 10px; background: #f1f1f1; overflow: hidden;

}

.newsbox .news .img{

    float: left; width: 150px; height: 100px; overflow: hidden;

}

.newsbox .news .img img{width:150px; height:100px;}

.newsbox .news .news_info{

    float: right; width: 400px; height: 100px; overflow: hidden;

}

.newsbox .news .news_info .bt{

    width: 400px; height: 30px; line-height: 30px; font-size: 16px; color: #555756; overflow: hidden;

}

.newsbox .news .news_info .time{

    width: 400px; height: 20px; line-height: 20px; font-size: 12px; color: #999999; overflow: hidden;

}

.newsbox .news .news_info .nr{

    width: 400px; height: 40px; line-height: 20px; font-size: 12px; color: #666666; margin-top: 5px; overflow: hidden;

}



.newsbox .more{

    margin: 0px auto; width: 120px; height: 30px; line-height: 30px; text-align: center; background:#666; border-radius: 15px; font-size: 12px; margin-top: 30px; overflow: hidden;

}.newsbox .more a{color:#fff;}

.newsbox .more:hover{background:#5686DB;transition: all 0.5s ease 0s;}

.newsbox .more:hover a{color:#fff;}







/*路镁脦帽脧卯脛驴露镁录露脪鲁脙忙*/

.fw_list {

    margin: 0px auto; width: 100%; padding: 80px 0px; background: #f3f3f3;

}

.fw_list .fw_box{

    margin: 0px auto; width: 1179px; overflow: hidden;

}

.fw_list .fw_box .title{

    margin: 0px auto; width: 1179px; height: 80px; line-height: 80px; text-align: center; font-size: 60px; color: #353535; overflow: hidden;

}

.fw_list .fw_box .info{

    margin: 0px auto; width: 1179px; height: 50px; line-height: 50px; text-align: center; font-size: 28px; color: #3f3d3d; font-family: Arial, Helvetica, sans-serif; overflow: hidden;

}

.fw_list .fw_box .fw_img{

    margin: 0px auto; width: 1179px; text-align: center; overflow: hidden;

}





/*路镁脦帽脫脜脢脝*/

.ys_box {

    margin: 0px auto; width: 100%; background: #f3f3f3 url(../images/youshi_bg.jpg) repeat-x;

}

.ys_box .title{

    margin: 0px auto; width: 1179px; padding-top: 70px; padding-bottom: 40px; background: url(../images/ys_title_bg.jpg) top center no-repeat; color: #ffffff; overflow: hidden;

}

.ys_box .title .bt{

    margin: 0px auto; width: 1179px; height: 80px; line-height: 80px; text-align: center; font-size: 60px; overflow: hidden;

}

.ys_box .title .info{

    margin: 0px auto; width: 1179px; height: 50px; line-height: 50px; text-align: center; font-size: 28px; font-family: Arial, Helvetica, sans-serif; overflow: hidden;

}

.ys_box .content{

    margin: 0px auto; width: 1179px; margin-top: 80px; padding-bottom: 80px; overflow: hidden;

}

.ys_box .content ul li{

    float: left; width: 246px; height: 344px; margin-left: 24px; margin-right: 24px; overflow: hidden;

}

.ys_box .content .img_box{

    width: 246px; height: 160px; overflow: hidden;

}

.ys_box .content .text_box{

    width: 246px; height: 126px; background: #ffffff; margin-top: 0px; overflow: hidden;

}

.ys_box .content .text_box .bt{

    width: 246px; height: 30px; line-height: 30px; text-align: center; font-size: 23px; color: #d63519; margin-top: 15px; overflow: hidden;

}

.ys_box .content .text_box .sm{

    width: 220px; height: 66px; line-height: 23px; padding: 0px 13px; text-align:center; font-size: 14px; margin-top: 5px; overflow: hidden;

}

.ys_box .content .btn_box{

    width: 246px; height: 58px; overflow: hidden; background:#31C4D6; line-height:58px; text-align:center; font-size:18px;border-radius:0 0 10px 10px;color: white;

}

.ys_box .content .btn_box a{color:#fff;}

.ys_box .content ul li:hover{cursor:pointer;}

.ys_box .content ul li:hover .btn_box{background:#666;transition: all 0.5s ease 0s;}

/*麓煤掳矛脕梅鲁脤*/

.dblc_box {

    margin: 0px auto; width: 100%; background: #f3f3f3 url(../images/dblc_bg.jpg) repeat-x;

}

.dblc_box .title{

    margin: 0px auto; width: 1179px; padding-top: 80px; padding-bottom: 40px; background: url(../images/dblc_title_bg.jpg) top center no-repeat; color: #ffffff; overflow: hidden;

}

.dblc_box .title .bt{

    margin: 0px auto; width: 1179px; height: 80px; line-height: 80px; text-align: center; font-size: 60px; overflow: hidden;

}

.dblc_box .title .info{

    margin: 0px auto; width: 1179px; height: 50px; line-height: 50px; text-align: center; font-size: 28px; font-family: Arial, Helvetica, sans-serif; overflow: hidden;

}

.dblc_box .content{

    margin: 0px auto; width: 1179px; margin-top: 80px; padding-bottom: 80px; overflow: hidden;

}

.dblc_box .content{

    margin: 0px auto; width: 1175px; height: 404px; overflow: hidden;

}

.dblc_box .content ul li{

    float: left; width: 235px; height: 294px; padding-top: 110px; overflow: hidden;

}

.dblc_box .content img{

    margin: 0px auto; width: 139px; height: 136px; display: block; overflow: hidden;

}

.dblc_box .content .zh_bt{

    margin: 0px auto; width: 235px; height: 35px; line-height: 35px; text-align: center; font-size: 20px; margin-top: 10px; overflow: hidden;

}

.dblc_box .content .en_bt{

    margin: 0px auto; width: 235px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; overflow: hidden;

}





/*鲁拢录没脦脢脤芒*/

.cjwt_box {

    margin: 0px auto; width: 100%; background: #ffffff url(../images/cjwt_bg.jpg) repeat-x;

}

.cjwt_box .title{

    margin: 0px auto; width: 1179px; padding-top: 80px; padding-bottom: 40px; background: url(../images/cjwt_title_bg.jpg) top center no-repeat; color: #ffffff; overflow: hidden;

}

.cjwt_box .title .bt{

    margin: 0px auto; width: 1179px; height: 80px; line-height: 80px; text-align: center; font-size: 60px; overflow: hidden;

}

.cjwt_box .title .info{

    margin: 0px auto; width: 1179px; height: 50px; line-height: 50px; text-align: center; font-size: 28px; font-family: Arial, Helvetica, sans-serif; overflow: hidden;

}

.cjwt_box .content{

    margin: 0px auto; width: 1179px; margin-top: 80px; padding-bottom: 80px; overflow: hidden;

}

.cjwt_box .content ul li{

    float: left; width: 435px; height: 59px; line-height: 59px; font-size: 13px; margin-left: 80px; margin-left: 80px; padding-left: 15px; border-bottom: #cccccc 1px dashed; background: url(../images/li_bg.jpg) 0px 25px no-repeat; overflow: hidden;

}

.cjwt_box .content .wt_btn{

    float: right; width: 80px; height: 30px; line-height: 30px; font-size: 13px; text-align: center; margin-top: 15px; border: #cccccc 1px solid; display: block; overflow: hidden;

}

.cjwt_box .content .wt_btn a{

    width: 80px; height: 30px;display: block; overflow: hidden;

}









/*脠媒录露脪鲁脙忙麓煤掳矛脕梅鲁脤*/

.dblc_box01 {

    margin: 0px auto; margin-top: 40px; width: 100%;

}

.dblc_box01 .title{

    margin: 0px auto; width: 1179px; line-height: 50px; height: 50px; text-align: center; font-size: 32px; padding-bottom: 10px; background: url(../images/title_bg.jpg) bottom center no-repeat; color: #000000; overflow: hidden;

}

.dblc_box01 .content{

    margin: 0px auto; width: 1179px; margin-top: 30px; padding-bottom: 80px; overflow: hidden;

}

.dblc_box01 .content{

    margin: 0px auto; width: 1175px; height: 304px; overflow: hidden;

}

.dblc_box01 .content ul li{

    float: left; width: 235px; height: 224px; padding-top: 80px; overflow: hidden;

}

.dblc_box01 .content img{

    margin: 0px auto; width: 139px; height: 136px; display: block; overflow: hidden;

}

.dblc_box01 .content .zh_bt{

    margin: 0px auto; width: 235px; height: 35px; line-height: 35px; text-align: center; font-size: 20px; margin-top: 10px; overflow: hidden;

}

.dblc_box01 .content .en_bt{

    margin: 0px auto; width: 235px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; overflow: hidden;

}



/*脠媒录露脪鲁脙忙box*/

.m_box {

    margin: 0px auto; margin-top: 40px; width: 1006px; margin-bottom: 45px; overflow: hidden;

}

.m_box .title{

    margin: 0px auto; width: 1006px; height: 45px; line-height: 45px; text-align: center; font-size: 32px; padding-bottom: 55px; background: url(../images/title_bg02.jpg) bottom center no-repeat; overflow: hidden;

}

.m_box .content{

    margin: 0px auto; width: 1006px; line-height: 2.0; font-size: 14px; overflow: hidden;

}

.m_box .content01{

    margin: 0px auto; width: 960px; padding: 0px 23px; padding-bottom: 60px; border-bottom: #cccccc 1px solid; line-height: 2.0; font-size: 14px; margin-top: 20px; overflow: hidden;

}





/*脠媒录露脪鲁脙忙脢脹潞贸*/

.sh_box {

    margin: 0px auto; margin-top: 40px; width: 1006px; margin-bottom: 45px; overflow: hidden;

}

.sh_box .title {

    margin: 0px auto; width: 1006px; height: 40px; line-height: 40px; padding-bottom: 15px; text-align: center; font-size: 32px; background: url(../images/title_bg.jpg) bottom center no-repeat; overflow: hidden;

}

.sh_box .content {

    margin: 0px auto; width: 800px; height: 80px; margin-top:  50px; padding-bottom: 20px; font-size: 16px; color: #ffffff; overflow: hidden;

}

.sh_box .content .l_box{

    float: left; width: 370px; height: 80px; background: #399dcf; line-height: 80px; padding: 0px 15px; overflow: hidden;

}

.sh_box .content .l_box a{

    width: 370px; height: 80px; display: block; color: #ffffff; overflow: hidden;

}

.sh_box .content .R_box{

    float: right; width: 370px; height: 80px; background: #ee3942; line-height: 80px; padding: 0px 15px; overflow: hidden;

}





.footer {

    margin: 0px auto; width: 100%; padding-top: 55px; background: #f1f2f6;

}

.footer .ft_box{

    margin: 0px auto; width: 100%; height: 420px; background: #2b2b33;

}

.footer .ft_box .ft_info{

    margin: 0px auto; width: 1179px; height: 420px; position: relative; z-index: 1;

}

.footer .ft_box .ft_info .zixun{

    margin: 0px auto; width: 1003px; height: 85px; background: #ffffff; left: 70px; top: -40px; overflow: hidden; position: absolute; z-index: 10;

}

.footer .ft_box .ft_info .zixun .msg{

    float: left; width: 640px; padding-left: 40px; height: 85px; line-height: 85px; font-size: 24px; overflow: hidden;

}

.footer .ft_box .ft_info .zixun .btn{

    float: right; width: 200px; height: 38px; line-height: 38px; font-size: 16px; background: #ff066a; margin-top: 25px; margin-right: 40px; text-align: center; color: #ffffff; overflow: hidden;

}

.footer .ft_box .ft_info .zixun .btn a{

    width: 200px; height: 38px; display: block; color: #ffffff; overflow: hidden;

}



.footer .ft_box .ft_info .gs_info{

    float: left; width: 320px; height: 320px; margin-top: 100px; color: #ffffff; overflow: hidden;

}

.footer .ft_box .ft_info .gs_info .title{

    width: 120px; height: 45px; line-height: 45px; font-size: 24px; border-bottom: #ffffff 3px solid; overflow: hidden;

}

.footer .ft_box .ft_info .gs_info .content{

    width: 320px; line-height: 2.0; font-size: 14px; margin-top: 15px; overflow: hidden;

}



.footer .ft_box .ft_info .ly{

    float: left; width: 460px; height: 320px; margin-top: 100px; margin-left: 40px; color: #ffffff; overflow: hidden;

}

.footer .ft_box .ft_info .ly ul{

    width: 480px; overflow: hidden;

}

.footer .ft_box .ft_info .ly ul li{

    float: left; width: 220px; height: 40px; margin-right: 20px; color: #ffffff; margin-bottom: 20px; overflow: hidden;

}

.footer .ft_box .ft_info .ly input{

    width: 220px; height: 40px; line-height: 40px; border: none; background: #454344; color: #ffffff; overflow: hidden;

}

.footer .ft_box .ft_info .ly .nr{

    width: 460px; height: 108px; border: none; background: #454344; color: #ffffff; overflow: hidden;

}

.footer .ft_box .ft_info .ly .nr_box{

    width: 460px; height: 108px; line-height: 27px; border: none; background: #454344; color: #ffffff; overflow: hidden;

}

.footer .ft_box .ft_info .ly .btn{

    width: 460px; height: 40px; line-height: 40px; border: none; background: #454344; color: #ffffff; text-align: center; font-size: 18px; overflow: hidden;

}

.footer .ft_box .ft_info .ly .btn a{

    width: 460px; height: 40px; line-height: 40px; display: block; color: #CCC; overflow: hidden;

}



.footer .ft_box .ft_info .wx{

    float: right; width: 280px; height: 320px; margin-top: 100px; color: #ffffff; overflow: hidden;

}

.footer .ft_box .ft_info .wx .title{

    width: 120px; height: 45px; line-height: 45px; font-size: 24px; border-bottom: #ffffff 3px solid; overflow: hidden;

}

.footer .ft_box .ft_info .wx .content{

    width: 320px; line-height: 2.0; font-size: 14px; margin-top: 15px; overflow: hidden;

}







.footer .ft_link{

    margin: 0px auto; width: 100%; min-height: 45px; background: #222222;

}

#bd{width:100%; background:#fff;}



#banner{width:100%; height:350px;}

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

.cur{ height:40px; line-height:40px; border-bottom:1px solid #ddd; font-size:12px;}

.contBox {

    margin: 20px 0;

    overflow: hidden;

    line-height:30px; font-size:14px;

}

.chapter h1{line-height:50px; height:50px; text-align:center; border-bottom:1px solid #ddd;}

.chapter .info{font-size:12px; text-align:center;}

.chapter .info span{padding:0 10px;}

.yewu{width:100%; min-height:450px; background: #f3f3f3; padding:40px 0;background-:cover;}

.yewu-T{height:80px; line-height:80px; font-size:60px; text-align:center; color:#000;}

.yewu-S{height:50px; line-height:50px; font-size:28px; text-align:center; color:#000; margin:20px 0;}

.yewu-box{width:1200px; margin:0 auto;}

.yewu-box ul li{float:left; width:100px; height:130px; margin:25px;}

.yewu-box ul li img{display:list-item; width:100px; height:100px; border-radius:50%;}

.yewu-box ul li p{height:30px; line-height:30px; margin-top: 8px; font-size:13px; text-align:center; overflow:hidden;}

.yewu-box ul li p a{color:#333;}

.yewu-box ul li p a:hover{color:#ff0000;}



#yewu-box_3 li img{ margin: 0px auto; background:#8de1f1; width: 60px; height: 60px; padding:20px;}

#yewu-box_3 li{width:110px; height:140px;}

#yewu-box_3 li{margin:25px 30px 30px 30px;}

#yewu-box_3 p{font-size: 18px; color: #333;}

#yewu-box_3 li:hover img{background:#F96857;transition: all 0.5s ease 0s;}

#yewu-box_3 li:hover p{ color:#ff0000;transition: all 0.5s ease 0s;}



#yewu-box_4 li img{background:#8de1f1; padding:20px;}

#yewu-box_4 li{width:140px; height:170px;}

#yewu-box_4 li{margin:25px 30px 30px 30px;}

#yewu-box_4 p{font-size: 18px; color: #333;}

#yewu-box_4 li:hover img{background:#F96857;transition: all 0.5s ease 0s;}

#yewu-box_4 li:hover p{ color:#ff0000;transition: all 0.5s ease 0s;}



#yewu-box_5 li img{background:#8de1f1; padding:20px;}

#yewu-box_5 li{width:140px; height:170px;}

#yewu-box_5 li{margin:25px 30px 30px 30px;}

#yewu-box_5 p{font-size: 18px; color: #333;}

#yewu-box_5 li:hover img{background:#F96857;transition: all 0.5s ease 0s;}

#yewu-box_5 li:hover p{ color:#ff0000;transition: all 0.5s ease 0s;}



#yewu-box_6 li img{background:#8de1f1; padding:20px;}

#yewu-box_6 li{width:140px; height:170px;}

#yewu-box_6 li{margin:25px 30px 30px 30px;}

#yewu-box_6 p{font-size: 18px; color: #333;}

#yewu-box_6 li:hover img{background:#F96857;transition: all 0.5s ease 0s;}

#yewu-box_6 li:hover p{ color:#ff0000;transition: all 0.5s ease 0s;}



#yewu-box_7 li img{background:#8de1f1; padding:20px;}

#yewu-box_7 li{width:140px; height:170px;}

#yewu-box_7 li{margin:25px 30px 30px 30px;}

#yewu-box_7 p{font-size: 18px; color: #333;}

#yewu-box_7 li:hover img{background:#F96857;transition: all 0.5s ease 0s;}

#yewu-box_7 li:hover p{ color:#ff0000;transition: all 0.5s ease 0s;}



#yewu-box_23 li img{background:#8de1f1; padding:20px;}

#yewu-box_23 li{width:140px; height:170px;}

#yewu-box_23 li{margin:25px 30px 30px 30px;}

#yewu-box_23 p{font-size: 18px; color: #333;}

#yewu-box_23 li:hover img{background:#F96857;transition: all 0.5s ease 0s;}

#yewu-box_23 li:hover p{ color:#ff0000;transition: all 0.5s ease 0s;}