/**
 * style.less
 * 层叠样式表
 */
 .ff
 {
     font-family: 'iconfont' !important;
 }
 body
 {
     font-family: 'Noto Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Heiti SC', 'PingFang SC', 'Hiragino Sans GB', Arial, 'Helvetica Neue', Helvetica, sans-serif;
     font-size: 14px;

     color: #222;

     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 .slick-arrow
 {
     line-height: 50px;

     position: absolute;
     z-index: 9;
     z-index: 8;
     top: 50%;
     left: -5%;

     overflow: hidden;

     width: 50px;
     height: 50px;
     padding: 0;

     cursor: pointer;
     -webkit-transition: all .4s;
             transition: all .4s;
     -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
             transform: translateY(-50%);

     color: #9ca1a5;
     border: none;
     border: 1px solid rgba(156, 161, 165, .5);
     border-radius: 50%;
     outline: none;
     background: none;
 }
 @media (max-width: 1199px)
 {
     .slick-arrow
     {
         line-height: 40px;

         left: -10px;

         width: 40px;
         height: 40px;
     }
 }
 .slick-arrow:before
 {
     font-family: 'iconfont' !important;
     font-size: 20px;

     display: inline-block;

     content: '\e678';
 }
 .slick-arrow.slick-next
 {
     right: -5%;
     left: auto;
 }
 @media (max-width: 1199px)
 {
     .slick-arrow.slick-next
     {
         right: -10px;
         left: auto;
     }
 }
 .slick-arrow.slick-next:before
 {
     -webkit-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
             transform: rotate(180deg);
 }
 .slick-arrow:hover
 {
     color: #fff;
     border: none;
     background-image: -webkit-gradient(linear, left top, right top, from(#003d91), to(#00ace8));
     background-image: -webkit-linear-gradient(left, #003d91, #00ace8);
     background-image:         linear-gradient(to right, #003d91, #00ace8);
 }
 .header
 {
     font-size: 0;

     z-index: 10;
     top: 0;

     width: 100%;
     height: 150px;

     -webkit-transition: all .4s;
             transition: all .4s;
 }
 @media (max-width: 1199px)
 {
     .header
     {
         height: 100px;
     }
 }
 .header .header-top
 {
     font-size: 14px;

     border-bottom: 1px solid #ededed;
 }
 .header .header-top p
 {
     display: inline-block;

     margin: 0;
     margin-right: 16px;

     vertical-align: top;

     color: #6d7073;
 }
 .header .header-top p.tel:before
 {
     font-family: 'iconfont' !important;

     margin-right: 10px;

     content: '\e62c';
 }
 .header .header-top p.email:before
 {
     font-family: 'iconfont' !important;

     margin-right: 10px;

     content: '\e7ed';
 }
 .header .header-top p
 {
     line-height: 50px;
 }
 @media (max-width: 1199px)
 {
     .header .header-top p
     {
         line-height: 30px;
     }
 }
 @media (max-width: 767px)
 {
     .header .header-top p
     {
         display: none;
     }
 }
 .header .header-top p a:hover
 {
     text-decoration: underline;

     color: #003d91;
 }
 .header .google-translation
 {
     display: inline-block;
     float: right;

     width: 110px;
     margin-top: 13px;
     margin-left: 30px;

     -webkit-transition: all .4s;
             transition: all .4s;
     vertical-align: middle;
 }
 @media (max-width: 1199px)
 {
     .header .google-translation
     {
         margin-top: 2px;
         margin-left: 10px;
     }
 }
 @media (max-width: 767px)
 {
     .header .google-translation
     {
         margin-right: -5px;
     }
 }
 .header .pc-search
 {
     font-size: 14px;

     position: relative;

     display: inline-block;
     float: right;

     width: 210px;
     margin-top: 32px;
     margin-left: 30px;

     vertical-align: middle;
 }
 @media (max-width: 1199px)
 {
     .header .pc-search
     {
         display: none;
     }
 }
 .header .pc-search input
 {
     line-height: 34px;

     width: 100%;
     padding: 0 40px 0 20px;

     border: 1px solid #b8b8b8;
     border-radius: 30px;
 }
 .header .pc-search input::-webkit-input-placeholder,
 .header .pc-search textarea::-webkit-input-placeholder
 {
     color: #666;
 }
 .header .pc-search input:-o-placeholder,
 .header .pc-search textarea:-o-placeholder
 {
     color: #666;
 }
 .header .pc-search input::-moz-placeholder,
 .header .pc-search textarea::-moz-placeholder
 {
     color: #666;
 }
 .header .pc-search input:-ms-input-placeholder,
 .header .pc-search textarea:-ms-input-placeholder
 {
     color: #666;
 }
 .header .pc-search input:focus::-webkit-input-placeholder,
 .header .pc-search textarea:focus::-webkit-input-placeholder
 {
     color: #c5c5c5;
 }
 .header .pc-search input:focus::-o-placeholder,
 .header .pc-search textarea:focus::-o-placeholder
 {
     color: #c5c5c5;
 }
 .header .pc-search input:focus::-moz-placeholder,
 .header .pc-search textarea:focus::-moz-placeholder
 {
     color: #c5c5c5;
 }
 .header .pc-search input:focus::-ms-input-placeholder,
 .header .pc-search textarea:focus::-ms-input-placeholder
 {
     color: #c5c5c5;
 }
 .header .pc-search .submit
 {
     font-size: 20px;
     line-height: 34px;

     position: absolute;
     top: 0;
     right: 0;

     width: 40px;
     padding: 0;

     color: #adadad;
     outline: none;
     background: none;
 }
 .header .pc-search .submit:before
 {
     font-family: 'iconfont' !important;

     content: '\e654';
 }
 .header .pc-search .submit:hover
 {
     color: #003d91;
 }
 .header .share
 {
     display: inline-block;

     vertical-align: middle;
 }
 @media (max-width: 767px)
 {
     .header .share
     {
         margin: 0 -6px;
     }
 }
 .header .share ul
 {
     font-size: 0;

     display: inline-block;
 }
 .header .share ul li
 {
     display: inline-block;
 }
 .header .share ul li a
 {
     font-size: 14px;
     line-height: 50px;

     display: block;

     margin: 0 10px;

     -webkit-transition: all .5s;
             transition: all .5s;
     text-align: center;

     color: #6d7073;
 }
 @media (max-width: 1199px)
 {
     .header .share ul li a
     {
         line-height: 30px;
     }
 }
 @media (max-width: 767px)
 {
     .header .share ul li a
     {
         margin: 0 6px;
     }
 }
 .header .share ul li a:before
 {
     font-family: 'iconfont';
     font-weight: normal;

     display: inline-block;

     content: '\e615';
     text-align: center;
     vertical-align: top;
 }
 .header .share ul li.twitter a:before
 {
     content: '\e60b';
 }
 .header .share ul li.linkedin a:before
 {
     content: '\ed9a';
 }
 .header .share ul li.instagram a:before
 {
     content: '\e6b6';
 }
 .header .share ul li.youtube a:before
 {
     content: '\e618';
 }
 .header .share ul li.google a:before
 {
     content: '\e645';
 }
 .header .share ul li.amazon a:before
 {
     content: '\e6c1';
 }
 .header .share ul li:hover a
 {
     border: 1px solid #fff;
 }
 .header .logo
 {
     position: relative;
     z-index: 2;

     display: inline-block;

     height: 60px;
     margin-top: 20px;

     -webkit-transition: all .4s;
             transition: all .4s;
     vertical-align: middle;
 }
 @media (max-width: 1199px)
 {
     .header .logo
     {
         height: 50px;
         margin-top: 10px;
     }
 }
 @media (max-width: 767px)
 {
     .header .logo
     {
         height: 40px;
         margin-top: 15px;
     }
 }
 .header .logo a
 {
     display: inline-block;

     height: 100%;

     vertical-align: middle;
 }
 @media (max-width: 767px)
 {
     .header .logo .logo-lg
     {
         display: none;
     }
 }
 .header .logo .logo-xs
 {
     display: none;
 }
 @media (max-width: 767px)
 {
     .header .logo .logo-xs
     {
         display: inline-block;
     }
 }
 .header .logo img
 {
     position: relative;
     z-index: 2;

     display: inline-block;

     height: 100%;
 }
 .header .nav-collapse
 {
     position: relative;

     display: none;
     float: right;

     width: 20px;
     height: 40px;
     margin-left: 10px;
     padding: 0;

     cursor: pointer;

     background: none;
 }
 @media (max-width: 1199px)
 {
     .header .nav-collapse
     {
         display: block;

         margin-top: 14px;
     }
     .header .nav-collapse.nav-collapse-1
     {
         position: absolute;
         z-index: 9999;
         top: 10px;
         right: 20px;

         display: block;

         margin-top: 8px;

         border: none;
     }
     .header .nav-collapse.nav-collapse-1 .btn-line
     {
         background-color: #999 !important;
     }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px)
 {
     .header .nav-collapse.nav-collapse-xs:hover .btn-line
     {
         background-color: #000;
     }
 }
 .header .nav-collapse .btn-line
 {
     position: absolute;
     left: 50%;

     width: 20px;
     height: 2px;

     -webkit-transition: all .5s ease;
             transition: all .5s ease;
     -webkit-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
             transform: translateX(-50%);

     background-color: #999;
 }
 .header .nav-collapse .btn-line:nth-child(3),
 .header .nav-collapse .btn-line:nth-child(1)
 {
     position: absolute;

     display: block;

     width: 20px;
     height: 2px;

     content: '';
     -webkit-transition: all .5s ease;
             transition: all .5s ease;

     background-color: #999;
 }
 .header .nav-collapse .btn-line:nth-child(1)
 {
     top: 35%;
 }
 .header .nav-collapse .btn-line:nth-child(2)
 {
     top: 50%;
 }
 .header .nav-collapse .btn-line:nth-child(3)
 {
     top: 65%;
 }
 .header .nav-collapse.active
 {
     border-color: transparent;
 }
 .header .nav-collapse.active .btn-line
 {
     background-color: #999;
 }
 .header .nav-collapse.active .btn-line:nth-child(2)
 {
     -webkit-transform: translateX(-50px);
         -ms-transform: translateX(-50px);
             transform: translateX(-50px);

     opacity: 0;
 }
 .header .nav-collapse.active .btn-line:nth-child(1)
 {
     top: 50%;
     left: 50%;

     -webkit-transform: translateX(-50%) rotateZ(45deg);
         -ms-transform: translateX(-50%) rotate(45deg);
             transform: translateX(-50%) rotateZ(45deg);
 }
 .header .nav-collapse.active .btn-line:nth-child(3)
 {
     top: 50%;
     left: 50%;

     -webkit-transform: translateX(-50%) rotateZ(-45deg);
         -ms-transform: translateX(-50%) rotate(-45deg);
             transform: translateX(-50%) rotateZ(-45deg);
 }
 @media (min-width: 1200px)
 {
     .header .nav
     {
         position: relative;
         z-index: 2;

         float: right;

         -webkit-transition: all .4s;
                 transition: all .4s;
     }
 }
 @media (max-width: 1199px)
 {
     .header .nav
     {
         position: fixed;
         z-index: 9998;
         top: 0;
         left: 0;

         display: none;

         width: 100%;
         height: 100%;
         padding: 0 26px;

         -webkit-transition: left .3s;
                 transition: left .3s;
         text-align: left;
         text-align: center;

         background: #fafafa;
         background-color: #fff;
     }
     .header .nav .tbl
     {
         display: table;

         width: 100%;
         height: 100%;
     }
     .header .nav .tbl-cell
     {
         display: table-cell;

         height: 100%;

         vertical-align: middle;
     }
 }
 @media (max-width: 767px)
 {
     .header .nav
     {
         width: 100%;
         padding: 30px;
     }
 }
 .header .nav.left-100
 {
     left: -100%;
 }
 .header .nav.left-200
 {
     left: -200%;
 }
 @media (min-width: 1200px)
 {
     .header .nav .nav-list1 > li
     {
         position: relative;

         float: left;

         padding: 0 10px;
     }
     .header .nav .nav-list1 > li > a
     {
         font-size: 18px;
         font-weight: 500;
         line-height: 100px;

         position: relative;

         display: inline-block;

         padding: 0 24px;

         -webkit-transition: all .4s;
                 transition: all .4s;
         vertical-align: middle;
     }
     .header .nav .nav-list1 > li > a:after
     {
         position: absolute;
         bottom: 0;
         left: 50%;

         display: block;

         width: 0;
         height: 3px;

         content: '';
         -webkit-transition: all .6s;
                 transition: all .6s;
         -webkit-transform: translateX(-50%);
             -ms-transform: translateX(-50%);
                 transform: translateX(-50%);

         background-color: #00a2e0;
     }
     .header .nav .nav-list1 > li:hover > a:after,
     .header .nav .nav-list1 > li.active > a:after
     {
         width: 70%;
     }
     .header .nav .nav-list1 .nav-list2
     {
         position: absolute;
         z-index: 50;
         top: 100%;

         display: none;

         min-width: 100%;
         padding: 20px 0;

         background-color: #fff;
         box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
     }
     .header .nav .nav-list1 .nav-list2 li
     {
         position: relative;

         list-style: none;
     }
     .header .nav .nav-list1 .nav-list2 li > a
     {
         font-size: 15px;
         line-height: 30px;

         position: relative;
         z-index: 1;

         display: block;

         padding: 0 30px;

         -webkit-transition: -webkit-transform .6s ease;
                 transition: -webkit-transform .6s ease;
                 transition:         transform .6s ease;
                 transition:         transform .6s ease, -webkit-transform .6s ease;
         white-space: nowrap;
     }
     .header .nav .nav-list1 .nav-list2 li > a:hover
     {
         -webkit-transform: translateX(6px);
             -ms-transform: translateX(6px);
                 transform: translateX(6px);
         text-decoration: underline;

         color: #003d91;
     }
     .header .nav .nav-list1 .nav-list2 li img
     {
         max-width: 400px;
     }
     .header .nav .nav-list1 .nav-list3
     {
         position: absolute;
         top: -20px;
         left: 100%;

         display: none;

         min-width: 120px;
         padding: 20px 0;

         text-align: left;

         background-color: #fff;
         box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
     }
     .header .nav .nav-list1 .nav-list3 li
     {
         border-bottom: 1px dashed rgba(255, 255, 255, .2);
     }
     .header .nav .nav-list1 .nav-list3 li > a
     {
         font-size: 14px;
         line-height: 30px;

         padding: 0 20px;
     }
 }
 @media (min-width: 1200px) and (max-width: 1350px)
 {
     .header .nav .nav-list1 > li
     {
         padding: 0 5px;
     }
 }
 @media (min-width: 1200px) and (max-width: 1470px)
 {
     .header .nav .nav-list1 > li > a
     {
         padding: 0 20px;
     }
 }
 @media (min-width: 1200px) and (max-width: 1350px)
 {
     .header .nav .nav-list1 > li > a
     {
         font-size: 16px;

         padding: 0 14px;
     }
 }
 @media (max-width: 1199px)
 {
     .header .nav .nav-list1
     {
         margin: 20px 0;

         opacity: 0;
     }
     .header .nav .nav-list1 > li
     {
         -webkit-transform: translateX(-25px);
             -ms-transform: translateX(-25px);
                 transform: translateX(-25px);

         opacity: 0;
     }
     .header .nav .nav-list1 > a
     {
         font-size: 20px;

         color: #fff;
     }
 }
 @media (max-width: 1199px)
 {
     .header .nav .nav-list2,
     .header .nav .nav-list3
     {
         display: none;
     }
     .header .nav .nav-list2 a,
     .header .nav .nav-list3 a
     {
         font-size: 15px;
         line-height: 2;

         margin-top: 5px;

         color: #fff;
     }
 }
 .header .nav .nav-list2 a,
 .header .nav .nav-list3 a
 {
     display: block;
 }
 @media (max-height: 580px)
 {
     .header .nav .nav-list2 a,
     .header .nav .nav-list3 a
     {
         margin-top: 0;
     }
 }
 .header .nav-2,
 .header .nav-3
 {
     display: none;
 }
 @media (max-width: 1199px)
 {
     .header .nav-2,
     .header .nav-3
     {
         position: absolute;
         z-index: 9999;
         top: 0;

         display: block;
         overflow: hidden;

         width: 100%;
         height: 100%;
         padding: 20px;

         -webkit-transition: left .3s;
                 transition: left .3s;
         text-align: left;
         text-align: center;

         background: #fafafa;
         background-color: #fff;
     }
     .header .nav-2 .img-box,
     .header .nav-3 .img-box
     {
         display: none;
     }
     .header .nav-2 .item,
     .header .nav-3 .item
     {
         display: block;
     }
     .header .nav-2 .item p,
     .header .nav-3 .item p
     {
         font-size: 14px;

         position: relative;
         top: 0;

         display: block;

         margin: 0;
         padding: 0;

         -webkit-transform: translateY(0%);
             -ms-transform: translateY(0%);
                 transform: translateY(0%);

         color: #fff;
     }
 }
 .header .nav-2 .nav-top .back-btn:before,
 .header .nav-3 .nav-top .back-btn:before
 {
     font-family: 'iconfont';
     font-size: 26px;
     line-height: 50px;

     content: '\e9b5';

     color: #999;
 }
 .header .nav-2 .nav-top .nav-title,
 .header .nav-3 .nav-top .nav-title
 {
     font-size: 18px;
     line-height: 40px;

     margin: 0;

     text-transform: uppercase;
 }
 @media (max-width: 767px)
 {
     .header .nav-2 .nav-top .nav-title,
     .header .nav-3 .nav-top .nav-title
     {
         font-size: 18px;

         width: 100%;
     }
 }
 .header .nav-2 .nav-top .nav-collapse-2,
 .header .nav-3 .nav-top .nav-collapse-2
 {
     margin: 0;
 }
 .header .nav-2 .nav-top .nav-collapse-2 .btn-line,
 .header .nav-3 .nav-top .nav-collapse-2 .btn-line
 {
     background-color: #999;
 }
 .header .nav-2 .content,
 .header .nav-3 .content
 {
     overflow: auto;

     height: 80%;
     margin-top: 12%;
 }
 .header .nav-2 .content ul,
 .header .nav-3 .content ul
 {
     margin: 0;
     padding: 0;
 }
 @media (max-width: 767px)
 {
     .header .nav-2 .content ul,
     .header .nav-3 .content ul
     {
         padding: 0 15px;
     }
 }
 .header .nav-2 .content ul li,
 .header .nav-3 .content ul li
 {
     line-height: 44px;

     clear: both;

     margin: 25px 0;

     text-align: left;
 }
 @media (max-width: 767px)
 {
     .header .nav-2 .content ul li,
     .header .nav-3 .content ul li
     {
         margin: 0;
     }
 }
 .header .nav-2 .content ul li.more,
 .header .nav-3 .content ul li.more
 {
     position: relative;
 }
 .header .nav-2 .content ul li.more:after,
 .header .nav-3 .content ul li.more:after
 {
     font-family: 'iconfont' !important;
     font-size: 16px;

     position: absolute;
     top: 50%;
     right: 0;

     content: '\e72f';
     -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
             transform: translateY(-50%);
 }
 .header .nav-2 .content ul li a,
 .header .nav-3 .content ul li a
 {
     font-size: 20px;

     display: block;
 }
 @media (max-width: 767px)
 {
     .header .nav-2 .content ul li a,
     .header .nav-3 .content ul li a
     {
         font-size: 16px;
     }
 }
 .header .nav-2
 {
     left: 100%;
 }
 .header .nav-3
 {
     left: 200%;
 }
 .header .nav-3 .content ul li
 {
     font-size: 15px;
 }
 .header .fade-out ul
 {
     text-align: left;
 }
 @media only screen and (min-width: 768px) and (max-width: 1199px)
 {
     .header .fade-out ul
     {
         padding: 0 5%;
     }
 }
 @media (max-width: 1199px)
 {
     .header .fade-out ul .pic
     {
         display: none !important;
     }
 }
 @media (max-width: 1199px)
 {
     .header .fade-out ul.nav-list1
     {
         opacity: 1;
     }
     .header .fade-out ul.nav-list1 > li
     {
         position: relative;

         margin: 20px 0;
     }
     .header .fade-out ul.nav-list1 > li.act
     {
         -webkit-transition: all .4s;
                 transition: all .4s;
         -webkit-transform: translateX(0);
             -ms-transform: translateX(0);
                 transform: translateX(0);

         opacity: 1;
     }
     .header .fade-out ul.nav-list1 > li.more:after
     {
         font-family: 'iconfont';
         font-size: 18px;

         position: absolute;
         top: 50%;
         right: 0;

         margin-top: -14px;

         content: '\e72f';
     }
     .header .fade-out ul.nav-list1 > li > a
     {
         font-size: 18px;
         line-height: 2.5;

         display: block;

         text-transform: uppercase;
     }
     .header .fade-out ul.nav-list1 .nav-list2 > li > a
     {
         font-size: 20px;
     }
 }
 @media (max-width: 1199px) and (max-width: 767px)
 {
     .header .fade-out ul.nav-list1 > li
     {
         margin: 0;
     }
 }
 @media (max-width: 1199px) and (max-height: 768px)
 {
     .header .fade-out ul.nav-list1 .nav-list2 > li > a
     {
         font-size: 18px;
     }
 }
 @media (max-width: 1199px) and (max-width: 480px)
 {
     .header .fade-out ul.nav-list1 .nav-list2 > li > a
     {
         font-size: 14px;
     }
 }
 .header .fade-out ul.nav2-list2 h4
 {
     font-size: 20px;
     line-height: 50px;
 }
 .header .search-box
 {
     position: fixed;
     z-index: 888;
     top: 100%;
     left: 0;

     display: none;
     overflow: hidden;

     width: 100%;
     height: 100%;
     margin-top: 20px;
     margin-top: 0;
     margin-right: 10px;
     padding: 0 3%;

     background-color: rgba(255, 255, 255, .96);
 }
 .header .search-box .search
 {
     line-height: 40px;

     overflow: hidden;
     zoom: 1;

     width: 240px;

     border: 1px solid #dbdbdb;
     border-radius: 40px;
 }
 .header .search-box .search:after
 {
     display: block;
     visibility: hidden;
     clear: both;

     height: 0;

     content: '';
 }
 .header .search-box .input-text
 {
     float: left;

     height: 38px;
     padding-left: 10%;

     background: none;
 }
 @media (min-width: 768px)
 {
     .header .search-box .input-text
     {
         width: 100%;
         padding: 0 3%;
     }
 }
 .header .search-box .input-submit
 {
     line-height: 60px;

     position: absolute;
     right: 0;
     bottom: 0;

     float: right;

     width: 50px;
     padding: 0;

     -webkit-animation: fadeInLeft 1s 0s ease both;
             animation: fadeInLeft 1s 0s ease both;

     background: none;
 }
 .header .search-box .input-submit:before
 {
     font-family: 'iconfont' !important;
     font-size: 22px;

     content: '\e660';

     color: #333;
 }
 .header .search-box.search-xs
 {
     width: 100%;
     margin: 0;

     border-right: 30px solid transparent;
     border-left: 30px solid transparent;
     background: none;
 }
 @media (min-width: 1200px)
 {
     .header .search-box.search-xs
     {
         display: none;
     }
 }
 @media (max-width: 1199px)
 {
     .header .search-box.search-xs
     {
         position: absolute;
         z-index: 0;
         top: auto;
         right: 0;
         bottom: 0;
         bottom: 30px;

         display: inline-block;

         height: 34px;
     }
 }
 .header .search-box.search-xs.show
 {
     z-index: 66;
 }
 .header .search-box.search-xs.show .search
 {
     left: 0;
 }
 .header .search-box.search-xs .search
 {
     position: absolute;
     z-index: 888;
     top: 0;
     left: 120%;

     width: 100%;

     -webkit-transition: left .3s;
             transition: left .3s;

     border-color: #333;
     background: #fff;
 }
 @media (max-width: 360px)
 {
     .header .search-box.search-xs form .input-text
     {
         width: 74%;
     }
 }
 @media (max-width: 767px)
 {
     .header .search-box.search-xs form .input-text
     {
         padding-left: 5%;
     }
 }
 .header .search-box.search-xs .input-submit
 {
     line-height: 34px;

     background: #fff;
 }
 .header .search-box.search-xs .input-submit:before
 {
     color: #104384;
 }
 .header .search-icon
 {
     position: absolute;
     z-index: 10;
     top: 18px;
     left: 15px;

     display: inline-block;

     cursor: pointer;
 }
 .header .search-icon:before
 {
     font-family: 'iconfont' !important;
     font-size: 18px;

     content: '\e660';

     color: #003d91;
 }
 .header .search-lg
 {
     font-size: 14px;

     top: 0;
 }
 .header .search-lg .logo
 {
     margin-top: 20px;
     margin-left: 0;
 }
 .header .search-lg .search
 {
     position: absolute;
     top: 50%;
     right: 0;
     left: 0;

     width: 100%;
     max-width: 90%;
     margin: auto;
     padding: 0 10px;

     -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
             transform: translateY(-50%);

     border: none;
     border-bottom: 1px solid rgba(51, 51, 51, .8);
     border-radius: 0;
 }
 .header .search-lg .search p
 {
     margin-bottom: 50px;

     -webkit-animation: zoomIn 1s 0s ease both;
             animation: zoomIn 1s 0s ease both;
     text-align: center;
     letter-spacing: 2px;

     color: #666;
 }
 .header .search-lg .input-text
 {
     font-size: 16px;
     line-height: 30px;

     width: 100%;
     height: 60px;
     padding: 0 30px;

     -webkit-animation: zoomIn 1s 0s ease both;
             animation: zoomIn 1s 0s ease both;
     text-align: center;

     color: #333;
     border: none;
     outline: none;
 }
 .header .search-lg .close-btn
 {
     position: fixed;
     top: 34px;
     right: 18%;

     cursor: pointer;
 }
 @media (max-width: 1440px)
 {
     .header .search-lg .close-btn
     {
         right: 8%;
     }
 }
 .header .search-lg .close-btn:before
 {
     font-family: 'iconfont' !important;
     font-size: 20px;

     content: '\e61b';

     color: #333;
 }
 .header .find
 {
     line-height: 26px;

     display: none;
     float: right;

     width: 28px;
     height: 28px;
     margin-top: 30px;
     margin-left: 16px;

     cursor: pointer;
     -webkit-transition: all .4s;
             transition: all .4s;
     text-align: center;

     border: 1px solid #ccc;
     border-radius: 50%;
 }
 @media (max-width: 1199px)
 {
     .header .find
     {
         display: inline-block;

         margin-top: 20px;
     }
 }
 .header .find:before
 {
     font-family: 'iconfont';
     font-size: 14px;

     content: '\e660';
 }
 .header .find:hover
 {
     color: #003d91;
 }
 .header .language
 {
     display: inline-block;
     float: right;
 }
 .header .language a
 {
     font-size: 14px;
     line-height: 50px;

     display: inline-block;

     -webkit-transition: all .4s;
             transition: all .4s;
 }
 @media (max-width: 1199px)
 {
     .header .language a
     {
         line-height: 30px;
     }
 }
 .header .language a:before
 {
     display: inline-block;

     width: 20px;
     height: 20px;
     margin-right: 6px;

     content: '';
     vertical-align: middle;

     background: url(../images/language.png) no-repeat;
     background-size: cover;
 }
 .header .language a.cn:before
 {
     background-position: -20px 0;
 }
 .header .language a:hover
 {
     color: #003d91;
 }
 .header .back-btn
 {
     position: absolute;
     left: 15px;
 }
 .online-wrap .btn
 {
     line-height: 36px;

     position: fixed;
     z-index: 9;
     right: 0;
     bottom: 55px;

     width: 40px;
     height: 40px;
     padding: 0;

     -webkit-transform-origin: center center;
         -ms-transform-origin: center center;
             transform-origin: center center;
     text-align: center;

     border-radius: 0;
     background-color: rgba(0, 0, 0, .7);
 }
 @media (min-width: 992px)
 {
     .online-wrap .btn
     {
         display: none;
     }
 }
 .online-wrap .btn:before
 {
     font-family: 'iconfont' !important;
     font-size: 18px;

     display: inline-block;

     content: '\e6d2';
     -webkit-transition: -webkit-transform .3s;
             transition: -webkit-transform .3s;
             transition:         transform .3s;
             transition:         transform .3s, -webkit-transform .3s;

     color: #fff;
 }
 .online-wrap .btn.active:before
 {
     -webkit-transform: rotateZ(225deg);
         -ms-transform: rotate(225deg);
             transform: rotateZ(225deg);
 }
 .online-wrap .code-pic
 {
     position: fixed;
     z-index: 101;
     right: 45px;
     bottom: 180px;

     display: none;

     max-width: 120px;
 }
 .online-wrap .code-pic .pic-box
 {
     padding: 5px;

     background-color: #fff;
 }
 .online-wrap .code-pic img
 {
     display: block;

     max-width: 100%;
 }
 .online-wrap .online
 {
     position: fixed;
     z-index: 8;
     top: 50%;
     right: 0;

     -webkit-transition: right .3s;
             transition: right .3s;
     -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
             transform: translateY(-50%);
     text-align: center;
 }
 @media (max-width: 991px)
 {
     .online-wrap .online
     {
         top: auto;
         right: -60px;
         bottom: 100px;

         -webkit-transform: translateY(0%);
             -ms-transform: translateY(0%);
                 transform: translateY(0%);
     }
     .online-wrap .online.active
     {
         right: 0;
     }
 }
 .online-wrap .online a
 {
     line-height: 48px;

     position: relative;

     display: block;

     width: 48px;
     height: 48px;
     margin: 2px auto;
     padding: 0;

     -webkit-transition: all .4s;
             transition: all .4s;
     text-align: center;

     border-radius: 4px;
     background-color: rgba(0, 18, 43, .5);
     box-shadow: 0 0 10px rgba(0, 0, 0, .1);
 }
 .online-wrap .online a:before
 {
     font-size: 20px;

     color: #fff;
 }
 @media (min-width: 992px)
 {
     .online-wrap .online a:hover
     {
         text-decoration: none;

         background-color: #003d91;
     }
     .online-wrap .online a:hover:before
     {
         color: #fff;
     }
 }
 @media (max-width: 767px)
 {
     .online-wrap .online a
     {
         line-height: 40px;

         width: 40px;
         height: 40px;
     }
     .online-wrap .online a:before
     {
         font-size: 20px;
     }
 }
 @media (min-width: 992px)
 {
     .online-wrap .online .icon-phone:hover .phone-num,
     .online-wrap .online .icon-qq:hover .phone-num
     {
         right: 100%;
     }
 }
 .online-wrap .online .icon-phone .phone-num,
 .online-wrap .online .icon-qq .phone-num
 {
     position: absolute;
     z-index: -1;
     top: 0;
     right: -300px;

     padding-right: 0;

     -webkit-transition: right .3s;
             transition: right .3s;
     white-space: nowrap;
 }
 .online-wrap .online .icon-phone .phone-num p,
 .online-wrap .online .icon-qq .phone-num p
 {
     margin: 0;
     padding: 0 10px;

     color: #fff;
     background-color: #003d91;
     box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12);
 }
 .online-wrap .online .code:before
 {
     font-size: 24px;
 }
 @media (max-width: 767px)
 {
     .online-wrap .online .code:before
     {
         font-size: 22px;
     }
 }
 .online-wrap .online .code .mask
 {
     position: absolute;
     z-index: 10;
     top: 0;
     right: 100%;

     display: none;

     width: 130px;
     height: 130px;
     padding-right: 5px;
 }
 .online-wrap .online .code .mask .mask-box
 {
     border: 1px solid #e5e5e5;
     background-color: #fff;
 }
 .online-wrap .online .code .mask img
 {
     display: block;

     width: 100%;
 }
 .online-wrap .online .code .mask p
 {
     font-size: 13px;
     line-height: 16px;

     margin: 5px 0 8px 0;

     color: #888;
 }
 .online-wrap .online .sale
 {
     width: 158px;
     margin-bottom: 30px;
 }
 @media (max-width: 991px)
 {
     .online-wrap .online .sale
     {
         width: 50px;
     }
 }
 .online-wrap .online .sale a
 {
     width: 158px;
     height: 162px;

     background: none;
 }
 @media (max-width: 991px)
 {
     .online-wrap .online .sale a
     {
         width: 50px;
         height: 50px;
     }
 }
 .online-wrap .online .sale img
 {
     max-width: 100%;
 }
 .online-wrap .icon-qq:before
 {
     font-family: 'iconfont' !important;

     content: '\e62d';
 }
 .online-wrap .icon-weixin:before
 {
     font-family: 'iconfont' !important;

     content: '\e604';
 }
 .online-wrap .icon-message:before
 {
     font-family: 'iconfont' !important;
     font-size: 24px !important;

     content: '\e65f';
 }
 .online-wrap .icon-skype:before
 {
     font-family: 'iconfont' !important;

     content: '\e616';
 }
 .online-wrap .icon-whatsapp:before
 {
     font-family: 'iconfont' !important;

     content: '\e621';
 }
 .online-wrap .icon-phone:before
 {
     font-family: 'iconfont' !important;

     content: '\e61c';
 }
 .online-wrap .icon-mail:before
 {
     font-family: 'iconfont' !important;

     content: '\e72e';
 }
 .online-wrap .icon-arrow-top:before
 {
     font-family: 'iconfont' !important;

     content: '\e622';
 }
 .xs-online
 {
     position: fixed;
     z-index: 9;
     right: 0;
     bottom: 0;

     display: none;

     width: 100%;
     padding-bottom: 0;
     padding-bottom: -webkit-calc(constant(safe-area-inset-bottom) - 15px);
     padding-bottom:         calc(constant(safe-area-inset-bottom) - 15px);
     padding-bottom: -webkit-calc(env(safe-area-inset-bottom) - 15px);
     padding-bottom:         calc(env(safe-area-inset-bottom) - 15px);

     background-color: rgba(51, 51, 51, .9);
     box-shadow: 0 -2px 14px 1px rgba(0, 0, 0, .2);
 }
 @media (max-width: 991px)
 {
     .xs-online
     {
         display: block !important;
     }
 }
 @media (max-width: 991px)
 {
     .xs-online
     {
         display: block;
     }
 }
 .xs-online ul
 {
     margin: 0;
     padding: 0;

     text-align: center;

     color: #fff;
 }
 .xs-online ul li
 {
     float: left;

     width: 20%;

     list-style: none;

     border-left: 1px solid rgba(255, 255, 255, .6);
 }
 .xs-online ul li > a
 {
     font-size: 10px;

     display: block;

     padding: 8px 0;

     text-transform: uppercase;

     color: #fff;
 }
 @media (max-width: 320px)
 {
     .xs-online ul li > a
     {
         font-size: 8px;
     }
 }
 .xs-online ul li > a:before
 {
     font-family: 'iconfont' !important;
     font-size: 16px;
     font-style: normal;

     display: block;

     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 .xs-online ul li:first-child
 {
     border-left: none;
 }
 .xs-online ul li.tel > a:before
 {
     content: '\e61c';
 }
 .xs-online ul li.mail > a:before
 {
     font-weight: normal;

     content: '\e72e';
 }
 .xs-online ul li.message > a:before
 {
     font-weight: normal;

     content: '\e826';
 }
 .xs-online ul li.home > a:before
 {
     font-weight: normal;

     content: '\e6c8';
 }
 .xs-online ul li.map > a:before
 {
     font-weight: normal;

     content: '\e63e';
 }
 .xs-online ul li.product > a:before
 {
     font-weight: normal;

     content: '\e7e9';
 }
 .xs-online ul li.top > a:before
 {
     font-weight: normal;

     content: '\e622';
 }
 .xs-online ul li.whatsapp > a:before
 {
     font-weight: normal;

     content: '\e64e';
 }
 .xs-online ul li.wechat > a:before
 {
     font-weight: normal;

     content: '\e604';
 }
 .xs-online ul li.wechat
 {
     position: relative;
 }
 .xs-online ul li.wechat img
 {
     position: absolute;
     top: -90px;
     left: 50%;

     display: none;

     width: 90px;

     -webkit-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
             transform: translateX(-50%);
 }
 .xs-online ul li.wechat:hover img
 {
     display: block;
 }
 .banner
 {
     font-size: 0;

     position: relative;

     overflow: hidden;

     width: 100%;
 }
 @media (max-width: 1199px)
 {
     .banner .slickbanner
     {
         width: 120%;
         max-width: 120%;
         margin-left: -10%;
     }
 }
 @media (max-width: 991px)
 {
     .banner .slickbanner
     {
         width: 130%;
         max-width: 130%;
         margin-left: -15%;
     }
 }
 .banner .slick-arrow
 {
     left: 3%;

     color: #fff;
     border-color: #fff;
 }
 .banner .slick-arrow.slick-next
 {
     right: 3%;
     left: auto;
 }
 @media (max-width: 1199px)
 {
     .banner .slick-arrow
     {
         left: 12%;
     }
     .banner .slick-arrow.slick-next
     {
         right: 12%;
         left: auto;
     }
 }
 .banner .slick-dots
 {
     position: absolute;
     bottom: 30px;

     width: 100%;
     margin: 0;
     padding: 0 10%;

     text-align: center;
 }
 @media (max-width: 1199px)
 {
     .banner .slick-dots
     {
         bottom: 10px;
     }
 }
 .banner .slick-dots li
 {
     display: inline-block;

     width: 6px;
     height: 6px;
     margin: 0;
     margin: 0 10px;

     cursor: pointer;
     -webkit-transition: all .4s;
             transition: all .4s;

     color: #e0e1e7;
     border-radius: 50%;
     background: none;
     background-color: #f0f1f2;
 }
 .banner .slick-dots li.slick-active
 {
     background-color: #003d91;
 }
 .banner .slick-dots li button
 {
     display: none;
 }
 .banner .item
 {
     position: relative;

     display: block;
     overflow: hidden;
 }
 .banner .item img
 {
     display: block;

     width: 100%;
 }
 .banner .item a
 {
     display: block;

     width: 100%;
 }
 .banner .item .video-box
 {
     position: relative;

     display: block;

     padding-bottom: 38.22916667%;
 }
 .banner .item .video-box .fluid_video_wrapper
 {
     position: absolute;
     z-index: 10;
 }
 .banner .item .video-box .fluid_initial_play
 {
     background-color: #003d91 !important;
 }
 @media (max-width: 991px)
 {
     .banner-in .slickbanner
     {
         width: 140%;
         max-width: 140%;
         margin-left: -20%;
     }
 }
 .banner-in .text-in
 {
     position: absolute;
     top: 50%;
     left: 0;

     width: 100%;
 }
 @media (max-width: 991px)
 {
     .banner-in .text-in
     {
         -webkit-transform: translateY(-50%);
             -ms-transform: translateY(-50%);
                 transform: translateY(-50%);
     }
 }
 .banner-in .text-in b
 {
     font-size: 48px;
     font-weight: normal;
     line-height: 1;
 }
 @media (max-width: 991px)
 {
     .banner-in .text-in b
     {
         font-size: 30px;
     }
 }
 @media (max-width: 767px)
 {
     .banner-in .text-in b
     {
         font-size: 24px;
     }
 }
 .banner-in .text-in-white b
 {
     color: #fff;
 }
 .banner-in .banner-nav
 {
     position: absolute;
     right: 0;
     bottom: 0;

     width: 100%;

     text-align: right;
 }
 .banner-in .banner-nav ul
 {
     display: inline-block;
 }
 .banner-in .banner-nav ul li
 {
     display: inline-block;
 }
 .banner-in .banner-nav ul li a
 {
     font-size: 16px;
     line-height: 70px;

     display: block;

     padding: 0 70px;

     color: #fff;
     background-color: rgba(0, 0, 0, .7);
 }
 @media (max-width: 991px)
 {
     .banner-in .banner-nav ul li a
     {
         line-height: 40px;

         padding: 0 40px;
     }
 }
 @media (max-width: 767px)
 {
     .banner-in .banner-nav ul li a
     {
         padding: 0 20px;
     }
 }
 .banner-in .banner-nav ul li.active a
 {
     background-image: -webkit-gradient(linear, left top, right top, from(#e83928), to(#4f96d0));
     background-image: -webkit-linear-gradient(left, #e83928, #4f96d0);
     background-image:         linear-gradient(to right, #e83928, #4f96d0);
 }
 .banner .slick-current img
 {
     -webkit-animation: narrow 4s 0s ease both;
             animation: narrow 4s 0s ease both;
 }
 .banner .banner-arrow
 {
     position: absolute;
     z-index: 8;
     bottom: 40px;

     width: 100%;

     text-align: center;
 }
 @media (max-width: 1199px)
 {
     .banner .banner-arrow
     {
         bottom: 0;
     }
 }
 .banner .banner-arrow a
 {
     display: inline-block;
 }
 .banner .banner-arrow a:after
 {
     font-family: 'iconfont' !important;
     font-size: 30px;

     content: '\e770';

     color: #fff;
 }
 @-webkit-keyframes narrow
 {
     0%
     {
         -webkit-transform: scale(1.1);
             -ms-transform: scale(1.1);
                 transform: scale(1.1);

         opacity: 1;
     }
     50%
     {
         -webkit-transform: scale(1);
                 transform: scale(1);

         opacity: 1;
     }
 }
 @keyframes narrow
 {
     0%
     {
         -webkit-transform: scale(1.1);
             -ms-transform: scale(1.1);
                 transform: scale(1.1);

         opacity: 1;
     }
     50%
     {
         -webkit-transform: scale(1);
                 transform: scale(1);

         opacity: 1;
     }
 }
 .zoomIn1
 {
     -webkit-animation-name: narrow;
             animation-name: narrow;
 }
 .box
 {
     overflow: hidden;

     padding: 70px 0;
 }
 @media (max-width: 991px)
 {
     .box
     {
         padding: 50px 0;
     }
 }
 .title
 {
     text-align: center;
 }
 .title h2
 {
     font-size: 42px;
     font-weight: bold;
     line-height: 1;

     margin: 0;
 }
 @media (max-width: 1470px)
 {
     .title h2
     {
         font-size: 36px;
     }
 }
 @media (max-width: 1199px)
 {
     .title h2
     {
         font-size: 30px;
     }
 }
 @media (max-width: 767px)
 {
     .title h2
     {
         font-size: 24px;
     }
 }
 .title p
 {
     font-size: 16px;
     line-height: 1.66666667;

     margin: 14px 0 0 0;

     color: #6d7073;
 }

 @media (max-width: 767px)
 {
     .title p
     {
         font-size: 14px;
     }
 }
 .indexcontent
 {
     position: relative;
     z-index: 2;
 }
 .indexcontent .more
 {
     margin-top: 40px;

     text-align: center;
 }
 @media (max-width: 991px)
 {
     .indexcontent .more
     {
         margin-top: 20px;
     }
 }
 .indexcontent .more a
 {
     font-size: 16px;
     line-height: 60px;

     display: inline-block;

     padding: 0 58px;

     -webkit-transition: all .2s;
             transition: all .2s;

     color: #fff;
     border-radius: 4px;
     background-image: -webkit-gradient(linear, left top, right top, from(#003d91), to(#00ace8));
     background-image: -webkit-linear-gradient(left, #003d91, #00ace8);
     background-image:         linear-gradient(to right, #003d91, #00ace8);
 }
 @media (max-width: 1199px)
 {
     .indexcontent .more a
     {
         line-height: 50px;

         padding: 0 40px;
     }
 }
 @media (max-width: 767px)
 {
     .indexcontent .more a
     {
         font-size: 14px;
         line-height: 36px;
     }
 }
 .indexcontent .more a:after
 {
     font-family: 'iconfont' !important;
     font-size: 26px;

     float: right;

     margin-left: 16px;

     content: '\e678';
     -webkit-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
             transform: rotate(180deg);
 }
 @media (max-width: 767px)
 {
     .indexcontent .more a:after
     {
         margin-left: 6px;
     }
 }
 .indexcontent .more a:hover
 {
     text-decoration: underline;

     background-image: -webkit-gradient(linear, left top, right top, from(#003d91), to(#003d91));
     background-image: -webkit-linear-gradient(left, #003d91, #003d91);
     background-image:         linear-gradient(to right, #003d91, #003d91);
 }
 .box-product
 {
     background: url(../images/product_bg.jpg) no-repeat top center;
     background-size: cover;
 }
 .box-product .product
 {
     margin-top: 40px;
 }
 @media (max-width: 991px)
 {
     .box-product .product
     {
         margin-top: 20px;
     }
 }
 .box-product .product .slick-product
 {
     margin: 0 -15px;
 }
 @media (max-width: 1199px)
 {
     .box-product .product .slick-product
     {
         margin: 0 -6px;
     }
 }
 .box-product .product .slick-slide
 {
     padding: 0 15px;
 }
 @media (max-width: 1199px)
 {
     .box-product .product .slick-slide
     {
         padding: 0 6px;
     }
 }
 .box-product .product .item .pic
 {
     position: relative;

     display: block;
     overflow: hidden;

     background-color: #003d91;
 }
 .box-product .product .item .pic .img-box
 {
     padding-bottom: 75%;

     -webkit-transition: all .2s;
             transition: all .2s;
 }
 .box-product .product .item .pic .img-box img
 {
     -webkit-transition: all 1s;
             transition: all 1s;
 }
 .box-product .product .item .pic .pmore
 {
     font-size: 16px;
     line-height: 30px;

     position: absolute;
     z-index: 3;
     top: 50%;
     left: 0;

     width: 100%;

     -webkit-transition: all .5s;
             transition: all .5s;
     text-align: center;

     opacity: 0;
     color: #fff;
 }
 .box-product .product .item .pic .pmore:after
 {
     font-family: 'iconfont' !important;
     font-size: 30px;

     display: block;

     content: '\e678';
     -webkit-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
             transform: rotate(180deg);
 }
 .box-product .product .item .note
 {
     margin-top: 20px;
 }
 @media (max-width: 991px)
 {
     .box-product .product .item .note
     {
         margin-top: 10px;
     }
 }
 .box-product .product .item .note b
 {
     font-size: 22px;
     line-height: 30px;

     display: block;
     display: -webkit-box;
     overflow: hidden;

     height: 30px;

     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
 }
 @media (max-width: 1199px)
 {
     .box-product .product .item .note b
     {
         font-size: 18px;
     }
 }
 @media (max-width: 991px)
 {
     .box-product .product .item .note b
     {
         font-size: 16px;
     }
 }
 .box-product .product .item .note p
 {
     font-size: 16px;
     line-height: 24px;

     display: -webkit-box;
     overflow: hidden;

     height: 48px;
     margin: 6px 0 0 0;

     color: #6d7073;

     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }
 @media (max-width: 767px)
 {
     .box-product .product .item .note p
     {
         font-size: 13px;

         margin-top: 2px;
     }
 }
 @media (min-width: 1200px)
 {
     .box-product .product .item:hover .pic .img-box
     {
         opacity: .3;
     }
     .box-product .product .item:hover .pic .img-box img
     {
         -webkit-transform: scale(1.1);
             -ms-transform: scale(1.1);
                 transform: scale(1.1);
     }
     .box-product .product .item:hover .pic .pmore
     {
         -webkit-transform: translateY(-50%);
             -ms-transform: translateY(-50%);
                 transform: translateY(-50%);

         opacity: 1;
     }
     .box-product .product .item:hover .note b
     {
         color: #003d91;
     }
 }
 .box-choose
 {
     background: url(../images/choose_bg.jpg) no-repeat center;
     background-size: cover;
 }
 .box-choose .choose > ul
 {
     font-size: 0;
 }
 .box-choose .choose > ul > li
 {
     font-size: 14px;

     display: inline-block;
     float: none;

     margin-top: 50px;

     vertical-align: top;
 }
 @media (max-width: 767px)
 {
     .box-choose .choose > ul > li
     {
         margin-top: 30px;
     }
 }
 .box-choose .choose .item
 {
     position: relative;

     min-height: 120px;
     padding-right: 5%;
     padding-left: 150px;
 }
 @media (max-width: 1199px)
 {
     .box-choose .choose .item
     {
         min-height: 80px;
         padding-left: 100px;
     }
 }
 @media (max-width: 767px)
 {
     .box-choose .choose .item
     {
         padding-left: 70px;
     }
 }
 .box-choose .choose .item:before
 {
     font-family: 'iconfont' !important;
     font-size: 60px;
     line-height: 120px;

     position: absolute;
     z-index: 2;
     top: 0;
     left: 0;

     width: 120px;
     height: 120px;

     content: '\e61d';
     text-align: center;

     background-image: -webkit-linear-gradient(bottom, #003d91, #00ace8);
     -webkit-background-clip: text;

     -webkit-text-fill-color: transparent;
 }
 @media (max-width: 1199px)
 {
     .box-choose .choose .item:before
     {
         font-size: 40px;
         line-height: 80px;

         width: 80px;
         height: 80px;
     }
 }
 @media (max-width: 767px)
 {
     .box-choose .choose .item:before
     {
         font-size: 30px;
         line-height: 60px;

         width: 60px;
         height: 60px;
     }
 }
 .box-choose .choose .item:after
 {
     position: absolute;
     top: 0;
     left: 0;

     width: 120px;
     height: 120px;

     content: '';

     border-radius: 20px;
     background-color: rgba(232, 248, 255, .7);
 }
 @media (max-width: 1199px)
 {
     .box-choose .choose .item:after
     {
         width: 80px;
         height: 80px;
     }
 }
 @media (max-width: 767px)
 {
     .box-choose .choose .item:after
     {
         width: 60px;
         height: 60px;

         border-radius: 6px;
     }
 }
 .box-choose .choose .item-yanfa:before
 {
     content: '\e651';

     background-image: -webkit-linear-gradient(bottom, #54bc8d, #5bd498);
 }
 .box-choose .choose .item-yanfa:after
 {
     background-color: rgba(237, 252, 243, .7);
 }
 .box-choose .choose .item-zhiliang:before
 {
     content: '\e623';

     background-image: -webkit-linear-gradient(bottom, #e98445, #f7d0bd);
 }
 .box-choose .choose .item-zhiliang:after
 {
     background-color: rgba(255, 244, 243, .7);
 }
 .box-choose .choose .item-fuwu:before
 {
     content: '\e698';

     background-image: -webkit-linear-gradient(bottom, #e98445, #f7d0bd);
 }
 .box-choose .choose .item-fuwu:after
 {
     background-color: rgba(254, 247, 241, .7);
 }
 .box-choose .choose .item b
 {
     font-size: 22px;
     line-height: 30px;

     display: block;

     margin-bottom: 12px;
 }
 @media (max-width: 1199px)
 {
     .box-choose .choose .item b
     {
         font-size: 20px;
     }
 }
 @media (max-width: 991px)
 {
     .box-choose .choose .item b
     {
         font-size: 18px;
         line-height: 24px;

         margin-bottom: 6px;
     }
 }
 .box-choose .choose .item p
 {
     font-size: 16px;
     line-height: 24px;

     margin: 0;

     color: #666;
 }
 @media (max-width: 767px)
 {
     .box-choose .choose .item p
     {
         font-size: 14px;
     }
 }
 .box-choose .choose .item:hover:before
 {
     -webkit-animation: swing 1s 0s ease both;
             animation: swing 1s 0s ease both;
 }
 .box-choose .choose .item:hover b
 {
     color: #003d91;
 }
 .box-number
 {
     padding: 70px 0;

     color: #fff;
     background: url(../images/number_bg.jpg) no-repeat center;
     background-size: cover;
 }
 @media (max-width: 1199px)
 {
     .box-number
     {
         padding: 40px 0;
     }
 }
 @media (max-width: 767px)
 {
     .box-number
     {
         padding: 20px 0;
     }
 }
 .box-about
 {
     background: url(../images/about_bg.jpg) no-repeat center fixed;
     background-size: cover;
 }
 .box-about .about
 {
     font-size: 0;
 }
 .box-about .about .about-left,
 .box-about .about .about-right
 {
     font-size: 14px;

     display: inline-block;

     width: 50%;

     vertical-align: middle;
 }
 @media (max-width: 767px)
 {
     .box-about .about .about-left,
     .box-about .about .about-right
     {
         display: block;

         width: 100%;
     }
 }
 .box-about .about .about-left .title-about-left
 {
     position: relative;

     max-width: 570px;
     padding-left: 120px;
 }
 @media (max-width: 1199px)
 {
     .box-about .about .about-left .title-about-left
     {
         padding-left: 80px;
     }
 }
 .box-about .about .about-left .title-about-left .date
 {
     position: absolute;
     top: 0;
     left: 0;

     display: inline-block;

     padding-right: 20px;

     border-right: 1px solid #fff;
 }
 .box-about .about .about-left .title-about-left .date b
 {
     font-size: 40px;
     line-height: 1;
display: block;
     color: #fff;
 }
 @media (max-width: 1199px)
 {
     .box-about .about .about-left .title-about-left .date b
     {
         font-size: 30px;
     }
 }
 .box-about .about .about-left .title-about-left .date span
 {
     font-size: 24px;
     line-height: 1;

     display: block;

     color: #ffba00;
 }
 @media (max-width: 1199px)
 {
     .box-about .about .about-left .title-about-left .date span
     {
         font-size: 20px;
     }
 }
 .box-about .about .about-left .title-about-left h2
 {
     font-size: 36px;
     font-weight: normal;

     color: #fff;
 }
 @media (max-width: 1199px)
 {
     .box-about .about .about-left .title-about-left h2
     {
         font-size: 30px;
     }
 }
 @media (max-width: 767px)
 {
     .box-about .about .about-left .title-about-left h2
     {
         font-size: 24px;
     }
 }
 .box-about .about .about-left .title-about-left h2 span
 {
     font-size: 18px;
     font-weight: 300;

     margin-left: 10px;

     text-transform: uppercase;
 }
 @media (max-width: 1199px)
 {
     .box-about .about .about-left .title-about-left h2 span
     {
         font-size: 16px;
     }
 }
 @media (max-width: 767px)
 {
     .box-about .about .about-left .title-about-left h2 span
     {
         font-size: 12px;
     }
 }
 .box-about .about .about-left .title-about-left p
 {
     font-size: 16px;
     line-height: 24px;

     margin: 10px 0 0 0;

     color: #fff;
 }
 @media (max-width: 991px)
 {
     .box-about .about .about-left .title-about-left p
     {
         font-size: 14px;
     }
 }
 .box-about .about .about-left .title-about
 {
     position: relative;

     margin-top: 60px;
     padding-bottom: 40px;

     color: #fff;
 }
 @media (max-width: 991px)
 {
     .box-about .about .about-left .title-about
     {
         margin-top: 30px;
         padding-bottom: 20px;
     }
 }
 .box-about .about .about-left .title-about:after
 {
     position: absolute;
     right: 0;
     bottom: 0;

     display: block;

     width: 300%;
     height: 1px;

     content: '';

     background-color: rgba(255, 255, 255, .3);
 }
 .box-about .about .about-left .title-about h2
 {
     font-size: 30px;
     line-height: 1.2;

     margin: 0;
 }
 @media (max-width: 1199px)
 {
     .box-about .about .about-left .title-about h2
     {
         font-size: 24px;
     }
 }
 @media (max-width: 991px)
 {
     .box-about .about .about-left .title-about h2
     {
         font-size: 20px;
     }
 }
 @media (max-width: 767px)
 {
     .box-about .about .about-left .title-about h2
     {
         font-size: 16px;
     }
 }
 .box-about .about .about-left .title-about h1
 {
     font-size: 42px;
     line-height: 1.2;

     margin: 0;
 }
 @media (max-width: 1199px)
 {
     .box-about .about .about-left .title-about h1
     {
         font-size: 30px;
     }
 }
 @media (max-width: 991px)
 {
     .box-about .about .about-left .title-about h1
     {
         font-size: 24px;
     }
 }
 @media (max-width: 767px)
 {
     .box-about .about .about-left .title-about h1
     {
         font-size: 20px;
     }
 }
 .box-about .about .about-left .text
 {
     margin-top: 40px;

     color: #fff;
 }
 @media (max-width: 991px)
 {
     .box-about .about .about-left .text
     {
         margin-top: 20px;
     }
 }
 .box-about .about .about-left .text p
 {
     font-size: 16px;
     line-height: 2.25;

     margin: 0;
 }
 @media (max-width: 767px)
 {
     .box-about .about .about-left .text p
     {
         font-size: 14px;
         line-height: 24px;
     }
 }
 .box-about .about .about-left .more
 {
     text-align: left;
 }
 .box-about .about .about-left .more a
 {
     color: #fff;
     border: 1px solid #fff;
     background: none;
 }
 @media (max-width: 767px)
 {
     .box-about .about .about-right
     {
         margin-top: 30px;
     }
 }
 .box-about .about .about-right img
 {
     max-width: 100%;
 }
 .box-about .number
 {
     margin-top: 50px;
 }
 @media (max-width: 1199px)
 {
     .box-about .number
     {
         margin-top: 30px;
     }
 }
 .box-about .number ul
 {
     font-size: 0;

     margin: 0 -40px;
 }
 @media (max-width: 1199px)
 {
     .box-about .number ul
     {
         margin: 0 -20px;
     }
 }
 @media (max-width: 767px)
 {
     .box-about .number ul
     {
         margin: 0 -5px;
     }
 }
 .box-about .number ul li
 {
     font-size: 14px;

     display: inline-block;

     width: 25%;
     padding: 0 40px;

     text-align: center;
     vertical-align: top;

     color: #fff;
 }
 @media (max-width: 1199px)
 {
     .box-about .number ul li
     {
         padding: 0 20px;
     }
 }
 @media (max-width: 767px)
 {
     .box-about .number ul li
     {
         padding: 0 5px;
     }
 }
 @media (max-width: 767px)
 {
     .box-about .number ul li
     {
         width: 50%;
         margin: 10px 0;
     }
     .box-about .number ul li:nth-child(2n)
     {
         border-right: none;
     }
 }
 .box-about .number ul li:last-child
 {
     border-right: none;
 }
 .box-about .number ul li .item b
 {
     font-size: 72px;
     line-height: 1;

     display: block;
 }
 @media (max-width: 1470px)
 {
     .box-about .number ul li .item b
     {
         font-size: 60px;
     }
 }
 @media (max-width: 1350px)
 {
     .box-about .number ul li .item b
     {
         font-size: 56px;
     }
 }
 @media (max-width: 991px)
 {
     .box-about .number ul li .item b
     {
         font-size: 40px;
     }
 }
 @media (max-width: 767px)
 {
     .box-about .number ul li .item b
     {
         font-size: 24px;
     }
 }
 .box-about .number ul li .item b sup
 {
     font-size: 48px;

     top: 10px;

     vertical-align: top;
 }
 @media (max-width: 1470px)
 {
     .box-about .number ul li .item b sup
     {
         font-size: 38px;
     }
 }
 @media (max-width: 1350px)
 {
     .box-about .number ul li .item b sup
     {
         font-size: 30px;
     }
 }
 @media (max-width: 1199px)
 {
     .box-about .number ul li .item b sup
     {
         font-size: 24px;
     }
 }
 @media (max-width: 991px)
 {
     .box-about .number ul li .item b sup
     {
         font-size: 20px;
     }
 }
 .box-about .number ul li .item p
 {
     font-size: 16px;
     line-height: 24px;

     margin: 16px 0 0 0;

     color: #e6edf2;
 }
 @media (max-width: 767px)
 {
     .box-about .number ul li .item p
     {
         font-size: 14px;

         margin-top: 6px;
     }
 }
 .box-solution .solution
 {
     margin-top: 10px;
 }
 .box-solution .solution .item
 {
     display: block;

     margin-top: 30px;

     text-align: center;
 }
 @media (max-width: 767px)
 {
     .box-solution .solution .item
     {
         margin-top: 14px;
     }
 }
 .box-solution .solution .item .pic
 {
     position: relative;

     background-color: #003d91;
 }
 .box-solution .solution .item .img-box
 {
     padding-bottom: 62.22222222%;

     -webkit-transition: all .2s;
             transition: all .2s;
 }
 .box-solution .solution .item .img-box img
 {
     -webkit-transition: all 1s;
             transition: all 1s;
 }
 .box-solution .solution .item .smore
 {
     font-size: 16px;
     line-height: 30px;

     position: absolute;
     z-index: 3;
     top: 50%;
     left: 0;

     width: 100%;

     -webkit-transition: all .5s;
             transition: all .5s;
     text-align: center;

     opacity: 0;
     color: #fff;
 }
 .box-solution .solution .item .smore:after
 {
     font-family: 'iconfont' !important;
     font-size: 30px;

     display: block;

     content: '\e678';
     -webkit-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
             transform: rotate(180deg);
 }
 .box-solution .solution .item p
 {
     font-size: 22px;
     font-weight: bold;
     line-height: 30px;

     display: -webkit-box;
     overflow: hidden;

     height: 30px;
     margin: 20px 0 0 0;

     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
 }
 @media (max-width: 1199px)
 {
     .box-solution .solution .item p
     {
         font-size: 18px;
     }
 }
 @media (max-width: 991px)
 {
     .box-solution .solution .item p
     {
         font-size: 16px;
     }
 }
 @media (max-width: 767px)
 {
     .box-solution .solution .item p
     {
         margin: 10px 0 0 0;
     }
 }
 .box-solution .solution .item:hover .pic .img-box
 {
     opacity: .3;
 }
 .box-solution .solution .item:hover .pic .img-box img
 {
     -webkit-transform: scale(1.1);
         -ms-transform: scale(1.1);
             transform: scale(1.1);
 }
 .box-solution .solution .item:hover .pic .smore
 {
     -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
             transform: translateY(-50%);

     opacity: 1;
 }
 .box-solution .solution .item:hover p
 {
     color: #003d91;
 }
 .footer
 {
     font-size: 0;

     position: relative;

     overflow: hidden;

     color: #ced4d9;
     background: url(../images/footer_bg.jpg) no-repeat center;
     background-size: cover;
 }
 @media (max-width: 1199px)
 {
     .footer
     {
         padding-top: 20px;
     }
 }
 @media (max-width: 991px)
 {
     .footer
     {
         padding-bottom: 55px;
     }
 }
 .footer .foot-top
 {
     padding: 40px 0;

     border-bottom: 1px solid #414b63;
 }
 @media (max-width: 991px)
 {
     .footer .foot-top
     {
         padding: 0 0 20px 0;
     }
 }
 .footer .foot-top .foot-nav
 {
     display: inline-block;

     vertical-align: middle;
 }
 .footer .foot-top .foot-nav > ul
 {
     margin: 0 -40px;
 }
 @media (max-width: 1199px)
 {
     .footer .foot-top .foot-nav > ul
     {
         margin: 0 -20px;
     }
 }
 @media (max-width: 991px)
 {
     .footer .foot-top .foot-nav > ul
     {
         margin: 0 -10px;
     }
 }
 .footer .foot-top .foot-nav > ul > li
 {
     display: inline-block;

     vertical-align: top;
 }
 .footer .foot-top .foot-nav > ul > li > a
 {
     font-size: 16px;
     line-height: 40px;

     display: block;

     padding: 0 40px;

     color: #fff;
 }
 @media (max-width: 1199px)
 {
     .footer .foot-top .foot-nav > ul > li > a
     {
         padding: 0 20px;
     }
 }
 @media (max-width: 991px)
 {
     .footer .foot-top .foot-nav > ul > li > a
     {
         padding: 0 10px;
     }
 }
 @media (max-width: 767px)
 {
     .footer .foot-top .foot-nav > ul > li > a
     {
         font-size: 14px;
         line-height: 30px;
     }
 }
 .footer .foot-top .share
 {
     display: inline-block;
     float: right;
 }
 @media (max-width: 767px)
 {
     .footer .foot-top .share
     {
         display: block;
         float: none;
     }
 }
 .footer .foot-top .share p
 {
     font-size: 16px;
     line-height: 40px;

     display: inline-block;

     margin: 0;

     vertical-align: middle;

     color: #fff;
 }
 .footer .foot-top .share ul
 {
     font-size: 0;

     display: inline-block;

     vertical-align: middle;
 }
 .footer .foot-top .share ul li
 {
     display: inline-block;

     margin-left: 16px;
 }
 @media (max-width: 1199px)
 {
     .footer .foot-top .share ul li
     {
         margin-left: 6px;
     }
 }
 .footer .foot-top .share ul li a
 {
     font-size: 14px;
     line-height: 26px;

     display: block;

     width: 26px;
     height: 26px;

     -webkit-transition: all .5s;
             transition: all .5s;
     text-align: center;

     color: #fff;
     border-radius: 50%;
     background-color: #375a9a;
 }
 .footer .foot-top .share ul li a:before
 {
     font-family: 'iconfont';
     font-weight: normal;

     display: inline-block;

     content: '\e615';
     text-align: center;
     vertical-align: top;
 }
 .footer .foot-top .share ul li.twitter a
 {
     background-color: #1da1f3;
 }
 .footer .foot-top .share ul li.twitter a:before
 {
     content: '\e60b';
 }
 .footer .foot-top .share ul li.linkedin a
 {
     background-color: #007bb6;
 }
 .footer .foot-top .share ul li.linkedin a:before
 {
     content: '\ed9a';
 }
 .footer .foot-top .share ul li.instagram a
 {
     background-image: -webkit-gradient(linear, left top, left bottom, from(#a046b5), color-stop(#d94a77), to(#fbc771));
     background-image: -webkit-linear-gradient(#a046b5, #d94a77, #fbc771);
     background-image:         linear-gradient(#a046b5, #d94a77, #fbc771);
 }
 .footer .foot-top .share ul li.instagram a:before
 {
     content: '\e6b6';
 }
 .footer .foot-top .share ul li.youtube a
 {
     background-color: #db2623;
 }
 .footer .foot-top .share ul li.youtube a:before
 {
     content: '\e618';
 }
 .footer .foot-top .share ul li.google a:before
 {
     content: '\e645';
 }
 .footer .foot-top .share ul li.amazon a:before
 {
     content: '\e6c1';
 }
 .footer .foot-top .share ul li:hover a
 {
     background-color: #003d91;
 }
 .footer .foot
 {
     overflow: hidden;

     padding: 70px 0;
 }
 @media (max-width: 1199px)
 {
     .footer .foot
     {
         padding: 30px 0;
     }
 }
 @media (max-width: 767px)
 {
     .footer .foot
     {
         padding: 14px 0;
     }
 }
 .footer .foot .foot-text
 {
     float: left;

     width: -webkit-calc(100% - 340px);
     width:         calc(100% - 340px);
 }
 @media (max-width: 1199px)
 {
     .footer .foot .foot-text
     {
         width: -webkit-calc(100% - 260px);
         width:         calc(100% - 260px);
     }
 }
 @media (max-width: 767px)
 {
     .footer .foot .foot-text
     {
         width: 100%;
     }
 }
 .footer .foot .foot-text .text
 {
     margin-top: 30px;
 }
 @media (max-width: 767px)
 {
     .footer .foot .foot-text .text
     {
         margin-top: 10px;
         margin-bottom: 20px;
     }
 }
 .footer .foot .foot-text p
 {
     font-size: 16px;
     font-weight: 300;
     line-height: 24px;

     display: inline-block;

     min-width: 45%;
     margin-right: 10px;
     margin-bottom: 20px;

     vertical-align: top;
 }
 @media (max-width: 1199px)
 {
     .footer .foot .foot-text p
     {
         min-width: auto;
     }
 }
 @media (max-width: 767px)
 {
     .footer .foot .foot-text p
     {
         font-size: 14px;


     }
 }
 .footer .foot .foot-text p a:hover
 {
     text-decoration: underline;

     color: #fff;
 }
 .footer .foot .foot-message
 {
     float: right;

     width: 340px;
 }
 @media (max-width: 1199px)
 {
     .footer .foot .foot-message
     {
         width: 260px;
     }
 }
 @media (max-width: 767px)
 {
     .footer .foot .foot-message
     {
         width: 100%;
     }
 }
 .footer .foot .foot-message .message
 {
     margin-top: 20px;
 }
 .footer .foot .foot-message .message p
 {
     font-size: 16px;
     line-height: 30px;
 }
 @media (max-width: 767px)
 {
     .footer .foot .foot-message .message p
     {
         font-size: 14px;
         line-height: 24px;
     }
 }
 .footer .foot .foot-message .message form
 {
     position: relative;

     margin-top: 20px;
 }
 .footer .foot .foot-message .message form input
 {
     font-size: 14px;
     line-height: 50px;

     width: 100%;
     padding: 0 90px 0 30px;

     border: 1px solid #414b63;
     background: none;
 }
 @media (max-width: 767px)
 {
     .footer .foot .foot-message .message form input
     {
         line-height: 40px;
     }
 }
 .footer .foot .foot-message .message form input::-webkit-input-placeholder,
 .footer .foot .foot-message .message form textarea::-webkit-input-placeholder
 {
     color: #9ca1a5;
 }
 .footer .foot .foot-message .message form input:-o-placeholder,
 .footer .foot .foot-message .message form textarea:-o-placeholder
 {
     color: #9ca1a5;
 }
 .footer .foot .foot-message .message form input::-moz-placeholder,
 .footer .foot .foot-message .message form textarea::-moz-placeholder
 {
     color: #9ca1a5;
 }
 .footer .foot .foot-message .message form input:-ms-input-placeholder,
 .footer .foot .foot-message .message form textarea:-ms-input-placeholder
 {
     color: #9ca1a5;
 }
 .footer .foot .foot-message .message form input:focus::-webkit-input-placeholder,
 .footer .foot .foot-message .message form textarea:focus::-webkit-input-placeholder
 {
     color: #c5c5c5;
 }
 .footer .foot .foot-message .message form input:focus::-o-placeholder,
 .footer .foot .foot-message .message form textarea:focus::-o-placeholder
 {
     color: #c5c5c5;
 }
 .footer .foot .foot-message .message form input:focus::-moz-placeholder,
 .footer .foot .foot-message .message form textarea:focus::-moz-placeholder
 {
     color: #c5c5c5;
 }
 .footer .foot .foot-message .message form input:focus::-ms-input-placeholder,
 .footer .foot .foot-message .message form textarea:focus::-ms-input-placeholder
 {
     color: #c5c5c5;
 }
 .footer .foot .foot-message .message form .submit
 {
     line-height: 52px;

     position: absolute;
     top: 0;
     right: 0;

     width: 80px;
     height: 52px;
     padding: 0;

     text-align: center;

     color: #fff;
     border: none;
     border-radius: 4px;
     outline: none;
     background-image: -webkit-gradient(linear, left top, right top, from(#003d91), to(#00ace8));
     background-image: -webkit-linear-gradient(left, #003d91, #00ace8);
     background-image:         linear-gradient(to right, #003d91, #00ace8);
 }
 @media (max-width: 767px)
 {
     .footer .foot .foot-message .message form .submit
     {
         line-height: 42px;

         height: 42px;
     }
 }
 .footer .foot .foot-message .message form .submit:after
 {
     font-family: 'iconfont' !important;
     font-size: 30px;

     display: inline-block;

     content: '\e678';
     -webkit-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
             transform: rotate(180deg);
 }
 .footer .foot .foot-message .message form .submit:hover
 {
     background: #003d91;
 }
 .footer .foot .title-foot:after
 {
     display: block;

     width: 36px;
     height: 2px;
     margin-top: 20px;

     content: '';

     background-color: #fff;
 }
 @media (max-width: 767px)
 {
     .footer .foot .title-foot:after
     {
         margin-top: 10px;
     }
 }
 .footer .foot .title-foot h3
 {
     font-size: 22px;
     font-weight: 500;
     line-height: 30px;

     margin: 0;

     color: #fff;
 }
 @media (max-width: 991px)
 {
     .footer .foot .title-foot h3
     {
         font-size: 18px;
     }
 }
 .footer .copyright
 {
     font-size: 16px;

     padding: 15px 0;

     text-align: center;

     background-color: #003d91;
 }
 @media (max-width: 991px)
 {
     .footer .copyright
     {
         font-size: 14px;

         position: relative;

         padding: 10px 0;
     }
 }
 .footer .copyright p
 {
     line-height: 30px;

     display: inline-block;

     margin: 0;

     vertical-align: middle;
 }
 @media (max-width: 991px)
 {
     .footer .copyright p
     {
         line-height: 24px;
     }
 }
 .footer .copyright p a
 {
     margin-left: 20px;

     -webkit-transition: all .4s;
             transition: all .4s;
 }
 @media (max-width: 991px)
 {
     .footer .copyright p a
     {
         margin: 0;
     }
 }
 .footer .copyright p a:hover
 {
     text-decoration: underline;
 }
 .footer .copyright a.sitemap
 {
     line-height: 30px;

     display: inline-block;
     float: right;
 }
 @media (max-width: 991px)
 {
     .footer .copyright a.sitemap
     {
         float: none;
     }
 }
 .footer .copyright a.sitemap:hover
 {
     text-decoration: underline;

     color: #003d91;
 }
 .wrapper
 {
     clear: both;
     overflow: hidden;

     background-color: #f8fafb;
 }
 .wrap
 {
     padding: 60px 0;
 }
 @media (max-width: 991px)
 {
     .wrap
     {
         padding: 50px 0;
     }
 }
 .title-in
 {
     text-align: center;
 }
 .title-in h3
 {
     font-size: 72px;
     font-weight: bold;
     font-weight: 900;
     line-height: 1;

     margin: 0;

     color: rgba(0, 0, 8, .05);
 }
 @media (max-width: 1199px)
 {
     .title-in h3
     {
         font-size: 60px;
     }
 }
 @media (max-width: 767px)
 {
     .title-in h3
     {
         font-size: 40px;
     }
 }
 .title-in h2
 {
     font-size: 42px;
     font-weight: bold;
     line-height: 72px;

     margin: 0;
     margin-top: -60px;
 }
 @media (max-width: 1199px)
 {
     .title-in h2
     {
         font-size: 34px;

         margin-top: -50px;
     }
 }
 @media (max-width: 767px)
 {
     .title-in h2
     {
         font-size: 28px;
         line-height: 50px;

         margin-top: -40px;
     }
 }
 .title-in p
 {
     font-size: 18px;
     line-height: 30px;

     max-width: 800px;
     margin: 0 auto;
     margin-top: 10px;

     color: #6d7073;
 }
 @media (max-width: 991px)
 {
     .title-in p
     {
         font-size: 16px;
         line-height: 24px;
     }
 }
 @media (max-width: 767px)
 {
     .title-in p
     {
         font-size: 14px;
         line-height: 24px;
     }
 }
 .wrap-sidenav,
 .wrap-right
 {
     font-size: 14px;

     display: inline-block;

     vertical-align: top;
 }
 .wrap-sidenav
 {
     width: 330px;
 }
 @media (max-width: 1199px)
 {
     .wrap-sidenav
     {
         width: 240px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-sidenav
     {
         width: 100%;
     }
 }
 .wrap-right
 {
     width: -webkit-calc(100% - 330px);
     width:         calc(100% - 330px);
     padding-left: 30px;
 }
 @media (max-width: 1199px)
 {
     .wrap-right
     {
         width: -webkit-calc(100% - 240px);
         width:         calc(100% - 240px);
         padding-left: 30px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-right
     {
         width: 100%;
         padding: 0;
     }
 }
 .wrap-sidenav
 {
     position: relative;
     z-index: 2;

     overflow: hidden;
 }
 .wrap-sidenav .sidenav
 {
     margin-top: 40px;
 }
 @media (max-width: 991px)
 {
     .wrap-sidenav .sidenav
     {
         margin: 0;
     }
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li
 {
     margin-bottom: 20px;
 }
 @media (max-width: 991px)
 {
     .wrap-sidenav .sidenav ul.slevel-1 > li
     {
         display: inline-block;

         margin-bottom: 4px;

         vertical-align: top;
     }
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li > a
 {
     font-size: 20px;
     font-weight: bold;
     line-height: 30px;

     position: relative;

     display: block;

     padding: 10px 50px 10px 26px;

     color: #6d7073;
     background-color: #fff;
 }
 @media (max-width: 1199px)
 {
     .wrap-sidenav .sidenav ul.slevel-1 > li > a
     {
         font-size: 18px;

         padding-right: 40px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-sidenav .sidenav ul.slevel-1 > li > a
     {
         font-size: 14px;
         line-height: 24px;

         padding: 10px;
     }
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li > a:after
 {
     font-family: 'iconfont' !important;
     font-size: 20px;
     line-height: 50px;

     position: absolute;
     top: 0;
     right: 20px;

     content: '\e62b';

     color: #9ca1a5;
 }
 @media (max-width: 1199px)
 {
     .wrap-sidenav .sidenav ul.slevel-1 > li > a:after
     {
         right: 20px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-sidenav .sidenav ul.slevel-1 > li > a:after
     {
         font-size: 18px;

         top: 10px;
         right: 10px;

         display: none;
     }
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li.active > a,
 .wrap-sidenav .sidenav ul.slevel-1 > li:hover > a
 {
     color: #fff;
     background-image: -webkit-gradient(linear, right top, left top, from(#00ace8), to(#003d91));
     background-image: -webkit-linear-gradient(right, #00ace8, #003d91);
     background-image:         linear-gradient(right, #00ace8, #003d91);
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li.active > a:after,
 .wrap-sidenav .sidenav ul.slevel-1 > li:hover > a:after
 {
     color: #fff;
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li.active
 {
     display: block;
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-2
 {
     display: none;

     padding: 0 30px;

     background-color: #fff;
 }
 @media (max-width: 991px)
 {
     .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-2
     {
         padding: 0;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-2
     {
         padding: 6px;
     }
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-2 > li
 {
     border-bottom: 1px solid #e3e5e6;
 }
 @media (max-width: 991px)
 {
     .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-2 > li
     {
         display: inline-block;

         vertical-align: top;

         border-bottom: none;
     }
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-2 > li:last-child
 {
     border-bottom: none;
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-2 > li > a
 {
     font-size: 18px;
     line-height: 30px;

     position: relative;

     display: block;

     padding: 10px 0 10px 10px;

     color: #6d7073;
 }
 @media (max-width: 1199px)
 {
     .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-2 > li > a
     {
         font-size: 14px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-2 > li > a
     {
         line-height: 24px;

         padding: 8px 8px 8px 20px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-2 > li > a
     {
         line-height: 30px;

         padding: 0 10px;
     }
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-2 > li > a:before
 {
     line-height: 50px;

     position: absolute;
     top: 0;
     left: 0;

     content: '-';
 }
 @media (max-width: 991px)
 {
     .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-2 > li > a:before
     {
         line-height: 40px;

         position: relative;

         margin-right: 4px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-2 > li > a:before
     {
         line-height: 30px;
     }
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-2 > li.active > a,
 .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-2 > li:hover > a
 {
     color: #003d91;
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-3{
    padding-bottom: 20px;
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-3 > li>a{
    font-size: 15px;
    line-height: 30px;
    display: block;
    color: #999;
    padding: 0 10px;
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-3 > li>a:before{
    content: '·';
    margin-right: 2px;
 }
 .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-3 > li.active > a,
 .wrap-sidenav .sidenav ul.slevel-1 > li ul.slevel-3 > li:hover > a
 {
     color: #003d91;
 }
 .product-top
 {
     font-size: 0;
 }
 @media (max-width: 991px)
 {
     .product-top
     {
         display: none;
     }
 }
 .product-top .title-sidenav,
 .product-top .title-product
 {
     font-size: 14px;

     display: inline-block;

     vertical-align: bottom;
 }
 .product-top .title-sidenav
 {
     position: relative;

     width: 330px;
 }
 @media (max-width: 1199px)
 {
     .product-top .title-sidenav
     {
         width: 240px;
     }
 }
 @media (max-width: 991px)
 {
     .product-top .title-sidenav
     {
         width: 100%;
     }
 }
 .product-top .title-sidenav h3
 {
     font-size: 72px;
     font-weight: bold;
     font-weight: 900;
     line-height: 1;

     position: absolute;
     top: 0;
     left: 0;

     margin: 0;

     white-space: nowrap;

     color: rgba(0, 0, 8, .05);
 }
 @media (max-width: 1350px)
 {
     .product-top .title-sidenav h3
     {
         font-size: 60px;
     }
 }
 @media (max-width: 767px)
 {
     .product-top .title-sidenav h3
     {
         font-size: 40px;
     }
 }
 .product-top .title-sidenav h2
 {
     font-size: 42px;
     font-weight: bold;
     line-height: 72px;

     margin: 0;
 }
 @media (max-width: 1199px)
 {
     .product-top .title-sidenav h2
     {
         font-size: 34px;
     }
 }
 @media (max-width: 767px)
 {
     .product-top .title-sidenav h2
     {
         font-size: 28px;
         line-height: 50px;
     }
 }
 .product-top .title-sidenav p
 {
     font-size: 18px;
     line-height: 30px;

     margin-top: 10px;

     color: #6d7073;
 }
 @media (max-width: 991px)
 {
     .product-top .title-sidenav p
     {
         font-size: 16px;
         line-height: 24px;
     }
 }
 @media (max-width: 767px)
 {
     .product-top .title-sidenav p
     {
         font-size: 14px;
         line-height: 24px;
     }
 }
 .product-top .title-product
 {
     width: -webkit-calc(100% - 330px);
     width:         calc(100% - 330px);
     padding-bottom: 10px;
     padding-left: 30px;

     text-align: right;
 }
 @media (max-width: 1199px)
 {
     .product-top .title-product
     {
         width: -webkit-calc(100% - 240px);
         width:         calc(100% - 240px);
         padding-left: 30px;
     }
 }
 @media (max-width: 991px)
 {
     .product-top .title-product
     {
         width: 100%;
         padding: 0;
     }
 }
 .product-top .title-product h2
 {
     font-size: 24px;
     line-height: 40px;

     margin: 0;
     padding-bottom: 10px;

     border-bottom: 3px solid #ced4d9;
 }
 .wrap-sidenav-about
 {
     padding-top: 30px;
 }
 @media (max-width: 991px)
 {
     .wrap-sidenav-about
     {
         padding-top: 10px;
     }
 }
 .wrap-sidenav-about .sidenav-about
 {
     text-align: center;
 }
 .wrap-sidenav-about .sidenav-about > ul
 {
     margin: 0 -10px;
 }
 .wrap-sidenav-about .sidenav-about > ul > li
 {
     font-size: 14px;

     display: inline-block;

     margin-top: 14px;
     padding: 0 10px;
 }
 .wrap-sidenav-about .sidenav-about > ul > li > a
 {
     font-size: 18px;
     line-height: 30px;

     display: block;

     padding: 15px 90px;

     -webkit-transition: all .2s;
             transition: all .2s;
     text-align: center;

     color: #6d7073;
     background-color: #fff;
 }
 @media (max-width: 1199px)
 {
     .wrap-sidenav-about .sidenav-about > ul > li > a
     {
         font-size: 18px;

         padding: 10px 20px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-sidenav-about .sidenav-about > ul > li > a
     {
         font-size: 16px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-sidenav-about .sidenav-about > ul > li > a
     {
         font-size: 14px;
         line-height: 24px;

         padding: 10px;

         color: #666;
     }
 }
 .wrap-sidenav-about .sidenav-about > ul > li.active > a,
 .wrap-sidenav-about .sidenav-about > ul > li:hover > a
 {
     color: #fff;
     background-image: -webkit-gradient(linear, left top, right top, from(#003d91), to(#00ace8));
     background-image: -webkit-linear-gradient(left, #003d91, #00ace8);
     background-image:         linear-gradient(to right, #003d91, #00ace8);
 }
 .wrap-about .about .row
 {
     font-size: 0;
 }
 .wrap-about .about .row .itembox
 {
     font-size: 14px;

     display: inline-block;
     float: none;

     vertical-align: middle;
 }
 .wrap-about .about .title-about:after
 {
     display: block;

     width: 76px;
     height: 3px;
     margin-top: 40px;

     content: '';

     background-color: #003d91;
 }
 @media (max-width: 991px)
 {
     .wrap-about .about .title-about:after
     {
         width: 50px;
         height: 2px;
         margin-top: 20px;
     }
 }
 .wrap-about .about .title-about h2
 {
     font-size: 30px;
     font-weight: 500;

     display: block;

     margin: 0;

     text-transform: uppercase;

     color: #003d91;
 }
 @media (max-width: 1350px)
 {
     .wrap-about .about .title-about h2
     {
         font-size: 24px;
     }
 }
 @media (max-width: 1199px)
 {
     .wrap-about .about .title-about h2
     {
         font-size: 20px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-about .about .title-about h2
     {
         font-size: 16px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-about .about .title-about h2
     {
         font-size: 14px;
     }
 }
 .wrap-about .about .title-about h1
 {
     font-size: 42px;
     font-weight: bold;
     line-height: 1.2;

     margin: 14px 0 0 0;
 }
 @media (max-width: 1350px)
 {
     .wrap-about .about .title-about h1
     {
         font-size: 35px;
     }
 }
 @media (max-width: 1199px)
 {
     .wrap-about .about .title-about h1
     {
         font-size: 30px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-about .about .title-about h1
     {
         font-size: 24px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-about .about .title-about h1
     {
         font-size: 22px;
     }
 }
 .wrap-about .about .text
 {
     margin-top: 30px;
 }
 @media (max-width: 991px)
 {
     .wrap-about .about .text
     {
         margin-top: 20px;
     }
 }
 .wrap-about .about .text p
 {
     font-size: 16px;
     line-height: 2.25;

     margin: 0;

     color: #6d7073;
 }
 @media (max-width: 991px)
 {
     .wrap-about .about .text p
     {
         font-size: 14px;
         line-height: 24px;
     }
 }
 .wrap-about .about .text p b
 {
     color: #003d91;
 }
 @media (max-width: 991px)
 {
     .wrap-about .about .pic
     {
         margin-top: 30px;
     }
 }
 .wrap-about .about .pic img
 {
     width: 100%;
     height: auto !important;
 }
 .wrap-number
 {
     background: url(../images/number_bg.jpg) no-repeat center fixed;
     background-size: cover;
 }
 @media (max-width: 1199px)
 {
     .wrap-number
     {
         background: url(../images/number_bg.jpg) no-repeat center;
         background-size: cover;
     }
 }
 .wrap-number .number ul
 {
     font-size: 0;

     margin: 0 -40px;
 }
 @media (max-width: 1199px)
 {
     .wrap-number .number ul
     {
         margin: 0 -20px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-number .number ul
     {
         margin: 0 -5px;
     }
 }
 .wrap-number .number ul li
 {
     font-size: 14px;

     display: inline-block;

     width: 25%;
     padding: 0 40px;

     text-align: center;
     vertical-align: top;

     color: #fff;
 }
 @media (max-width: 1199px)
 {
     .wrap-number .number ul li
     {
         padding: 0 20px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-number .number ul li
     {
         padding: 0 5px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-number .number ul li
     {
         width: 50%;
         margin: 10px 0;
     }
     .wrap-number .number ul li:nth-child(2n)
     {
         border-right: none;
     }
 }
 .wrap-number .number ul li:last-child
 {
     border-right: none;
 }
 .wrap-number .number ul li .item b
 {
     font-size: 72px;
     line-height: 1;

     display: block;
 }
 @media (max-width: 1470px)
 {
     .wrap-number .number ul li .item b
     {
         font-size: 60px;
     }
 }
 @media (max-width: 1350px)
 {
     .wrap-number .number ul li .item b
     {
         font-size: 56px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-number .number ul li .item b
     {
         font-size: 40px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-number .number ul li .item b
     {
         font-size: 24px;
     }
 }
 .wrap-number .number ul li .item b sup
 {
     font-size: 48px;

     top: 10px;

     vertical-align: top;
 }
 @media (max-width: 1470px)
 {
     .wrap-number .number ul li .item b sup
     {
         font-size: 38px;
     }
 }
 @media (max-width: 1350px)
 {
     .wrap-number .number ul li .item b sup
     {
         font-size: 30px;
     }
 }
 @media (max-width: 1199px)
 {
     .wrap-number .number ul li .item b sup
     {
         font-size: 24px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-number .number ul li .item b sup
     {
         font-size: 20px;
     }
 }
 .wrap-number .number ul li .item p
 {
     font-size: 16px;
     line-height: 24px;

     margin: 16px 0 0 0;

     color: #e6edf2;
 }
 @media (max-width: 767px)
 {
     .wrap-number .number ul li .item p
     {
         font-size: 14px;

         margin-top: 6px;
     }
 }
 .wrap-power .title-power:after
 {
     display: block;

     width: 76px;
     height: 3px;
     margin-top: 40px;

     content: '';

     background-color: #003d91;
 }
 @media (max-width: 991px)
 {
     .wrap-power .title-power:after
     {
         width: 50px;
         height: 2px;
         margin-top: 20px;
     }
 }
 .wrap-power .title-power h2
 {
     font-size: 42px;
     font-weight: bold;
     line-height: 1.2;

     margin: 14px 0 0 0;
 }
 @media (max-width: 1350px)
 {
     .wrap-power .title-power h2
     {
         font-size: 35px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-power .title-power h2
     {
         font-size: 30px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-power .title-power h2
     {
         font-size: 22px;
     }
 }
 .wrap-power .text
 {
     margin-top: 30px;
 }
 @media (max-width: 991px)
 {
     .wrap-power .text
     {
         margin-top: 20px;
     }
 }
 .wrap-power .text p
 {
     font-size: 16px;
     line-height: 2.25;

     margin: 0;

     color: #6d7073;
 }
 @media (max-width: 991px)
 {
     .wrap-power .text p
     {
         font-size: 14px;
         line-height: 24px;
     }
 }
 .wrap-power .text p b
 {
     color: #003d91;
 }
 .wrap-power .text img
 {
     max-width: 100%;
     height: auto !important;
 }
 .wrap-development
 {
     margin-top: 70px;
     padding: 110px 0;

     background: url(../images/development_bg.jpg) no-repeat center;
     background-size: cover;
 }
 @media (max-width: 1199px)
 {
     .wrap-development
     {
         padding: 70px 0;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-development
     {
         padding: 50px 0;
     }
 }
 .wrap-development .development .slick-development-for .item
 {
     font-size: 0;

     padding: 0 5%;
 }
 @media (max-width: 991px)
 {
     .wrap-development .development .slick-development-for .item
     {
         padding: 0;
     }
 }
 .wrap-development .development .slick-development-for .item .text,
 .wrap-development .development .slick-development-for .item .pic
 {
     font-size: 14px;

     display: inline-block;

     vertical-align: top;
 }
 .wrap-development .development .slick-development-for .item .text
 {
     width: 60%;
     padding-right: 10%;

     text-align: center;

     color: #fff;
 }
 @media (max-width: 991px)
 {
     .wrap-development .development .slick-development-for .item .text
     {
         padding-right: 30px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-development .development .slick-development-for .item .text
     {
         width: 100%;
         padding-right: 0;
     }
 }
 .wrap-development .development .slick-development-for .item .text .number
 {
     display: inline-block;
 }
 .wrap-development .development .slick-development-for .item .text .number:after
 {
     display: block;

     width: 3px;
     height: 36px;
     margin: 0 auto;
     margin-top: 24px;

     content: '';

     background-color: #fff;
 }
 @media (max-width: 1470px)
 {
     .wrap-development .development .slick-development-for .item .text .number:after
     {
         margin-top: 14px;
     }
 }
 .wrap-development .development .slick-development-for .item .text .number b
 {
     font-size: 48px;
     line-height: 70px;

     display: block;

     padding: 0 40px;

     border: 4px solid #fff;
 }
 @media (max-width: 1470px)
 {
     .wrap-development .development .slick-development-for .item .text .number b
     {
         font-size: 35px;
         line-height: 60px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-development .development .slick-development-for .item .text .number b
     {
         font-size: 28px;
         line-height: 50px;

         border-width: 2px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-development .development .slick-development-for .item .text .number b
     {
         font-size: 24px;
         line-height: 40px;
     }
 }
 .wrap-development .development .slick-development-for .item .text .note
 {
     margin-top: 20px;
 }
 @media (max-width: 1470px)
 {
     .wrap-development .development .slick-development-for .item .text .note
     {
         margin-top: 10px;
     }
 }
 .wrap-development .development .slick-development-for .item .text .note p
 {
     font-size: 16px;
     line-height: 2.25;

     margin: 0;
 }
 @media (max-width: 991px)
 {
     .wrap-development .development .slick-development-for .item .text .note p
     {
         font-size: 14px;
         line-height: 24px;
     }
 }
 .wrap-development .development .slick-development-for .item .pic
 {
     width: 40%;

     border: 3px solid #fff;
 }
 @media (max-width: 767px)
 {
     .wrap-development .development .slick-development-for .item .pic
     {
         width: 100%;
         margin-top: 30px;
     }
 }
 .wrap-development .development .slick-development-for .item .pic img
 {
     width: 100%;
 }
 .wrap-development .development .slick-development-nav
 {
     position: relative;

     margin-top: 80px;

     color: #fff;
 }
 @media (max-width: 991px)
 {
     .wrap-development .development .slick-development-nav
     {
         margin-top: 40px;
     }
 }
 .wrap-development .development .slick-development-nav:before
 {
     position: absolute;
     top: 6px;
     left: 0;

     display: block;

     width: 100%;

     content: '';

     border-top: 1px dashed #fff;
 }
 .wrap-development .development .slick-development-nav .item
 {
     text-align: center;
 }
 .wrap-development .development .slick-development-nav .item:before
 {
     display: block;

     width: 6px;
     height: 6px;
     margin: 3px auto;

     content: '';

     border-radius: 50%;
     background-color: #fff;
 }
 .wrap-development .development .slick-development-nav .item b
 {
     font-size: 16px;
     font-weight: normal;
     line-height: 30px;

     display: block;

     margin-top: 20px;
 }
 .wrap-development .development .slick-development-nav .slick-current .item:before
 {
     width: 12px;
     height: 12px;
     margin: 0 auto;

     border: 2px solid #fff;
     background: none;
     background-color: #003d91;
     box-shadow: 0 0 5px rgba(255, 255, 255, .8);
 }
 .wrap-development .development .slick-development-nav .slick-current .item b
 {
     font-size: 22px;
 }
 .wrap-development .development .slick-development-nav .slick-arrow
 {
     line-height: 30px;

     top: -8px;
     left: -20px;

     width: auto;
     height: auto;

     -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
             transform: translateY(0);

     color: #fff;
     border: none;
 }
 .wrap-development .development .slick-development-nav .slick-arrow:before
 {
     font-size: 24px;

     content: '\eec1';
     -webkit-transform: rotate(0);
         -ms-transform: rotate(0);
             transform: rotate(0);
 }
 .wrap-development .development .slick-development-nav .slick-arrow.slick-next
 {
     right: -20px;
     left: auto;
 }
 .wrap-development .development .slick-development-nav .slick-arrow.slick-next:before
 {
     content: '\e769';
 }
 .wrap-development .development .slick-development-nav .slick-arrow:hover
 {
     background: none;
 }
 .wrap-honor .honor
 {
     margin-top: -30px;
 }
 .wrap-honor .honor .item
 {
     display: block;

     margin-top: 30px;

     text-align: center;
 }
 @media (max-width: 767px)
 {
     .wrap-honor .honor .item
     {
         margin-top: 20px;
     }
 }
 .wrap-honor .honor .item .pic
 {
     position: relative;

     padding: 30px;

     border: 1px solid #ced4d9;
 }
 @media (max-width: 1470px)
 {
     .wrap-honor .honor .item .pic
     {
         padding: 20px;
     }
 }
 @media (max-width: 1199px)
 {
     .wrap-honor .honor .item .pic
     {
         padding: 10px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-honor .honor .item .pic
     {
         padding: 5px;
     }
 }
 .wrap-honor .honor .item .img-box
 {
     padding-bottom: 140.74074074%;
 }
 .wrap-honor .honor .item .img-box img
 {
     -webkit-transition: all 1s;
             transition: all 1s;
 }
 .wrap-honor .honor .item .note
 {
     margin-top: 20px;
 }
 @media (max-width: 1199px)
 {
     .wrap-honor .honor .item .note
     {
         margin-top: 10px;
     }
 }
 .wrap-honor .honor .item .note p
 {
     font-size: 22px;
     font-weight: bold;
     line-height: 40px;

     position: relative;

     display: -webkit-box;
     overflow: hidden;

     height: 40px;
     margin: 0;

     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
 }
 @media (max-width: 1199px)
 {
     .wrap-honor .honor .item .note p
     {
         font-size: 18px;
         line-height: 30px;

         height: 30px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-honor .honor .item .note p
     {
         font-size: 16px;
     }
 }
 .wrap-honor .honor .item:hover .img-box img
 {
     -webkit-transform: scale(1.1);
         -ms-transform: scale(1.1);
             transform: scale(1.1);
 }
 .wrap-news .news .item
 {
     display: block;

     margin-top: 30px;
 }
 @media (max-width: 1199px)
 {
     .wrap-news .news .item
     {
         margin-top: 20px;
     }
 }
 .wrap-news .news .item p
 {
     line-height: 30px;

     margin: 0;
 }
 .wrap-news .news .item p span
 {
     display: inline-block;

     vertical-align: middle;
 }
 .wrap-news .news .item p span.mask
 {
     color: #003d91;
 }
 .wrap-news .news .item p span.mask:after
 {
     margin: 0 10px;

     content: '|';

     color: #e6e6e6;
 }
 .wrap-news .news .item p span.date
 {
     color: #999;
 }
 .wrap-news .news .item p span.date:before
 {
     font-family: 'iconfont' !important;
     font-size: 20px;

     float: left;

     margin-right: 4px;

     content: '\e62f';
 }
 .wrap-news .news .item .pic
 {
     margin: 14px 0;
 }
 .wrap-news .news .item .pic .img-box
 {
     padding-bottom: 62.22222222%;
 }
 .wrap-news .news .item .pic .img-box img
 {
     -webkit-transition: all 1s;
             transition: all 1s;
 }
 .wrap-news .news .item b
 {
     font-size: 20px;
     font-weight: 500;
     line-height: 30px;

     display: -webkit-box;
     overflow: hidden;

     max-width: 330px;
     height: 60px;

     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }
 @media (max-width: 991px)
 {
     .wrap-news .news .item b
     {
         font-size: 18px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-news .news .item b
     {
         font-size: 16px;
     }
 }
 .wrap-news .news .item .newsmore
 {
     font-size: 16px;
     line-height: 30px;

     display: block;

     margin-top: 20px;

     color: #757575;
 }
 @media (max-width: 767px)
 {
     .wrap-news .news .item .newsmore
     {
         margin-top: 10px;
     }
 }
 .wrap-news .news .item .newsmore:after
 {
     font-family: 'iconfont' !important;
     font-size: 20px;

     display: inline-block;

     margin-left: 16px;

     content: '\e72f';
     vertical-align: middle;
 }
 .wrap-news .news .item:hover .pic .img-box img
 {
     -webkit-transform: scale(1.1);
         -ms-transform: scale(1.1);
             transform: scale(1.1);
 }
 .wrap-news .news .item:hover b
 {
     color: #003d91;
 }
 .wrap-news .news .item:hover .newsmore
 {
     color: #003d91;
 }
 .wrap-news-show
 {
     background-color: #f2f3f5;
 }
 .wrap-news-show .title-news-show
 {
     padding-bottom: 30px;

     border-bottom: 1px solid #cacbcc;
 }
 .wrap-news-show .title-news-show h1
 {
     font-size: 36px;
     font-weight: 500;

     margin: 0;
 }
 @media (max-width: 991px)
 {
     .wrap-news-show .title-news-show h1
     {
         font-size: 26px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-news-show .title-news-show h1
     {
         font-size: 20px;
     }
 }
 .wrap-news-show .title-news-show span.date
 {
     font-size: 18px;
     line-height: 30px;

     display: block;

     margin: 22px 0 0 0;

     color: #003d91;
 }
 @media (max-width: 767px)
 {
     .wrap-news-show .title-news-show span.date
     {
         font-size: 14px;
     }
 }
 .wrap-news-show .title-news-show span.date:before
 {
     font-family: 'iconfont' !important;
     font-size: 24px;

     float: left;

     margin-right: 10px;

     content: '\e62f';
 }
 .wrap-news-show .news-show
 {
     margin-top: 30px;

     color: #757575;
 }
 .wrap-news-show .news-show p
 {
     font-size: 16px;
     line-height: 2;

     margin: 0;

     color: #757575;
 }
 @media (max-width: 767px)
 {
     .wrap-news-show .news-show p
     {
         font-size: 14px;
     }
 }
 .wrap-news-show .news-show img
 {
     max-width: 100%;
     height: auto !important;
 }
 .wrap-news-show .news-prev-next
 {
     margin-top: 60px;
     padding: 20px 30px;

     background-color: #fff;
 }
 @media (max-width: 767px)
 {
     .wrap-news-show .news-prev-next
     {
         padding: 10px;
     }
 }
 .wrap-news-show .news-prev-next .next
 {
     text-align: right;
 }
 @media (max-width: 767px)
 {
     .wrap-news-show .news-prev-next .next
     {
         text-align: left;
     }
 }
 .wrap-news-show .news-prev-next a
 {
     font-size: 16px;
     line-height: 24px;

     position: relative;

     display: block;
     display: -webkit-box;
     overflow: hidden;

     height: 48px;
     padding-left: 58px;

     -webkit-transition: all .2s;
             transition: all .2s;

     color: #999;

     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }
 .wrap-news-show .news-prev-next a:before
 {
     font-family: 'iconfont' !important;
     line-height: 40px;

     position: absolute;
     top: 4px;
     left: 0;

     display: block;

     width: 40px;
     height: 40px;

     content: '\eb60';
     -webkit-transition: all .2s;
             transition: all .2s;
     text-align: center;

     border: 1px solid #cbcccd;
     border-radius: 50%;
 }
 .wrap-news-show .news-prev-next a span
 {
     display: block;
 }
 .wrap-news-show .news-prev-next a:hover
 {
     color: #003d91;
 }
 .wrap-news-show .news-prev-next a:hover:before
 {
     color: #fff;
     border-color: #003d91;
     background-color: #003d91;
 }
 .wrap-news-show .news-prev-next .next
 {
     position: relative;
 }
 .wrap-news-show .news-prev-next .next:before
 {
     position: absolute;
     top: 50%;
     left: 0;

     width: 1px;
     height: 15px;

     content: '';
     -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
             transform: translateY(-50%);

     background-color: #ccc;
 }
 @media (max-width: 767px)
 {
     .wrap-news-show .news-prev-next .next:before
     {
         display: none;
     }
 }
 .wrap-news-show .news-prev-next .next a
 {
     padding-right: 58px;
     padding-left: 0;
 }
 @media (max-width: 767px)
 {
     .wrap-news-show .news-prev-next .next a
     {
         margin-top: 10px;
         padding-right: 0;
         padding-left: 50px;
     }
 }
 .wrap-news-show .news-prev-next .next a:before
 {
     right: 0;
     left: auto;

     content: '\e625';
 }
 @media (max-width: 767px)
 {
     .wrap-news-show .news-prev-next .next a:before
     {
         right: auto;
         left: 0;
     }
 }
 @media (min-width: 1470px)
 {
     .wrap-factory .factory ul
     {
         margin: 0 -25px;
     }
     .wrap-factory .factory ul li
     {
         padding: 0 25px;
     }
 }
 .wrap-factory .factory .item
 {
     display: block;

     margin-top: 50px;

     border-bottom: 5px solid #003d91;
 }
 @media (max-width: 1199px)
 {
     .wrap-factory .factory .item
     {
         margin-top: 30px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-factory .factory .item
     {
         margin-top: 14px;

         border-bottom-width: 2px;
     }
 }
 .wrap-factory .factory .item .pic .img-box
 {
     padding-bottom: 63.23529412%;
 }
 .wrap-factory .factory .item .pic .img-box img
 {
     -webkit-transition: all 1s;
             transition: all 1s;
 }
 .wrap-factory .factory .item .note
 {
     padding: 20px 0;
 }
 @media (max-width: 767px)
 {
     .wrap-factory .factory .item .note
     {
         padding: 10px 0;
     }
 }
 .wrap-factory .factory .item .note p
 {
     font-size: 22px;
     line-height: 30px;

     display: -webkit-box;
     overflow: hidden;

     height: 60px;
     margin: 0;

     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }
 @media (max-width: 1199px)
 {
     .wrap-factory .factory .item .note p
     {
         font-size: 20px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-factory .factory .item .note p
     {
         font-size: 18px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-factory .factory .item .note p
     {
         font-size: 15px;
         line-height: 24px;

         height: 48px;
     }
 }
 .wrap-inquiry
 {
     background-color: #f2f3f5;
 }
 .wrap-inquiry .container
 {
     max-width: 1260px;
     margin: 0 auto;
 }
 .wrap-inquiry .bar
 {
     background-color: #f7f9fa;
 }
 .wrap-inquiry .title-inquiry h2
 {
     font-size: 48px;
     font-weight: bold;
     line-height: 54px;

     margin: 0;
     padding-bottom: 28px;

     border-bottom: 1px solid #ccc;
 }
 @media (max-width: 1470px)
 {
     .wrap-inquiry .title-inquiry h2
     {
         font-size: 40px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-inquiry .title-inquiry h2
     {
         font-size: 30px;
         line-height: 44px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-inquiry .title-inquiry h2
     {
         font-size: 20px;
         line-height: 30px;

         padding-bottom: 10px;
     }
 }
 .wrap-inquiry .title-inquiry h2 span
 {
     font-size: 24px;
     font-weight: 500;
     line-height: 54px;

     display: inline-block;
     float: left;

     width: 54px;
     height: 54px;
     margin-right: 10px;

     text-align: center;

     color: #fff;
     border-radius: 50%;
     background-color: #003d91;
 }
 @media (max-width: 991px)
 {
     .wrap-inquiry .title-inquiry h2 span
     {
         line-height: 44px;

         width: 44px;
         height: 44px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-inquiry .title-inquiry h2 span
     {
         font-size: 16px;
         line-height: 30px;

         width: 30px;
         height: 30px;
     }
 }
 .wrap-inquiry .title-inquiry p
 {
     font-size: 16px;
     line-height: 24px;

     margin: 20px 0 0 0;

     color: #999;
 }
 @media (max-width: 767px)
 {
     .wrap-inquiry .title-inquiry p
     {
         font-size: 14px;

         margin-top: 10px;
     }
 }
 .wrap-inquiry table
 {
     width: 100%;

     border-collapse: collapse;
 }
 .wrap-inquiry table tr
 {
     border-bottom: 1px solid #e1e6e9;
 }
 .wrap-inquiry table tr:first-child
 {
     font-size: 20px;

     overflow: hidden;

     color: #fff;
     background-color: #003d91;
 }
 @media (max-width: 991px)
 {
     .wrap-inquiry table tr:first-child
     {
         font-size: 18px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-inquiry table tr:first-child
     {
         font-size: 16px;
     }
 }
 .wrap-inquiry table th
 {
     font-weight: normal;
     line-height: 30px;

     height: 52px;
     padding-top: 10px !important;
     padding-bottom: 10px !important;

     text-align: center;
 }
 .wrap-inquiry table th:nth-child(1)
 {
     padding-left: 10%;

     text-align: left;
 }
 .wrap-inquiry table td,
 .wrap-inquiry table th
 {
     width: 15%;
     padding: 20px 5%;

     text-align: center;
 }
 @media (max-width: 991px)
 {
     .wrap-inquiry table td,
     .wrap-inquiry table th
     {
         width: 20%;
         padding: 10px 6px;
     }
 }
 .wrap-inquiry table td:first-child,
 .wrap-inquiry table th:first-child
 {
     width: 60%;

     text-align: left;
 }
 @media (max-width: 767px)
 {
     .wrap-inquiry table td:first-child,
     .wrap-inquiry table th:first-child
     {
         width: 60%;
     }
 }
 .wrap-inquiry table td:nth-child(2),
 .wrap-inquiry table th:nth-child(2)
 {
     width: 25%;
 }
 .wrap-inquiry table input
 {
     font-size: 16px;
     line-height: 26px;

     position: relative;
     top: -1px;

     width: 50px;
     height: 26px;
     margin: 2px 0;

     text-align: center;
     vertical-align: top;

     border: none;
     outline: none;
     background: none;
 }
 @media (max-width: 767px)
 {
     .wrap-inquiry table input
     {
         display: block;

         width: 26px;
         margin: 0 auto;
     }
 }
 .wrap-inquiry table .del1,
 .wrap-inquiry table .add1
 {
     font-size: 16px;
     line-height: 24px;

     display: inline-block;
     overflow: hidden;

     width: 26px;
     height: 26px;
     margin: 2px 0;
     padding: 0;

     cursor: pointer;
     text-align: center;
     vertical-align: top;

     border: 1px solid #dfdfdf;
     border-radius: 50%;
 }
 .wrap-inquiry table .pic
 {
     display: inline-block;

     width: 120px;
     margin-right: -4px;

     vertical-align: middle;

     border: 1px solid #ccc;
 }
 @media (max-width: 767px)
 {
     .wrap-inquiry table .pic
     {
         width: 80px;
     }
 }
 .wrap-inquiry table .pic .img-box
 {
     padding-bottom: 75.55555556%;
 }
 .wrap-inquiry table p
 {
     font-size: 24px;
     line-height: 24px;

     display: inline-block;
     overflow: hidden;

     width: -webkit-calc(100% - 120px);
     width:         calc(100% - 120px);
     height: 24px;
     margin: 0;
     margin-right: -4px;
     padding-left: 4%;

     vertical-align: middle;
 }
 @media (max-width: 1199px)
 {
     .wrap-inquiry table p
     {
         font-size: 20px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-inquiry table p
     {
         font-size: 14px;

         width: -webkit-calc(100% - 80px);
         width:         calc(100% - 80px);
     }
 }
 .wrap-inquiry .close
 {
     float: none;

     cursor: pointer;
     text-align: center;

     opacity: 1;
 }
 .wrap-inquiry .close::after
 {
     font-family: 'iconfont';
     font-size: 24px;
     font-weight: normal;

     content: '\e632';

     color: #999;
 }
 .wrap-inquiry .close:hover::after
 {
     color: #00ace8;
 }
 .wrap-inquiry .inquiry
 {
     padding-top: 60px;
 }
 @media (max-width: 1199px)
 {
     .wrap-inquiry .inquiry
     {
         padding-top: 50px;
     }
 }
 .wrap-inquiry .inquiry .message input,
 .wrap-inquiry .inquiry .message textarea
 {
     font-size: 16px;
     line-height: 30px;

     width: 100%;
     margin-top: 20px;
     padding: 15px 20px;

     resize: vertical;

     border: none;
     background: none;
     background-color: #fff;
 }
 @media (max-width: 991px)
 {
     .wrap-inquiry .inquiry .message input,
     .wrap-inquiry .inquiry .message textarea
     {
         font-size: 14px;

         margin-top: 10px;
         padding: 10px;
     }
 }
 .wrap-inquiry .inquiry .message input::-webkit-input-placeholder,
 .wrap-inquiry .inquiry .message textarea::-webkit-input-placeholder
 {
     color: #999;
 }
 .wrap-inquiry .inquiry .message input:-o-placeholder,
 .wrap-inquiry .inquiry .message textarea:-o-placeholder
 {
     color: #999;
 }
 .wrap-inquiry .inquiry .message input::-moz-placeholder,
 .wrap-inquiry .inquiry .message textarea::-moz-placeholder
 {
     color: #999;
 }
 .wrap-inquiry .inquiry .message input:-ms-input-placeholder,
 .wrap-inquiry .inquiry .message textarea:-ms-input-placeholder
 {
     color: #999;
 }
 .wrap-inquiry .inquiry .message input:focus::-webkit-input-placeholder,
 .wrap-inquiry .inquiry .message textarea:focus::-webkit-input-placeholder
 {
     color: #c5c5c5;
 }
 .wrap-inquiry .inquiry .message input:focus::-o-placeholder,
 .wrap-inquiry .inquiry .message textarea:focus::-o-placeholder
 {
     color: #c5c5c5;
 }
 .wrap-inquiry .inquiry .message input:focus::-moz-placeholder,
 .wrap-inquiry .inquiry .message textarea:focus::-moz-placeholder
 {
     color: #c5c5c5;
 }
 .wrap-inquiry .inquiry .message input:focus::-ms-input-placeholder,
 .wrap-inquiry .inquiry .message textarea:focus::-ms-input-placeholder
 {
     color: #c5c5c5;
 }
 .wrap-inquiry .inquiry .message .read input
 {
     color: #999;
     background-color: #dce7f5;
 }
 .wrap-inquiry .inquiry .message .read input::-webkit-input-placeholder,
 .wrap-inquiry .inquiry .message .read textarea::-webkit-input-placeholder
 {
     color: #999;
 }
 .wrap-inquiry .inquiry .message .read input:-o-placeholder,
 .wrap-inquiry .inquiry .message .read textarea:-o-placeholder
 {
     color: #999;
 }
 .wrap-inquiry .inquiry .message .read input::-moz-placeholder,
 .wrap-inquiry .inquiry .message .read textarea::-moz-placeholder
 {
     color: #999;
 }
 .wrap-inquiry .inquiry .message .read input:-ms-input-placeholder,
 .wrap-inquiry .inquiry .message .read textarea:-ms-input-placeholder
 {
     color: #999;
 }
 .wrap-inquiry .inquiry .message .read input:focus::-webkit-input-placeholder,
 .wrap-inquiry .inquiry .message .read textarea:focus::-webkit-input-placeholder
 {
     color: #999;
 }
 .wrap-inquiry .inquiry .message .read input:focus::-o-placeholder,
 .wrap-inquiry .inquiry .message .read textarea:focus::-o-placeholder
 {
     color: #999;
 }
 .wrap-inquiry .inquiry .message .read input:focus::-moz-placeholder,
 .wrap-inquiry .inquiry .message .read textarea:focus::-moz-placeholder
 {
     color: #999;
 }
 .wrap-inquiry .inquiry .message .read input:focus::-ms-input-placeholder,
 .wrap-inquiry .inquiry .message .read textarea:focus::-ms-input-placeholder
 {
     color: #999;
 }
 .wrap-inquiry .inquiry .message .submit
 {
     font-size: 16px;
     line-height: 54px;

     margin-top: 30px;
     padding: 0 70px;

     -webkit-transition: all .2s;
             transition: all .2s;

     color: #fff;
     border-radius: 0;
     outline: none;
     background-color: #003d91;
 }
 @media (max-width: 991px)
 {
     .wrap-inquiry .inquiry .message .submit
     {
         line-height: 50px;

         margin-top: 20px;
         padding: 0 40px;
     }
 }
 .wrap-inquiry .inquiry .message .submit:after
 {
     font-family: 'iconfont' !important;

     float: right;

     margin-left: 10px;

     content: '\e625';
 }
 .wrap-inquiry .inquiry .message .submit:hover
 {
     background-color: #00ace8;
 }
 .wrap-product
 {
     font-size: 0;
 }
 .wrap-product .product .item
 {
     margin-top: 40px;
 }
 @media (max-width: 767px)
 {
     .wrap-product .product .item
     {
         margin-top: 20px;
     }
 }
 .wrap-product .product .item .pic
 {
     position: relative;

     display: block;
     overflow: hidden;

     background-color: #003d91;
 }
 .wrap-product .product .item .pic .img-box
 {
     padding-bottom: 75%;

     -webkit-transition: all .2s;
             transition: all .2s;
 }
 .wrap-product .product .item .pic .img-box img
 {
     -webkit-transition: all 1s;
             transition: all 1s;
 }
 .wrap-product .product .item .pic .pmore
 {
     font-size: 16px;
     line-height: 30px;

     position: absolute;
     z-index: 3;
     top: 50%;
     left: 0;

     width: 100%;

     -webkit-transition: all .5s;
             transition: all .5s;
     text-align: center;

     opacity: 0;
     color: #fff;
 }
 .wrap-product .product .item .pic .pmore:after
 {
     font-family: 'iconfont' !important;
     font-size: 30px;

     display: block;

     content: '\e678';
     -webkit-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
             transform: rotate(180deg);
 }
 .wrap-product .product .item .note
 {
     margin-top: 20px;
 }
 @media (max-width: 991px)
 {
     .wrap-product .product .item .note
     {
         margin-top: 10px;
     }
 }
 .wrap-product .product .item .note b
 {
     font-size: 22px;
     line-height: 30px;

     display: block;
     display: -webkit-box;
     overflow: hidden;

     height: 30px;

     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
 }
 @media (max-width: 1199px)
 {
     .wrap-product .product .item .note b
     {
         font-size: 18px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-product .product .item .note b
     {
         font-size: 16px;
     }
 }
 .wrap-product .product .item .note p
 {
     font-size: 16px;
     line-height: 24px;

     display: -webkit-box;
     overflow: hidden;

     height: 48px;
     margin: 6px 0 0 0;

     color: #6d7073;

     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }
 @media (max-width: 767px)
 {
     .wrap-product .product .item .note p
     {
         font-size: 13px;

         margin-top: 2px;
     }
 }
 @media (min-width: 1200px)
 {
     .wrap-product .product .item:hover .pic .img-box
     {
         opacity: .3;
     }
     .wrap-product .product .item:hover .pic .img-box img
     {
         -webkit-transform: scale(1.1);
             -ms-transform: scale(1.1);
                 transform: scale(1.1);
     }
     .wrap-product .product .item:hover .pic .pmore
     {
         -webkit-transform: translateY(-50%);
             -ms-transform: translateY(-50%);
                 transform: translateY(-50%);

         opacity: 1;
     }
     .wrap-product .product .item:hover .note b
     {
         color: #003d91;
     }
 }
 .relate-product
 {
     padding-top: 60px;
 }
 @media (max-width: 991px)
 {
     .relate-product
     {
         padding-top: 30px;
     }
 }
 .relate-product .title-relate-product h2
 {
     font-size: 36px;
     font-weight: bold;
     line-height: 1;

     margin: 0;
 }
 @media (max-width: 1199px)
 {
     .relate-product .title-relate-product h2
     {
         font-size: 30px;
     }
 }
 @media (max-width: 991px)
 {
     .relate-product .title-relate-product h2
     {
         font-size: 24px;
     }
 }
 .relate-product .title-relate-product h2:before
 {
     display: inline-block;
     float: left;

     width: 6px;
     height: 35px;
     margin-top: 2px;
     margin-right: 10px;

     content: '';
     vertical-align: middle;

     background-image: -webkit-gradient(linear, right top, left top, from(#00ace8), to(#003d91));
     background-image: -webkit-linear-gradient(right, #00ace8, #003d91);
     background-image:         linear-gradient(right, #00ace8, #003d91);
 }
 @media (max-width: 1199px)
 {
     .relate-product .title-relate-product h2:before
     {
         height: 28px;
     }
 }
 @media (max-width: 991px)
 {
     .relate-product .title-relate-product h2:before
     {
         height: 24px;
     }
 }
 .relate-product .slick-relate-product
 {
     clear: both;

     margin: 0 -15px;
     margin-top: 30px;
 }
 @media (max-width: 1199px)
 {
     .relate-product .slick-relate-product
     {
         margin: 0 -6px;
         margin-top: 20px;
     }
 }
 .relate-product .slick-relate-product .slick-slide
 {
     padding: 0 15px;
 }
 @media (max-width: 1199px)
 {
     .relate-product .slick-relate-product .slick-slide
     {
         padding: 0 6px;
     }
 }
 .relate-product .slick-relate-product .item .pic
 {
     position: relative;

     display: block;
     overflow: hidden;

     background-color: #003d91;
 }
 .relate-product .slick-relate-product .item .pic .img-box
 {
     padding-bottom: 75%;

     -webkit-transition: all .2s;
             transition: all .2s;
 }
 .relate-product .slick-relate-product .item .pic .img-box img
 {
     -webkit-transition: all 1s;
             transition: all 1s;
 }
 .relate-product .slick-relate-product .item .pic .pmore
 {
     font-size: 16px;
     line-height: 30px;

     position: absolute;
     z-index: 3;
     top: 50%;
     left: 0;

     width: 100%;

     -webkit-transition: all .5s;
             transition: all .5s;
     text-align: center;

     opacity: 0;
     color: #fff;
 }
 .relate-product .slick-relate-product .item .pic .pmore:after
 {
     font-family: 'iconfont' !important;
     font-size: 30px;

     display: block;

     content: '\e678';
     -webkit-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
             transform: rotate(180deg);
 }
 .relate-product .slick-relate-product .item .note
 {
     margin-top: 20px;
 }
 @media (max-width: 991px)
 {
     .relate-product .slick-relate-product .item .note
     {
         margin-top: 10px;
     }
 }
 .relate-product .slick-relate-product .item .note b
 {
     font-size: 22px;
     line-height: 30px;

     display: block;
     display: -webkit-box;
     overflow: hidden;

     height: 30px;

     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
 }
 @media (max-width: 1199px)
 {
     .relate-product .slick-relate-product .item .note b
     {
         font-size: 18px;
     }
 }
 @media (max-width: 991px)
 {
     .relate-product .slick-relate-product .item .note b
     {
         font-size: 16px;
     }
 }
 .relate-product .slick-relate-product .item .note p
 {
     font-size: 16px;
     line-height: 24px;

     display: -webkit-box;
     overflow: hidden;

     height: 48px;
     margin: 6px 0 0 0;

     color: #6d7073;

     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }
 @media (max-width: 767px)
 {
     .relate-product .slick-relate-product .item .note p
     {
         font-size: 13px;

         margin-top: 2px;
     }
 }
 @media (min-width: 1200px)
 {
     .relate-product .slick-relate-product .item:hover .pic .img-box
     {
         opacity: .3;
     }
     .relate-product .slick-relate-product .item:hover .pic .img-box img
     {
         -webkit-transform: scale(1.1);
             -ms-transform: scale(1.1);
                 transform: scale(1.1);
     }
     .relate-product .slick-relate-product .item:hover .pic .pmore
     {
         -webkit-transform: translateY(-50%);
             -ms-transform: translateY(-50%);
                 transform: translateY(-50%);

         opacity: 1;
     }
     .relate-product .slick-relate-product .item:hover .note b
     {
         color: #003d91;
     }
 }
 .wrap-product-show .carousel-wrap .carousel
 {
     font-size: 0;

     position: relative;

     padding-right: 130px;
 }
 @media (max-width: 1470px)
 {
     .wrap-product-show .carousel-wrap .carousel
     {
         padding-right: 110px;
     }
 }
 @media (max-width: 1199px)
 {
     .wrap-product-show .carousel-wrap .carousel
     {
         padding-right: 0;
     }
 }
 .wrap-product-show .carousel-wrap .carousel .img-box
 {
     padding-bottom: 75%;
 }
 .wrap-product-show .carousel-wrap .carousel .slider-for
 {
     position: relative;
 }
 .wrap-product-show .carousel-wrap .carousel .slider-for .play
 {
     position: absolute;
     z-index: 2;
     top: 50%;
     left: 50%;

     cursor: pointer;
     -webkit-transform: translate3d(-50%, -50%, 0);
             transform: translate3d(-50%, -50%, 0);

     color: #fff;
 }
 .wrap-product-show .carousel-wrap .carousel .slider-for .play:before
 {
     font-family: 'iconfont' !important;
     font-size: 30px;
     line-height: 100px;

     display: block;

     width: 100px;
     height: 100px;

     content: '\e637';
     text-align: center;

     color: #003d91;
     border-radius: 50%;
     background-color: rgba(0, 61, 145, .2);
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .carousel-wrap .carousel .slider-for .play:before
     {
         line-height: 60px;

         width: 60px;
         height: 60px;
     }
 }
 .wrap-product-show .carousel-wrap .carousel .slider-for .slick-arrow
 {
     left: 0;

     display: none !important;

     color: #fff;
     border-color: #fff;
 }
 @media (max-width: 1199px)
 {
     .wrap-product-show .carousel-wrap .carousel .slider-for .slick-arrow
     {
         display: block !important;
     }
 }
 .wrap-product-show .carousel-wrap .carousel .slider-for .slick-arrow.slick-next
 {
     right: 0;
     left: auto;
 }
 .wrap-product-show .carousel-wrap .carousel .slider-for:hover .slick-arrow
 {
     display: block !important;
 }
 .wrap-product-show .carousel-wrap .carousel .slider-nav
 {
     position: absolute;
     top: -5px;
     right: 0;

     width: 120px;
 }
 @media (max-width: 1470px)
 {
     .wrap-product-show .carousel-wrap .carousel .slider-nav
     {
         width: 100px;
     }
 }
 @media (max-width: 1199px)
 {
     .wrap-product-show .carousel-wrap .carousel .slider-nav
     {
         position: relative;

         width: 100%;
         margin-top: 20px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .carousel-wrap .carousel .slider-nav
     {
         margin-top: 10px;
     }
 }
 .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-slide
 {
     padding: 5px 0;

     outline: none;
 }
 @media (max-width: 1199px)
 {
     .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-slide
     {
         padding: 5px;
     }
 }
 .wrap-product-show .carousel-wrap .carousel .slider-nav .item
 {
     position: relative;

     border: 1px solid #b6b7ba;
 }
 .wrap-product-show .carousel-wrap .carousel .slider-nav .item-video
 {
     position: relative;
 }
 .wrap-product-show .carousel-wrap .carousel .slider-nav .item-video:after
 {
     font-family: 'iconfont' !important;
     font-size: 20px;
     line-height: 50px;

     position: absolute;
     z-index: 2;
     top: 50%;
     left: 50%;

     display: block;

     width: 50px;
     height: 50px;

     content: '\e637';
     -webkit-transform: translate3d(-50%, -50%, 0);
             transform: translate3d(-50%, -50%, 0);
     text-align: center;

     color: #003d91;
     border-radius: 50%;
     background-color: rgba(0, 61, 145, .2);
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .carousel-wrap .carousel .slider-nav .item-video:after
     {
         line-height: 40px;

         width: 40px;
         height: 40px;
     }
 }
 .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-current .item
 {
     border-color: #003d91;
 }
 .wrap-product-show .carousel-wrap .info-box
 {
     position: relative;

     padding-top: 20px;
     padding-left: 20px;
 }
 @media (max-width: 991px)
 {
     .wrap-product-show .carousel-wrap .info-box
     {
         padding-left: 0;
     }
 }
 .wrap-product-show .carousel-wrap .info-box .title-info
 {
     margin-top: 40px;
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .carousel-wrap .info-box .title-info
     {
         margin-top: 20px;
     }
 }
 .wrap-product-show .carousel-wrap .info-box .title-info h1
 {
     font-size: 36px;
     font-weight: bold;
     line-height: 1.33333333;

     display: block;

     margin: 10px 0 0 0;
 }
 @media (max-width: 1350px)
 {
     .wrap-product-show .carousel-wrap .info-box .title-info h1
     {
         font-size: 26px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .carousel-wrap .info-box .title-info h1
     {
         font-size: 20px;
     }
 }
 .wrap-product-show .carousel-wrap .info-box .text
 {
     margin-top: 10px;
     padding-bottom: 20px;

     border-bottom: 1px solid #d7d8d9;
 }
 .wrap-product-show .carousel-wrap .info-box .text h3
 {
     font-size: 16px;
     font-weight: bold;
     line-height: 30px;

     margin: 0;

     color: #003d91;
 }
 .wrap-product-show .carousel-wrap .info-box .text p
 {
     font-size: 16px;
     line-height: 2.25;

     margin: 0;

     color: #757575;
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .carousel-wrap .info-box .text p
     {
         font-size: 14px;
     }
 }
 .wrap-product-show .carousel-wrap .info-box .detail
 {
     margin-top: 20px;
 }
 .wrap-product-show .carousel-wrap .info-box .detail h4
 {
     font-size: 16px;

     margin: 0;

     color: #003d91;
 }
 .wrap-product-show .carousel-wrap .info-box .detail p
 {
     font-size: 16px;
     line-height: 2.25;

     margin: 0;

     color: #757575;
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .carousel-wrap .info-box .detail p
     {
         font-size: 14px;
     }
 }
 .wrap-product-show .carousel-wrap .info-box .link
 {
     display: inline-block;

     margin-top: 40px;

     vertical-align: top;
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .carousel-wrap .info-box .link
     {
         margin-top: 20px;
     }
 }
 .wrap-product-show .carousel-wrap .info-box .link a
 {
     font-size: 16px;
     line-height: 60px;

     display: inline-block;

     padding: 0 60px;

     -webkit-transition: all .2s;
             transition: all .2s;

     color: #fff;
     border-radius: 2px;
     background-image: -webkit-gradient(linear, right top, left top, from(#00ace8), to(#003d91));
     background-image: -webkit-linear-gradient(right, #00ace8, #003d91);
     background-image:         linear-gradient(right, #00ace8, #003d91);
 }
 @media (max-width: 1350px)
 {
     .wrap-product-show .carousel-wrap .info-box .link a
     {
         padding: 0 50px;
     }
 }
 @media (max-width: 1199px)
 {
     .wrap-product-show .carousel-wrap .info-box .link a
     {
         padding: 0 30px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .carousel-wrap .info-box .link a
     {
         line-height: 44px;

         padding: 0 20px;
     }
 }
 .wrap-product-show .carousel-wrap .info-box .link a:before
 {
     font-family: 'iconfont' !important;
     font-size: 20px;

     float: left;

     margin-right: 10px;

     content: '\e62c';
 }
 .wrap-product-show .carousel-wrap .info-box .link a.btn-inquiry
 {
     margin-right: 20px;
 }
 .wrap-product-show .carousel-wrap .info-box .link a.addcart
 {
     background-color: #f60;
 }
 .wrap-product-show .carousel-wrap .info-box .link a.addcart:before
 {
     content: '\e601';
 }
 .wrap-product-show .carousel-wrap .info-box .link a:hover
 {
     background-image: -webkit-gradient(linear, right top, left top, from(#003d91), to(#003d91));
     background-image: -webkit-linear-gradient(right, #003d91, #003d91);
     background-image:         linear-gradient(right, #003d91, #003d91);
 }
 .wrap-product-show .carousel-wrap .info-box .prev-next
 {
     display: inline-block;

     margin-top: 40px;
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .carousel-wrap .info-box .prev-next
     {
         margin-top: 10px;
     }
 }
 .wrap-product-show .carousel-wrap .info-box .prev-next a
 {
     font-size: 16px;
     line-height: 60px;

     display: inline-block;

     padding: 0 44px;

     -webkit-transition: all .2s;
             transition: all .2s;
     vertical-align: top;

     color: #6d7073;
     border-radius: 2px;
     background-color: #edeff0;
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .carousel-wrap .info-box .prev-next a
     {
         line-height: 44px;

         padding: 0 30px;
     }
 }
 .wrap-product-show .carousel-wrap .info-box .prev-next a:before
 {
     font-family: 'iconfont' !important;

     float: left;

     margin-right: 10px;

     content: '\e9b7';
 }
 .wrap-product-show .carousel-wrap .info-box .prev-next a.next:before
 {
     float: right;

     margin-right: 0;
     margin-left: 10px;

     content: '\e610';
 }
 .wrap-product-show .carousel-wrap .info-box .prev-next a:hover
 {
     color: #fff;
     background-color: #003d91;
 }
 .wrap-product-show .carousel-wrap .info-box .share
 {
     display: inline-block;
 }
 .wrap-product-show .carousel-wrap .info-box .share p
 {
     font-size: 16px;
     font-weight: bold;
     line-height: 30px;

     display: inline-block;

     margin: 0;

     vertical-align: middle;
 }
 .wrap-product-show .carousel-wrap .info-box .share .addthis_inline_share_toolbox
 {
     display: inline-block;

     vertical-align: middle;
 }
 .wrap-product-show .carousel-wrap .info-box .location
 {
     display: inline-block;
     float: right;
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .carousel-wrap .info-box .location
     {
         display: block;
         float: none;

         margin-top: 10px;
     }
 }
 .wrap-product-show .carousel-wrap .info-box .location > ul > li
 {
     display: inline-block;
 }
 .wrap-product-show .carousel-wrap .info-box .location > ul > li:after
 {
     margin: 0 4px;

     content: '>';
 }
 .wrap-product-show .carousel-wrap .info-box .location > ul > li:last-child:after
 {
     display: none;
 }
 .wrap-product-show .carousel-wrap .info-box .location > ul > li > a
 {
     font-size: 16px;
     line-height: 24px;

     display: inline-block;

     color: #6d7073;
 }
 .wrap-product-show .title-product-show h2
 {
     font-size: 36px;
     font-weight: bold;
     line-height: 1;

     margin: 0;
 }
 @media (max-width: 1470px)
 {
     .wrap-product-show .title-product-show h2
     {
         font-size: 30px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-product-show .title-product-show h2
     {
         font-size: 24px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .title-product-show h2
     {
         font-size: 20px;
     }
 }
 .wrap-product-show .title-product-show h2:before
 {
     display: inline-block;
     float: left;

     width: 6px;
     height: 35px;
     margin-top: 2px;
     margin-right: 10px;

     content: '';
     vertical-align: middle;

     background-image: -webkit-gradient(linear, right top, left top, from(#00ace8), to(#003d91));
     background-image: -webkit-linear-gradient(right, #00ace8, #003d91);
     background-image:         linear-gradient(right, #00ace8, #003d91);
 }
 @media (max-width: 1199px)
 {
     .wrap-product-show .title-product-show h2:before
     {
         height: 28px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-product-show .title-product-show h2:before
     {
         height: 24px;
     }
 }
 .wrap-product-show .title-product-show p
 {
     font-size: 16px;
     line-height: 30px;

     margin: 6px 0 0 0;

     color: #999;
 }
 .wrap-product-show .parameter
 {
     padding-top: 60px;
 }
 @media (max-width: 991px)
 {
     .wrap-product-show .parameter
     {
         padding-top: 30px;
     }
 }
 .wrap-product-show .parameter .text
 {
     margin-top: 22px;
     padding: 30px 20px;

     border: 1px solid #dce1e5;
     background-color: #fff;
 }
 @media (max-width: 991px)
 {
     .wrap-product-show .parameter .text
     {
         padding: 20px 10px;
     }
 }
 .wrap-product-show .parameter .text p
 {
     font-size: 16px;
     line-height: 2.25;

     margin: 0;

     color: #6d7073;
 }
 @media (max-width: 991px)
 {
     .wrap-product-show .parameter .text p
     {
         font-size: 14px;
         line-height: 24px;
     }
 }
 .wrap-product-show .parameter .text img
 {
     max-width: 100%;
     height: auto !important;
 }
 .wrap-product-show .parameter .table-box
 {
     overflow: auto;

     width: 100%;
     max-width: 100%;
 }
 .wrap-product-show .parameter table
 {
     width: auto;
     min-width: 50%;
     max-width: 100%;
     margin: 30px 0 0 0;
     padding: 0;

     border-spacing: 0;
     border-collapse: collapse;
 }
 .wrap-product-show .parameter table tr,
 .wrap-product-show .parameter table td
 {
     font-size: 16px;

     width: auto !important;
     height: auto !important;

     vertical-align: middle;

     color: #71737a;
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .parameter table tr,
     .wrap-product-show .parameter table td
     {
         font-size: 14px;
     }
 }
 .wrap-product-show .parameter table td
 {
     padding: 20px !important;

     border: 1px solid #dcdcdc !important;
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .parameter table td
     {
         padding: 10px !important;
     }
 }
 .wrap-product-show .parameter table tr p,
 .wrap-product-show .parameter table tr span
 {
     margin: 0 !important;
     padding: 0 !important;

     background: none !important;
 }
 .wrap-product-show .inquiry
 {
     padding-top: 60px;
 }
 @media (max-width: 991px)
 {
     .wrap-product-show .inquiry
     {
         padding-top: 30px;
     }
 }
 .wrap-product-show .inquiry .message form
 {
     margin-top: 10px;
 }
 .wrap-product-show .inquiry .message .item
 {
     margin-top: 24px;
 }
 @media (max-width: 767px)
 {
     .wrap-product-show .inquiry .message .item
     {
         margin-top: 10px;
     }
 }
 .wrap-product-show .inquiry .message input,
 .wrap-product-show .inquiry .message textarea
 {
     font-size: 16px;
     line-height: 28px;

     width: 100%;
     padding: 15px 20px;

     resize: vertical;

     border: none;
     border: 1px solid #e3e5e6;
     background: none;
     background-color: #fff;
 }
 @media (max-width: 991px)
 {
     .wrap-product-show .inquiry .message input,
     .wrap-product-show .inquiry .message textarea
     {
         font-size: 14px;

         padding: 10px;
     }
 }
 .wrap-product-show .inquiry .message input::-webkit-input-placeholder,
 .wrap-product-show .inquiry .message textarea::-webkit-input-placeholder
 {
     color: #999;
 }
 .wrap-product-show .inquiry .message input:-o-placeholder,
 .wrap-product-show .inquiry .message textarea:-o-placeholder
 {
     color: #999;
 }
 .wrap-product-show .inquiry .message input::-moz-placeholder,
 .wrap-product-show .inquiry .message textarea::-moz-placeholder
 {
     color: #999;
 }
 .wrap-product-show .inquiry .message input:-ms-input-placeholder,
 .wrap-product-show .inquiry .message textarea:-ms-input-placeholder
 {
     color: #999;
 }
 .wrap-product-show .inquiry .message input:focus::-webkit-input-placeholder,
 .wrap-product-show .inquiry .message textarea:focus::-webkit-input-placeholder
 {
     color: #c5c5c5;
 }
 .wrap-product-show .inquiry .message input:focus::-o-placeholder,
 .wrap-product-show .inquiry .message textarea:focus::-o-placeholder
 {
     color: #c5c5c5;
 }
 .wrap-product-show .inquiry .message input:focus::-moz-placeholder,
 .wrap-product-show .inquiry .message textarea:focus::-moz-placeholder
 {
     color: #c5c5c5;
 }
 .wrap-product-show .inquiry .message input:focus::-ms-input-placeholder,
 .wrap-product-show .inquiry .message textarea:focus::-ms-input-placeholder
 {
     color: #c5c5c5;
 }
 .wrap-product-show .inquiry .message .submit
 {
     font-size: 16px;
     line-height: 60px;

     margin-top: 30px;
     padding: 0 70px;

     -webkit-transition: all .2s;
             transition: all .2s;

     color: #fff;
     border: none;
     border-radius: 0;
     outline: none;
     background-image: -webkit-gradient(linear, right top, left top, from(#00ace8), to(#003d91));
     background-image: -webkit-linear-gradient(right, #00ace8, #003d91);
     background-image:         linear-gradient(right, #00ace8, #003d91);
 }
 @media (max-width: 991px)
 {
     .wrap-product-show .inquiry .message .submit
     {
         line-height: 50px;

         margin-top: 20px;
         padding: 0 40px;
     }
 }
 .wrap-product-show .inquiry .message .submit:after
 {
     font-family: 'iconfont' !important;
     font-size: 30px;

     float: right;

     margin-left: 10px;

     content: '\e678';
     -webkit-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
             transform: rotate(180deg);
 }
 .wrap-product-show .inquiry .message .submit:hover
 {
     background-image: -webkit-gradient(linear, right top, left top, from(#003d91), to(#003d91));
     background-image: -webkit-linear-gradient(right, #003d91, #003d91);
     background-image:         linear-gradient(right, #003d91, #003d91);
 }
 .wrap-contact
 {
     background: url(../images/contact_bg.jpg) no-repeat bottom center;
 }
 .wrap-contact .map
 {
     height: 420px;
     margin-top: 50px;
 }
 @media (max-width: 991px)
 {
     .wrap-contact .map
     {
         height: 340px;
         margin-top: 30px;
         padding-right: 0;
     }
 }
 .wrap-contact .map .map-content
 {
     height: 100%;
 }
 .wrap-contact .text
 {
     padding-bottom: 60px;
 }
 @media (max-width: 767px)
 {
     .wrap-contact .text
     {
         padding-bottom: 30px;
     }
 }
 .wrap-contact .text .item
 {
     margin-top: 24px;
 }
 @media (max-width: 767px)
 {
     .wrap-contact .text .item
     {
         margin-top: 10px;
     }
 }
 .wrap-contact .text .item b
 {
     font-size: 22px;
     line-height: 30px;

     display: block;

     color: #003d91;
 }
 @media (max-width: 1350px)
 {
     .wrap-contact .text .item b
     {
         font-size: 18px;
     }
 }
 .wrap-contact .text .item p
 {
     font-size: 22px;
     font-weight: 500;
     line-height: 30px;

     margin: 10px 0 0 0;

     color: #6d7073;
 }
 @media (max-width: 1350px)
 {
     .wrap-contact .text .item p
     {
         font-size: 18px;

         margin-top: 4px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-contact .text .item p
     {
         font-size: 16px;
     }
 }
 .wrap-contact .text .item p a:hover
 {
     text-decoration: underline;

     color: #003d91;
 }
 .wrap-contact .message
 {
     padding-top: 60px;

     border-top: 3px solid #e3e5e6;
 }
 @media (max-width: 767px)
 {
     .wrap-contact .message
     {
         padding-top: 30px;
     }
 }
 .wrap-contact .message .title-message
 {
     max-width: 890px;
     margin: 0 auto;

     text-align: center;
 }
 .wrap-contact .message .title-message h2
 {
     font-size: 42px;
     font-weight: bold;
     line-height: 1.27777778;

     margin: 0;
 }
 @media (max-width: 1470px)
 {
     .wrap-contact .message .title-message h2
     {
         font-size: 36px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-contact .message .title-message h2
     {
         font-size: 26px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-contact .message .title-message h2
     {
         font-size: 20px;
     }
 }
 .wrap-contact .message form
 {
     margin-top: 10px;
 }
 .wrap-contact .message .item
 {
     margin-top: 24px;
 }
 @media (max-width: 767px)
 {
     .wrap-contact .message .item
     {
         margin-top: 10px;
     }
 }
 .wrap-contact .message input,
 .wrap-contact .message textarea
 {
     font-size: 16px;
     line-height: 28px;

     width: 100%;
     padding: 15px 20px;

     resize: vertical;

     border: none;
     border: 1px solid #e3e5e6;
     background: none;
     background-color: #fff;
 }
 @media (max-width: 991px)
 {
     .wrap-contact .message input,
     .wrap-contact .message textarea
     {
         font-size: 14px;

         padding: 10px;
     }
 }
 .wrap-contact .message input::-webkit-input-placeholder,
 .wrap-contact .message textarea::-webkit-input-placeholder
 {
     color: #999;
 }
 .wrap-contact .message input:-o-placeholder,
 .wrap-contact .message textarea:-o-placeholder
 {
     color: #999;
 }
 .wrap-contact .message input::-moz-placeholder,
 .wrap-contact .message textarea::-moz-placeholder
 {
     color: #999;
 }
 .wrap-contact .message input:-ms-input-placeholder,
 .wrap-contact .message textarea:-ms-input-placeholder
 {
     color: #999;
 }
 .wrap-contact .message input:focus::-webkit-input-placeholder,
 .wrap-contact .message textarea:focus::-webkit-input-placeholder
 {
     color: #c5c5c5;
 }
 .wrap-contact .message input:focus::-o-placeholder,
 .wrap-contact .message textarea:focus::-o-placeholder
 {
     color: #c5c5c5;
 }
 .wrap-contact .message input:focus::-moz-placeholder,
 .wrap-contact .message textarea:focus::-moz-placeholder
 {
     color: #c5c5c5;
 }
 .wrap-contact .message input:focus::-ms-input-placeholder,
 .wrap-contact .message textarea:focus::-ms-input-placeholder
 {
     color: #c5c5c5;
 }
 .wrap-contact .message .send
 {
     text-align: center;
 }
 .wrap-contact .message .submit
 {
     font-size: 16px;
     line-height: 60px;

     margin-top: 30px;
     padding: 0 70px;

     -webkit-transition: all .2s;
             transition: all .2s;

     color: #fff;
     border: none;
     border-radius: 0;
     outline: none;
     background-image: -webkit-gradient(linear, right top, left top, from(#00ace8), to(#003d91));
     background-image: -webkit-linear-gradient(right, #00ace8, #003d91);
     background-image:         linear-gradient(right, #00ace8, #003d91);
 }
 @media (max-width: 991px)
 {
     .wrap-contact .message .submit
     {
         line-height: 50px;

         margin-top: 20px;
         padding: 0 40px;
     }
 }
 .wrap-contact .message .submit:after
 {
     font-family: 'iconfont' !important;
     font-size: 30px;

     float: right;

     margin-left: 10px;

     content: '\e678';
     -webkit-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
             transform: rotate(180deg);
 }
 .wrap-contact .message .submit:hover
 {
     background-image: -webkit-gradient(linear, right top, left top, from(#003d91), to(#003d91));
     background-image: -webkit-linear-gradient(right, #003d91, #003d91);
     background-image:         linear-gradient(right, #003d91, #003d91);
 }
 .wrap-solution
 {
     font-size: 0;
 }
 .wrap-solution .solution
 {
     margin-top: 10px;
 }
 .wrap-solution .solution .item
 {
     display: block;

     margin-top: 30px;

     text-align: center;
 }
 @media (max-width: 767px)
 {
     .wrap-solution .solution .item
     {
         margin-top: 14px;
     }
 }
 .wrap-solution .solution .item .pic
 {
     position: relative;
 }
 .wrap-solution .solution .item .img-box
 {
     padding-bottom: 62.22222222%;

     -webkit-transition: all .2s;
             transition: all .2s;
 }
 .wrap-solution .solution .item .img-box img
 {
     -webkit-transition: all 1s;
             transition: all 1s;
 }
 .wrap-solution .solution .item .play
 {
     font-size: 50px;

     position: absolute;
     z-index: 2;
     top: 50%;
     left: 50%;

     cursor: pointer;
     -webkit-transform: translate3d(-50%, -50%, 0);
             transform: translate3d(-50%, -50%, 0);

     color: #fff;
 }
 @media (max-width: 991px)
 {
     .wrap-solution .solution .item .play
     {
         font-size: 40px;
     }
 }
 .wrap-solution .solution .item .play:before
 {
     font-family: 'iconfont' !important;

     content: '\e650';
 }
 .wrap-solution .solution .item p
 {
     font-size: 22px;
     font-weight: bold;
     line-height: 30px;

     display: -webkit-box;
     overflow: hidden;

     height: 30px;
     margin: 20px 0 0 0;

     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
 }
 @media (max-width: 1199px)
 {
     .wrap-solution .solution .item p
     {
         font-size: 18px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-solution .solution .item p
     {
         font-size: 16px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-solution .solution .item p
     {
         margin: 10px 0 0 0;
     }
 }
 .wrap-solution .solution .item:hover .pic .img-box img
 {
     -webkit-transform: scale(1.1);
         -ms-transform: scale(1.1);
             transform: scale(1.1);
 }
 .wrap-solution .solution .item:hover .pic .smore
 {
     -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
             transform: translateY(-50%);

     opacity: 1;
 }
 .wrap-solution .solution .item:hover p
 {
     color: #003d91;
 }
 .wrap-solution-show
 {
     background: url(../images/solution_show_bg.jpg) no-repeat center top;
 }
 .wrap-solution-show .title-solution-show
 {
     position: relative;
 }
 .wrap-solution-show .title-solution-show h2
 {
     font-size: 72px;
     font-weight: bold;
     font-weight: 900;
     line-height: 1;

     position: absolute;
     top: 0;
     left: 0;

     margin: 0;

     white-space: nowrap;

     color: rgba(0, 0, 8, .05);
 }
 @media (max-width: 1350px)
 {
     .wrap-solution-show .title-solution-show h2
     {
         font-size: 60px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-solution-show .title-solution-show h2
     {
         font-size: 40px;
     }
 }
 .wrap-solution-show .title-solution-show h1
 {
     font-size: 42px;
     font-weight: bold;
     line-height: 72px;

     margin: 0;
 }
 @media (max-width: 1199px)
 {
     .wrap-solution-show .title-solution-show h1
     {
         font-size: 34px;
     }
 }
 @media (max-width: 767px)
 {
     .wrap-solution-show .title-solution-show h1
     {
         font-size: 24px;
         line-height: 50px;
     }
 }
 .wrap-solution-show .solution-show
 {
     margin-top: 40px;
     padding: 40px 0 60px;

     border-top: 3px solid #ced4d9;
     border-bottom: 3px solid #ced4d9;
 }
 @media (max-width: 1199px)
 {
     .wrap-solution-show .solution-show
     {
         margin-top: 10px;
         padding: 30px 0;
     }
 }
 .wrap-solution-show .solution-show p
 {
     font-size: 18px;
     line-height: 30px;

     margin: 0;

     color: #6e7173;
 }
 @media (max-width: 1199px)
 {
     .wrap-solution-show .solution-show p
     {
         font-size: 16px;
     }
 }
 @media (max-width: 991px)
 {
     .wrap-solution-show .solution-show p
     {
         font-size: 14px;
         line-height: 24px;
     }
 }
 .wrap-solution-show .solution-show img
 {
     max-width: 100%;
     height: auto !important;
     margin: 10px 0;
 }
 nav
 {
     text-align: center;
 }
 .pagination
 {
     margin: 70px 0 0 0;
     padding: 0;
 }
 @media (max-width: 991px)
 {
     .pagination
     {
         margin-top: 50px;
     }
 }
 .pagination li.prev a,
 .pagination li.next a
 {
     border-radius: 50%;
 }
 .pagination li.prev a span:before,
 .pagination li.next a span:before
 {
     font-family: 'iconfont' !important;
     font-size: 30px;

     display: inline-block;

     content: '\e678';
 }
 @media (max-width: 991px)
 {
     .pagination li.prev a span:before,
     .pagination li.next a span:before
     {
         font-size: 24px;
     }
 }
 .pagination li.next a span:before
 {
     -webkit-transform: rotate(180deg);
         -ms-transform: rotate(180deg);
             transform: rotate(180deg);
 }
 .pagination li a
 {
     line-height: 56px;

     display: block;

     width: 56px;
     height: 56px;
     margin: 0 6px;
     padding: 0;

     -webkit-transition: all .2s;
             transition: all .2s;
     text-align: center;

     color: #666;
     border: none;
     border: 1px solid #d3d4d5;
     border-radius: 50%;
     background: none;
 }
 @media (max-width: 991px)
 {
     .pagination li a
     {
         line-height: 30px;

         width: 30px;
         height: 30px;
     }
 }
 .pagination > .active > a,
 .pagination > .active > a:focus,
 .pagination > .active > a:hover,
 .pagination > .active > span,
 .pagination > .active > span:focus,
 .pagination > .active > span:hover
 {
     color: #fff;
     background-color: #003d91;
 }
 .pagination > li > a:focus,
 .pagination > li > a:hover,
 .pagination > li > span:focus,
 .pagination > li > span:hover
 {
     color: #fff;
     background-color: #003d91;
 }
 .stuck
 {
     position: fixed;
     z-index: 9;
     top: 0;

     width: 100%;

     background-color: #fff;
     box-shadow: 0 0 10px rgba(0, 0, 0, .1);
 }
 @media (max-width: 1199px)
 {
     .stuck
     {
         height: 70px !important;
     }
 }
 @media (max-width: 1199px)
 {
     .skiptranslate iframe
     {
         display: none;
     }
     .google-translation .skiptranslate
     {
         display: inline-block;
     }
     body
     {
         top: 0 !important;
     }
 }
 #product{
    transform: translateY(-60px);
 }

 .wrap-factory .factory-pic{
   margin-top: 30px;
   text-align: center;
 }
 .wrap-factory .factory-pic img{
   max-width: 100%;
 }