/*头部样式*/
                
                #header {
                    width: 1000px;
                    margin: 0 auto;
                }
                
                .logo {
                    float: left;
                }
                
                .topLink {
                    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;
                }
                
                .topLink .k2 {
                    color: #074b91;
                    font-size: 14px;
                    font-family: "微软雅黑";
                }
                
                #menu {
                    margin-top: 5px;
                }
                /*热门搜索*/
                
                .search {
                    text-align: left;
                    height: 24px;
                    background-color: #f8f8f8;
                    padding: 5px 10px 5px 10px;
                }
                
                #formsearch {
                    width: 320px;
                    float: left;
                }
                
                .hotSearch {
                    width: 400px;
                    float: left;
                    height: 24px;
                    line-height: 24px;
                    font-weight: normal;
                }
                
                #search-type {
                    float: left;
                    width: 100px;
                    height: 24px;
                    border: 1px solid #c8c8c8;
                    margin-right: 5px;
                }
                /*主体样式*/
                
                #container {
                    max-width: 1200px;
                    margin: 0 auto;
                }
                
                .menu_cate {
                    width: 220px;
                    float: left;
                }
                
                .cate_title {
                    line-height: 31px;
                    padding-left: 15px;
                    font-weight: bold;
                    font-family: "微软雅黑";
                    background: url(../images/nav.png) no-repeat 0% 100%;
                    font-size: 14px;
                    color: #000;
                }
                
                .navigation {
                    float: right;
                    width: 100px;
                }
                
                .index-title {
                    line-height: 31px;
                    padding-left: 15px;
                    font-weight: bold;
                    font-family: "微软雅黑";
                    background: url(../images/nav.png) no-repeat 0% 100%;
                    font-size: 14px;
                    color: #000;
                }
                
                .index-table td {
                    border: solid #add9c0;
                    border-width: 0px 1px 1px 0px;
                    padding: 10px 5px;
                }
                
                .index-table {
                    border: solid #add9c0;
                    border-width: 1px 0px 0px 1px;
                    margin-top: 10px;
                }
                /*----- 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;
                }
                /*首页新闻*/
                
                .news_company {
                    width: 280px;
                    float: right;
                }
                
                .news1_title {
                    line-height: 31px;
                    padding-left: 15px;
                    font-weight: bold;
                    font-family: "微软雅黑";
                    background: url(../images/nav.png) no-repeat 0% 100%;
                    font-size: 14px;
                    color: #000;
                }
                
                .news_company .content {
                    padding: 5px;
                }
                /*首页左侧联系我们*/
                
                .contact {
                    width: 218px;
                    float: left;
                    padding-bottom: 5px;
                    margin-top: 10px;
                }
                
                .contact_title {
                    line-height: 31px;
                    padding-left: 15px;
                    font-weight: bold;
                    font-family: "微软雅黑";
                    background: url(../images/nav.png) no-repeat 0% 100%;
                    font-size: 14px;
                    color: #000;
                }
                
                .contact .content {
                    padding: 5px;
                    padding-left: 8px;
                }
                /*工程案例*/
                
                .case {
                    width: 460px;
                    float: left;
                    margin-left: 12px;
                    padding-bottom: 5px;
                    margin-top: 10px;
                }
                
                .case_title {
                    line-height: 31px;
                    padding-left: 15px;
                    font-weight: bold;
                    font-family: "微软雅黑";
                    background: url(../images/nav.png) no-repeat 0% 100%;
                    font-size: 14px;
                    color: #000;
                }
                
                .case .content {
                    padding: 5px;
                    padding-bottom: 12px;
                    text-indent: 20px;
                }
                
                .news2_company {
                    margin-top: 10px;
                }
                /*产品推荐*/
                
                .recommend_product {
                    margin-top: 10px;
                    width: 692px;
                    float: left;
                }
                
                .recommend_product .title {
                    line-height: 31px;
                    padding-left: 15px;
                    font-weight: bold;
                    font-family: "微软雅黑";
                    background: url(../images/nav.png) no-repeat 0% 100%;
                    font-size: 14px;
                    color: #000;
                }
                
                .recommend_product .content {
                    padding-top: 15px;
                    padding-bottom: 14px;
                }
                
                .roll_product li {
                    padding-bottom: 0px;
                }
                /*品牌列表*/
                
                .brand-list {
                    margin: 20px 0px;
                    display: flex;
                    display: -webkit-flex;
                    flex-wrap: wrap;
                }
                
                .brand-list li {
                    margin: 5px 8px;
                }
                
                .brand-list li:hover {
                    box-shadow: 2px 1px 5px;
                }
                
                .brand-list li img {
                    width: 150px;
                    height: 120px;
                }
                /*前台多页签*/
                
                .news {
                    width: 1000px;
                    float: left;
                    margin-top: 10px;
                }
                
                .tab {
                    position: relative;
                }
                
                .tab li {
                    float: left;
                    width: 100px;
                    height: 30px;
                    display: block;
                    line-height: 30px;
                    border: 1px solid #ccc;
                    margin-right: 8px;
                    text-align: center;
                    color: #333;
                    font-size: 12px;
                    cursor: pointer;
                }
                
                .tab li.cur {
                    color: #fff;
                    text-decoration: none;
                    font-size: 12px;
                    background: #3a78c1;
                    border-color: #3a78c1;
                }
                
                .tt {
                    display: none;
                }
                
                .list1 {
                    padding: 8px 10px;
                }
                
                .list1 li {
                    line-height: 27px;
                    position: relative;
                    vertical-align: middle;
                }
                
                .list1 li a {
                    background: url(../images/list_dot1.gif) left center no-repeat;
                    padding-left: 12px;
                    line-height: 27px;
                    color: #555555;
                }
                
                .list1 li a:hover {
                    color: #e87518;
                    text-decoration: none;
                }
                
                .list1 li span {
                    position: absolute;
                    right: 0px;
                    line-height: 30px;
                    top: 0;
                    color: #999;
                }
                /*友情链接*/
                
                .f_link {
                    max-width: 1200px;
                    margin: 0 auto;
                    margin-top: 15px;
                    line-height: 30px;
                    line-height: 30px;
                
                    text-indent: 20px;
                    margin-bottom: 50px;
                }
                /*页面底部*/
                
                #footer {
                    background: #2b2b2b;
                    padding-top: 152px;
                }
                
                #footer a {
                    color: #ada6a6;
                    font-size: 14x;
                    margin: 0;
                    font-family: "Microsoft YaHei";
                }
                
                .foot_nav {
                    margin-bottom: 30px;
                }
                
                .foot_adress {
                    margin-bottom: 30px;
                }
                
                .foot_right {
                    float: right !important;
                    text-align: right;
                    padding-right: 0px !important;
                    padding-left: 0px !important;
                }
                
                .foot_right p {
                    font-family: "Microsoft YaHei";
                    color: #ada6a6;
                    font-size: 14x;
                }
                
                .foot_left {
                    float: left;
                    padding-right: 0px !important;
                    padding-left: 0px !important;
                }
                
                .foot_left p {
                    color: #ada6a6;
                    font-size: 14x;
                    margin: 0;
                    font-family: "Microsoft YaHei";
                }
                
                .foot_middle {
                    margin-top: -192px;
                    padding-right: 0px !important;
                    padding-left: 0px !important;
                }
                
                .foot_middle img {
                    width: 100%;
                }
                
                #footer a:hover {
                    color: #e87518;
                    text-decoration: none;
                }
                
                .nav_foot {
                    text-align: center;
                    line-height: 24px;
                    color: #666;
                }
                
                .copyright {
                    text-align: center;
                    line-height: 24px;
                    color: #ada6a6;
                    margin-top: 20px;
                    padding-bottom: 10px;
                }
                /*------------内页-------------------*/
                
                .left .box {
                    margin-bottom: 10px;
                }
                
                .left .box h3 {
                    line-height: 59px;
                    font-weight: 400;
                    font-family: "微软雅黑";
                    background: #2b378d;
                    font-size: 20px;
                    color: #fff;
                    padding-left: 40px;
                    position: relative;
                    border-bottom: 4px solid #273788;
                    margin-top: 0 !important;
                    margin-bottom: 0 !important;
                }
                
                .left .box .content {
                    padding: 5px 0px;
                    background: #f0f0f0;
                }
                
                .prodescription {
                    border: 1px solid #e5e5e5;
                    background: #f9f9f9;
                    line-height: 24px;
                    padding: 10px;
                    margin-bottom: 15px;
                    text-indent: 20px;
                }
                
                .n_banner {
                    width: 100%;
                    overflow: hidden;
                }
                
                .n_banner img {
                    max-width: 100%;
                    height: auto;
                }
                
                .left {
                    width: 225px;
                    float: left;
                }
                
                .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;
                }
                
                .right {
                    width: 760px;
                    float: right;
                    padding-bottom: 10px;
                }
                
                .sitemp {
                    border-bottom: 1px solid #ddd;
                    padding-top: 15px;
                }
                
                .sitemp h2 {
                    font-size: 16px;
                    color: #273788;
                    line-height: 40px;
                    height: 40px;
                    overflow: hidden;
                }
                
                .sitemp .site {
                    width: 380px;
                    float: right;
                    text-align: right;
                    line-height: 30px;
                }
                
                .right .content {
                    padding: 15px 0 10px;
                    overflow: hidden;
                    line-height: 24px;
                }
                
                .sort_album {
                    margin-top: 15px;
                }
                /* --Karma */
                /* header  --Karma */
                
                .header {
                    height: 128px;
                    line-height: 128px;
                    background: #fff;
                }
                
                .logo {
                    float: left;
                }
                
                .nav {
                    float: right;
                }
                
                .nav_top {
                    float: right;
                    background: #2a368c;
                    text-align: center;
                    border-radius: 0 0 40px 40px;
                    line-height: 33px;
                    padding-right: 24px;
                    padding-left: 24px;
                    color: #fff;
                }
                
                .nav_top a {
                    color: #fff;
                    font-family: "Microsoft YaHei";
                }
                
                .nav_top a:hover {
                    color: #e5e5e5;
                    text-decoration: none;
                }
                
                .nav_bottom {
                    clear: both;
                }
                
                .nav li {
                    float: left;
                    width: 14%;
                    text-align: center;
                    line-height: 40px;
                    margin-top: 32px;
                }
                
                .nav li a {
                    font-size: 16px;
                    color: #000;
                    display: block;
                    font-family: "Microsoft YaHei";
                }
                
                .nav li a:hover {
                    text-decoration: none;
                    background: #2a368c;
                    border-radius: 20px;
                    color: #fff;
                }
                /* banner  --Karma */
                
                .banner_index {
                    height: auto;
                    margin: 0 auto;
                }
                
                .banner_index img {
                    max-width: 100%;
                }
                
                .about {
                    width: 100%;
                    text-align: center;
                    background: url(../images/ahout_bg.jpg);
                }
                
                .about_title {
                    margin-bottom: 80px;
                }
                
                .about_title span {
                    color: #000;
                    font: 400 24px/70px 'Microsoft YaHei';
                }
                
                .about_title p {
                    color: #666666;
                    font: 400 14px/0px 'Microsoft YaHei';
                }
                
                .about_title i {
                    display: inline-block;
                    width: 50px;
                    height: 4px;
                    background: #2a368c;
                }
                
                .about_p {
                    margin-bottom: 110px;
                }
                
                .about_p li {
                    width: 158px;
                    overflow: hidden;
                    display: inline-block;
                    border-radius: 79px;
                }
                
                .about_p span {
                    color: #2a368c;
                    font-size: 18px;
                    font-family: 'Microsoft YaHei';
                    display: block;
                    margin-top: 26px;
                    margin-bottom: 38px;
                }
                
                .about_p p {
                    color: #666666;
                    font-size: 14px;
                    font-family: 'Microsoft YaHei';
                    display: block;
                }
                
                .about_img {
                    transition: all .1s;
                }
                
                .about_p:link .about_img {}
                
                .about_p:visited .about_img {}
                
                .about_p:hover .about_img {
                    margin-left: -160px;
                }
                
                .about_p:active .about_img {}
                
                .about_more a {
                    display: block;
                    width: 24%;
                    height: 52px;
                    background: url("../images/ahout_more.png") no-repeat center center;
                    background-size: 20% auto;
                    margin: 0 auto;
                    border: 1px solid #999999;
                    margin-bottom: 78px;
                    transition: all .4s;
                }
                
                .about_more a:hover {
                    background: url("../images/ahout_more1.png") no-repeat center center #2a368c;
                }
                
                .product_karma {
                    width: 100%;
                    text-align: center;
                    background: url("../images/product_bg.png") repeat-y top center;
                }
                
                .product_title {
                    margin-top: 58px;
                    font-family: "Microsoft YaHei";
                }
                
                .product_title span {
                    font-size: 24px;
                    color: #fff;
                    font-family: "Microsoft YaHei";
                }
                
                .product_title p {
                    font-size: 14px;
                    color: #fff;
                    font-family: "Microsoft YaHei";
                }
                
                .product_title i {
                    display: inline-block;
                    width: 30px;
                    height: 4px;
                    background: #fff;
                }
                
                .product_karma {
                    padding-bottom: 108px;
                }
                
                .product_d li {
                    margin-top: 34px;
                }
                
                .product_img {
                    position: relative;
                }
                
                .product_img a {
                    font-family: "Microsoft YaHei";
                }
                
                .product_layer {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: rgba(234, 234, 234, .5);
                    border: 12px solid #fff;
                    display: none;
                }
                
                .product_more {
                    padding-top: 84%;
                    display: block;
                    line-height: 100%;
                    margin: 0 auto;
                    width: 58px;
                    height: 58px;
                    background: url("../images/product_more.png") no-repeat center center;
                }
                
                .product_d li img {
                    width: 100%;
                    border: 12px solid #fff;
                }
                
                .product_more1 {
                    background: #fff;
                    line-height: 50px;
                    margin: 0;
                    color: #000;
                    display: inline-block;
                    width: 100%;
                    text-decoration: none;
                }
                
                .product_d li:hover .product_layer {
                    display: block;
                }
                
                .product_d li:hover .product_more1 {
                    background: #eaeaea;
                    text-align: none;
                }
                /*设备*/
                
                .equipment {
                    width: 100%;
                    padding-bottom: 90px;
                    background: url("../images/equipment_bg.jpg") repeat-y center center;
                }
                
                .equipment_title {
                    margin-top: 34px;
                    margin-bottom: 65px;
                }
                
                .equipment_title span {
                    font-size: 24px;
                    font-weight: 600;
                    color: #000;
                    line-height: 69px;
                    font-family: "Microsoft YaHei";
                }
                
                .equipment_title p {
                    font-size: 16px;
                    line-height: 10px;
                    color: #333333;
                    font-family: "Microsoft YaHei";
                }
                
                .equipment_title i {
                    display: inline-block;
                    width: 60px;
                    height: 4px;
                    background: #2a368c;
                }
                
                .tedian img {
                    margin-right: 48px;
                }
                
                .equipment_img img {
                    width: 100%;
                }
                
                .swiper-button-next1 {
                    float: right;
                    margin-right: 60px;
                    margin-top: 38px;
                }
                
                .swiper-button-prev1 {
                    float: right;
                    margin-right: -17px;
                    margin-top: 38px;
                }
                
                .swiper-button-next1 img {
                    width: 117px;
                    height: 57px;
                    cursor: pointer;
                }
                
                .swiper-button-prev1 img {
                    width: 121px;
                    height: 57px;
                    cursor: pointer;
                }
                
                .honor {
                    background: #f4f4f4;
                    padding-bottom: 80px;
                    position: relative;
                }
                
                .honor_img {
                    overflow: hidden;
                }
                
                .honor_img img {
                    width: 100%;
                }
                
                .swiper-button-next2 {
                    float: left;
                    margin-left: -66px;
                    margin-top: -290px;
                }
                
                .swiper-button-prev2 {
                    float: right;
                    margin-right: -66px;
                    margin-top: -290px;
                }
                
                .swiper-button-next2 img {
                    width: 37px;
                    height: 77px;
                    cursor: pointer;
                }
                
                .swiper-button-prev2 img {
                    width: 37px;
                    height: 77px;
                    cursor: pointer;
                }
                
                .infos {
                    padding-bottom: 100px;
                    background: #f8f8f8;
                }
                
                .info-container {
                    overflow: hidden;
                }
                .info-container span {
                    display:block;
                    font: 500 30px/40px "Arial";
                    color: #333333;
                }
                .info-container i {
                    font: 500 14px/28px "Arial";
                    color: #666666;
                }
                .info-container h3 {
                    font-family: "Microsoft YaHei";
                }
                .info-container p {
                    font-family: "Microsoft YaHei";
                }
                .info-container a:hover{
                    text-decoration: none;
                    color: #666666;
                }
                
                .infos_t {
                    padding: 0 24px;
                    text-align: justify;
                }
                
                .partner {
                    padding-bottom: 80px;
                }
                
                .partner_img {
                    overflow: hidden;
                }
                
                .partner_img i {
                    opacity: 0.5;
                    -webkit-filter: grayscale(100%);
                    -moz-filter: grayscale(100%);
                    -ms-filter: grayscale(100%);
                    -o-filter: grayscale(100%);
                    filter: grayscale(100%);
                    filter: gray;
                    -webkit-transition: 0.3s;
                    -moz-transition: 0.3s;
                    transition: 0.3s;
                }
                
                .partner_img i:hover {
                    opacity: 1;
                    -webkit-filter: grayscale(0);
                    -moz-filter: grayscale(0);
                    -ms-filter: grayscale(0);
                    -o-filter: grayscale(0);
                    filter: grayscale(0);
                    filter: none;
                    -webkit-transform: scale(0.9) translateY(-8px);
                    -moz-transform: scale(0.9) translateY(-8px);
                    transform: scale(0.9) translateY(-8px);
                    cursor: pointer;
                }
                
                .partner_img img {
                    width: 100%;
                }
                
                .swiper-button-next3 {
                    float: left;
                    margin-left: -66px;
                    margin-top: -76px;
                }
                
                .swiper-button-prev3 {
                    float: right;
                    margin-right: -66px;
                    margin-top: -76px;
                }
                
                .swiper-button-next3 img {
                    width: 31px;
                    height: 31px;
                    cursor: pointer;
                }
                
                .swiper-button-prev3 img {
                    width: 31px;
                    height: 31px;
                    cursor: pointer;
                }
                
                .productCate {
                    padding-bottom: 50px;
                }
                
                .movie {
                    float: right;
                }
                
                .cate_cname a {
                    display: block;
                    font-size: 18px;
                    color: #333333;
                    line-height: 50px;
                    padding-left: 50px;
                    font-family: "Microsoft YaHei";
                }
                
                .cate_cname a:hover {
                    text-decoration: none;
                    color: #fff;
                    background: url("../images/title_hover.png") no-repeat center left;
                }
                
                .topbanner {
                    width: 100%;
                    position: relative;
                }
                
                .banner {
                    width: 100%;
                    margin: 0 auto;
                    position: absolute;
                    height: 100%;
                    left: 0;
                    top: 0;
                }
                
                .banner ul.bb {
                    position: relative;
                    padding: 0px;
                    margin: 0px;
                    z-index: 5;
                    width: 100%;
                    height: 100%;
                }
                
                .banner ul.bb li {
                    position: absolute;
                    display: block;
                    width: 100%;
                    height: 100%;
                    background-size: cover;
                }
                
                .banner ul.bb li a {
                    display: block;
                    width: 100%;
                    height: 100%;
                }
                
                .banner .num {
                    position: absolute;
                    right: 0;
                    bottom: 20px;
                    z-index: 100;
                    width: 100%;
                    text-align: center;
                }
                
                .banner .num li {
                    width: 16px;
                    height: 16px;
                    display: inline-block;
                    margin-right: 8px;
                    background: url(../images/num.png) no-repeat 0 50%;
                    line-height: 16px;
                    text-indent: -100px;
                    overflow: hidden;
                }
                
                .banner .num li {
                    _display: inline;
                    _zoom: 1;
                    *display: inline;
                }
                
                .banner .num li.num_hover {
                    background: url(../images/numh.png) no-repeat 0 50%;
                }
                
                .banner .num li.num_hover a {
                    color: #fff;
                }
                
                .banner .num li a {
                    float: left;
                    display: inline;
                    text-align: center;
                    color: #666;
                    text-decoration: none;
                    cursor: pointer;
                    width: 16px;
                    height: 16px;
                    line-height: 16px;
                }
                
                .banner_pre {
                    width: 55px;
                    height: 60px;
                    position: absolute;
                    left: 6%;
                    top: 50%;
                    margin-top: -30px;
                    background: url(../images/pre.png) no-repeat;
                    background-position: left top;
                    z-index: 99;
                    cursor: pointer;
                    transition: all .4s;
                }
                
                .banner_next {
                    width: 55px;
                    height: 60px;
                    position: absolute;
                    right: 6%;
                    top: 50%;
                    margin-top: -30px;
                    background: url(../images/pre.png) no-repeat;
                    background-position: right bottom;
                    z-index: 99;
                    cursor: pointer;
                    transition: all .4s;
                }
                
                .banner_pre:hover {
                    background-position: left bottom;
                }
                
                .banner_next:hover {
                    background-position: right top;
                }
                
                .swiper-wrapper img {
                    max-width: 100%;
                    height: auto;
                }
                
                @keyframes myfirst {
                    from {
                        left: 100px;
                        opacity: 0;
                    }
                    to {
                        left: 0;
                        opacity: 1;
                    }
                }
                
                @-moz-keyframes myfirst
                /* Firefox */
                
                {
                    from {
                        left: 100px;
                        opacity: 0;
                    }
                    to {
                        left: 0;
                        opacity: 1;
                    }
                }
                
                @-webkit-keyframes myfirst
                /* Safari 和 Chrome */
                
                {
                    from {
                        left: 100px;
                        opacity: 0;
                    }
                    to {
                        left: 0;
                        opacity: 1;
                    }
                }
                
                @-o-keyframes myfirst
                /* Opera */
                
                {
                    from {
                        left: 100px;
                        opacity: 0;
                    }
                    to {
                        left: 0;
                        opacity: 1;
                    }
                }
                
                @keyframes mysec {
                    from {
                        right: 100px;
                        opacity: 0;
                    }
                    to {
                        right: 0;
                        opacity: 1;
                    }
                }
                
                @-moz-keyframes mysec
                /* Firefox */
                
                {
                    from {
                        right: 100px;
                        opacity: 0;
                    }
                    to {
                        right: 0;
                        opacity: 1;
                    }
                }
                
                @-webkit-keyframes mysec
                /* Safari 和 Chrome */
                
                {
                    from {
                        right: 100px;
                        opacity: 0;
                    }
                    to {
                        right: 0;
                        opacity: 1;
                    }
                }
                
                @-o-keyframes mysec
                /* Opera */
                
                {
                    from {
                        right: 100px;
                        opacity: 0;
                    }
                    to {
                        right: 0;
                        opacity: 1;
                    }
                }
                
                .topbanner .text {
                    color: #fff;
                    display: table;
                    text-align: left;
                    width: 60%;
                    height: 100%;
                    font: 400 48px/60px "Microsoft Yahei";
                    margin: 0 auto;
                }
                
                .topbanner .text span {
                    color: #2a368c;
                    font: 500 34px/60px "Microsoft Yahei";
                    background: #fff;
                    padding: 10px;
                    display: inline-block;
                }
                
                .topbanner .text i {
                    font-style: normal;
                    font-size: 20px;
                    display: block;
                    margin-top: -16px;
                    opacity: 0.8;
                }
                
                .topbanner .text p {
                    color: #fff;
                    font: 500 40px/60px "Microsoft Yahei";
                    font-style: normal;
                    text-align: left;
                    background: #2a368c;
                    margin-top: 20px;
                    display: inherit;
                    padding: 10px;
                }
                
                .banbox {
                    display: table-cell;
                    vertical-align: middle;
                }
                
                .topbanner .intro {
                    margin-top: -35px;
                    text-align: left;
                    color: #fff;
                    font: 400 20px/40px "Microsoft Yahei";
                    display: block;
                    margin-left: 444px;
                }
                
                .topbanner .bantop {
                    position: relative;
                    opacity: 1;
                    right: 0;
                    animation: myfirst 1.2s;
                    -moz-animation: myfirst 1.2s;
                    -webkit-animation: myfirst 1.2s;
                    -o-animation: myfirst 1.2s;
                }
                
                .topbanner .banbottom {
                    padding-top: 25px;
                    position: relative;
                    opacity: 1;
                    right: 0;
                    animation: mysec 1.5s;
                    -moz-animation: mysec 1.5s;
                    -webkit-animation: mysec 1.5s;
                    -o-animation: mysec 1.5s;
                }
                /*<1200px --Karma */
                
                @media (max-width: 1200px) {
                    .swiper-button-next2 {
                        float: left;
                        margin-left: -66px;
                        margin-top: -246px;
                    }
                    .swiper-button-prev2 {
                        float: right;
                        margin-right: -66px;
                        margin-top: -246px;
                    }
                    .swiper-button-next3 {
                        float: left;
                        margin-left: -66px;
                        margin-top: -62px;
                    }
                    .swiper-button-prev3 {
                        float: right;
                        margin-right: -66px;
                        margin-top: -62px;
                    }
                    .topbanner .text span {
                        font: 500 24px/60px "Microsoft Yahei";
                    }
                    .topbanner .text p {
                        font: 500 24px/60px "Microsoft Yahei";
                    }
                    .topbanner .text i {
                        font-size: 14px;
                    }
                }
                /*<992px --Karma */
                
                @media (max-width: 992px) {
                    /* <992px header  --Karma*/
                    .header {
                        height: 80px;
                        line-height: 80px;
                        background: #fff;
                    }
                    .nav {
                        display: none;
                    }
                    .logo {
                        float: left;
                        width: 200px;
                    }
                    .logo img {
                        max-width: 100%;
                    }
                    .phone_bar {
                        float: right;
                        margin-right: 20px;
                        margin-top: 12px;
                        padding-top: 24px;
                        cursor: pointer;
                    }
                    .phone_bar span {
                        display: block;
                        width: 22px;
                        height: 2px;
                        border-radius: 1px;
                        background: #000;
                    }
                    .phone_nav {
                        background: #fff;
                        position: absolute;
                        top: 80px;
                        width: 100%;
                        left: 0px;
                        display: none;
                        z-index: 9;
                    }
                    .phone_nav li {
                        text-align: center;
                        border-bottom: 1px dotted #e5e5e5;
                    }
                    .phone_nav li a {
                        padding-top: 10px;
                        color: #666;
                        text-transform: uppercase;
                        display: block;
                        font-size: 12px;
                        padding-bottom: 10px;
                        line-height: 20px;
                    }
                    .phone_nav li a:hover {
                        color: #1059a5;
                    }
                    .tedian img {
                        margin-right: 38px;
                    }
                    .tedian p {
                        line-height: 48px;
                    }
                    .topbanner .text span {
                        font: 500 14px/20px "Microsoft Yahei";
                    }
                    .topbanner .text p {
                        font: 500 14px/30px "Microsoft Yahei";
                    }
                    .topbanner .text i {
                        font-size: 12px;
                    }
                }
                
                @media (max-width: 768px) {
                    .product_title {
                        margin-top: 30px;
                    }
                    .tedian img {}
                    .tedian p {
                        line-height: 22px;
                    }
                    .right .content img {
                        max-width: 100%;
                        width: auto !important;
                        height: auto !important;
                    }
                }
                
                .banner-icon {
                    position: absolute;
                    bottom: 40px;
                    z-index: 99;
                    width: 100%;
                    text-align: center;
                    -webkit-animation: myfirst1 1.5s infinite;
                    animation: myfirst1 1.5s infinite;
                }
                
                .banner-icon a {
                    display: inline-block;
                }
                
                @-webkit-keyframes myfirst1 {
                    0% {
                        -webkit-transform: translate(0px, 0px);
                        transform: translate(0px, 0px);
                    }
                    50% {
                        -webkit-transform: translate(0px, -20px);
                        transform: translate(0px, -20px);
                    }
                    100% {
                        -webkit-transform: translate(0px, 0px);
                        transform: translate(0px, 0px);
                    }
                }
                
                @keyframes myfirst1 {
                    0% {
                        -webkit-transform: translate(0px, 0px);
                        transform: translate(0px, 0px);
                    }
                    50% {
                        -webkit-transform: translate(0px, -20px);
                        transform: translate(0px, -20px);
                    }
                    100% {
                        -webkit-transform: translate(0px, 0px);
                        transform: translate(0px, 0px);
                    }
                }
                
                @media (max-width:767px) {
                    .banner-icon {
                        bottom: 15px;
                    }
                }
                
                .width-1200 {
                    max-width: 1200px;
                    margin: 0 auto;
                }