@charset "utf-8";
 body {
     background: #fff;
     width: 100%;
     max-width: 1920px;
     margin: 0 auto;
     touch-action: none;
 }
 
 .wrap {
     max-width: 1400px;
     width: 100%;
     margin: 0 auto;
     zoom: 1
 }
 
 .wrap1 {
     max-width: 1650px;
     width: 95%;
     margin: 0 auto;
     zoom: 1
 }
 
 .wrap:after,
 .wrap:before {
     display: table;
     content: ''
 }
 
 .wrap:after {
     clear: both
 }
 
 .textOver {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
 }
 
 .textOver2 {
     width: 100%;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .textOver1 {
     width: 100%;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .tal {
     text-align: left;
 }
 
 .bold {
     font-weight: bold;
 }
 
 .over {
     overflow: hidden
 }
 
 .alC {
     text-align: center
 }
 
 .alL {
     text-align: left
 }
 
 .alR {
     text-align: right
 }
 
 .displayT {
     width: 100%;
     height: 100%;
     display: table
 }
 
 .tableC {
     display: table-cell
 }
 
 .inlineB {
     display: inline-block
 }
 
 .displayB {
     display: block
 }
 
 .middle {
     vertical-align: middle
 }
 
 .middleImg img {
     vertical-align: middle
 }
 
 .middleImg span {
     height: 100%;
     vertical-align: middle;
     display: inline-block
 }
 
 .trans {
     -webkit-transition: all 300ms ease 0s;
     -moz-transition: all 300ms ease 0s;
     -ms-transition: all 300ms ease 0s;
     -o-transition: all 300ms ease 0s;
     transition: all 300ms ease 0s
 }
 
 .imgZoom img:hover {
     transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
     -webkit-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1)
 }
 
 .border-box {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box
 }
 
 .show_tb {
     display: none !important
 }
 
 .show_tb {
     display: none !important
 }
 
 .show_pc {
     display: block !important
 }
 
 .show_mb {
     display: none !important
 }
 
 @font-face {
     font-family: iconfont;
     src: url(../fonts/font_435344_pihqaadyt1d78pvi.eot);
     src: url(../fonts/font_435344_pihqaadyt1d78pvi.eot) format('embedded-opentype'), url(../fonts/font_435344_pihqaadyt1d78pvi.woff) format('woff'), url(../fonts/font_435344_pihqaadyt1d78pvi.ttf) format('truetype'), url(../fonts/font_435344_pihqaadyt1d78pvi.svg#iconfont) format('svg')
 }
 
 .iconfont {
     font-family: iconfont;
     font-style: normal;
     vertical-align: middle
 }
 
 body {
     overflow-x: hidden
 }
 
 .w_detail {
     margin-bottom: 3%
 }
 
 .w_detail .rel {
     position: relative;
     border-bottom: 1px solid #f0f0f0;
     padding-bottom: 3%
 }
 
 .w_detail .rel .button {
     position: absolute;
     bottom: 0px;
     line-height: 60px;
 }
 
 .w_detail .rel .button .b {
     font-size: 14px;
     color: #999;
     position: fixed;
     top: 50%
 }
 
 .w_detail .rel .button .b span {
     display: inline-block;
     vertical-align: middle;
     width: 50px;
     height: 50px
 }
 
 .w_detail .rel .button.prev {
     left: 0
 }
 
 .w_detail .rel .button.prev .b span {
     background: url(http://xwr.hnxwr.com/det1.png) no-repeat center;
     margin-right: 5px
 }
 
 .w_detail .rel .button.prev .b:hover span {
     background: url(http://xwr.hnxwr.com/det1o.png) no-repeat center
 }
 
 .w_detail .rel .button.next {
     right: 0
 }
 
 .w_detail .rel .button.next .b span {
     background: url(http://xwr.hnxwr.com/det2.png) no-repeat center;
     margin-left: 5px
 }
 
 .w_detail .rel .button.next .b:hover span {
     background: url(http://xwr.hnxwr.com/det2o.png) no-repeat center
 }
 
 .w_detail .main {
     width: 80%
 }
 
 .w_detail .title {
     font-size: 24px;
     color: #333;
     padding: 3% 0 2%
 }
 
 .w_detail .titleEr {
     font-size: 20px;
     /* color: #333; */
     font-weight: bold;
     margin: 4% 0;
 }
 
 .w_detail .data .fl {
     font-size: 14px;
     color: #999
 }
 
 .w_detail .data .fl:first-child {
     margin-right: 3%
 }
 
 .w_detail .content {
     padding: 1% 0 4%;
     line-height: 180%
 }
 
 .recom {
     padding-bottom: 2%
 }
 
 .recom .tit {
     font-size: 24px;
     color: #333;
     border-bottom: 1px solid #f0f0f0;
     padding-bottom: 1%;
     margin-bottom: 2%
 }
 
 .iCase.recom .list .box {
     width: 22.7%
 }
 
 .iNews.recom .list .box {
     width: 22.8%
 }
 
 .banner a {
     display: inline-block;
     height: 472px;
     width: 100%
 }
 
 .header {
     position: fixed;
     width: 100%;
     background: #fff;
     left: 0;
     top: 0;
     z-index: 100
 }
 
 .header .ps {
     padding-top: .7%
 }
 
 .header .ps .m_nav_button {
     color: #ff9a02;
     font-size: 35px;
     display: none;
     cursor: pointer
 }
 
 .header .ps .hSearch {
     position: relative;
     z-index: 55
 }
 
 .header .ps .hSearch img {
     cursor: pointer
 }
 
 .header .ps .hSearch form input {
     position: absolute;
     top: 0;
     display: none
 }
 
 .topForm .text {
     border: 1px solid #d9d9d9;
     border-radius: 100px;
     height: 38px;
     padding: 0 45px 0 0;
     font-size: 15px;
     color: #333;
     width: 140px;
     left: -147px;
     text-indent: 20px
 }
 
 .topForm form .sub {
     width: 40px;
     height: 40px;
     background: url(http://xwr.hnxwr.com/hd1.png) no-repeat center;
     border: none;
     left: 0;
     cursor: pointer;
     vertical-align: middle
 }
 
 .header .ps .hPhone {
     border: 1px solid #e4e4e4;
     font-size: 16px;
     color: #ff9a00;
     font-weight: 700;
     border-radius: 100px;
     padding: 8px 20px;
     margin-left: 10px;
     vertical-align: middle
 }
 
 .header .logo {
     margin-bottom: 2%
 }
 
 .header .nav {
     position: relative
 }
 
 .header .nav .li {
     padding: 0 1.2%
 }
 
 .header .nav .li>a {
     border-bottom: 2px solid transparent;
     padding-bottom: 12px;
     margin-bottom: 12px;
     font-size: 14px;
     color: #333;
     display: inline-block;
     vertical-align: middle
 }
 
 .header .nav .li>a.on {
     border-color: #ff9a02;
     color: #ff9a02
 }
 
 .header .nav .li>a:hover {
     border-color: #ff9a02;
     color: #ff9a02
 }
 
 .header .nav .li:hover .navBox {
     display: block
 }
 
 .header.headMini {
     padding: 1% 0;
     box-shadow: 0 1px 2px #f3f3f3;
 }
 
 .header.headMini .logo {
     width: 24%;
     float: left;
     margin-bottom: 0;
     padding-top: 10px;
 }
 
 .header.headMini .nav {
     position: absolute;
     width: 100%;
     left: 0;
     bottom: 0;
     z-index: 50
 }
 
 .header.headMini .ps {
     float: right;
     padding: 0;
     margin: 1% 0 0
 }
 
 .header .navBox {
     display: none;
     transition: all 3s;
     -webkit-transition: all 3s;
     position: absolute;
     width: 100%;
     top: 100%;
     left: 0;
     z-index: 90;
     background: url(http://xwr.hnxwr.com/nav_bg.png)
 }
 
 .header .navBox .a {
     padding: 15px 0
 }
 
 .header .navBox .a a {
     font-size: 14px;
     color: #595757;
     padding: 0 25px;
     border-left: 1px solid #595757
 }
 
 .header .navBox .a:first-child a {
     border: none
 }
 
 .header .navBox .a:hover a {
     color: #f90
 }
 
 .fadeInDown {
     animation: fadeInDown .5s both;
     -wekit-animation: fadeInDown .5s both
 }
 
 @-webkit-keyframes fadeInDown {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-37px);
         transform: translateY(-37px)
     }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }
 }
 
 @keyframes fadeInDown {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-37px);
         -ms-transform: translateY(-37px);
         transform: translateY(-37px)
     }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0)
     }
 }
 
 #owl-banner {
     width: 100%;
     max-width: 1920px;
     text-align: center;
     margin: 0 auto
 }
 
 #owl-banner .item {
     background: #fff no-repeat center
 }
 
 #owl-banner .owl-controls {
     margin-top: 0
 }
 
 #owl-banner .owl-controls .owl-page span {
     background: 0 0;
     border: 2px solid #ccc;
     width: 8px;
     height: 8px;
     opacity: 1
 }
 
 #owl-banner .owl-controls .owl-page.active span {
     border-color: #ff9801;
     background: #ff9801
 }
 
 #owl-banner .owl-pagination {
     margin-top: 1%;
     position: absolute;
     left: 0;
     bottom: 4%;
     width: 100%
 }
 
 #owl-banner .owl-buttons div {
     display: none
 }
 
 #owl-banner .owl-buttons .owl-prev {
     left: 2%;
     background: url(http://xwr.hnxwr.com/ib_l.png) no-repeat center
 }
 
 #owl-banner .owl-buttons .owl-next {
     right: 2%;
     background: url(http://xwr.hnxwr.com/ib_r.png) no-repeat center
 }
 
 .iTitle {
     text-align: center;
     padding: 4% 0 3%
 }
 
 .iTitle .t1 {
     font-size: 30px;
     color: #666
 }
 
 .iTitle span {
     display: inline-block;
     width: 33px;
     height: 3px;
     background: #ff9801;
     margin: .5% 0
 }
 
 .iTitle .t2 {
     font-size: 20px;
     color: #333
 }
 
 .iCate {
     margin-bottom: 2%;
     text-align: center
 }
 
 .iCate a {
     font-size: 14px;
     color: #333;
     margin: 0 1%
 }
 
 .iCate a.on {
     color: #ff9801
 }
 
 .iCate a:hover {
     color: #ff9801
 }
 
 .index .iPage {
     text-align: center;
     padding-bottom: 3%
 }
 
 .index .iPage .mid {
     margin: 0 .5%
 }
 
 .index .maod_rel {
     position: relative
 }
 
 .index .maod_rel .maod {
     position: absolute;
     top: -20%;
     left: 0
 }
 
 .iCase .list .box {
     width: 31%;
     margin: 0 1.15% 3%
 }
 
 .iCase .list .box4 {
     width: 22.2%;
     margin: 0 1.15% 3%;
     /* border: 1.6px solid #d2d2d2; */
     border-radius: 5px;
 }
 
 .iCase .list .box4 .pic {
     border: 1.6px solid #d2d2d2;
 }
 
 .iCase .list .box .pic {
     background: url(http://xwr.hnxwr.com/loading.gif) no-repeat center
 }
 
 .iCase .list .pic img {
     transition: all 1.2s;
     -webkit-transition: all 1.2s
 }
 
 .iCase .list .t {
     margin-top: 4%;
     width: 100%
 }
 
 .iCase .list .t a {
     font-size: 16px;
     color: #333
 }
 
 .iCase .list .t span {
     font-size: 14px;
     color: #999
 }
 
 #owl-iCase {
     width: 100%;
     max-width: 1920px;
     text-align: center;
     margin: 0 auto;
     padding-bottom: 5%
 }
 
 #owl-iCase .item {
     background: #fff no-repeat center
 }
 
 #owl-iCase .owl-controls {
     margin-top: 0
 }
 
 #owl-iCase .owl-controls .owl-page span {
     display: none
 }
 
 #owl-iCase .owl-pagination {
     position: absolute;
     width: 100%;
     left: 0;
     bottom: 5%;
     text-align: center
 }
 
 #owl-iCase .owl-buttons {
     background: url(http://xwr.hnxwr.com/ip2.png) no-repeat center
 }
 
 #owl-iCase .owl-buttons div {
     display: none;
     /* padding: 0;
     margin: 0 51px;
     opacity: 1;
     width: 52px;
     height: 50px;
     border-radius: 0;
     text-indent: 999px;
     overflow: hidden;
     transition: all .5s */
 }
 
 #owl-iCase .owl-buttons .owl-prev {
     background: #f1f1f1 url(http://xwr.hnxwr.com/ipj1.png) no-repeat center
 }
 
 #owl-iCase .owl-buttons .owl-prev:hover {
     background: #ff9a02 url(http://xwr.hnxwr.com/ipj10.png) no-repeat center
 }
 
 #owl-iCase .owl-buttons .owl-next {
     background: #f1f1f1 url(http://xwr.hnxwr.com/ipj2.png) no-repeat center
 }
 
 #owl-iCase .owl-buttons .owl-next:hover {
     background: #ff9a02 url(http://xwr.hnxwr.com/ipj20.png) no-repeat center
 }
 
 #owl-iNews {
     width: 100%;
     max-width: 1920px;
     margin: 0 auto;
     padding-bottom: 5%
 }
 
 #owl-iNews .item {
     background: #fff no-repeat center
 }
 
 #owl-iNews .owl-controls {
     margin-top: 0
 }
 
 #owl-iNews .owl-controls .owl-page span {
     display: none
 }
 
 #owl-iNews .owl-pagination {
     position: absolute;
     width: 100%;
     left: 0;
     bottom: 5%;
     text-align: center
 }
 
 #owl-iNews .owl-buttons {
     background: url(http://xwr.hnxwr.com/ip2.png) no-repeat center;
     margin-top: 2%
 }
 
 #owl-iNews .owl-buttons div {
     padding: 0;
     margin: 0 51px;
     opacity: 1;
     width: 52px;
     height: 50px;
     border-radius: 0;
     text-indent: 999px;
     overflow: hidden;
     transition: all .5s
 }
 
 #owl-iNews .owl-buttons .owl-prev {
     background: #f1f1f1 url(http://xwr.hnxwr.com/ip1.png) no-repeat center
 }
 
 #owl-iNews .owl-buttons .owl-prev:hover {
     background: #ff9a02 url(http://xwr.hnxwr.com/ipj10.png) no-repeat center
 }
 
 #owl-iNews .owl-buttons .owl-next {
     background: #f1f1f1 url(http://xwr.hnxwr.com/ip3.png) no-repeat center
 }
 
 #owl-iNews .owl-buttons .owl-next:hover {
     background: #ff9a02 url(http://xwr.hnxwr.com/ipj20.png) no-repeat center
 }
 
 .index .iAbout .wrap {
     position: relative;
     background: #f6f6f6
 }
 
 .index .iAbout .pic {
     width: 50%;
     position: relative
 }
 
 .index .iAbout .pic .ivdo {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     z-index: 5
 }
 
 .index .iAbout .pic .ivdo iframe {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     z-index: 5
 }
 
 .index .iAbout .pic .ivdo video {
     width: 100%;
     background: #f6f6f6
 }
 
 .index .iAbout .pic .button {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 10;
     background: url(http://xwr.hnxwr.com/iab2.png) no-repeat center;
     cursor: pointer;
     display: none
 }
 
 .index .iAbout .words {
     position: absolute;
     width: 50%;
     height: 100%;
     right: 0;
     top: 0
 }
 
 .index .iAbout .words .bf {
     width: 85%;
     margin: 0 auto;
     font-size: 14px;
     color: #666;
     line-height: 180%;
 }
 
 .wordbf {
     margin-top: 2%;
     font-size: 14px;
     color: #666;
     line-height: 180%;
     height: 52px;
     padding: 0 20px;
     box-sizing: border-box;
 }
 
 .index .iAbout .words .m {
     margin-top: 5%
 }
 
 .index .iAbout .words .m a {
     display: inline-block;
     font-size: 14px;
     color: #333;
     padding: 1.5% 4%;
     border: 1px solid #999
 }
 
 .iNews .list {
     margin-bottom: 1%
 }
 
 .iNews .list .box {
     position: relative;
     width: 23%;
     margin: 0 1%;
     border-bottom: 2px solid #ddd;
     cursor: pointer
 }
 
 .iNews .list .box:after {
     width: 0;
     height: 2px;
     background: #096ed6;
     transition: all .7s;
     -webkit-transition: all .7s;
     position: absolute;
     bottom: -2px;
     left: 0;
     content: ""
 }
 
 .iNews .list .box .pic.img {
     background-size: auto !important
 }
 
 .iNews .list .box .t {
     margin: 4% 0
 }
 
 .iNews .list .box .t a {
     font-size: 16px;
     color: #333;
     width: 95%;
     height: 22px
 }
 
 .iNews .list .box .bf {
     font-size: 14px;
     color: #777;
     line-height: 25px;
     word-break: break-all;
     text-align: left;
     height: 50px;
     overflow: hidden
 }
 
 .iNews .list .box .date {
     font-size: 14px;
     color: #999;
     padding: 5% 0;
     text-align: left
 }
 
 .iNews .list .box .date img {
     margin-left: 3%
 }
 
 .iNews .list .box:hover .t a {
     color: #096ed6
 }
 
 .iNews .list .box:hover:after {
     width: 100%
 }
 
 .foot {
     overflow: hidden
 }
 
 .foot .list {
     background: #333;
     padding: 2% 0 3%
 }
 
 .foot .list .box {
     width: 10%;
     margin-right: 10%
 }
 
 .foot .list .box .tt a {
     font-size: 16px;
     color: #888;
     display: block;
     border-bottom: 1px solid #484848;
     padding-bottom: 15px;
     margin-bottom: 25px
 }
 
 .foot .list .box ul li {
     line-height: 200%
 }
 
 .foot .list .box ul li a {
     font-size: 14px;
     color: #ccc
 }
 
 .foot .list .box.last {
     width: 37%;
     margin-right: 0
 }
 
 .foot .list .box.last .fContact .p {
     font-size: 25px;
     color: #ff9801
 }
 
 .foot .list .box.last .fContact .d {
     font-size: 14px;
     color: #666;
     padding: 4% 0 20%
 }
 
 .foot .list .box.last .fContact .ol {
     background: #3f3f3f;
     border-radius: 6px;
     padding: 4% 0
 }
 
 .foot .list .box.last .fContact .ol a {
     color: #fff;
     font-size: 17px
 }
 
 .foot .list .box.last .fContact .ol img {
     margin-right: 10px
 }
 
 .foot .cpr {
     background: #222;
     padding: 1% 0
 }
 
 .foot .cpr a {
     color: #666
 }
 
 .foot .cpr .w {
     font-size: 14px;
     color: #666
 }
 
 .foot .cpr .share a {
     padding: 0 5px
 }
 
 .position .wrap {
     background: #f0f0f0;
     padding: 1.5% 0
 }
 
 .position .loc {
     font-size: 14px;
     color: #999;
     margin-left: 3%
 }
 
 .position .loc a {
     font-size: 14px;
     color: #999
 }
 
 .position .loc a:last-child {
     color: #f90
 }
 
 .position .loc span {
     font-size: 14px;
     color: #999
 }
 
 .position .back {
     margin-right: 3%
 }
 
 .position .back a {
     font-size: 14px;
     color: #666
 }
 
 .case {
     padding-bottom: 5%
 }
 
 .case .sear {
     font-size: 24px;
     color: #333;
     text-indent: 20px;
     margin-bottom: 2%
 }
 
 .news .list .box {
     width: 23%
 }
 
 .iNews.news .list .box {
     margin-bottom: 1%
 }
 
 .iNews.news .list .box .pic {
     background: url(http://xwr.hnxwr.com/loading.gif) no-repeat center
 }
 
 .img.noPic {
     background: url(http://xwr.hnxwr.com/nopic.png) no-repeat center !important;
     background-size: 30% auto !important
 }
 
 .contact .main {
     max-width: 1500px;
     width: 98%;
     margin: 0 auto
 }
 
 .contact .c_tit {
     height: 32px;
     line-height: 32px;
     text-align: center;
     font-size: 18px;
     color: #757575
 }
 
 .contact .c_tit_en {
     height: 16px;
     line-height: 16px;
     font-size: 12px;
     color: #757575;
     text-align: center
 }
 
 .contact .c_cup {
     margin-top: 52px;
     padding-bottom: 48px;
     border-bottom: 1px solid #e5e5e5
 }
 
 .contact .c_cup .c_li {
     width: 25%;
     background: url(http://xwr.hnxwr.com/c_li.jpg) no-repeat left center;
     margin-bottom: 50px
 }
 
 .contact .c_cup .bgn {
     background: 0 0
 }
 
 .contact .c_cup .c_li .c_pic {
     height: 70px;
     width: 100%
 }
 
 .contact .c_cup .c_li .c1 {
     background: url(http://xwr.hnxwr.com/c1.jpg) no-repeat center top
 }
 
 .contact .c_cup .c_li .c2 {
     background: url(http://xwr.hnxwr.com/c2.jpg) no-repeat center top
 }
 
 .contact .c_cup .c_li .c3 {
     background: url(http://xwr.hnxwr.com/c3.jpg) no-repeat center top
 }
 
 .contact .c_cup .c_li .c4 {
     background: url(http://xwr.hnxwr.com/c4.jpg) no-repeat center top
 }
 
 .contact .c_cup .c_li .one {
     line-height: 24px;
     text-align: center;
     color: #757575;
     font-size: 14px
 }
 
 .contact .form {
     padding: 0 0 5%
 }
 
 .contact .c_row {
     width: 32%;
     margin-left: 2%;
     margin-bottom: 30px
 }
 
 .contact .c_row.noml {
     margin-left: 0
 }
 
 .contact .c_row .user {
     width: 100%;
     border: 1px solid #e3e3e3;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     behavior: url(/pie/pie.htc);
     position: relative;
     padding: 0 18px;
     height: 48px;
     line-height: 48px;
     color: #999;
     font-size: 14px
 }
 
 .contact .m_row {
     margin-bottom: 30px
 }
 
 .contact .m_row .mess {
     border-radius: 5px;
     padding: 14px 18px;
     line-height: 28px;
     font-size: 14px;
     color: #999;
     width: 100%;
     border: 1px solid #e3e3e3;
     min-height: 200px
 }
 
 .contact .c_submit {
     width: 150px;
     height: 50px;
     background: #ff9c0b;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     behavior: url(http://xwr.hnxwr.com/pie.htc);
     position: relative;
     margin: 0 auto
 }
 
 .contact .c_submit .mit {
     height: 50px;
     width: 150px;
     border: none;
     background: 0 0;
     line-height: 50px;
     font-size: 16px;
     color: #fff;
     cursor: pointer
 }
 
 .right_menu {
     position: fixed;
     right: -80px;
     top: 38%;
     z-index: 90
 }
 
 .right_menu.show {
     right: 0
 }
 
 .right_menu .relat {
     position: relative
 }
 
 .right_menu .relat .button {
     position: absolute;
     bottom: 44%;
     right: 100%;
     background: url(http://xwr.hnxwr.com/rp_bg.png);
     cursor: pointer;
     width: 20px;
     padding: 5px 0;
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px
 }
 
 .right_menu.show .relat .button img {
     transform: rotate(180deg)
 }
 
 .right_menu.right {
     position: fixed;
     right: 0;
     top: 25%
 }
 
 .right_menu .box {
     width: 80px;
     padding: 10px 0;
     margin-bottom: 1px;
     background: url(http://xwr.hnxwr.com/rp_bg.png);
     cursor: pointer;
     font-size: 12px;
     color: #fff
 }
 
 .right_menu .box img {
     margin-bottom: 5px;
     width: 25px
 }
 
 .right_menu .box a {
     font-size: 12px;
     color: #fff
 }
 
 .right_menu .box.call {
     position: relative
 }
 
 .right_menu .box.call:hover .op0 {
     opacity: 0;
     visibility: hidden
 }
 
 .right_menu .box.call:hover .form {
     width: 330px
 }
 
 .right_menu .box.hide {
     background: 0 0
 }
 
 .right_menu .box.hide .op0 {
     opacity: 0;
     visibility: hidden
 }
 
 .right_menu .box.call .form {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     background: url(http://xwr.hnxwr.com/rp_bg.png);
     width: 0
 }
 
 .right_menu .box.call .form.open {
     width: 330px
 }
 
 .right_menu .box.call .form .width {
     width: 235px;
     margin-left: 15px;
     font-size: 14px;
     line-height: 61px
 }
 
 .right_menu .box.call .form .close {
     font-size: 12px;
     color: #fff;
     display: none
 }
 
 .right_menu .box.call .form .w {
     font-size: 14px;
     color: #fff;
     margin-bottom: 5px
 }
 
 .right_menu .box.call .form .text {
     width: 207px;
     height: 28px;
     background: #fff;
     color: #ff9c0b;
     text-indent: 10px;
     border: none;
     margin-right: 1px
 }
 
 .right_menu .box.call .form .sub {
     color: #fff;
     background: #ff9c0b;
     width: 86px;
     height: 28px;
     border: none
 }
 
 .mb_nav {
     position: fixed;
     left: -300px;
     top: 0;
     background: #fff;
     z-index: 95;
     width: 300px;
     height: 100%;
     transition: left .5s
 }
 
 .mb_nav .li {
     display: block;
     margin: 0;
     border-bottom: 1px solid #efefef
 }
 
 .mb_nav .li>a {
     margin-bottom: 0;
     display: block;
     font-size: 18px;
     padding: 7% 0
 }
 
 .mb_nav .li>a.on {
     border-color: transparent;
     color: #ff9a02
 }
 
 .mb_nav .li>a:hover {
     border-color: #ff9a02;
     color: #ff9a02
 }
 
 .mb_nav .navBox {
     display: none !important
 }
 
 .mask {
     background: url(http://xwr.hnxwr.com/mask.png);
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 90;
     visibility: hidden;
     opacity: 0;
     transition: all .5s;
     -webkit-transition: all .5s
 }
 
 .mask.mask_visible {
     visibility: visible;
     opacity: 1
 }
 
 .mbiCate {
     text-align: center;
     margin-bottom: 3%
 }
 
 .mbiCate select {
     border: solid 1px #d8d8d8;
     text-align: center;
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     background: url(http://xwr.hnxwr.com/arrow.png) no-repeat scroll 95% center transparent;
     padding: 5px 25px 5px 15px;
     color: #565656;
     border-radius: 4px
 }
 
 .mbiCate select::-ms-expand {
     display: none
 }
 
 .pub_turn_page {
     margin: 21px 0;
     font-size: 0;
     text-align: center
 }
 
 .pub_turn_page a,
 .pub_turn_page font,
 .pub_turn_page select {
     display: inline-block;
     margin: 5px;
     padding: 10px 14px;
     font-size: 14px;
     border: 1px solid #e3e3e3;
     border-radius: 5px;
     outline: 0;
     background: #fff
 }
 
 .pub_turn_page .page_item_current {
     color: #fff;
     background: #ff9a02;
     border-color: #ff9a02
 }
 /* 新增 */
 
 .xtgs img {
     margin-right: 2%;
 }
 
 .xtgs p {
     padding-top: 10%;
 }
 
 .content .blueP .blueSpan {
     font-weight: bold;
     color: #023982;
 }
 
 .liBox {
     width: 31%;
     padding: 3%;
     height: 190px;
     margin: 0 1%;
     margin-bottom: 10px;
     transition: all .2s;
     box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
     border-radius: 2px;
     box-sizing: border-box;
     cursor: pointer;
 }
 
 .liBox .liBoxT {
     font-size: 18px;
     line-height: 20px;
     text-align: center;
     color: #252b3a;
     font-weight: 700;
 }
 
 .liBox:hover {
     -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .1);
     box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .1);
 }
 
 .liBox:hover .sk {
     width: 40px;
     background-color: #ff9a00;
 }
 
 .liBox .liBoxP {
     font-size: 13px;
     line-height: 160%;
 }
 
 .liBox .sk {
     width: 32px;
     height: 3px;
     background-color: #8a8e99;
     transition: all .2s;
     margin: 0 auto;
     margin-top: 10px;
 }
 
 .liBoxPad {
     width: 31%;
     padding: 3%;
     margin: 0 1%;
     margin-bottom: 2%;
     border: 1px solid #7c7c7c;
     border-radius: 2px;
     box-sizing: border-box;
     cursor: pointer;
     text-align: center;
     font-weight: 700;
 }
 
 .mkw {
     width: 48%;
 }
 /* 企业资质 */
 
 .zsBox {
     width: 31%;
     border: 1px solid #096cce;
     margin: 0 1%;
     margin-bottom: 4%;
 }
 
 .imgSm {
     height: 40px;
     padding: 10px 0;
     line-height: 20px;
     background: #096cce;
     text-align: center;
     color: #fff;
     font-size: 14px;
 }
 
 .lh {
     line-height: 40px;
 }
 /* 首页资质荣誉 */
 
 @media only screen and (max-width:1800px) {
     .header .ps .hPhone {
         margin-right: 10px
     }
     .w_detail .main,
     .wrap {
         width: 97%
     }
 }
 
 @media only screen and (max-width:1680px) {
     .foot .list .box.last .ewm div {
         width: 49%;
         margin: 0 .5%
     }
 }
 
 @media only screen and (max-width:1440px) {
     .foot .list .box.last .fContact .d {
         padding-bottom: 20px
     }
     .right_menu {
         top: 20%
     }
     .header .nav .li {
         margin: 0 1.5%
     }
     .foot .list .box.last .ewm {
         width: 50%
     }
 }
 
 @media only screen and (max-width:1280px) {
     .foot .list .box.last .fContact .p {
         font-size: 24px
     }
     .right_menu {
         display: none
     }
     .header .ps .hSearch form .text {
         width: 100px;
         left: -107px
     }
     .header .nav .li {
         margin: 0 1%
     }
 }
 
 @media only screen and (max-width:1024px) {
     .header .logo {
         float: left;
         margin-bottom: 0
     }
     .header .ps {
         float: right;
         padding: 0;
         margin-top: 1%
     }
     .header .ps .hPhone {
         display: none
     }
     .header .ps .hSearch {
         margin-right: 10px
     }
     .header .nav {
         display: none
     }
     .header .ps .m_nav_button {
         display: inline-block
     }
     .header.trans .logo {
         width: 300px
     }
     .mb_nav.show {
         left: 0
     }
     .foot .list .box {
         width: 32%;
         margin-right: 1%
     }
     .foot .list .box.last {
         width: 100%
     }
     .clear1024 {
         clear: both
     }
     .foot .list .box ul {
         display: none
     }
     .foot .list .box.last {
         display: block;
         width: 98%;
         margin: 0 auto;
         float: none
     }
     .foot .list .box .tt {
         text-align: center
     }
     .foot .cpr .w {
         width: 100%;
         margin: 0 auto;
         float: none;
         text-align: center
     }
     .foot .cpr .share {
         width: 100%;
         margin: 3px 0;
         float: none;
         text-align: center
     }
 }
 
 @media only screen and (max-width:992px) {
     .show_pc {
         display: none !important
     }
     .show_tb {
         display: block !important
     }
     .w_detail .content img {
         width: auto !important;
         height: auto !important;
         max-width: 100%;
         max-height: 100%
     }
     .clear992 {
         clear: both
     }
     .contact .c_cup .c_li {
         width: 50%
     }
     .iCase.recom .list .box {
         width: 47.7%
     }
     .iCate {
         display: none
     }
     .header.trans {
         padding: 2% 0
     }
     .index .iAbout .pic {
         width: 100%;
         float: none;
         text-align: center;
         overflow: hidden
     }
     .index .iAbout .words {
         position: unset;
         width: 100%;
         padding: 0% 0 6%
     }
     .iNews.recom .list .box,
     .iNews .list .box {
         width: 48%
     }
     .w_detail .rel .button {
         display: none
     }
     .iCase .list .box {
         width: 47%
     }
     .iCase .list .box4 {
         width: 47%
     }
 }
 
 @media only screen and (max-width:768px) {
     .contact .c_row {
         width: 100%;
         float: none;
         margin-left: 0
     }
     .iTitle .t1 {
         font-size: 23px
     }
     .iTitle .t2 {
         font-size: 16px
     }
 }
 
 @media only screen and (max-width:640px) {
     .show_tb {
         display: none !important
     }
     .show_mb {
         display: block !important
     }
     .clear640 {
         clear: both
     }
     .contact .c_cup .c_li {
         width: 100%;
         background: 0 0
     }
     .header.trans {
         padding: 4% 0
     }
     .header .ps .hSearch {
         display: none
     }
     .header.trans .logo {
         float: left;
         margin-bottom: 0;
         width: 300px
     }
     .header .ps {
         float: right;
         padding: 0;
         margin: 1% 0 0
     }
     .iCase .list .box .t a {
         font-size: 14px
     }
     .iCase .list .box .t span {
         font-size: 12px
     }
     .foot .list .box.last .fContact {
         float: none;
         text-align: center;
         margin-bottom: 4%
     }
     .foot .list .box.last .ewm {
         float: none;
         text-align: center;
         width: 100%
     }
     .foot .list .box.last .ewm .fl,
     .foot .list .box.last .ewm .fr {
         display: inline-block;
         float: none;
         margin: 0;
         width: 48%
     }
     .foot .list {
         padding: 6% 0
     }
     .foot .cpr {
         padding: 3% 0
     }
     .iTitle {
         padding: 6% 0
     }
     .index .iAbout .words .bf {
         font-size: 13px
     }
     .wordbf {
         font-size: 13px;
     }
     .iNews .list .box .bf {
         font-size: 12px
     }
     .w_detail .title {
         font-size: 20px
     }
     .w_detail .data {
         text-align: center
     }
     .w_detail .data .fl {
         float: none;
         display: inline-block
     }
     .zsBox {
         width: 30.5%;
     }
     .imgSm {
         height: 60px;
     }
     .lh {
         line-height: 20px;
         height: 40px;
     }
 }
 
 @media only screen and (max-width:450px) {
     .header.trans .logo {
         width: 250px
     }
 }
 
 @media only screen and (max-width:375px) {}
 
 .pagess {
     clear: both;
     margin: 20px;
     overflow: hidden;
     margin-left: 0;
     text-align: center;
     font-size: 12px
 }
 
 .pagess ul li {
     display: inline-block;
     border: 1px solid #ccc;
     padding: 2px 9px;
     margin: 0 3px;
     line-height: 20px;
     background: #fff;
     color: #999
 }
 
 .pagess ul li:hover {
     background: #ccc;
     color: #fff;
     border: 1px solid #ccc
 }
 
 .pagess ul li:hover a {
     color: #fff
 }
 
 .pagess ul li.thisclass {
     display: inline-block;
     border: 1px solid #ccc;
     padding: 2px 9px;
     margin: 0 3px;
     background: #ccc;
     color: #fff
 }
 
 .pagess ul li.thisclass a {
     color: #fff
 }
 
 .pagess ul li a {
     display: block;
     color: #999
 }
 
 .pagess ul li a:hover {
     color: #fff
 }