@charset "utf-8";
 body {
     width: 100%;
     height: 100%;
     overflow-x: hidden;
     overflow-y: scroll;
     color: #000;
     font: 14px/1.8 'Microsoft Yahei', Arial, sans-serif
 }
 
 input,
 textarea {
     margin: 0;
     padding: 0;
     outline: 0;
     border: 0;
     background: 0 0;
     vertical-align: middle
 }
 
 body,
 button,
 dd,
 dl,
 form,
 h1,
 h2,
 h3,
 h4,
 h5,
 ol,
 p,
 ul,
 menu {
     margin: 0
 }
 
 ol,
 ul,
 menu {
     padding-left: 0;
     list-style-type: none
 }
 
 img {
     max-width: 100%;
     border: 0;
     vertical-align: top
 }
 
 a,
 input,
 select,
 textarea {
     outline: none;
     star: expression(this.onFocus=this.blur())
 }
 
 a {
     outline: 0;
     color: #000;
     text-decoration: none;
     font-family: 微软雅黑
 }
 
 a:hover {
     color: #f54f15
 }
 
 b,
 i {
     font-style: normal
 }
 
 input,
 b,
 h1,
 img,
 span,
 .case-item .icon,
 .case-item p,
 .lcBox a p,
 *:before,
 *:after,
 .boxSexangle .overlayer a i,
 .mask2 {
     -moz-transition: all ease-in-out .35s;
     -webkit-transition: all ease-in-out .35s;
     -o-transition: all ease-in-out .35s;
     -ms-transition: all ease-in-out .35s;
     transition: all ease-in-out .35s
 }
 
 .opc0 {
     opacity: 0
 }
 
 .fix {
     *zoom: 1
 }
 
 .fix:before,
 .fix:after {
     content: "";
     display: table
 }
 
 .fix:after {
     clear: both
 }
 
 .dib {
     display: inline-block;
     *display: inline;
     *zoom: 1
 }
 
 .btn {
     cursor: pointer
 }
 
 .lt-ie9 .wow {
     visibility: visible!important
 }
 
 .header {
     position: relative
 }
 
 .bar {
     background: url(../images/yw_bar.jpg) no-repeat;
     color: #d3d3d3;
     position: relative;
     clear: both;
     line-height: 43px;
     overflow: hidden;
     font-size: 12px;
     font-weight: lighter
 }
 
 .bar a {
     color: #d3d3d3
 }
 
 .bar ul li {
     float: left;
     font-size: 12px
 }
 
 .bar ul li i.split {
     display: inline-block;
     vertical-align: middle;
     width: 1px;
     height: 9px;
     background: #d3d3d3;
     margin: 0 4px
 }
 
 .link {
     height: 105px;
     text-align: right;
     padding-right: 15px
 }
 
 .link::before {
     content: " ";
     display: inline-block;
     height: 100%;
     width: 0%;
     vertical-align: middle
 }
 
 .link p {
     display: inline-block;
     vertical-align: middle;
     font-size: 16px;
     color: #6c6666;
     font-weight: 700
 }
 
 .link a {
     padding: 0 10px 0 25px
 }
 
 .link a.ch {
     background: url(../images/i_ch.jpg) 0 4px no-repeat
 }
 
 .link a.en {
     background: url(../images/i_en.jpg) 0 4px no-repeat
 }
 
 .logo {
     width: 100%;
     max-width: 1400px;
     margin: 5px auto
 }
 
 .logo a {
     display: block;
     height: 100%
 }
 
 .logo img {
     vertical-align: middle;
     max-height: 100%;
     width: 100%
 }
 
 .wapNavBtn {
     position: absolute;
     top: 16px;
     right: 5px;
     display: none;
     width: 24px;
     font-size: 24px;
     cursor: pointer;
     animation: transform .6s ease-in-out 0s both;
     -moz-animation: transform .6s ease-in-out 0s both;
     -webkit-animation: transform .6s ease-in-out 0s both;
     -o-animation: transform .6s ease-in-out 0s both;
     z-index: 99
 }
 
 .wapNavPointer {
     display: none;
     position: absolute;
     top: 3px;
     right: 3px;
     cursor: pointer
 }
 
 button.nav-trigger {
     display: none;
     position: absolute;
     top: 50%;
     right: 0;
     z-index: 20;
     height: 60px;
     width: 50px;
     margin-top: -30px;
     padding: 0 12px;
     background: 0 0;
     border: 0;
     outline: 0
 }
 
 .nav-trigger {
     transition: -webkit-transform .3s cubic-bezier(.86, 0, .07, 1);
     transition: transform .3s cubic-bezier(.86, 0, .07, 1)
 }
 
 .nav-icon {
     position: relative;
     top: 2px;
     right: inherit;
     display: block;
     width: 26px;
     height: 2px;
     background-color: #000;
     border-radius: 2.5rem;
     transition: all .3s
 }
 
 .nav-icon:after,
 .nav-icon:before {
     content: "";
     position: absolute;
     z-index: -1;
     display: block;
     height: 2px;
     width: 100%;
     border-radius: 2.5rem;
     background-color: #000;
     transition: all .3s
 }
 
 .nav-icon:before {
     top: 7px
 }
 
 .nav-icon:after {
     top: -7px
 }
 
 .navigation-is-visible .nav-icon {
     background-color: transparent!important
 }
 
 .navigation-is-visible .nav-icon:before {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     top: 0;
     background-color: #fff
 }
 
 .navigation-is-visible .nav-icon:after {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 0;
     background-color: #fff
 }
 
 .navBox {
     background-color: #fff
 }
 
 .nav_transform1 {}
 
 .nav_transform1 .navTop {
     position: absolute;
     top: 0;
     display: none;
     height: 4px;
     background: #f89120
 }
 
 .nav_transform1 .navTop {
     transition-duration: .5s;
     -ms-transition-duration: .5s;
     -moz-transition-duration: .5s;
     -webkit-transition-duration: .5s
 }
 
 .nav_transform1 ul.navCont {}
 
 .nav_transform1 ul.navCont li.child {
     position: relative;
     float: left;
     width: 12.5%;
     text-align: center;
     padding: 18px 0
 }
 
 .nav_transform1 ul.navCont li.child.last {
     margin-right: 0
 }
 
 .nav_transform1 ul.navCont li.child a {
     display: block
 }
 
 .nav_transform1 ul.navCont li.child a p.title {
     font-size: 16px;
     line-height: 1.3;
     position: relative;
     display: block
 }
 
 .nav_transform1 ul.navCont li.child a:hover,
 .nav_transform1 ul.navCont li.child.on a {}
 
 .nav_transform1 ul.navCont li.child a span {
     font-size: 12px;
     color: #6e6e6e;
     transform: scale(.9);
     display: block;
     position: relative
 }
 
 .nav_transform1 ul.navCont li.child a p:after {
     display: block;
     content: '';
     position: absolute;
     width: 20px;
     height: 1px;
     background-color: #6e6e6e;
     left: 100%;
     top: 0;
     margin-left: -5px;
     transform-origin: left top;
     transform: rotate(-0deg);
     opacity: 0
 }
 
 .nav_transform1 ul.navCont li.child a span:after {
     display: block;
     content: '';
     position: absolute;
     width: 20px;
     height: 1px;
     background-color: #6e6e6e;
     right: 100%;
     bottom: 0;
     margin-right: -20px;
     transform-origin: right bottom;
     transform: rotate(-0deg);
     opacity: 0
 }
 
 .nav_transform1 ul.navCont li.child a:hover p:after {
     transform: rotate(-45deg);
     opacity: 1
 }
 
 .nav_transform1 ul.navCont li.child a:hover span:after {
     transform: rotate(-45deg);
     opacity: 1
 }
 
 .lt-ie9 .nav_transform1 ul.navCont li.child a p:after {
     display: none
 }
 
 .lt-ie9 .nav_transform1 ul.navCont li.child a span:after {
     display: none
 }
 
 .child .childContent {
     display: none;
     position: absolute;
     top: 54px;
     width: 100%;
     z-index: 999
 }
 
 .child .childContent .childContentLi {
     color: #fff;
     font-size: 14px;
     line-height: 38px;
     background-color: #326ec0
 }
 
 .child .childContent .childContentLi:hover {
     background: #204e8d;
     color: #fff
 }
 
 .f-cb .on {
     color: #f666666
 }
 
 .footer {
     text-align: center;
     background: #333;
     color: #999;
     font-size: 13px;
     line-height: 30px
 }
 
 .footer a {
     color: #999
 }
 
 .footer a:hover {
     color: #c07d35
 }
 
 .footer_detail {
     padding: 1em 0;
     text-align: center;
     color: #fff;
     font-size: 15px
 }
 
 .footer_detail span {
     padding-right: 1em
 }
 
 .footer_nav {
     border-bottom: 1px solid #494848;
     padding: 15px 0
 }
 
 .footer_nav a {
     padding: 0 10px;
     position: relative;
     color: #fff;
     font-size: 1.2em
 }
 
 .footer_nav a:after {
     display: block;
     content: '';
     width: 1px;
     height: 10px;
     background-color: #545454;
     position: absolute;
     right: 0;
     top: 50%;
     margin-top: -5px
 }
 
 .footer_nav a:last-child:after {
     display: none
 }
 
 .footer_link {
     padding: 14px 0;
     background-color: #f5f5f6;
     text-align: left
 }
 
 .footer_link a {
     padding: 0 4px;
     color: #000
 }
 
 .footer_link a:hover {}
 
 .footer_info {
     text-align: center
 }
 
 .footer_info h1 {
     margin-bottom: .6em
 }
 
 .footer_info .usinfo .info {
     color: #fff
 }
 
 .footer_info .usinfo strong {
     font-size: 20px
 }
 
 .footer .form-control {
     border: 1px solid #3e8ed6;
     background-color: #1076d2;
     color: #7bb5e9
 }
 
 .footer textarea.form-control {
     height: 110px
 }
 
 .footer_qf {
     font-size: 12px;
     text-align: center
 }
 
 .footer_copy {
     text-align: center;
     color: #979595;
     background: #fff;
     font-size: 12px;
     padding: 15px 0
 }
 
 .footer_copy span {
     padding-right: 10px
 }
 
 .ftcopy {
     font-size: 15px;
     background: #000;
     line-height: 2.4em;
     height: 2.4em;
     color: #fff
 }
 
 .ftcopy a {
     color: #fff
 }
 
 .top {
     display: none;
     position: fixed;
     right: 10px;
     bottom: 80px;
     z-index: 999;
     width: 40px;
     height: 40px;
     font-size: 24px;
     background: #ccc;
     color: #fff;
     line-height: 40px;
     text-align: center;
     cursor: pointer
 }
 
 .top {
     transition-duration: .5s;
     -ms-transition-duration: .5s;
     -moz-transition-duration: .5s;
     -webkit-transition-duration: .5s
 }
 
 .top:hover {
     opacity: .8
 }
 
 .top img {
     vertical-align: middle
 }
 
 .index_ {
     padding-top: 4em;
     padding-bottom: 3em
 }
 
 .index_ .T {
     padding-bottom: 4em;
     text-align: center;
     color: #333;
     overflow: hidden
 }
 
 .index_ .T h1 {
     font-size: 60px;
     font-weight: 400;
     text-transform: uppercase;
     font-family: -webkit-pictograph;
     line-height: 1
 }
 
 .index_ .T h2 {
     font-size: 30px;
     font-weight: lighter;
     line-height: 1
 }
 
 .index_ .T h2 span,
 .smzt span {
     position: relative;
     padding-top: 1rem;
     display: inline-block;
     font-size: 1.5rem;
     font-weight: 100
 }
 
 .index_ .T h2.border span:before,
 .smzt span:before {
     display: block;
     content: ' ';
     width: 60px;
     height: 4px;
     position: absolute;
     left: 50%;
     top: 0;
     margin-left: -30px;
     background: #f54f15
 }
 
 .index_ .T h3 {
     font-size: 24px
 }
 
 .index_ .T h4 {
     font-size: 30px;
     font-weight: 400;
     color: #7e7e7e
 }
 
 .index_ .T h5 {
     font-size: 12px;
     font-weight: 400
 }
 
 a.more {
     font-size: 15px;
     padding-right: 20px;
     color: #000!important
 }
 
 a.more {
     transition-duration: .5s;
     -ms-transition-duration: .5s;
     -moz-transition-duration: .5s;
     -webkit-transition-duration: .5s
 }
 
 a.more:hover {
     color: #c07d35!important
 }
 
 a.more.block {
     padding: 6px 30px;
     border: 1px solid #d2d2d2;
     display: inline-block;
     margin-top: 20px
 }
 
 a.more.block:hover {
     border-color: #ad2226;
     color: inherit
 }
 
 a.button {
     width: 220px;
     height: 45px;
     border: 1px #eee solid;
     border-radius: 40px;
     background-color: #fff;
     display: block;
     margin: 0 auto;
     text-align: center;
     line-height: 45px;
     position: relative;
     overflow: hidden
 }
 
 a.button.anim span {
     position: absolute;
     left: 50%;
     top: 0;
     white-space: nowrap;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
     -webkit-transition-delay: 250ms;
     -moz-transition-delay: 250ms;
     -ms-transition-delay: 250ms;
     -o-transition-delay: 250ms;
     transition-delay: 250ms
 }
 
 a.button.anim i:before {
     font-size: 22px;
     color: #ec408c;
     position: absolute;
     top: 9px;
     left: 0;
     -webkit-transform: translateX(-200%);
     -ms-transform: translateX(-200%);
     -o-transform: translateX(-200%);
     transform: translateX(-200%)
 }
 
 a.button.anim:hover i:before {
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%)
 }
 
 a.button.anim:hover span {
     left: 120%
 }
 
 .services-box {
     text-align: center;
     padding: 30px 0;
     display: block
 }
 
 .services-box .icon {
     display: inline-block;
     background: #fff;
     width: 100px;
     height: 100px;
     position: relative;
     margin-bottom: 0
 }
 
 .services-box .icon a {
     display: block;
     width: 67px;
     height: 67px;
     margin: 0 auto;
     padding-top: 12px
 }
 
 .services-box .icon img {
     transition-duration: .5s;
     -ms-transition-duration: .5s;
     -moz-transition-duration: .5s;
     -webkit-transition-duration: .5s
 }
 
 .services-box .icon a:hover img {
     transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     -webkit-transform: rotate(360deg)
 }
 
 .services-box h3 {
     font-size: 18px;
     padding: 5px
 }
 
 .services-box p {
     font-size: 14px;
     padding: 3px 5px
 }
 
 .services-box i {
     display: inline-block;
     width: 100px;
     height: 100px;
     border-radius: 100%;
     font-size: 44px;
     line-height: 90px;
     background-color: #f54f15;
     color: #fff
 }
 
 .services-box.horizontal {
     text-align: left;
     padding-bottom: 0
 }
 
 .services-box.horizontal .icon {
     display: block;
     float: left;
     width: 24px;
     height: 24px;
     border: 3px solid #ccc;
     border-radius: 5px;
     font-size: 16px;
     font-weight: 700;
     color: #ccc;
     text-align: center;
     line-height: 24px;
     margin-top: 8px
 }
 
 .services-box.horizontal .icon a {
     padding-top: 0;
     line-height: 67px;
     text-align: center;
     font-size: 40px
 }
 
 .services-box.horizontal h3 {
     margin-left: 180px;
     padding: 0;
     margin-bottom: 20px
 }
 
 .services-box.horizontal p {
     margin-left: 40px;
     height: 40px;
     font-size: 12px
 }
 
 .media-box {
     display: block;
     text-align: center;
     margin-bottom: 2px;
     width: 100%;
     position: relative
 }
 
 .media-box .icon {
     display: inline-block;
     background: #fff
 }
 
 .media-box h3 {
     font-size: 16px;
     padding: 5px 10px;
     font-weight: 400;
     color: #000
 }
 
 .media-box p {
     font-size: 16px;
     padding: 10px 2px;
     line-height: 2.4
 }
 
 .media-box h5 {
     background: #c07d35;
     line-height: 3;
     left: 0;
     right: 0;
     bottom: 0;
     font-size: 14px;
     color: #fff;
     position: absolute;
     font-weight: 400
 }
 
 .media-box .icon img {
     transition-duration: 1s;
     -ms-transition-duration: 1s;
     -moz-transition-duration: 1s;
     -webkit-transition-duration: 1s;
     width: 100%!important
 }
 
 .media-box.anim.anim-scale:hover .icon img {
     transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     -webkit-transform: scale(1.2)
 }
 
 .m-ins-navbox {
     position: absolute;
     text-align: center;
     bottom: 100%;
     width: 100%
 }
 
 .m-ins-navbox .right .tit {
     display: none
 }
 
 .m-ins-navbox .ret-subbox {
     display: none
 }
 
 .m-ins-navbox .right .subbox {
     text-align: center
 }
 
 .m-ins-navbox .right .subbox a {
     position: relative;
     display: inline-block;
     margin: 10px 10px 0 0;
     padding: 12px 40px;
     background-color: #fff;
     text-align: center;
     font-size: 1rem
 }
 
 .m-ins-navbox .right .subbox a:hover {}
 
 .m-ins-navbox .right .subbox a.cur {
     background-color: #f54f15;
     color: #fff
 }
 
 @media screen and (max-width:40em) {
     .m-ins-navbox {
         width: 100%;
         height: 38px;
         background: #fff;
         position: relative;
         top: 0;
         z-index: 5;
         padding: 0!important
     }
     .m-ins-navbox .left {
         width: 15%;
         cursor: pointer;
         float: left
     }
     .m-ins-navbox .left .ico {
         display: block;
         width: 100%;
         height: 38px;
         background: url(../images/ico_2.png) no-repeat center #167ed2;
         background-size: auto 50%
     }
     .m-ins-navbox .right {
         width: 85%;
         position: relative;
         float: right;
         border-bottom: 1px solid #e5e5e5
     }
     .m-ins-navbox .right .tit {
         display: block;
         width: 95%;
         padding-left: 5%;
         font-size: 14px;
         color: #035cac;
         line-height: 37px;
         background: url(../images/ico_1.png) no-repeat 93% center;
         background-size: auto 50%;
         cursor: pointer
     }
     .m-ins-navbox .right .tit1 {
         display: block;
         width: 95%;
         padding-left: 5%;
         font-size: 14px;
         color: #035cac;
         line-height: 37px;
         background-size: auto 50%;
         cursor: pointer
     }
     .m-ins-navbox .right .subbox {
         width: 100%;
         position: absolute;
         top: 37px;
         background-color: #fff;
         z-index: 2;
         display: none;
         left: 0;
         text-align: left
     }
     .m-ins-navbox .right .subbox a {
         display: block;
         width: 95%;
         padding: 0 0 0 5%;
         border-radius: 0!important;
         line-height: 38px;
         height: 38px;
         border-top: 1px solid #e5e5e5;
         background: url(../images/ico_3.png) no-repeat 92% center #167ed2!important;
         background-size: auto 35%;
         font-size: inherit;
         border-radius: 0;
         margin: 0
     }
     .m-ins-navbox .right .subbox a.cur {}
     .m-ins-navbox .ret-subbox {
         position: absolute;
         top: 38px;
         width: 100%;
         background-color: #167ed2;
         left: 0;
         z-index: 2;
         display: none
     }
     .m-ins-navbox .ret-subbox a {
         display: block;
         width: 95%;
         padding-left: 5%;
         height: 38px;
         line-height: 38px;
         border-bottom: 1px solid #4882b6;
         color: #fff;
         font-size: 14px;
         background-size: auto 35%
     }
     .m-ins-blackbg {
         position: absolute;
         left: 0;
         top: 38px;
         width: 100%;
         height: 100%;
         background-color: #000;
         opacity: .5;
         display: none;
         z-index: 4
     }
 }
 
 #swiperBan {
     background: #000;
     height: 600px;
     color: #fff;
     text-align: center
 }
 
 #swiperBan .swiper-slide {
     background: #fff;
     width: 1430px;
     height: 100%;
     text-align: center;
     opacity: .4;
     -webkit-transition: 300ms;
     -moz-transition: 300ms;
     -ms-transition: 300ms;
     -o-transition: 300ms;
     transition: 300ms
 }
 
 #swiperBan .swiper-slide a {
     display: block
 }
 
 #swiperBan .swiper-slide-active {
     opacity: 1
 }
 
 #swiperBan .swiper-slide-active a {
     padding: 0 15px;
     display: block
 }
 
 #swiperBan .pagination {
     position: absolute;
     left: 0;
     text-align: center;
     bottom: 5px;
     width: 100%
 }
 
 .ban-prev {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 15%;
     text-align: center;
     cursor: pointer
 }
 
 .ban-next {
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     width: 15%;
     text-align: center;
     cursor: pointer
 }
 
 @media screen and (max-width:40em) {
     #swiperBan {
         height: 140px
     }
 }
 
 .pagination-wrapper {
     margin: 20px 0
 }
 
 .pagination {
     height: 34px;
     text-align: center
 }
 
 .pagination li {
     display: inline-block;
     height: 34px;
     margin-right: 5px
 }
 
 .pagination li span {
     float: left;
     display: block;
     height: 34px;
     line-height: 34px;
     padding: 0 12px;
     font-size: 16px;
     color: #c07d35;
     text-decoration: none
 }
 
 .pagination li a {
     float: left;
     display: block;
     height: 32px;
     line-height: 32px;
     padding: 0 12px;
     font-size: 16px;
     border: 1px solid #ddd;
     color: #555;
     text-decoration: none
 }
 
 .pagination li a:hover {
     background: #f5f5f5;
     color: #09f
 }
 
 .pagination li.thisclass {
     background: #333;
     color: #fff
 }
 
 .pagination li.thisclass a,
 .pagination li.thisclass a:hover {
     background: 0 0;
     border-color: #333;
     color: #fff;
     cursor: default
 }