* {
    box-sizing: border-box;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.header .header_t {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #e5e5e5;
}

.header .header_t p {
    color: #666666;
    font-size: 14px;
}

.header .header_b {
    padding: 30px 0 20px;
}

.header .header_b .header_bl {
    margin-right: 120px;
}

.header .header_b .header_bl img {
    height: 60px;
}

.header .header_b .header_bm ul {
    margin-top: 20px;
}

.header .header_b .header_bm ul li {
    float: left;
    margin-right: 10px;
}

.header .header_b .header_bm ul li img {
    float: left;
    margin-right: 10px;
}

.header .header_b .header_bm ul li span {
    font-size: 15px;
    color: gray;
}

.header .header_b .header_br img {
    width: 64px;
    height: 64px;
    float: left;
}

.header .header_b .header_br p {
    color: #ff3333;
    width: 250px;
    font-weight: bold;
}

.header .header_b .header_br .p1 {
    font-size: 23px;
}

.header .header_b .header_br .p2 {
    font-size: 26px;
}

.header .nav .nav_l {
    width: 240px;
    height: 50px;
}

.header .nav .nav_l .btn1 {
    display: block;
    width: 240px;
    height: 50px;
    line-height: 50px;
    background-color: #40b5f5;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.header .nav .nav_l .btn1 img {
    margin-left: 5px;
}

.header .nav .nav_r {
    width: 960px;
    padding: 0 20px;
}

.header .nav .nav_r ul li {
    float: left;
}

.header .nav .nav_r ul li a {
    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    padding: 0 5px;
    text-align: center;
    font-size: 14px;
}

.header .nav .nav_r ul li a:hover {
    color: #3db8f5;
}

.header .nav .nav_r ul li a.active {
    color: #3db8f5;
}

.imain .box_banner {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.imain .box_banner .banner {
    height: 500px;
    position: relative;
    z-index: 1;
}

.imain .box_banner .w1200 {
    top: -500px;
}

.imain .box_banner .w1200 ul {
    width: 240px;
    float: left;
    position: relative;
    z-index: 30;
}

.imain .box_banner .w1200 ul li {
    height: 99px;
    background-color: rgba(0, 0, 0, .8);
    width: 240px;
    margin-bottom: 1px;
}

.imain .box_banner .w1200 ul li .a1 {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    padding-top: 20px;
    margin-bottom: 10px;
}

.imain .box_banner .w1200 ul li .a1 img {
    margin-right: 10px;
}

.imain .box_banner .w1200 ul li .a2 {
    font-size: 14px;
    color: #ccc;
    display: inline-block;
    padding-right: 10px;
}

.imain .box_banner .w1200 ul li .a2:hover {
    color: #fff;
}

.imain .box_banner .w1200 ul li .a2:last-child {
    padding-right: 0px;
}

.imain .box_banner .w1200 ul li p {
    text-align: center;
}

.imain .flexslider {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
}

.imain .flexslider .slides li {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    zoom: 1;
}

.imain .flexslider .slides a img {
    width: 100%;
    height: 500px;
    display: block;
}

.imain .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
    z-index: 1;
}

.imain .flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.imain .flex-control-paging li a {
    background: url(../img/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}

.imain .flex-control-paging li.active a,
.imain .flex-control-paging li a.flex-active {
    background-position: 0 0;
}

.imain .icomp_nd .w1200 ul {
    padding-left: 60px;
    margin-top: 40px;
}

.imain .icomp_nd .w1200 ul li {
    float: left;
    margin-right: 120px;
    margin-bottom: 30px;
}

.imain .icomp_nd .w1200 ul li a {
    display: block;
    width: 180px;
    height: 180px;
    margin: 0 auto 20px;
}

.imain .icomp_nd .w1200 ul li a img {
    display: block;
    margin: 0px auto;
}

.imain .icomp_nd .w1200 ul li .p1 {
    color: #fda823;
    font-family: 微软雅黑;
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
}

.imain .icomp_nd .w1200 ul li .p2 {
    color: #666666;
    font-size: 14px;
    text-align: center;
}

.imain .icomp_nd .w1200 ul li:nth-child(1) a {
    background: url(../img/icons-c1a.png) no-repeat center top;
}

.imain .icomp_nd .w1200 ul li:nth-child(2) a {
    background: url(../img/icons-c2a.png) no-repeat center top;
}

.imain .icomp_nd .w1200 ul li:nth-child(3) a {
    background: url(../img/icons-c3a.png) no-repeat center top;
}

.imain .icomp_nd .w1200 ul li:nth-child(4) a {
    background: url(../img/icons-c4a.png) no-repeat center top;
}

.imain .icomp_nd .w1200 ul li:nth-child(1) .p1 {
    color: #fda823;
}

.imain .icomp_nd .w1200 ul li:nth-child(2) .p1 {
    color: rgb(181, 52, 252);
}

.imain .icomp_nd .w1200 ul li:nth-child(3) .p1 {
    color: rgb(64, 181, 245);
}

.imain .icomp_nd .w1200 ul li:nth-child(4) .p1 {
    color: rgb(224, 36, 65);
}

.imain .icomp_nd .w1200 ul li:nth-child(4n) {
    margin-right: 0px;
}

.imain .icomp_nd .w1200 .service {
    padding-left: 0;
}

.imain .icomp_nd .w1200 .service li {
    float: left;
    position: relative;
    width: 360px;
    height: 360px;
    background: rgb(245, 245, 245);
    margin-right: 60px;
}

.imain .icomp_nd .w1200 .service li:nth-child(3n) {
    margin-right: 0;
}

.imain .icomp_nd .w1200 .service li .img1 {
    display: block;
    width: 100%;
    z-index: 1;
    position: relative;
}

.imain .icomp_nd .w1200 .service li .img2 {
    position: absolute;
    top: 172px;
    left: 0;
    z-index: 2;
}

.imain .icomp_nd .w1200 .service li a {
    background: none!important;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000;
    border-radius: 3px;
    font-size: 24px;
    border: 1px solid #000;
}

.imain .icomp_nd .w1200 .service li a:hover {
    color: #3db8f5;
    border-color: #3db8f5;
}

.imain .ad {
    width: 100%;
    height: 470px;
    margin: 0 auto;
    position: relative;
    background: url(../img/advantage-bg.jpg) no-repeat center top;
}

.imain .ad .img1 {
    width: 1100px;
    height: 240px;
    position: absolute;
    top: 150px;
    left: 100px;
}

.imain .ad .w {
    text-align: center;
    width: 240px;
    position: absolute;
}

.imain .ad .n {
    width: 40px;
    height: 40px;
    color: rgb(64, 181, 245);
    font-size: 32px;
    position: absolute;
    text-align: center;
}

.imain .ad .n2,
.imain .ad .n4,
.imain .ad .n6 {
    color: rgb(224, 36, 65);
}

.imain .ad .w .p1 {
    font-size: 16px;
    color: rgb(64, 181, 245);
    line-height: 200%;
}

.imain .ad .w .p2 {
    font-size: 14px;
    color: rgb(51, 51, 51);
    line-height: 140%;
}

.imain .ad .w2 .p1,
.imain .ad .w4 .p1,
.imain .ad .w6 .p1 {
    color: rgb(224, 36, 65);
}

.imain .ad .w1 {
    left: 0px;
    top: 150px;
}

.imain .ad .w2 {
    left: 220px;
    top: 300px;
}

.imain .ad .w3 {
    left: 430px;
    top: 150px;
}

.imain .ad .w4 {
    left: 620px;
    top: 300px;
}

.imain .ad .w5 {
    left: 820px;
    top: 150px;
}

.imain .ad .w6 {
    left: 1020px;
    top: 300px;
}

.imain .ad .n1 {
    left: 125px;
    top: 323px;
}

.imain .ad .n2 {
    left: 320px;
    top: 190px;
}

.imain .ad .n3 {
    left: 525px;
    top: 323px;
}

.imain .ad .n4 {
    left: 720px;
    top: 190px;
}

.imain .ad .n5 {
    left: 925px;
    top: 323px;
}

.imain .ad .n6 {
    left: 1120px;
    top: 190px;
}

.imain .choose ul {}

.imain .choose ul li {
    float: left;
    width: 300px;
    height: 260px;
    padding: 0 120px 80px 0;
    position: relative;
    background: url(../img/service-arrow.png) no-repeat 230px 75px;
}

.imain .choose ul li:nth-child(4) {
    background: none;
}

.imain .choose ul li img {
    position: absolute;
    width: 180px;
    height: 180px;
}

.imain .choose ul li .p1 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: rgb(64, 181, 245);
    margin-top: 55px;
}

.imain .choose ul li .p2 {
    color: rgb(102, 102, 102);
    font-size: 14px;
    line-height: 140%;
    margin-top: 70px;
    text-align: center;
}

.imain .news {
    width: 100%;
    height: 460px;
    margin: 0 auto;
    background-color: rgb(240, 240, 240);
}

.imain .news .news_l {
    width: 540px;
}

.imain .news .news_l img {
    width: 100%;
    margin-bottom: 10px;
}

.imain .news .news_l p {
    color: #666;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 10px;
}

.imain .news .itit {
    margin-bottom: 20px;
}

.imain .news .news_l a {
    display: block;
    width: 144px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid rgba(204, 204, 204, 1);
    color: #5a5a5a;
}

.imain .news .news_r {
    width: 600px;
}

.imain .news .news_r ul li {
    margin-bottom: 10px;
    clear: both;
    height: 100px;
}

.imain .news .news_r ul li img {
    width: 160px;
    height: 100px;
    float: left;
    margin-right: 10px;
}

.imain .news .news_r ul li a {
    font-size: 14px;
    color: #5a5a5a;
    line-height: 140%;
}

.imain .news .news_r ul li a:hover {
    color: #3db8f5;
}

.imain .news .news_r ul li .p1 {
    font-size: 12px;
    color: #929292;
    line-height: 140%;
}

.imain .news .news_r ul li .p2 {
    font-size: 12px;
    padding-top: 2px;
    color: #5A5A5A;
    line-height: 140%;
}

.imain .ad2 {
    width: 100%;
    height: 120px;
    margin: 0 auto;
    background: #fff;
    padding-top: 30px;
}

.imain .ad2 ul li {
    float: left;
    width: 240px;
}

.imain .ad2 ul li div.fl {
    color: #fff;
    text-align: center;
    width: 60px;
    height: 60px;
    font-size: 24px;
    line-height: 60px;
    border-radius: 30px;
    margin-right: 5px;
}

.imain .ad2 ul li:nth-child(1) div.fl {
    background-color: rgb(253, 168, 35);
}

.imain .ad2 ul li:nth-child(2) div.fl {
    background-color: rgb(61, 184, 245);
}

.imain .ad2 ul li:nth-child(3) div.fl {
    background-color: rgb(181, 52, 252);
}

.imain .ad2 ul li:nth-child(4) div.fl {
    background-color: rgb(61, 184, 245);
}

.imain .ad2 ul li:nth-child(5) div.fl {
    background-color: rgb(224, 36, 65);
}

.imain .ad2 ul li .p1 {
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 140%;
    margin-top: 5px;
}

.imain .ad2 ul li .p2 {
    font-size: 14px;
    color: rgb(102, 102, 102);
    line-height: 140%;
}

.footer {
    width: 100%;
    height: 312px;
    margin: 0 auto;
    background-color: rgb(51, 51, 51);
    padding-top: 30px;
}

.footer .div1 {
    width: 190px;
    padding-top: 25px;
    padding: 25px 40px 0;
}

.footer .div2 {
    width: 300px;
    padding-top: 25px;
    padding: 25px 40px 0;
    margin-bottom: 25px;
}

.footer .div3 {
    width: 238px;
    padding-left: 80px;
}

.footer .line {
    width: 1px;
    height: 200px;
    border-left: 1px dashed #404040;
}

.footer h4 {
    font-size: 20px;
    color: #fff;
    line-height: 140%;
    font-weight: normal;
    margin-bottom: 10px;
}

.footer ul li {
    color: #ccc;
    line-height: 28px;
    font-size: 14px;
}

.footer .div3 img {
    width: 158px;
    height: 158px;
}

.footer .div3 p {
    font-size: 14px;
    color: rgb(204, 204, 204);
    line-height: 140%;
    text-align: center;
}

.footer .copy {
    border-top: 1px solid #404040;
    color: rgb(204, 204, 204);
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.nmain .gszcb {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    background: url(../img/jsb1-banner.png) no-repeat center center;
}

.nmain .jzbsb {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    background: url(../img/banner003.jpg) no-repeat center top;
}

.nmain .sbzcb {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    background: url(../img/banner004.jpg) no-repeat center top;
}

.nmain .nnewsb {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    background: url(../img/banner-news.jpg) no-repeat center top;
}

.nmain .npageb {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    background: url(../img/banner-contact.jpg) no-repeat center top;
}

.nmain .nnews {
    padding: 30px 0;
}

.nmain .nnews .page_l {
    width: 220px;
}

.nmain .nnews .page_r {
    width: 930px;
}

.nmain .nnews .page_r .crumbs {
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
}

.nmain .nnews .page_r .crumbs img {
    float: left;
    margin-right: 15px;
    margin-top: 11px;
}

.nmain .nnews .page_r .crumbs span {
    margin-right: 10px;
    font-size: 14px;
    color: rgb(51, 51, 51);
}

.nmain .nnews .page_r .crumbs a {
    font-size: 14px;
    color: rgb(51, 51, 51);
}

.nmain .nnews .page_r ul li {
    border-bottom: 1px solid #eee;
    clear: both;
    min-height: 146px;
}

.nmain .nnews .page_r ul li .t {
    display: block;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    line-height: 24px;
}

.nmain .nnews .page_r ul li .t:hover {
    color: rgb(64, 181, 245);
}

.nmain .nnews .page_r ul li img {
    width: 140px;
    height: 100px;
    float: left;
    margin-right: 15px;
}

.nmain .nnews .page_r ul li p {
    font-size: 12px;
    color: #5A5A5A;
    line-height: 22px;
}

.nmain .nnews .page_r ul li p a {
    font-size: 12px;
    color: #CF0202;
}

.nmain .nnews .page_r .content h3 {
    font-size: 16px;
    color: #40b5f5;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
}

.nmain .nnews .page_r .content .ab {
    width: 500px;
    margin: 0 auto;
}

.nmain .nnews .page_r .content .ab span {
    line-height: 21px;
    color: #5a5a5a;
}

.nmain .nnews .page_r .content p {
    font-size: 15px;
    line-height: 1.7em;
    margin-bottom: 10px;
}

.nmain .nnews .page_r .content .p1 {
    font-size: 12px;
    color: #595959;
    line-height: 25px;
}

.nmain .nnews .page_r .content img {
    max-width: 100%;
}

.nmain .nnews .page_r .page_content p {
    color: rgb(51, 51, 51);
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px;
}

.nmain .nnews .page_r .page_content img {
    max-width: 100%;
}

.nmain .nnews .page_l .page_lt {
    width: 220px;
    height: 110px;
    background-color: rgb(64, 181, 245);
    color: #fff;
    text-align: center;
}

.nmain .nnews .page_l .page_lt .p1 {
    font-size: 24px;
    line-height: 140%;
    padding-top: 30px;
}

.nmain .nnews .page_l .page_lt .p2 {
    line-height: 140%;
}

.nmain .nnews .page_l ul {
    margin-bottom: 25px;
}

.nmain .nnews .page_l ul li {
    background-color: #f5f5f5;
    width: 220px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid #aaa;
}

.nmain .nnews .page_l ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #5a5a5a;
}

.nmain .nnews .page_l img {
    width: 220px;
}

.nmain .nnews .page_l ul li:hover,
.nmain .nnews .page_l ul li.active {
    background-color: #fff;
}

.nmain .gszc1 ul {
    width: 1080px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.nmain .gszc1 ul li {
    float: left;
    width: 360px;
    background: url(../img/tab-bg2.png) no-repeat center top;
    font-size: 14px;
    line-height: 80px;
    text-align: center;
}

.nmain .gszc1 .tab {
    height: 550px;
    position: relative;
}

.nmain .gszc1 .tab .line {
    position: absolute;
    top: 72px;
    left: 0px;
    width: 1200px;
    border-top: 1px solid #cccccc;
}

.nmain .gszc1 ul li .img {
    width: 1200px;
    height: 400px;
    position: absolute;
    top: 100px;
    left: 0;
    display: none;
}

.nmain .gszc1 ul li.active .img {
    display: block!important;
}

.nmain .gszc1 ul li .img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.nmain .gszc1 ul li.active {
    background: url(../img/tab-bg3.png) no-repeat center top;
    color: #40b5f5;
    font-size: 16px;
}

.nmain .gszc2 {
    width: 100%;
    height: 860px;
    margin: 0 auto;
    background-color: rgb(229, 229, 229);
}

.nmain .gszc2 .gszc2_l {
    width: 540px;
}

.nmain .gszc2 .gszc2_l .ntit2 {
    height: 38px;
    width: 280px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background: url(../img/a-title1.png) no-repeat center top;
}

.nmain .gszc2 .gszc2_l .gszc2_lc {
    width: 540px;
    height: 640px;
    background: #fff;
    padding: 65px 50px;
}

.nmain .gszc2 .gszc2_l .gszc2_lc .div1 {
    clear: both;
}

.nmain .gszc2 .gszc2_l .gszc2_lc .div1 img {
    float: left;
    padding-bottom: 100px;
    margin-right: 10px;
}

.nmain .gszc2 .gszc2_l .gszc2_lc .div1 .p1 {
    font-size: 18px;
    color: rgb(51, 51, 51);
    font-weight: bold;
    margin-bottom: 5px;
}

.nmain .gszc2 .gszc2_l .gszc2_lc .div1 .p2 {
    line-height: 200%;
    font-size: 14px;
    color: rgb(51, 51, 51);
}

.nmain .gszc2 .gszc2_r {
    width: 540px;
}

.nmain .gszc2 .gszc2_r .ntit2 {
    height: 38px;
    width: 280px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background: url(../img/a-title2.png) no-repeat center top;
}

.nmain .gszc2 .gszc2_r .gszc2_rc {
    width: 540px;
    height: 640px;
    background: rgb(64, 181, 245);
    padding: 65px 50px;
}

.nmain .gszc2 .gszc2_r .gszc2_rc .div1 {
    clear: both;
}

.nmain .gszc2 .gszc2_r .gszc2_rc .div1 img {
    float: left;
    padding-bottom: 100px;
    margin-right: 10px;
}

.nmain .gszc2 .gszc2_r .gszc2_rc .div1 .p1 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
}

.nmain .gszc2 .gszc2_r .gszc2_rc .div1 .p2 {
    line-height: 200%;
    font-size: 14px;
    color: #fff;
}

.nmain .gszc2 .w1200 .line {
    height: 700px;
    width: 0;
    border-left: 2px dashed #d6d6d6;
    position: absolute;
    left: 600px;
    top: 100px;
}

.nmain .gszc2 .w1200 .img1 {
    position: absolute;
    left: 522px;
    top: 350px;
}

.nmain .gszc3 ul {
    width: 1180px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.nmain .gszc3 ul li {
    float: left;
    width: 236px;
    background: url(../img/tab-bg2.png) no-repeat center top;
    font-size: 14px;
    line-height: 80px;
    text-align: center;
}

.nmain .gszc3 .tab2 {
    height: 600px;
    position: relative;
}

.nmain .gszc3 .tab2 .line {
    position: absolute;
    top: 72px;
    left: 0px;
    width: 1200px;
    border-top: 1px solid #cccccc;
}

.nmain .gszc3 ul li .img {
    width: 1200px;
    height: 400px;
    position: absolute;
    top: 100px;
    left: 0;
    display: none;
}

.nmain .gszc3 ul li.active .img {
    display: block!important;
}

.nmain .gszc3 ul li .img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.nmain .gszc3 ul li.active {
    background: url(../img/tab-bg3.png) no-repeat center top;
    color: #40b5f5;
    font-size: 16px;
}

.nmain .gszc4 {
    padding-bottom: 50px;
}

.nmain .gszc4 img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.nmain .gszc4 p {
    text-align: center;
    color: rgb(255, 51, 51);
    line-height: 140%;
    font-size: 14px;
}

.nitit {
    font-size: 30px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    text-align: center;
    line-height: 80px;
}

.itit {
    margin-top: 20px;
    padding-top: 20px;
}

.itit h3 {
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 32px;
    line-height: 140%;
    font-weight: normal;
}

.itit p {
    text-align: center;
}

.btn1 {
    position: relative;
}

.nav_l .ul1 {
    display: none;
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 999;
}

.nav_r .li1 {
    position: relative;
}

.nav_r .li1 .ul1 {
    display: none;
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
}

.header .nav .nav_r .li1 .ul1 li a {
    display: block;
    color: #000;
    font-size: 14px;
    display: block;
    width: 150px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #fff;
}

.header .nav .nav_r .li1 .ul1 li a:hover {
    background: #ccc;
}

.ul1 li {
    height: 35px;
    width: 100%;
}

.ul1 li a {
    display: block;
    color: #000;
    font-size: 14px;
    display: block;
    width: 240px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #fff;
}

.ul1 li a:hover {
    background: #ccc;
}

.flink {
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
}

.flink .flink_tit {
    width: 100%;
    position: relative;
}

.flink .flink_tit p {
    height: 12px;
    width: 100%;
    background: url(../img/dian.png);
    position: absolute;
    top: 15px;
}

.flink .flink_tit span {
    height: 42px;
    background: #fff;
    color: rgb(64, 181, 245);
    font-size: 14px;
    border: 1px solid rgb(64, 181, 245);
    position: relative;
    z-index: 2;
    display: block;
    width: 115px;
    text-align: center;
    line-height: 42px;
    margin-left: 40px;
}

.flink .flink_list {
    width: 100%;
    margin-top: 30px;
    margin-left: 40px;
}

.flink .flink_list ul li {
    float: left;
    margin-right: 28px;
}

.flink .flink_list ul li a {
    font-size: 14px;
    line-height: 28px;
    color: #5a5a5a;
}

.flink .flink_list ul li a:hover {
    color: rgb(64, 181, 245);
}

.imain .flexslider {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
}

.imain .box_banner .w1200 ul {
    width: 240px;
    float: left;
    position: relative;
    z-index: 30;
}


/****************************** media ******************************/

@media screen and (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media screen and (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media screen and (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (max-width: 480px) {
    .s1 {
        margin: -127px 0 0 0;
        width: 80%;
        height: 255px;
        left: 10%;
    }
    .s1 p {
        font-size: 36px;
    }
    .s1 span {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}


/*# sourceMappingURL=yunu.css.map */