@CHARSET "UTF-8";
    /*头部样式*/
    
    #header {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 99;
    }
    
    .topbg {
        background-color: rgba(0, 0, 0, .7);
    }
    
    .top {
        padding-top: 10px;
        padding-bottom: 20px;
        width: 1200px;
        margin: 0 auto;
    }
    
    .logo {
        float: left;
        padding-top: 7px;
    }
    
    .topLink {
        width: 890px;
        float: right;
        text-align: right;
        position: relative;
        z-index: 9999;
    }
    
    .translate {
        width: 100px;
        position: absolute;
        left: 0;
        top: 10px;
        z-index: 9999;
    }
    
    .tran-in {
        left: 120px;
    }
    
    .translate li {
        border: 1px dashed #cccccc;
        line-height: 26px;
        text-align: left;
        background: #fff;
    }
    
    .translate li a {
        display: block;
        padding-left: 10px;
        background: url(../images/dot4.png) no-repeat 88% 11px;
    }
    
    .translate li a:hover {
        text-decoration: none;
        color: #275cea;
        cursor: pointer;
    }
    
    .translate-en {
        display: none;
        padding: 6px;
        padding-top: 0px;
    }
    
    .translate li .translate-en a {
        padding-left: 0px;
        text-align: center;
        background: #fff;
        border-bottom: 1px solid #cccccc;
    }
    
    .translate li .translate-en a:hover {
        font-weight: bold;
    }
    
    .topLink .f_count {
        color: #ff0000;
        font-size: 13px;
        font-weight: bold;
    }
    
    .topLink .k1 {
        line-height: 32px;
        padding-top: 5px;
        color: #67676c;
    }
    
    .topLink .k1 a {
        color: #67676c;
    }
    
    .topLink .k2 {
        color: #074b91;
        font-size: 14px;
        font-family: "微软雅黑";
    }
    
    #menu {
        margin-top: 5px;
        position: relative;
    }
    
    .line {
        width: 1920px;
        position: absolute;
        left: 890px;
        bottom: 0;
        opacity: 0;
        height: 1px;
        background: #b2b1b3;
    }
    /*热门搜索*/
    
    .search {
        width: 1140px;
        position: absolute;
        left: 50%;
        margin-left: -600px;
        bottom: -73px;
        background-color: rgba(0, 0, 0, .6);
        z-index: 20;
        padding: 12px 30px;
        opacity: 0;
    }
    
    #formsearch {
        width: 576px;
        float: right;
    }
    
    .hotSearch {
        width: 400px;
        float: left;
        height: 49px;
        line-height: 49px;
        font-weight: normal;
        color: #fff;
        font-size: 14px;
    }
    
    .hotSearch a {
        color: #fff;
    }
    /*主体样式*/
    
    #container {
        width: 1200px;
        margin: 0 auto;
        margin-top: 40px;
    }
    
    .boxx {
        width: 1200px;
        margin: 0 auto;
    }
    /* 公司简介 */
    
    .aboutbg {
        height: 640px;
        background: url(../images/aboutbg.jpg) no-repeat 50% 0;
    }
    
    .aboutbg .boxx {
        padding-top: 88px;
    }
    
    .about {
        width: 590px;
        padding-top: 40px;
        position: relative;
        left: -50px;
        opacity: 0;
        transition: all 1s;
    }
    
    .on .about {
        left: 0;
        opacity: 1;
        transition-delay: 0.7s;
    }
    
    .aboutimg {
        position: relative;
        right: -50px;
        opacity: 0;
        transition: all 1.2s;
    }
    
    .on .aboutimg {
        right: 0;
        opacity: 1;
        transition-delay: 1s;
    }
    
    .about h2 {
        color: #0083d0;
        font: 600 35px/50px "Microsoft Yahei";
    }
    
    .about h2 span {
        color: #333;
    }
    
    .about h2 p {
        color: #666;
        font: 400 20px/30px "arial";
    }
    
    .about h2 {
        padding-top: 20px;
    }
    
    .tits {
        position: relative;
    }
    
    .tits .webLine5 {
        position: absolute;
        left: 28px;
        top: 0;
    }
    
    .tits .webLine5 .webs5 {
        fill: none;
        stroke-width: 5px;
        stroke: #c0c0c0;
        opacity: 0.4;
        stroke-dasharray: 0 720;
        transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) 1s;
        -webkit-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) 1s;
        -moz-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) 1s;
        -o-transition: all 2s cubic-bezier(0.6, 0.8, 0.6, 1) 1s;
    }
    
    .tits.active .webLine5 .webs5 {
        stroke-dasharray: 720 0;
    }
    
    .about .content {
        color: #666;
        font: 400 14px/30px "Microsoft Yahei";
        margin-top: 45px;
        background: url(../images/line.jpg) no-repeat 0 100%;
        padding-bottom: 45px;
    }
    /* 产品中心 */
    
    .probg {
        height: 738px;
        background: url(../images/probg.jpg) no-repeat 50% 0;
    }
    
    .probg .boxx {
        padding-top: 85px;
    }
    
    .probg h2 {
        color: #fff;
        font: 600 35px/50px "Microsoft Yahei";
        padding-top: 22px;
    }
    
    .probg h2 p {
        color: #dee9f5;
        font: 400 20px/30px "arial";
    }
    
    .probg .tits {
        margin-top: 46px;
        padding-bottom: 220px;
        background: url(../images/line2.jpg) no-repeat 0 100%;
        position: relative;
        left: -50px;
        opacity: 0;
        transition: all 1s;
    }
    
    .probg.on .tits {
        left: 0;
        opacity: 1;
        transition-delay: 0.7s;
    }
    
    .probg .tits .webLine5 .webs5 {
        stroke: #3c9ad3;
    }
    
    .products {
        width: 786px;
        margin: 0 auto;
        padding: 36px 0 0;
        position: relative;
        background: #fff;
        box-shadow: 0 2px 5px #d6d5d5;
        border-left: 21px solid #fff;
        border-right: 21px solid #fff;
        position: relative;
        right: -50px;
        opacity: 0;
        transition: all 1.2s;
    }
    
    .probg.on .products {
        right: 0;
        opacity: 1;
        transition-delay: 1s;
    }
    
    .products .slide {
        overflow: hidden;
    }
    
    .products .content li {
        text-align: center;
        line-height: 25px;
        float: left;
        width: 786px;
    }
    
    .products .content .pros {
        float: left;
        position: relative;
        margin-bottom: 39px;
        margin: 0 16px 39px;
        overflow: hidden;
    }
    
    .products .content .pros h3 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        opacity: 0;
        transform: rotateZ(45deg) translate3d(-20px, -215px, 0);
        -webkit-transform: rotateZ(45deg) translate3d(-20px, -215px, 0);
        -moz-transform: rotateZ(45deg) translate3d(-20px, -215px, 0);
        -o-transform: rotateZ(45deg) translate3d(-20px, -215px, 0);
        opacity: 0;
        transition: all .5s ease-out 0s;
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
    }
    
    .products .content .pros h3 a {
        padding-top: 85px;
        color: #fff;
        font: 400 20px/40px "Microsoft Yahei";
        background: url(../images/line3.png) repeat-x 50% 100%;
        display: inline-block;
    }
    
    .products .content .pros:hover h3 {
        transform: rotateZ(0deg) translate3d(0px, 0px, 0);
        -webkit-transform: rotateZ(0deg) translate3d(0px, 0px, 0);
        -moz-transform: rotateZ(0deg) translate3d(0px, 0px, 0);
        -o-transform: rotateZ(0deg) translate3d(0px, 0px, 0);
        opacity: 1;
    }
    
    .products .content img {
        width: 360px;
        height: 221px;
    }
    
    .products .content {
        width: 829px;
        overflow: hidden;
        height: 526px;
        float: left;
    }
    
    .prolist {
        width: 2000px;
    }
    
    .pre_left {
        cursor: pointer;
        position: absolute;
        left: -155px;
        top: 364px;
    }
    
    .pre_right {
        cursor: pointer;
        position: absolute;
        left: -81px;
        top: 364px;
    }
    
    .pre_left:hover {
        opacity: 0.8;
    }
    
    .pre_right:hover {
        opacity: 0.8;
    }
    /* 案例展示 */
    
    .case {
        padding-top: 100px;
    }
    
    .case h2 {
        color: #0083d0;
        font: 600 35px/50px "Microsoft Yahei";
    }
    
    .case h2 span {
        color: #333;
    }
    
    .case h2 p {
        color: #666;
        font: 400 20px/30px "arial";
    }
    
    .case h2 {
        padding-top: 20px;
    }
    
    .case .tits {
        padding-left: 518px;
        opacity: 0;
        transition: all 1s;
        position: relative;
        top: 80px;
    }
    
    .case.on .tits {
        opacity: 1;
        transition-delay: 0.7s;
        top: 0;
    }
    
    .case .tits .webLine5 .webs5 {
        stroke: #f2f2f2;
        opacity: 1;
    }
    
    .case .tits .webLine5 {
        left: 551px;
    }
    
    .tab-nav {
        padding: 65px 0 0 280px;
        position: relative;
        top: 80px;
        opacity: 0;
        transition: all 1.2s;
    }
    
    .on .tab-nav {
        top: 0;
        opacity: 1;
        transition-delay: 1.5s;
    }
    
    .tab-nav li {
        float: left;
        background: url(../images/line4.jpg) no-repeat 0 50%;
        padding-left: 50px;
        padding-right: 20px;
        _display: inline;
    }
    
    .tab-nav li a {
        display: block;
        color: #666;
        font: 400 16px/46px "Microsoft Yahei";
    }
     .tab-nav li a:hover{ color: #0083d0;}
    .tab-nav li.cur a {
        color: #0083d0;
    }
    
    .tab-nav li.key4 {
        padding-right: 0;
    }
    
    .tab-nav li.key4 a {
        padding-right: 50px;
        background: url(../images/line4.jpg) no-repeat 100% 50%;
    }
    
    .tab-content {
        padding-top: 35px;
        position: relative;
        top: 80px;
        opacity: 0;
        transition: all 1.5s;
    }
    
    .on .tab-content {
        top: 0;
        opacity: 1;
        transition-delay: 2s;
    }
    /* 新闻资讯 */
    
    .newsbg {
        background: #f2f2f2;
        margin-top: 60px;
    }
    
    .newsbg .boxx {
        padding: 92px 0;
    }
    
    .news-tit {
        position: relative;
        left: -80px;
        opacity: 0;
        transition: all 1s;
    }
    
    .on .news-tit {
        left: 0;
        opacity: 1;
        transition-delay: 0.7s;
    }
    
    .news-tit h2 {
        color: #0083d0;
        font: 600 35px/50px "Microsoft Yahei";
        padding-top: 24px;
    }
    
    .news-tit h2 span {
        color: #333;
    }
    
    .news-tit h2 p {
        color: #666;
        font: 400 20px/30px "arial";
    }
    
    .news-tit .map {
        padding-top: 35px;
    }
    
    .news {
        width: 760px;
        margin: auto;
        padding-top: 68px;
        position: relative;
        right: -80px;
        opacity: 0;
        transition: all 1.2s;
    }
    
    .on .news {
        right: 0;
        opacity: 1;
        transition-delay: 1s;
    }
    
    .news .content li {
        float: left;
        width: 760px;
    }
    
    .news .content {
        width: 760px;
        overflow: hidden;
        height: 340px;
        float: left;
    }
    
    .newsli {
        padding: 15px 0;
        border-bottom: 1px solid #e6e6e6;
        background: url(../images/list1.png) no-repeat 100% 50%;
    }
    
    .newsli:hover {
        background: url(../images/list2.png) no-repeat 100% 50%;
    }
    
    .newsli .time {
        width: 80px;
        padding-top: 11px;
        height: 70px;
        background: #0083d0;
        color: #fff;
        font: 400 40px/40px "arial";
        text-align: center;
    }
    
    .newsli .time p {
        font: 400 16px/20px "arial";
    }
    
    .newsli h3 {
        width: 667px;
    }
    
    .newsli h3 a {
        display: block;
        color: #0083d0;
        font: 400 16px/46px "Microsoft Yahei";
    }
    
    .newsli h3 p {
        color: #666;
        font: 400 14px/24px "Microsoft Yahei";
    }
    
    .newslist {
        width: 2000px;
    }
    
    .pre_left2 {
        cursor: pointer;
        position: absolute;
        display: none;
    }
    
    .pre_right2 {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 20px;
        background: url(../images/next2.png) no-repeat 0 50%;
        padding-left: 20px;
        color: #666;
        font-size: 14px;
    }
    
    .pre_right2:hover {
        opacity: 0.6;
    }
    /* 合作伙伴 */
    
    .partner {
        padding: 35px 0;
    }
    
    .partner-tit h2 {
        color: #0083d0;
        font: 600 35px/50px "Microsoft Yahei";
        padding-top: 30px;
        padding-left: 32px;
    }
    
    .partner-tit h2 span {
        color: #333;
    }
    
    .partner-tit .tits .webLine5 .webs5 {
        stroke-width: 2px;
        stroke: #0083d0;
        opacity: 1;
    }
    
    .partner-tit .tits .webLine5 {
        left: 0;
    }
    
    .partner .content {
        width: 981px;
    }
    
    .partner_list li {
        float: left;
        border: 1px solid #fff;
    }
    
    .partner_list li:hover {
        border: 1px solid #e6e6e6;
    }
    
    .partner_list li img {
        width: 175px;
        height: 111px;
    }
    /* 品牌 */
    
    .brandbg {
        height: 500px;
        background: url(../images/brand.jpg) no-repeat 50% 0;
        text-align: center;
    }
    
    .brandbg .boxx {
        padding-top: 125px;
    }
    
    .brandbg h3 {
        color: #0083d0;
        font: 400 35px/80px "Microsoft Yahei";
        opacity: 0;
        transition: all 1s;
        position: relative;
        top: 80px;
    }
    
    .brandbg.on h3 {
        opacity: 1;
        transition-delay: 0.7s;
        top: 0;
    }
    
    .brandbg p {
        color: #fff;
        font: 400 25px/56px "Microsoft Yahei";
        position: relative;
        top: 80px;
        opacity: 0;
        transition: all 1.2s;
    }
    
    .brandbg.on p {
        top: 0;
        opacity: 1;
        transition-delay: 1.5s;
    }
    
    .brandbg a {
        color: #0083d0;
        font: 400 14px/55px "Microsoft Yahei";
        width: 256px;
        text-align: center;
        border: 1px solid #0083d0;
        display: inline-block;
        margin-top: 52px;
        position: relative;
        top: 80px;
        opacity: 0;
        transition: all 1.5s;
    }
    
    .brandbg.on a {
        top: 0;
        opacity: 1;
        transition-delay: 2s;
    }
    
    .brandbg.on a:hover {
        opacity: 0.8 !important;
    }
    /*----- Common css ------*/
    
    .fl {
        float: left;
    }
    
    .fr {
        float: right;
    }
    
    .di {
        _display: inline;
    }
    
    .fwn {
        font-weight: normal;
    }
    
    .dib {
        *display: inline;
        _zoom: 1;
        _display: inline;
        _font-size: 0px;
    }
    /*友情链接*/
    
    .f_link {
        line-height: 46px;
    }
    /*页面底部*/
    
    #footer {
        background: #1a1a1a;
    }
    
    #footer .boxx {
        padding-top: 42px;
    }
    
    #footer a {
        color: #666;
    }
    
    #footer a:hover {
        color: #e87518;
        text-decoration: none;
    }
    
    .nav_foot {
        text-align: center;
        line-height: 24px;
        color: #666;
    }
    
    .copyright {}
    
    .navli {
        width: 164px;
        float: left;
        color: #fff;
        font: 400 14px/46px "Microsoft Yahei";
    }
    
    .navli .navsec a {
        display: block;
        color: #7c7c7c;
        font: 400 14px/28px "Microsoft Yahei";
    }
    
    .mess h3 {
        color: #fff;
        font: 400 14px/46px "Microsoft Yahei";
    }
    
    .shares {
        padding-top: 10px;
    }
    
    .shares .bdshare-button-style0-16 a {
        width: 29px;
        height: 29px;
        padding: 0;
        margin-right: 15px;
    }
    
    .shares .bdshare-button-style0-16 a.bds_sqq {
        background: url(../images/f1.png) no-repeat;
    }
    
    .shares .bdshare-button-style0-16 a.bds_weixin {
        background: url(../images/f2.png) no-repeat;
    }
    
    .shares .bdshare-button-style0-16 a.bds_tsina {
        background: url(../images/f3.png) no-repeat;
    }
    
    .contacts {
        line-height: 50px;
    }
    
    .contacts img {
        margin-top: 20px;
    }
    
    .foot {
        border-top: 1px solid #313131;
        color: #444;
        font: 400 13px/24px "Microsoft Yahei";
        text-align: left;
        background: #1a1a1a;
        padding: 10px 0;
    }
    
    .foot a {
        color: #444;
    }
    
    .foot .foot-right {
        text-align: right;
    }
    /*------------内页-------------------*/
    
    .left .box {
        margin-bottom: 10px;
    }
    
    .left .box h3 {
        line-height: 60px;
        padding-left: 15px;
        font-weight: bold;
        font-family: "微软雅黑";
        background: #0083d0;
        border-left: 8px solid #e25911;
        font-size: 20px;
        color: #fff;
    }
    
    .left .box .content {
        border-top: 1px solid #fff;
        background: #e9e9e9;
        color: #333;
        font-size: 14px;
    }
    
    .prodescription {
        border: 1px solid #e5e5e5;
        background: #f9f9f9;
        line-height: 24px;
        padding: 10px;
        margin-bottom: 15px;
        text-indent: 20px;
    }
    
    .n_banner {
        position: relative;
        width: 1920px;
        left: 50%;
        margin-left: -960px;
    }
    
    .n_banner img {
        width: 1920px;
        height: auto;
    }
    
    .left {
        width: 234px;
        float: left;
    }
    
    .sort_menu {}
    
    .sort_menu h3 {
        background-color: #ececec;
        line-height: 28px;
        padding-left: 15px;
        font-weight: bold;
    }
    
    .sort_product {
        margin-top: 10px;
    }
    
    .sort_product h3 {
        background-color: #ececec;
        line-height: 28px;
        padding-left: 15px;
        font-weight: bold;
    }
    
    .n_contact {
        margin-top: 10px;
    }
    
    .n_contact h3 {
        background-color: #ececec;
        line-height: 28px;
        padding-left: 15px;
        font-weight: bold;
    }
    
    .n_contact .content {
        padding: 5px;
        line-height: 24px;
    }
    
    .left .n_contact .content {
        padding: 10px 15px;
    }
    
    .right {
        width: 920px;
        float: right;
        padding-bottom: 10px;
    }
    
    .sitemp {
        border-bottom: 1px solid #cbcbcb;
        background: url(../images/home.jpg) no-repeat 0 50%;
        padding-left: 20px;
        margin-top: 35px;
    }
    
    .sitemp h2 {
        width: 340px;
        float: left;
        line-height: 31px;
        text-align: center;
        text-align: left;
        text-indent: 15px;
        color: #000;
        font-size: 14px;
    }
    
    .sitemp .site {
        line-height: 42px;
    }
    
    .right .content {
        padding: 10px;
        padding-top: 15px;
        overflow: hidden;
        line-height: 24px;
    }