@charset "utf-8";
/* CSS Document */

/*
 * Swiper 2.7.0
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: August 30, 2014
*/
        /* ===============================================================
        Basic Swiper Styles
        ================================================================*/
        .swiper-container {
            margin:0 auto;
            position:relative;
            overflow:hidden;
            -webkit-backface-visibility:hidden;
            -moz-backface-visibility:hidden;
            -ms-backface-visibility:hidden;
            -o-backface-visibility:hidden;
            backface-visibility:hidden;
            /* Fix of Webkit flickering */
            z-index:1;
        }
        .swiper-wrapper {
            position:relative;
            width:100%;
            -webkit-transition-property:-webkit-transform, left, top;
            -webkit-transition-duration:0s;
            -webkit-transform:translate3d(0px,0,0);
            -webkit-transition-timing-function:ease;

            -moz-transition-property:-moz-transform, left, top;
            -moz-transition-duration:0s;
            -moz-transform:translate3d(0px,0,0);
            -moz-transition-timing-function:ease;

            -o-transition-property:-o-transform, left, top;
            -o-transition-duration:0s;
            -o-transform:translate3d(0px,0,0);
            -o-transition-timing-function:ease;
            -o-transform:translate(0px,0px);

            -ms-transition-property:-ms-transform, left, top;
            -ms-transition-duration:0s;
            -ms-transform:translate3d(0px,0,0);
            -ms-transition-timing-function:ease;

            transition-property:transform, left, top;
            transition-duration:0s;
            transform:translate3d(0px,0,0);
            transition-timing-function:ease;

            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }
        .swiper-free-mode > .swiper-wrapper {
            -webkit-transition-timing-function: ease-out;
            -moz-transition-timing-function: ease-out;
            -ms-transition-timing-function: ease-out;
            -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            margin: 0 auto;
        }
        .swiper-slide {
            float: left;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

        /* IE10 Windows Phone 8 Fixes */
        .swiper-wp8-horizontal {
            -ms-touch-action: pan-y;
        }
        .swiper-wp8-vertical {
            -ms-touch-action: pan-x;
        }

        /* ===============================================================
        Your custom styles, here you need to specify container's and slide's
        sizes, pagination, etc.
        ================================================================*/
        .swiper-container {
            /* Specify Swiper's Size: */

            /*width:200px;
            height: 100px;*/
        }
        .swiper-slide {
            /* Specify Slides's Size: */

            /*width: 100%;
            height: 100%;*/
        }
        .swiper-slide-active {
            /* Specific active slide styling: */

        }
        .swiper-slide-visible {
            /* Specific visible slide styling: */

        }
        /* ===============================================================
        Pagination Styles
        ================================================================*/
        .swiper-pagination-switch {
            /* Stylize pagination button: */

        }
        .swiper-active-switch {
            /* Specific active button style: */

        }
        .swiper-visible-switch {
            /* Specific visible button style: */

        }



        body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0}
        article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section ,iframe {display: block}
        audio, canvas, video {display: inline-block;*display: inline;*zoom: 1;}
        html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
        body {font-size: 14px;line-height:26px; font-family: "Helvetica Neue","Helvetica","Arial",sans-serif,sans-serif,"PingFang SC","Microsoft Yahei","Heiti SC";color:#828282}
        button, input, select, textarea {font-size: 14px;line-height:24px;  }
        button{border: 0}
        :-moz-ui-invalid:not(output) {box-shadow: none;}
        table {border-collapse: collapse;border-spacing: 0}
        th {text-align: inherit}
        fieldset, img {border: 0}
        img{vertical-align: middle}
        del {text-decoration: line-through}
        address, caption, cite, code, dfn, em, th, var {font-style: normal;}
        ol, ul {list-style: none}
        caption, th {text-align: left}
        q:before, q:after {content: ''}
        sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
        sup {top: -.5em}
        sub {bottom: -.25em}
        a{text-decoration: none;color:inherit;transition: 0.3s;}
        a:hover {text-decoration: none;}
        .clearfix:after,.clf:after{visibility: hidden; display: block;font-size: 0;content: '.'; clear: both;height: 0}
        .clearfix,.clf{zoom: 1;}
        .clear { font-size: 0;line-height: 0;height: 0;clear: both; visibility: hidden; overflow: hidden}
        .fn-text-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
        h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 14px;line-height: 1.5;}
        input,textarea,button{outline: none;border: 0;font-family: "Helvetica Neue","Helvetica","Arial",sans-serif,sans-serif,"PingFang SC","Microsoft Yahei","Heiti SC";}
        textarea{
            resize: none;
        }
        em, b, i, code, strong {
            font-style: normal;
        }
        .header{
            position: relative;
        }
        .top {
            z-index: 1000;
            top: 0px;
			position: fixed;/*菜单浮动*/
            height: 144px;
            background: rgba(255,255,255,1);
            padding: 0px 40px ;
            left: 0;
            right: 0;
            margin: auto;
			width: 100%;
            border-bottom:1px dotted #bfbfbf;

	        }
        .logo{
            float: left;
            height: 48px;
            margin-top: 20px;
        }
        .logo img{
            height: 48px;
        }
        .logo-side {
            float: right;
            padding-top: 32px;
			padding-right:50px;
        }
        .hn-tel {
            float: left;
            font-size: 16px;
            line-height: 24px;
            color: #3461C6;
        }
        .hn-tel span {
            width: 24px;
            height: 24px;
            margin-right: 10px;
            display: inline-block;
            vertical-align: middle;
            border-radius: 50%;
            background: #3461C6 url("../images/icon-tel.png") no-repeat center;
        }
        .hn-lan {
            float: right;
            margin-left: 20px;
            cursor: pointer;
        }
        .lan-list {
            margin-top: 3px;
            font-size: 14px;
            line-height: 16px;
            color: #8C8D8E;
            transition: 0.3s;
        }
        .lan-list:first-child {
            margin-right: 14px;
            border-right: 1px solid #D1D3D6;
            padding-right: 14px;
        }
  .lan-list:nth-child(2) {
            margin-right: 14px;
            border-right: 1px solid #D1D3D6;
            padding-right: 14px;
        }
        .hn-lan .active,.lan-list:hover {
           color: #3461C6;
        }/*此行实际定义的是语言版本选择栏在选中状态，即active和hover之后的显示状态*/
        .nav {
            height: 76px;
        }
        .hn-item{
            float: left;
            position: relative;
            background: url("../images/icon-line.png") no-repeat left center;
        }
        .hn-text a{
            float: left;
            height: 76px;
            line-height: 76px;
            font-size: 1.3em;
            color: #363839;
            text-align: center;
            padding: 0 34px;
            background: url("../images/icon-sd-b.png") no-repeat center 54px;
        }
        .hnCont {
            float: left;
            margin-left: -30px;
        }
        .hn-item:first-child {
            background: none;
        }
        .headNav .active .hn-text a,.headNav .hn-text a:hover {
            color: #3461C6;
            background: url("../images/icon-sd.png") no-repeat center 54px;
        }/*此行实际定义的是菜单栏里在选中状态，即active和hover之后的显示状态*/
        .hn-drop{
            position: absolute;
            left: -6px;
            top: 74px;
            width: 160px;
            background-color: #fff;
            display: none;
            padding: 10px 0px;
            box-shadow:0px 5px 10px rgba(58,58,58,0.15);
            border-top: 2px solid #3461C6;
        }
        .hn-drop a{
            padding: 0 20px;
            display: block;
            height: 38px;
            line-height: 38px;
            color: #696A6A;
            transition: 0.36s;
            font-size: 14px;
            background: url("../images/icon-nav.png") no-repeat 140px center;
        }
        .hn-drop a:hover{
            color: #3461C6;
            background: #F8F8F8 url("../images/icon-nav-hover.png") no-repeat 140px center;
        }
        .hn-text{
            color: #333;
            border-color: #ebebeb;
        }
        .hn-tel {
            border-color: #ebebeb;
        }
  .kouhao {
            float: right;
            position: relative;
        }
 .kouhao p{font-size: 22px;line-height: 25px;margin-top: 15px;padding-right:50px;}
      
        
        .container{
            width: 1180px;
            margin: auto;
        }
        .banner{
            height: 520px;
            text-align: center;
        }
        .banTit{
            padding-top: 264px;
            font-size: 36px;
            line-height: 47px;
            color: #fff;
        }
        .banText {
            margin-top: 25px;
            letter-spacing: 18px;
            font-size: 18px;
            line-height: 24px;
            color: rgba(255, 255, 255, 0.8);
        }
        .bread{
            height:60px;
            background:rgba(18,19,20,0.3);
            margin-top: -60px;
        }
        .bread a,.bread h1{
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            line-height: 60px;
            color: rgba(255,255,255,0.5);
            font-weight: normal;
            padding: 0 30px;
            color: #fff;
            border-left: 1px solid rgba(255,255,255,0.3);
        }
        .bread a:first-child {
            border-left: none;
            padding-left: 24px;
            background: url("../images/icom-home.png") no-repeat left center;
        }
        .bread a:hover {
            color: #eaeaea;
        }
        .foot{
            background: url("../images/bottom-bg.jpg") no-repeat center top;
            height: 390px;
            padding-top: 60px;
        }
        .fn-item {
            float: left;
            width: 250px;
            font-size: 16px;
            line-height: 42px;
            transition: 0.3s;
        }
        .fn-text {
            color: #fff;
            font-size: 18px;
            line-height: 24px;
            padding-left: 24px;
            background: url("../images/icon-foot.png") no-repeat left center;
        }
        .fn-item .fn-list {
            margin-top: 20px;
            padding-left: 24px;
        }
        .fn-item .fn-list li {
            color: #D1D6E1;
        }
        .fn-item .fn-list li:hover {
            color: #fff;
        }
        .footNav {
            float: left;
            border-right: 1px solid rgba(255,255,255,0.3);
        }
        .footMessage {
            float: left;
            padding-left: 120px;
            transition: 0.3s;
        }
        .fm-item {
            float: left;
        }
        .fm {
            margin-top: 30px;
        }
        .fm-left {
            float: left;
        }
        .fm-left-img {
            width: 140px;
            height: 140px;
            overflow: hidden;
        }
        .fm-left-img img {
            width: 100%;
        }
        .fm-left-text {
            margin-top: 10px;
            font-size: 12px;
            line-height: 18px;
            color:rgba(255,255,255,0.3);
            letter-spacing: 8px;
        }
        .fm-right {
            float: left;
            padding-left: 30px;
        }
        .fm-right-tel {
            color:rgba(255,255,255,0.5);
            font-size: 14px;
            line-height: 22px;
        }
        .fm-right-tel span {
            font-size: 24px;
            line-height: 30px;
            color: #8AC55F;
            display: block;
        }
        .fm-right-info {
            margin-top: 20px;
        }
        .fm-right-ev {
            font-size: 14px;
            line-height: 32px;
            color: #8F9AB4;
        }
        .fm-right-ev span,.fm-right-ev a {
            color: #FFFFFF;
        }
        .bottom{
            height: 28px;
            color: #8E99B3;
            margin-top: -28px;
        }
        .bottom .wrap {
            padding-top: 20px;
        }
        .wb-left {
            float: left;
        }
         .wb-text {
            float: left;
            margin-left: 30px;
            color: #535455;
            line-height: 32px;
        }
        .wb-text span {
            margin-left: 5px;
        }
        .wb-text span:first-child {
            margin-left: 0;
        }
        .wb-right {
            float: right;
        }
        .wb-right a {
            color: #535455;
            line-height: 32px;
            padding-left: 23px;
            margin-right: 15px;
            background: url("../images/icon-xg.png") no-repeat left center;
        }
        .wb-right a:first-child {
            padding-left: 0;
            background: none;
        }

        .fixBar{
            position: fixed;
            right: 0px;
            top: 33%;
            z-index: 1000;
        }
        .fb-online, .fb-tel, .fb-ewm, .fb-top {
            width:72px;
            height:72px;
            background-color:#2B58BE;
            border-radius:2px 0px 0px 2px;
            text-align: center;
            transition: 0.3s;
            color: #fff;
            font-size: 14px;
            line-height: 20px;
            position: relative;
            cursor: pointer;
            margin-top: 2px;
        }
        .fb-online {
            margin-top: 0;
        }
        .fb-online a, .fb-tel a, .fb-ewm a, .fb-top a {
            display: block;
            padding-top: 38px;
        }
        .fb-online a {
            background: url("../images/icon-kf-2.png") no-repeat center 5px;
        }
        .fb-tel a {
            background: url("../images/icon-zx-2.png") no-repeat center 5px;
        }
        .fb-ewm a {
            background: url("../images/icon-wx2-2.png") no-repeat center 5px;
        }
        .fb-top a {
            background: url("../images/icon-top-2.png") no-repeat center 5px;
        }
        .fb-online:hover {
            background-color: #3461C6;
        }
        .fb-tel:hover {
            background-color: #3461C6;
        }
        .fb-ewm:hover {
            background-color: #3461C6;
        }
        .fb-top:hover {
            background-color: #3461C6;
        }
        .fbarTel {
            display: none;
            position: absolute;
            right: 77px;
            bottom: 8px;
            height: 38px;
            padding: 11px 17px 11px 10px;
            width: 114px;
            color: #3461C6;
            font-weight: bold;
            background: url("../images/icon-pho-bg.png") no-repeat center;
            transition: 0.5s;
            font-size: 16px;
            line-height: 22px;
            text-align: left;
        }
        .fbarTel span {
            display: block;
            color: #999999;
            font-weight: normal;
        }
        .fbarWx {
            display: none;
            position: absolute;
            right: 77px;
            bottom: 0;
            height: 144px;
            padding: 10px 17px 10px 10px;
            width: 120px;
            color: #999999;
            background: url("../images/icon-wx-bg.png") no-repeat center;
            transition: 0.5s;
            font-size: 14px;
            line-height: 16px;
        }
        .fbarWx p {
            margin-top: 6px;
        }

        .new_add_Bnav{
            position: fixed;/*菜单浮动*/
            display: none;
            left: 0;
            right: 0;
            width: 100%;
            top: 144px;
            bottom: 0;
            margin: auto;
            box-shadow:0px 10px 20px rgba(58,58,58,0.15);
            z-index: 9;
            background-color: #fff;
            border-top: 1px solid #E6E6E6;
        }
        .common_main{
            width: 1220px;
            margin: 0 auto;
            position: relative;
            text-align: center;
        }
        .anlone-nav{
            width: 1220px;
            margin: 0 auto;
            padding:  40px 30px;
            box-sizing: border-box;
        }
        .pro_productHg{
            /*width: 220px;*/
	        width: 250px;
            text-align: center;
            float: left;
            margin-left: 30px;
        }
        .pro_productHg:first-of-type{
            margin-left: 0;
        }
        .pro_productHg_img{
            display: block;
            width: 220px;
            height: 150px;
			padding: 0 12%;
            overflow: hidden;
        }
        .pro_productHg_img img {
            width: 100%;
        }
        .pro_productHgH {
            height:24px;
            margin-top: 20px;
            font-size: 18px;
            line-height: 24px;
            color: #3461C6;
        }
        .pro_productHg_c {
            height: 96px;
            margin-top: 30px;
        }
        .pro_productHg_c a{
            display: block;
            font-size:14px;
            color: #696A6A;
            line-height:32px;
        }
        .pro_productHg_c a:hover{
            color: #3461C6;
        }
        .pro_productHg_M a {
            margin-top: 30px;
            display: block;
            font-size: 14px;
            line-height: 19px;
            color: #696A6A;
        }
        .pro_productHg_M a span {
            padding-right: 21px;
            background: url("../images/icon-pro.png") no-repeat right center;
            background-size: 7px auto;
        }
        .pro_productHg_M a:hover {
            color: #3461C6;
        }
        .pro_productHg_M a:hover span {
            background: url("../images/icon-pro-hover.png") no-repeat right center;
            background-size: 7px auto;
        }


        /*弹窗*/
        .banner-lx {
            position: fixed;
            width: 680px;
            height: 480px;
            background-color: #fff;
            top: 50%;
            left: 50%;
            margin-top: -240px;
            margin-left: -340px;
            z-index: 101;
            display: none;
        }
        .banner-lx-cont {
            padding: 60px;
        }
        .banner-lx-left {
            float: left;
        }
        .bl-tit {
            font-size: 16px;
            line-height: 21px;
            color: #696A6A;
            text-align: center;
        }
        .bl-wx {
            margin-top: 20px;
            width: 240px;
            height: 240px;
            overflow: hidden;
        }
        .bl-wx img {
            width: 100%;
        }
        .btn-red-tc {
            display: inline-block;
            width: 240px;
            height: 48px;
            line-height: 48px;
            background-color: #E54E4E;
            text-align: center;
            color: #fff;
            font-size: 16px;
            margin-top: 30px;
            border-radius:2px;
        }
        .banner-lx-right {
            float: right;
        }
        .br-tit {
            font-size: 16px;
            line-height: 21px;
            color: #696A6A;
            text-align: left;
        }
        .comment-form .row {
            margin-top: 30px;
        }
        .comment-form .row:first-child {
            margin-top: 20px;
        }
        .comment-form .for-input input {
            width: 240px;
            height: 42px;
            background: rgba(255, 255, 255, 1);
            border: 1px solid rgba(230, 230, 230, 1);
            border-radius: 2px;
            font-size: 16px;
            color: #73757A;
            text-indent: 10px;
            box-sizing: border-box;
        }
        .comment-form .for-tex textarea {
            width: 240px;
            height: 96px;
            background: rgba(255,255,255,1);
            border: 1px solid rgba(230,230,230,1);
            border-radius: 2px;
            padding: 12px;
            font-size: 16px;
            line-height: 24px;
            box-sizing: border-box;
        }
        .comment-form .for-but button {
            width:240px;
            height:48px;
            background:rgba(52,97,198,1);
            border-radius:2px;
            color: #fff;
            font-size: 16px;
            line-height: 48px;
            text-align: center;
            cursor: pointer;
            margin-top: 22px;
        }
        .shut {
            position: absolute;
            right: 30px;
            top: 30px;
            width: 21px;
            height: 21px;
            background: url("../images/icon-shut.png") no-repeat center;
        }

        .shadow {
            position: fixed;
            opacity: 0.5;
            filter: alpha(opacity=50);
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            background: black;
            z-index: 100;
            display: none;
        }
        .comment-form .for-input {
            position: relative;
        }

        .comment-form .n-msg {
            position: absolute;
            left: 0;
            top: 40px;
            color: #F43535;
            font-size: 14px;
        }



  

        .index-banner {
            position: relative;
        }
        .swiper-slide1 {
            background: url("../images/index-banner1.jpg") no-repeat center top;
        }
        .swiper-slide2 {
            background: url("../images/index-banner2.jpg") no-repeat center top;
        }
        .swiper-slide3 {
            background: url("../images/index-banner3.jpg") no-repeat center top;
        }
        .swiper-slide4 {
            background: url("../images/index-banner4.jpg") no-repeat center top;
        }
        .index-banner .swiper-container{
            width: 100%;
            height: 880px;
        }
        .index-banner .swiper-slide,.index-banner .swiper-wrapper{
            height: 100% !important;
        }
        .inban-item {
            position: relative;
            max-width: 1420px;
        }
        .btn {
            display: inline-block;
            width:200px;
            height:48px;
            border-radius:100px;
            font-size: 16px;
            line-height: 48px;
            text-align: center;
            box-sizing: border-box;
        }
        .btn-white {
            background-color: #fff;
            color:  #3461C6;
        }
        .btn-white span {
            padding-right: 33px;
            background: url("../images/icon-blue.png") no-repeat right center;
        }
        .btn-white:hover {
            background-color: #3461C6;
            color: #fff;
        }
        .btn-white:hover span {
            background: url("../images/icon-white.png") no-repeat right center;
        }
        .btn-blue-mr {
            background-color: #3461C6;
            color: #fff;
        }
        .btn-blue-mr span {
            padding-right: 33px;
            background: url("../images/icon-white.png") no-repeat right center;
        }
        .btn-blue-mr:hover {
            background-color: #2B58BE;
        }
       /* .swiper-slide1 .inban-item {
            margin: 614px auto 0;
        }
.swiper-slide2 .inban-item {
            text-align: center;
            margin: 415px auto 0;
        }
        .swiper-slide3 .inban-item {
            text-align: center;
            margin: 566px auto 0;
        }
*/
 .swiper-slide1 .inban-item {
	 text-align: center;
            margin: 39% 45%;
        }
        .swiper-slide2 .inban-item {
            text-align: center;
           margin: 29% 45%;
        }
        .swiper-slide3 .inban-item {
            text-align: center;
            margin: 566px auto 0;
        }
     
        .wrap {
            max-width: 1420px;
            margin: auto;
            transition: 0.3s;
        }

        .index-banner .pagination{
            height: 20px;
            font-size: 0;
            text-align: center;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 40px;
            margin: auto;
            z-index: 100;
        }
        .index-banner .swiper-pagination-switch{
            display: inline-block;
            vertical-align: top;
            margin-left: 15px;

        }
        .index-banner .swiper-pagination-switch:first-child{
            padding-left: 0;
            margin-left: 0;
        }
        .index-banner .swiper-pagination-switch {
            display: inline-block;
            width: 6px;
            height: 6px;
            background:rgba(255,255,255,1);
            border-radius:50%;
            opacity:0.8;

        }
        .index-banner .swiper-active-switch {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url("../images/icon-quan.png") no-repeat center top;
            margin-top: -6px;
        }
        .arrow-left1 {
            position: absolute;
            width: 48px;
            height: 48px;
            border:1px solid rgba(255,255,255,1);
            border-radius:50%;
            z-index: 10;
            left: 90px;
            top: 471px;
            background: url("../images/icon-prev.png") no-repeat center;
            transition: 0.36s;
        }
        .arrow-left1:hover {
            width: 46px;
            height: 46px;
            border:2px solid rgba(255,255,255,1);

        }
        .arrow-right1 {
            position: absolute;
            width: 48px;
            height: 48px;
            border:1px solid rgba(255,255,255,1);
            border-radius:50%;
            z-index: 10;
            right: 90px;
            top: 471px;
            background: url("../images/icon-next.png") no-repeat center;
        }
        .arrow-right1:hover {
            width: 46px;
            height: 46px;
            border:2px solid rgba(255,255,255,1);

        }
        .index-serve {
            width: 100%;
            background-color: #fff;
            padding: 60px 0;
        }
        .is-main .list-item {
            float: left;
            width: 268px;
            border-radius: 2px;
            transition: 0.3s;
            margin-left: 20px;
        }
        .is-main .list-item:first-child {
            margin-left: 0;
        }
        .is-main .list-img {
            border-radius: 2px 2px 0px 0px;
            width: 268px;
            height: 200px;
            overflow: hidden;
            transition: 0.3s;
        }
        .is-main .list-img img {
            width: 100%;
        }

        .is-main .list-info {
            width: 268px;
            padding-bottom: 30px;
            background-color: #F8F8F8;
            position: relative;
            text-align: center;
            transition: 0.3s;
        }
        .is-main .list-icon {
            position: absolute;
            width: 94px;
            height: 110px;
            top: -51px;
            left: 0;
            right: 0;
            margin: auto;
        }
        .is-main .is-icon1 {
            background: url("../images/is-icon1.png") no-repeat center;
        }
        .is-main .is-icon2 {
            background: url("../images/is-icon2.png") no-repeat center;
        }
        .is-main .is-icon3 {
            background: url("../images/is-icon3.png") no-repeat center;
        }
        .is-main .is-icon4 {
            background: url("../images/is-icon4.png") no-repeat center;
        }
        .is-main .is-icon5 {
            background: url("../images/is-icon5.png") no-repeat center;
        }
        .is-main .list-tit {
            font-size: 20px;
            line-height: 26px;
            color: #535455;
            padding-top: 49px;
            text-align: center;
        }
        .is-main .list-tit span {
            width: 30px;
            height: 2px;
            display: block;
            background-color: #8C8D8E;
            margin: 15px auto 0;
            transition: 0.3s;
        }
        .is-main .list-text {
            width: 220px;
            height: 52px;
            line-height: 26px;
            font-size: 16px;
            color: #8C8D8E;
            margin: 18px auto 0;
        }
        .is-main .list-btn {
            margin-top: 28px;
            text-align: center;
            transition: 0.3s;
        }
        .is-main .list-btn .btn {
            height: 42px;
            line-height: 42px;

        }
        .btn-none {
            border:1px solid rgba(140,141,142,1);
            color: #696A6A;
        }
        .btn-none span {
            padding-right: 33px;
            background: url("../images/icon-gray.png") no-repeat right center;
        }
        .is-main .list-item:hover{
            box-shadow: 0px 5px 15px rgba(18,19,20,0.5);
        }
        .is-main .list-item:hover .list-info {
            background-color: #3461C6;
        }
        .is-main .list-item:hover .list-tit {
            color: #fff;
        }
        .is-main .list-item:hover .list-tit span {
            background-color: #fff;
        }
        .is-main .list-item:hover .list-text {
            color:rgba(255,255,255,0.8);
        }
        .is-main .list-item:hover .btn-none {
            border:1px solid #fff;
            background-color: #fff;
            color:#3461C6;
        }
        .is-main .list-item:hover .btn-none span {
            background: url("../images/icon-blue.png") no-repeat right center;
        }
        

        .index-product {
            width: 100%;
            background: url("../images/index-pro-bg.jpg") no-repeat center top;
            padding: 80px 0;
        }
        .ip-tit{
            text-align: center;
            font-size: 32px;
            line-height: 42px;
            color: #121314;
        }
        .ip-tit span {
            width: 12px;
            height: 12px;
            display: inline-block;
            background: url("../images/biiaotixian.png") no-repeat 0 0;
            margin: 0 30px;
            position: relative;
            top: -5px;
        }
        .ip-main {
            margin-top: 40px;
        }
        .ip-main-left {
            float: left;
            width: 700px;
            margin-right: 20px;
            transition: 0.3s;
            overflow: hidden;
        }
        .ip-main-left a {
            display: block;
            width: 700px;
            height: 440px;
            background: url("../images/index-pro1.jpg") no-repeat center top;
            text-align: center;
            transition: 0.3s;
        }
        .ip-main-left:hover {
            box-shadow:0px 5px 15px rgba(18,19,20,0.1);
        }
        .ip-main-left a span {
            font-size: 24px;
            line-height: 31px;
            color: #535455;
            padding-top: 389px;
            display: inline-block;
            transition: 0.3s;
        }
        .ip-main-left a:hover span {
            color: #2553BA;
        }
        .ip-main-right {
            float: left;
            width: 700px;
            transition: 0.3s;
        }
        .ip-main-ev {
            margin-top: -20px;
            margin-right: -20px;
        }
        .ip-main-right a {
            width: 340px;
            height: 210px;
            margin-top: 20px;
            margin-right: 20px;
            float: left;
            text-align: center;
            transition: 0.3s;
        }
        .ip-main-right a:hover{
            box-shadow:0px 5px 15px rgba(18,19,20,0.1);
        }
        .bdt {
            background: #fff url("../images/index-pro2.png") no-repeat center 20px;
        }
        .zzyfcp {
            background: #fff url("../images/index-pro3.png") no-repeat center 20px;
        }
        .rjkf {
            background: #fff url("../images/index-pro4.png") no-repeat center 20px;
        }
        .bzdqg {
            background: #fff url("../images/index-pro5.png") no-repeat center 20px;
        }
        .ip-main-right a span {
            font-size: 18px;
            line-height: 24px;
            color: #535455;
            padding-top: 156px;
            display: inline-block;
            transition: 0.3s;
        }
        .ip-main-right a:hover span{
            color: #2553BA;
        }
        .ip-btn {
            margin-top: 40px;
            text-align: center;
        }
        .btn-blue {
            background-color: #fff;
            border:1px solid rgba(52,97,198,1);
            color: #3461C6;
        }
        .btn-blue span {
            padding-right: 33px;
            background: url("../images/icon-blue.png") no-repeat right center;
        }
        .btn-blue:hover {
            border:1px solid rgba(52,97,198,1);
            background-color: #3461C6;
            color: #fff;
        }
        .btn-blue:hover span {
            background: url("../images/icon-white.png") no-repeat right center;
        }
        .index-lab {
            width: 100%;
            background: url("../images/index-lab.jpg") no-repeat center top;
            padding: 80px 0;
        }
        



        .il-cont {
            background-color: #fff;
            padding: 60px;
        }
        .il-left {
            float: left;
            width: 760px;
            transition: 0.3s;
        }
        .il-left-lab {
            width: 260px;
            height: 68px;
            background: url("../images/index-lab-bg.png") no-repeat center;
            font-size: 32px;
            line-height: 68px;
            color: #fff;
            text-align: center;
        }
        .il-left-lab span {
            padding-left: 47px;
            background: url("../images/icon-lab.png") no-repeat left center;
        }
        .il-left-info {
            margin-top: 40px;
            padding-bottom: 34px;
            background: url("../images/index-lab-line.png") no-repeat center bottom;
        }
        .il-left-tit {
            font-size: 18px;
            line-height: 24px;
            color: #363839;
        }
        .il-left-text {
            margin-top: 20px;
            font-size: 14px;
            line-height: 26px;
            color: #696A6A;
        }
        .il-left-team {
            margin-top: 30px;
        }
        .il-left-main {
            margin-top: 20px;
        }
        .il-left-list {
            float: left;
            width: 240px;
            height: 127px;
            background-color: #FAFAFA;
            margin-left: 20px;
            text-align: center;
            font-size: 14px;
            color: #535455;
            line-height: 19px;
            transition: 0.3s;
        }
        .il-left-list:first-child {
            margin-left: 0;
        }
        .il-left-list span {
            width: 100%;
            height: 88px;
            display: block;
            transition: 0.3s;
        }
        .lab-icon1 {
            background: url("../images/il-icon1.png") no-repeat center 20px;
        }
        .lab-icon2 {
            background: url("../images/il-icon2.png") no-repeat center 20px;
        }
        .lab-icon3 {
            background: url("../images/il-icon3.png") no-repeat center 20px;
        }
        .il-left-btn {
            font-size: 0;
            margin-top: 40px;
            text-align: center;
        }
        .il-left-btn .btn {
            width: 240px;
        }
        .btn-red {
            background-color: #E54E4E;
            color: #fff;
        }
        .btn-red:hover {
            background-color: #D13738;
        }
        .btn-fff {
            border:1px solid rgba(52,97,198,1);
            color: #3461C6;
            font-weight: bold;
        }
        .il-left-btn .btn-fff {
            margin-left: 20px;
            cursor: default;
        }
        .il-right {
            float: right;
            width: 480px;
            transition: 0.3s;
        }
        .il-right-tit {
            margin-top: 19px;
            text-align: right;
            font-size: 24px;
            line-height: 31px;
            color: #696A6A;
        }
        .il-right-tit span {
            color: #3461C6;
        }
        .il-right-list {
            margin-top: 58px;
        }
        .il-right-list .list-item {
            width: 480px;
            height: 331px;
            transition: 0.3s;
        }
        .il-right-list .list-img {
            width: 480px;
            height: 270px;
            overflow: hidden;
        }
        .il-right-list .list-img img{
            width: 100%;
            transition: all ease-out 0.36s;
        }
        .il-right-list .list-item:hover img {
            transform: scale(1.08);
        }
        .il-right-list .list-tit {
            width: 440px;
            height: 61px;
            background-color: #FAFAFA;
            text-align: center;
            padding: 0 20px;
            color: #535455;
            font-size: 16px;
            line-height: 61px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: 0.3s;
        }
        .il-right-list .list-tit:hover {
            color: #3461C6;
        }
        .il-right-btn {
            margin-top: 40px;
            text-align: center;
        }
        .il-right-btn .btn {
            width: 240px;
        }
       



        .index-industry {
            width: 100%;
            background-color: #fff;
            padding: 80px 0;
        }
        .index-industry .wrap {
            max-width: 1480px;
        }
        .ip-ev {
            margin-top: 25px;
            font-size: 16px;
            line-height: 26px;
            color: #8C8D8E;
        }
        .ip-ev em {
            padding-left: 28px;
            background: url("../images/icon-em.png") no-repeat left center;
            margin-left: 28px;
        }
        .ip-ev em:first-child {
            margin-left: 0;
        }
        .ii-cont {
            margin-top: 40px;
        }
        .ii-mian {
            margin-top: -20px;
            margin-right: -20px;
        }
        
        


        .index-case {
            width: 100%;
            background: url("../images/index-case.jpg") no-repeat center top;
            padding: 80px 0;
        }
        .ic-main {
            margin-top: 40px;
        }
        .ic-main .list-item {
            float: left;
            width: 268px;
            margin-left: 20px;
        }
        .ic-main .list-item:first-child {
            margin-left: 0;
        }
        .ic-main .list-img {
            width: 252px;
            height: 356px;
            overflow: hidden;
            position: relative;
        }
        .ic-main .list-img img {
            width: 100%;
            transition: all ease-out 0.36s;
        }
        .ic-main .list-item:hover img {
            transform: scale(1.08);
        }
        .ic-main .list-info {
            text-align: center;
            padding: 20px 20px 0;
        }
        .ic-main .list-tit {
            height: 36px;
            width: 100%;
            font-size: 24px;
            line-height: 36px;
            color: #363839;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: 0.3s;
        }
        .ic-main .list-tit:hover {
            color: #3461C6;
        }
        .ic-main .list-text {
            height: 60px;
            margin-top: 14px;
            font-size: 16px;
            line-height: 30px;
            color: #696A6A;
            overflow: hidden;
            text-overflow:ellipsis;
            display: -webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient: vertical;
        }
        .ic-btn {
            margin-top: 40px;
            text-align: center;
        }
        .ic-btn .btn {
            width: 240px;
        }
        .index-gc {
            width: 100%;
			margin: 50px 0px;
        }
        .ig-left {
            float: left;
            width: 50%;
            box-sizing: border-box;
            height: 100%;
            position: relative;
        }
        .ig-left-img {
            position: relative;
            width: 100%;
            height: 676px;
            overflow: hidden;
            background: url("../images/index-gc.jpg") no-repeat center bottom;
        }
        .ig-right {
            width: 50%;
            float: left;
            /*background: url("../images/index-gc-bg.png") no-repeat -111px center;*/
        }
        .ig-right-main {
            padding: 79px 20% 61px 12%;
        }
        .ig-right-tit {
            width: 551px;
            height: 112px;
            background: url("../images/index-gc-logo.png") no-repeat center top;
        }
        .ig-right-tit p {
            padding-top: 27px;
            color: #363839;
            font-size: 32px;
            line-height: 42px;
            margin-bottom: 15px;
        }
        .ig-right-tit span {
            color: #3461C6;
            font-size: 24px;
            line-height: 32px;
        }
        .ig-right-text {
            font-size: 16px;
            line-height: 28px;
            color: #696A6A;
            margin-top: 40px;

        }
        .ig-right-text p {
            overflow: hidden;
            text-overflow:ellipsis;
            display: -webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient: vertical;
            margin-top: 20px;
            height: 56px;
        }
        .ig-right-text p:first-child {
            margin-top: 0;
        }
        .ig-right-btn {
            margin-top: 60px;
        }
        .ig-right-bot {
            width: 100%;
            padding: 32px 0 30px;
            background-color: #FAFAFA;
        }
        .ig-bot-ev {
            float: left;
            width: 33%;
            background: url("../images/index-gc-sx.png") no-repeat left center;
            text-align: center;
        }
        .ig-bot-ev:first-child {

        }
        .ig-bot-num {
            font-size: 48px;
            line-height: 61px;
            color: #3461C6;
            font-weight: bold;
        }
        .ig-bot-num span {
            line-height: 38px;
            vertical-align: top;
            margin-left: -12px;
        }
        .ig-bot-tit {
            font-size: 16px;
            line-height: 22px;
            color: #8C8D8E;
        }
        
        .index-news {
            width: 100%;
            background-color: #F4F4F4;
            padding: 80px 0;
        }
        .in-tit {
            float: left;
            font-size: 32px;
            line-height: 42px;
            color: #121314;
        }
        .in-info a {
            margin-top: 11px;
            font-size: 16px;
            line-height: 21px;
            color: #696A6A;
            float: right;
            padding-right: 33px;
            background: url("../images/icon-gray.png") no-repeat right center;
        }
        .in-info a:hover {
            color: #3461C6;
            background: url("../images/icon-blue.png") no-repeat right center;
        }
        .in-main {
            margin-top: 40px;
        }
        .in-main-left {
            width: 580px;
            float: left;
        }
        .in-main-left .list-item {
            width: 580px;
            transition: 0.3s;
        }
        .in-main-left .list-item:hover {
            box-shadow:0px 5px 15px rgba(18,19,20,0.1);
        }
        .in-main-left .list-img {
            width: 580px;
            height: 410px;
            overflow: hidden;
				box-shadow: 0px 0px 10px #e6e6e6;/*定义阴影为底部*/
    border-radius: 15px 15px 0 0px;/*定义圆弧为15px*/
        }
        .in-main-left .list-img img {
            width: 100%;
            transition: all ease-out 0.36s;
        }
        .in-main-left .list-item:hover img {
            transform: scale(1.08);
        }
        .in-main-left .list-info {
            width: 520px;
            height: 86px;
            background-color: #fff;
            padding: 0 30px;
			border-radius:  0px 0px 15px 15px;/*定义圆弧为15px*/
        }
        .in-main-left .list-tit {
            float: left;
            width: 400px;
            font-size: 20px;
            color: #535455;
            line-height: 86px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .in-main-left .list-info:hover .list-tit {
            color: #3461C6;
        }
        .in-main-left .list-to {
            float: right;
            width: 22px;
            height: 14px;
            background: url("../images/icon-gray.png") no-repeat center;
            margin-top: 38px;
        }
        .in-main-left .list-info:hover .list-to {
            background: url("../images/icon-blue.png") no-repeat center;
        }
        .in-main-right {
            float: right;
            width: 820px;
            transition: 0.3s;
        }
        .in-main-right .list-item {
            width: 600px;
            margin-top: 20px;
            background-color: #fff;
            padding: 30px 60px 30px 40px;
            transition: 0.3s;
			
	box-shadow: 0px 0px 10px #e6e6e6;/*定义阴影为底部*/
    border-radius: 15px;/*定义圆弧为15px*/
        }
        .in-main-right .list-item:first-child {
            margin-top: 0;
        }
        .in-main-right .list-item:hover {
            box-shadow:0px 5px 15px rgba(18,19,20,0.1);
        }
        .in-main-right .list-picitem {
            padding-left: 160px;
        }
        .in-main-right .time {
            float: left;
            height: 92px;
            margin-left: -160px;
            width: 130px;
            font-size: 48px;
            line-height: 70px;
            color: #3461C6;
            text-align: center;
            background-color: #fff;
            border-right: 1px solid #D1D3D6;
        }
        .in-main-right .time span {
            display: block;
            font-size: 14px;
            line-height: 16px;
            color: #8C8D8E;
            margin-top: -10px;
        }
        .in-main-right .list-picitem .list-info {
            float: left;
            width: 100%;
        }
        .in-main-right .list-picitem .list-tit {
            height: 21px;
            font-size: 16px;
            line-height: 21px;
            color: #535455;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .in-main-right .list-picitem .list-tit:hover {
            color: #3461C6;
        }
        .in-main-right .list-picitem .list-text {
            font-size: 14px;
            line-height: 20px;
            margin-top: 15px;
            color: #8C8D8E;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            height: 20px;
        }
        .news-det {
            margin-top: 22px;
            display: block;
            width: 22px;
            height: 14px;
            background: url("../images/news-det.png") no-repeat center;
        }
        .news-det:hover {
            background: url("../images/icon-blue.png") no-repeat center;
        }